/* ========================================================================
   ADIP RMX — Dashboard Switcher (shared: dashboard lama & dashboard baru)
   Non-destructive add-on. Tidak mengubah style asli, hanya menambah.
   ======================================================================== */

.dash-switcher-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.18);
    background: linear-gradient(135deg, #1a1a1a, #0a0a0a);
    color: #fff;
    font-family: var(--font-primary, 'Inter', sans-serif);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease;
    overflow: hidden;
}

.dash-switcher-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.15), transparent);
    transform: translateX(-120%);
    transition: transform 0.6s ease;
}

.dash-switcher-btn:hover {
    border-color: rgba(255,255,255,0.4);
    box-shadow: 0 0 18px rgba(255,255,255,0.12);
    transform: translateY(-1px);
}

.dash-switcher-btn:hover::before {
    transform: translateX(120%);
}

.dash-switcher-btn i,
.dash-switcher-btn .dsw-emoji {
    font-size: 13px;
}

.dash-switcher-btn.dash-switcher-new {
    border-color: rgba(255,255,255,0.35);
}

.dash-switcher-btn.dash-switcher-old {
    background: transparent;
    border: 1px dashed rgba(255,255,255,0.3);
    color: rgba(255,255,255,0.75);
    padding: 7px 12px;
}

.dash-switcher-btn.dash-switcher-old:hover {
    color: #fff;
    border-style: solid;
}

@media (max-width: 640px) {
    .dash-switcher-btn .dsw-label {
        display: none;
    }
    .dash-switcher-btn {
        padding: 8px 10px;
    }
}