/* The system administrator's workspace is deliberately recognisable: nobody should mistake it
   for a normal account. Applied by nav.js (body.sysadmin). Uses the app's amber, so it follows
   the chosen theme in light and dark. */
body.sysadmin::before{content:"";position:fixed;top:0;left:0;right:0;height:4px;z-index:9998;background:linear-gradient(90deg,var(--amber,#C4842A),#E8B25F,var(--amber,#C4842A))}
body.sysadmin .sidebar{border-top:4px solid var(--amber,#C4842A);box-shadow:inset 3px 0 0 var(--amber,#C4842A)}
body.sysadmin .brand-mark::before{content:"◆ "}
body.sysadmin .brand::after{content:"SYSTEM ADMINISTRATOR";display:inline-block;margin-top:10px;padding:3px 10px;border-radius:999px;background:var(--amber,#C4842A);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.09em}
body.sysadmin .nav-group[data-nav-group="administration"]>.nav-section-toggle{color:var(--amber,#C4842A);font-weight:700}
body.sysadmin .nav-group[data-nav-group="administration"] .nav-icon{color:var(--amber,#C4842A)}
body.sysadmin .current-user-badge span{color:var(--amber,#C4842A);font-weight:700}
body.sysadmin .mobile-topbar{border-top:3px solid var(--amber,#C4842A)}
/* collapsed sidebar: keep the badge from overflowing */
body.sysadmin .shell.sidebar-collapsed .brand::after{display:none}