/* WMiNET Liquid Bars - safe layer only */

/* TOPBAR / NAVBAR ONLY */
.topbar,
.navbar,
.tc-topbar{
    background:
        linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
    box-shadow:
        0 16px 45px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* HAMBURGER LIQUID, warna merah tetap */
.toggle-btn{
    background:
        linear-gradient(135deg, rgba(239,68,68,.95), rgba(153,27,27,.82)) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    box-shadow:
        0 16px 34px rgba(179,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* NOTIF + PROFILE PILL */
.notif-btn,
.profile-btn{
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.07)) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    backdrop-filter: blur(22px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* PROFILE DROPDOWN / NOTIF BOX */
.profile-dropdown,
.notif-box{
    background:
        linear-gradient(135deg, rgba(15,23,42,.88), rgba(30,41,59,.72)) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    backdrop-filter: blur(28px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(170%) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.32) !important;
}

/* SIDEBAR LIQUID DARK */
.sidebar{
    background:
        linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.68)) !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    backdrop-filter: blur(28px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(170%) !important;
    box-shadow: 18px 0 55px rgba(0,0,0,.32) !important;
}

.sidebar a{
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
}

.sidebar a:hover,
.sidebar a.active{
    background:
        linear-gradient(135deg, rgba(239,68,68,.34), rgba(255,255,255,.08)) !important;
    border-color: rgba(239,68,68,.35) !important;
}