/* Shared styles for the "copy range" popover. Click feedback uses the
   global toast helper (toast.js) so no copy-specific toast CSS lives
   here. Loaded by the public viewer modal (range_viewer_public.html)
   and the single-range owner page (range_viewer.html). */

.viewer-header-actions,
.rvp-modal-copy-wrap,
.viewer-copy-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.rvp-modal-copy-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 50;
    min-width: 220px;
    max-height: 60vh;
    overflow-y: auto;
    background: var(--pk-container, var(--bg-secondary, #1a1d22));
    border: 1px solid var(--pk-container-border, var(--border-color, rgba(255,255,255,0.08)));
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    padding: 0.35rem;
}

.rvp-copy-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--pk-text-primary, var(--text-primary, #fff));
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
}

.rvp-copy-item:hover {
    background: var(--pk-background, var(--bg-primary, rgba(255,255,255,0.04)));
}

.rvp-copy-item-all {
    font-weight: 600;
    border-bottom: 1px solid var(--pk-container-border, var(--border-color, rgba(255,255,255,0.08)));
    border-radius: 6px 6px 0 0;
    margin-bottom: 0.25rem;
    padding-bottom: 0.55rem;
}

.rvp-copy-swatch {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.rvp-copy-swatch-all {
    background: linear-gradient(
        135deg,
        var(--pk-accent, var(--md-orange, #c1440e)) 0%,
        var(--pk-accent-secondary, var(--md-deep-red, #9a222b)) 100%
    );
}

.rvp-copy-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}