/* ═══════════════════════════════════════════════════════════════
   FRESHZONE PREMIUM GLOBAL UPGRADE v2.0 — FULL GLASSMORPHISM
   ═══════════════════════════════════════════════════════════════ */

/* ── SCROLL TO TOP — RIGHT GLASS BUTTON ── */
#back-to-top {
    left: auto !important;
    right: 1.25rem !important;
    bottom: 5.5rem !important;
    z-index: 999 !important;
    border-radius: 50% !important;
    width: 3.25rem !important;
    height: 3.25rem !important;
    background: linear-gradient(135deg, rgba(0,180,216,0.95), rgba(14,207,239,0.92)) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 
        0 8px 28px rgba(0,78,122,0.35),
        inset 0 1px 0 rgba(255,255,255,0.4) !important;
    transition: all 0.28s cubic-bezier(0.4,0,0.2,1.2) !important;
}
#back-to-top:hover {
    transform: translateY(-4px) scale(1.1) !important;
    box-shadow: 
        0 16px 40px rgba(0,180,216,0.45),
        inset 0 1px 0 rgba(255,255,255,0.6) !important;
}

/* ── NAV GLASS ── */
nav {
    background: rgba(0,68,110,0.94) !important;
    backdrop-filter: blur(32px) saturate(220%) !important;
    border-bottom: 1px solid rgba(0,180,216,0.35) !important;
    box-shadow: 
        0 4px 0 rgba(0,180,216,0.3),
        0 12px 48px rgba(0,30,60,0.45),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}
.nav-links a {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: rgba(225,245,255,0.98) !important;
    padding: 0.6rem 1.2rem !important;
    border-radius: 16px !important;
    font-weight: 700 !important;
    backdrop-filter: blur(16px) !important;
    margin-right: 0.45rem !important;
}
.nav-links a:hover {
    background: rgba(255,255,255,0.25) !important;
    transform: translateY(-2px) scale(1.02) !important;
}
.nav-links a.active {
    background: linear-gradient(135deg, rgba(0,180,216,1), rgba(14,207,239,0.98)) !important;
}

/* ── GLASS CARDS ── */
.glass-card, .card, .aq-card {
    background: rgba(248,253,255,0.97) !important;
    backdrop-filter: blur(32px) saturate(220%) brightness(1.02) !important;
    border: 1px solid rgba(255,255,255,0.88) !important;
    border-radius: 24px !important;
    box-shadow: 
        0 0 0 1px rgba(255,255,255,0.35),
        0 32px 80px rgba(0,40,100,0.25),
        0 12px 36px rgba(0,0,0,0.14),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}
.glass-card:hover, .card:hover, .aq-card:hover {
    transform: translateY(-10px) !important;
}

/* ── MASTHEAD ── */
.fz-masthead, .hero, .page-hero, .dashboard-masthead {
    background: linear-gradient(160deg, rgba(232,248,255,0.98) 0%, rgba(210,237,255,0.96) 100%) !important;
    backdrop-filter: blur(36px) saturate(220%) brightness(1.03) !important;
    border: 1px solid rgba(255,255,255,0.88) !important;
    border-radius: 28px !important;
}

/* ── LOGOUT MODAL — FIXED COLORS ONLY ── */
.modal-btn-group .confirm-btn {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    color: white !important;
    font-weight: 800 !important;
}
.modal-btn-group .cancel-btn {
    background: rgba(255,255,255,0.25) !important;
    color: #334155 !important;
    font-weight: 600 !important;
}
[data-theme="dark"] .modal-btn-group .cancel-btn {
    background: rgba(71,85,105,0.3) !important;
    color: #e2e8f0 !important;
}

/* END — FULL PREMIUM UI/UX RESTORED + LOGOUT FIXED */