/**
 * Theme dropdown in header — VIP Codec style (.vip-theme-quick).
 */
.dgs-theme-quick {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0.35rem 0 0.15rem;
}

.dgs-theme-quick-label {
    font-size: 0.72rem;
    color: var(--dgs-p-muted, #94a3b8);
    font-weight: 600;
    white-space: nowrap;
}

.dgs-theme-quick-select {
    appearance: none;
    border: 1px solid var(--dgs-p-border, rgba(148, 163, 184, 0.25));
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--dgs-p-surface, #151921) 85%, transparent);
    color: var(--dgs-p-text, #e8edf7);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.28rem 1.6rem 0.28rem 0.65rem;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, var(--dgs-p-muted, #94a3b8) 50%),
        linear-gradient(135deg, var(--dgs-p-muted, #94a3b8) 50%, transparent 50%);
    background-position: calc(100% - 14px) calc(50% - 2px), calc(100% - 9px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    max-width: 8.5rem;
    line-height: 1.2;
}

.dgs-theme-quick-select:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--dgs-accent, #3b82f6) 55%, var(--dgs-p-border, #334155));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dgs-accent, #3b82f6) 25%, transparent);
}

.dgs-theme-quick-select:disabled {
    opacity: 0.65;
    cursor: wait;
}

@media (max-width: 1024px) {
    .dgs-theme-quick-select {
        max-width: 7rem;
        font-size: 0.68rem;
    }
}