/* ZyroDevv V1.7.2-HF51 — sidebar menyatu dengan UI buyer */
@media (max-width:780px){
  body:not(.admin-body) .sidebar{
    z-index:90!important;width:min(84vw,340px)!important;padding:20px 16px max(28px,env(safe-area-inset-bottom))!important;
    color:#162b3d!important;
    background:radial-gradient(circle at 12% 2%,rgba(31,190,224,.17),transparent 27%),linear-gradient(180deg,#fbfeff 0%,#f3f9ff 48%,#edfafa 100%)!important;
    border-right:2px solid #27465a!important;box-shadow:18px 0 48px rgba(20,46,72,.20)!important;opacity:1!important;filter:none!important;
  }
  body:not(.admin-body) .sidebar.open~.sidebar-backdrop{display:block!important;opacity:1!important;pointer-events:auto!important;z-index:70!important;background:rgba(20,42,62,.30)!important;backdrop-filter:blur(2px)!important}
  body:not(.admin-body) .side-brand{gap:13px!important;margin-bottom:16px!important;padding:3px 6px 20px!important;border-bottom:2px solid #d0e0ea!important}
  body:not(.admin-body) .side-brand strong{color:#13283b!important;font-weight:900!important;text-shadow:none!important}
  body:not(.admin-body) .side-brand small{color:#667b8f!important;font-weight:700!important}
  body:not(.admin-body) .side-brand img{border:2px solid #315168!important;box-shadow:0 4px 0 rgba(40,70,90,.14)!important}
  body:not(.admin-body) .user-card{margin:0 4px 19px!important;padding:14px!important;background:#fff!important;color:#13283b!important;border:2px solid #315168!important;border-radius:22px!important;box-shadow:0 6px 0 rgba(40,70,90,.13),0 14px 28px rgba(20,46,72,.07)!important}
  body:not(.admin-body) .user-card b{color:#13283b!important;font-weight:900!important}
  body:not(.admin-body) .user-card img{border:2px solid #315168!important;box-shadow:0 3px 0 rgba(40,70,90,.12)!important}
  body:not(.admin-body) .role-chip{background:#eef6ff!important;border:1.5px solid #9cb9df!important;color:#2359b8!important}
  body:not(.admin-body) .side-label{color:#5d7387!important;font-weight:900!important}
  body:not(.admin-body) .nav{gap:6px!important}
  body:not(.admin-body) .nav a{min-height:50px!important;padding:12px 13px!important;color:#30485c!important;background:transparent!important;border:1.5px solid transparent!important;border-radius:16px!important;font-size:14px!important;font-weight:850!important;opacity:1!important;text-shadow:none!important}
  body:not(.admin-body) .nav a span{color:inherit!important;opacity:1!important}
  body:not(.admin-body) .nav a:hover{background:#edf6ff!important;border-color:#d4e5f3!important;color:#17324a!important}
  body:not(.admin-body) .nav a.active{background:linear-gradient(100deg,#18b7d5 0%,#2580eb 52%,#7340ee 100%)!important;color:#fff!important;border-color:#315168!important;box-shadow:0 5px 0 #243f51,0 12px 25px rgba(37,128,235,.18)!important}
  body:not(.admin-body) .side-footer{border-top:1px solid #d6e5ef!important;padding-top:16px!important}
}