/* ═══════════════════════════════════════
   UNIFIED SIDEBAR CSS - Based on orders.html
   ═══════════════════════════════════════ */
:root{
  --primary:#7a1832;--primary-light:#a61d44;--primary-dark:#4f1024;
  --accent:#1f9d55;--accent-h:#157347;--gold:#c69214;
  --sidebar-w:252px;
}
.sidebar, #sidebar{
  width:var(--sidebar-w) !important;
  background:var(--primary-dark) !important;
  color:#fff !important;
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  height:100vh !important;
  overflow-y:auto !important;
  z-index:100 !important;
  display:flex !important;
  flex-direction:column !important;
  box-shadow:none !important;
  font-family:'Cairo',sans-serif !important;
  padding:0 !important;
}
.sidebar::-webkit-scrollbar, #sidebar::-webkit-scrollbar{width:3px !important}
.sidebar::-webkit-scrollbar-thumb, #sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15) !important;border-radius:3px !important}
.main, #mainContent, .content, .main-body, .main-wrap, .page-content{margin-right:256px !important;font-family:'Cairo',sans-serif !important;min-height:100vh !important}
@media(max-width:768px){
  .sidebar, #sidebar{transform:translateX(100%) !important}
  .sidebar.open, #sidebar.open{transform:translateX(0) !important}
  .main, #mainContent, .content{margin-right:0 !important}
}
.sb-brand{padding:.9rem 1rem !important;border-bottom:1px solid rgba(255,255,255,.08) !important;display:flex !important;align-items:center !important;gap:.5rem !important}
.sb-logo{width:34px !important;height:34px !important;background:var(--accent) !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:.88rem !important;flex-shrink:0 !important}
.sb-title{color:#fff !important;font-size:.9rem !important;font-weight:800 !important}
.sb-sub{color:rgba(255,255,255,.38) !important;font-size:.63rem !important}
.sb-user{padding:.68rem 1rem !important;border-bottom:1px solid rgba(255,255,255,.08) !important;display:flex !important;align-items:center !important;gap:.48rem !important}
.sb-av{width:32px !important;height:32px !important;border-radius:50% !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:.73rem !important;font-weight:700 !important;flex-shrink:0 !important}
.sb-uname{font-size:.77rem !important;font-weight:700 !important;color:#fff !important;line-height:1.2 !important}
.sb-urole{font-size:.63rem !important;color:rgba(255,255,255,.42) !important}
.sb-nav, #sbNav{padding:.35rem 0 !important;flex:1 1 auto !important}
.sb-sec{color:rgba(255,255,255,.27) !important;font-size:.61rem !important;font-weight:700 !important;padding:.52rem 1rem .18rem !important;letter-spacing:.07em !important;text-transform:uppercase !important;display:block !important;font-family:'Cairo',sans-serif !important}
.sb-link, #sbNav a{display:flex !important;align-items:center !important;gap:.48rem !important;padding:.46rem 1rem !important;color:rgba(255,255,255,.65) !important;font-size:.77rem !important;cursor:pointer !important;transition:.13s !important;border-left:2px solid transparent !important;text-decoration:none !important;font-family:'Cairo',sans-serif !important;background:transparent !important;white-space:nowrap !important;overflow:hidden !important}
.sb-link:hover, #sbNav a:hover{color:#fff !important;background:rgba(255,255,255,.06) !important}
.sb-link.active, #sbNav a.active{color:#fff !important;background:rgba(255,255,255,.1) !important;border-left-color:var(--accent) !important}
.sb-icon, .sb-ic{font-size:1rem !important;width:18px !important;text-align:center !important;flex-shrink:0 !important;line-height:1 !important}
.sb-cnt{font-size:.61rem !important;padding:.09rem .38rem !important;border-radius:50px !important;font-weight:800 !important;flex-shrink:0 !important}
.cg{background:var(--accent) !important;color:#fff !important}
.cr{background:#dc2626 !important;color:#fff !important}
.co{background:var(--gold) !important;color:#fff !important}
.sb-foot{padding:.68rem 1rem !important;border-top:1px solid rgba(255,255,255,.08) !important;flex-shrink:0 !important}
.sb-foot-btn{display:flex !important;align-items:center !important;gap:.48rem !important;padding:.33rem .48rem !important;color:rgba(255,255,255,.46) !important;font-size:.75rem !important;cursor:pointer !important;border-radius:8px !important;transition:.13s !important;background:none !important;border:none !important;width:100% !important;font-family:'Cairo',sans-serif !important}
.sb-foot-btn:hover{color:#fff !important;background:rgba(255,255,255,.06) !important}

/* aliases for older class names */
.sb-t{color:#fff !important;font-size:.9rem !important;font-weight:800 !important;font-family:'Cairo',sans-serif !important}
.sb-t span{color:#fbbf24 !important}
.sb-s{color:rgba(255,255,255,.38) !important;font-size:.63rem !important}
.sb-usr{padding:.68rem 1rem !important;border-bottom:1px solid rgba(255,255,255,.08) !important;display:flex !important;align-items:center !important;gap:.48rem !important}
.sb-un{font-size:.77rem !important;font-weight:700 !important;color:#fff !important;line-height:1.2 !important}
.sb-ur{font-size:.63rem !important;color:rgba(255,255,255,.42) !important}
.sb-lk{display:flex !important;align-items:center !important;gap:.48rem !important;padding:.46rem 1rem !important;color:rgba(255,255,255,.65) !important;font-size:.77rem !important;cursor:pointer !important;transition:.13s !important;border-left:2px solid transparent !important;text-decoration:none !important;background:transparent !important;white-space:nowrap !important;overflow:hidden !important}
.sb-lk:hover{color:#fff !important;background:rgba(255,255,255,.06) !important}
.sb-lk.active{color:#fff !important;background:rgba(255,255,255,.1) !important;border-left-color:#1f9d55 !important}
.sb-ic{font-size:1rem !important;width:18px !important;text-align:center !important;flex-shrink:0 !important}
.sb-fb{display:flex !important;align-items:center !important;gap:.48rem !important;padding:.33rem .48rem !important;color:rgba(255,255,255,.46) !important;font-size:.75rem !important;cursor:pointer !important;border-radius:8px !important;background:none !important;border:none !important;width:100% !important}
.sb-fb:hover{color:#fff !important;background:rgba(255,255,255,.06) !important}