/* Fixed desktop navigation and responsive drawer. No width transitions. */
:root{--sidebar-w:236px;--admin-sidebar-width:236px}
body[data-layout="admin"]{--admin-sidebar-width:236px;--sidebar-w:236px}
body[data-layout="admin"] .sidebar.sidebar-fixed{
  position:fixed;inset:0 auto 0 0;z-index:1300;display:flex;flex-direction:column;
  box-sizing:border-box;width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);
  height:100dvh;padding:0 14px;gap:0;border-radius:0;border-right:1px solid var(--admin-border);
  background:var(--admin-surface)!important;color:var(--admin-text);box-shadow:none;overflow:hidden;transform:none;transition:none;
}
.sidebar-fixed::before,.sidebar-fixed::after{content:none}
.sidebar-fixed .sidebar-header{box-sizing:border-box;width:100%;height:88px;min-height:88px;padding:0;margin:0;gap:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sidebar-fixed .brand{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:100%;min-width:0;background:none;transform:none}
.sidebar-fixed .brand .logo{display:flex;align-items:center;width:184px;height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.sidebar-fixed .brand .logo img{width:184px;height:44px;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
.sidebar-fixed .nav{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;padding:0 0 16px;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;gap:3px}
.sidebar-fixed .nav-group-title{padding:12px 10px 6px;margin:0;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--admin-text-secondary)}
.sidebar-fixed .nav-group-title:not(:first-child){margin-top:14px;border-top:1px solid var(--admin-border);padding-top:20px}
body[data-layout="admin"] .sidebar-fixed :is(.nav-item,.nav-parent){display:flex;align-items:center;justify-content:flex-start;gap:12px;box-sizing:border-box;width:100%;min-height:42px;height:auto;margin:0;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--admin-text);text-align:left;text-decoration:none;font:600 13px/1.4 var(--admin-font);cursor:pointer;transform:none;box-shadow:none;transition:background-color .15s ease}
.sidebar-fixed .menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:inherit}
.sidebar-fixed svg{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}
.sidebar-fixed .nav-mobile-label{display:block;flex:1;min-width:0;white-space:normal;opacity:1;visibility:visible;transform:none}
.sidebar-fixed .nav-mobile-chevron{display:block;width:14px;height:14px;margin-left:auto;transition:transform .15s ease}
.sidebar-fixed .is-open>.nav-parent .nav-mobile-chevron{transform:rotate(90deg)}
body[data-layout="admin"] .sidebar-fixed :is(.nav-item,.nav-parent,.nav-mobile-subitem):hover{background:var(--admin-primary-soft)!important;color:var(--admin-primary);transform:none}
body[data-layout="admin"] .sidebar-fixed :is(.nav-item,.nav-parent,.nav-mobile-subitem).active{background:var(--admin-primary)!important;color:#fff!important;box-shadow:none!important}
body[data-layout="admin"] .sidebar-fixed .nav-mobile-submenu{display:flex;flex-direction:column;margin:6px 0 8px 21px;padding:0 0 0 10px;gap:3px;border:0;border-left:1px solid var(--admin-border-strong);border-radius:0;background:transparent!important;max-height:none;overflow:visible}
.sidebar-fixed .nav-mobile-submenu[hidden]{display:none!important}
body[data-layout="admin"] .sidebar-fixed .nav-mobile-subitem{display:flex;align-items:center;gap:8px;padding:8px;min-height:34px;border-radius:7px;color:var(--admin-text-secondary);font-size:12px;text-decoration:none;white-space:normal}
.sidebar-fixed .nav-mobile-subitem>svg{display:none}
.sidebar-fixed .sidebar-user{position:static;margin:0;padding:14px 0;flex-shrink:0;border-top:1px solid var(--admin-border);background:var(--admin-surface)}
.sidebar-fixed .sidebar-footer-card{display:flex;align-items:center;gap:10px;padding:0 8px;border:0;background:none;box-shadow:none}
.sidebar-fixed .sidebar-store-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--admin-primary-soft);color:var(--admin-primary);flex-shrink:0}
.sidebar-fixed .sidebar-user-copy{display:grid;min-width:0;gap:3px;color:var(--admin-text)}
.sidebar-fixed .sidebar-user-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-fixed .sidebar-user-copy small{font-size:11px;color:var(--admin-text-secondary)}
body[data-layout="admin"] .main{margin-left:var(--sidebar-w)!important;min-width:0;max-width:calc(100% - var(--sidebar-w));transition:none}
body[data-layout="admin"] .admin-topbar{left:var(--sidebar-w)!important;background:var(--admin-surface);transition:none}
body[data-layout="admin"] .admin-topbar__menu-btn,body[data-layout="admin"] .mobile-menu-btn,.sidebar-fixed .mobile-menu-close{display:none!important}
.admin-topbar svg{width:20px;height:20px;stroke-width:1.8}
body[data-layout="admin"] .sidebar-fixed :is(a,button):focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px;box-shadow:var(--admin-focus-ring)}
@media(max-width:1024px){
  body[data-layout="admin"]{--admin-sidebar-width:0px}
  body[data-layout="admin"] .sidebar.sidebar-fixed{width:min(286px,calc(100vw - 24px));min-width:min(286px,calc(100vw - 24px));max-width:min(286px,calc(100vw - 24px));transform:translateX(-100%);visibility:hidden}
  body[data-layout="admin"].sidebar-mobile-open .sidebar.sidebar-fixed{transform:translateX(0);visibility:visible}
  body[data-layout="admin"].sidebar-mobile-open{overflow:hidden}
  body[data-layout="admin"] .main{margin-left:0!important;max-width:100%;width:100%}
  body[data-layout="admin"] .admin-topbar{left:0!important}
  body[data-layout="admin"] .admin-topbar__menu-btn{display:inline-flex!important}
  body[data-layout="admin"] .sidebar-fixed .mobile-menu-close{display:grid!important;position:absolute;top:24px;right:10px;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:var(--admin-text);background:var(--admin-surface)}
  body[data-layout="admin"] .sidebar-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:1250;background:var(--admin-overlay)}
  .sidebar-overlay[hidden]{display:none!important}
}
@media(prefers-reduced-motion:reduce){.sidebar-fixed *{transition:none!important}}

body[data-layout="admin"] .sidebar-fixed .brand{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  width:100%!important;height:56px;min-height:56px;padding:0!important;margin:0!important;gap:0;
}
/* Reserve a stable frame; fit the visible PNG bounds without editing the asset. */
body[data-layout="admin"] .sidebar-fixed .brand .logo{
  position:relative;display:block;flex:0 0 184px;width:184px!important;height:56px!important;
  max-width:184px!important;max-height:56px;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:hidden!important;background:transparent!important;transform:none!important;
}
body[data-layout="admin"] .sidebar-fixed .brand .logo img{
  position:absolute;display:block;width:var(--sidebar-logo-width,184px)!important;
  height:var(--sidebar-logo-height,56px)!important;max-width:none!important;max-height:none!important;
  left:var(--sidebar-logo-left,0px);top:var(--sidebar-logo-top,0px);margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;
  object-position:center!important;filter:none!important;transform:none!important;
}
.sidebar-fixed img[hidden]{display:none!important}