/*
 * SYSTJEM 11.2.5 — navigatieherstel en brede bruikbaarheidsronde
 * Wordt bewust als laatste stylesheet geladen.
 */

:root{
  --s25-sidebar:260px;
  --s25-sidebar-inner:232px;
  --s25-topbar:64px;
  --s25-dark:#20261f;
  --s25-dark-2:#293129;
  --s25-active:#e5cf9b;
  --s25-paper:#fbfaf6;
  --s25-line:#dedbd2;
  --s25-muted:#6e746c;
  --s25-green:#456b50;
  --s25-green-dark:#355640;
  --s25-shadow:0 16px 40px rgba(28,35,28,.08);
}

html{scroll-padding-top:calc(var(--s25-topbar) + 18px);overflow-x:hidden}
body.admin-sidebar-on:not(.butcher-original-layout){overflow-x:hidden!important;background:#f4f2ec!important}
body.admin-sidebar-on:not(.butcher-original-layout) *{box-sizing:border-box}
body.admin-sidebar-on:not(.butcher-original-layout) img{max-width:100%}
body.admin-sidebar-on:not(.butcher-original-layout) .wrap,
body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap,
body.admin-sidebar-on:not(.butcher-original-layout) .card,
body.admin-sidebar-on:not(.butcher-original-layout) section,
body.admin-sidebar-on:not(.butcher-original-layout) form,
body.admin-sidebar-on:not(.butcher-original-layout) fieldset,
body.admin-sidebar-on:not(.butcher-original-layout) .two,
body.admin-sidebar-on:not(.butcher-original-layout) [class*="grid"]{min-width:0}

/* ---------- vaste bovenbalk ---------- */
body.admin-sidebar-on:not(.butcher-original-layout) .session-topbar{
  position:fixed!important;
  inset:0 0 auto var(--s25-sidebar)!important;
  z-index:420!important;
  min-height:var(--s25-topbar)!important;
  padding:10px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  background:rgba(255,255,252,.97)!important;
  border-bottom:1px solid var(--s25-line)!important;
  box-shadow:0 6px 22px rgba(28,35,28,.07)!important;
  backdrop-filter:blur(14px)!important;
  transition:left .28s cubic-bezier(.22,.8,.24,1)!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .session-identity{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .session-identity span{min-width:0}
body.admin-sidebar-on:not(.butcher-original-layout) .session-identity strong{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#242822!important}
body.admin-sidebar-on:not(.butcher-original-layout) .session-actions{display:flex!important;gap:8px!important;flex:0 0 auto!important}
body.admin-sidebar-on:not(.butcher-original-layout) .session-logout{min-height:42px!important;padding:10px 15px!important;border-radius:10px!important;background:#262b25!important;color:#fff!important;box-shadow:none!important}
body.admin-sidebar-on:not(.butcher-original-layout) .session-logout:hover{background:#151815!important;transform:translateY(-1px)}

/* Het pijltje hoort in de bovenbalk, niet naast het scherm. */
body.admin-sidebar-on:not(.butcher-original-layout) #sidebarToggle{
  position:static!important;
  inset:auto!important;
  order:-10!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d8d4ca!important;
  border-radius:12px!important;
  background:#f8f5ee!important;
  color:#30352f!important;
  box-shadow:0 6px 16px rgba(28,35,28,.08)!important;
  transform:none!important;
  z-index:1!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) #sidebarToggle:hover{background:#fff!important;border-color:#c8c2b5!important;transform:translateY(-1px)!important}
body.admin-sidebar-on:not(.butcher-original-layout) #sidebarToggle:focus-visible{outline:3px solid rgba(69,107,80,.28)!important;outline-offset:2px!important}
body.admin-sidebar-on:not(.butcher-original-layout) #sidebarToggle .open-icon,
body.admin-sidebar-on:not(.butcher-original-layout) #sidebarToggle .close-icon{font-size:23px!important;line-height:1!important;color:inherit!important}

/* ---------- merkvlak + navigatie: altijd vast en nooit in de inhoud ---------- */
body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero{
  position:fixed!important;
  inset:0 auto 0 0!important;
  z-index:400!important;
  width:var(--s25-sidebar)!important;
  min-height:100dvh!important;
  margin:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,var(--s25-dark) 0%,var(--s25-dark-2) 100%)!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:8px 0 28px rgba(22,27,22,.08)!important;
  transform:translateX(0)!important;
  transition:transform .28s cubic-bezier(.22,.8,.24,1)!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero-inner{
  width:100%!important;
  min-height:100px!important;
  padding:18px 18px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  opacity:1!important;
  transition:opacity .16s ease!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero .brand{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:0!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .brand-logo-pair{display:flex!important;gap:7px!important;flex:0 0 auto!important}
body.admin-sidebar-on:not(.butcher-original-layout) .brand-logo{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:10px!important}
body.admin-sidebar-on:not(.butcher-original-layout) .brand-copy{display:block!important;min-width:0!important}
body.admin-sidebar-on:not(.butcher-original-layout) .brand-copy strong{display:block!important;color:#fff!important;font-size:19px!important;line-height:1.05!important;letter-spacing:.02em!important}
body.admin-sidebar-on:not(.butcher-original-layout) .brand-copy small{display:block!important;margin-top:4px!important;color:#d8c28e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;letter-spacing:.14em!important}
body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero .admin-actions{display:none!important}

body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav{
  position:fixed!important;
  inset:108px auto 18px 14px!important;
  z-index:410!important;
  width:var(--s25-sidebar-inner)!important;
  height:auto!important;
  margin:0!important;
  padding:8px!important;
  display:block!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0)!important;
  transition:transform .28s cubic-bezier(.22,.8,.24,1),opacity .18s ease,visibility 0s!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .nav-main{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  gap:3px!important;
  overflow:visible!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .btn,
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .btn.light,
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .primary{
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  margin:0!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#dce1d9!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:750!important;
  text-align:left!important;
  transform:none!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .btn:hover{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .btn.green,
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .primary{
  background:rgba(229,207,155,.10)!important;
  border-color:rgba(229,207,155,.12)!important;
  color:var(--s25-active)!important;
  font-weight:850!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .btn.green::before,
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .btn.green::after,
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .primary::before,
body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav .primary::after{display:none!important;content:none!important}

/* ---------- inhoud: nooit meer onder of naast de navigatietekst ---------- */
body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap{
  width:auto!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0 0 0 var(--s25-sidebar)!important;
  padding:calc(var(--s25-topbar) + 30px) clamp(20px,3vw,44px) 42px!important;
  overflow:visible!important;
  transition:margin-left .28s cubic-bezier(.22,.8,.24,1)!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap>.adminnav{margin:0!important}
body.admin-sidebar-on:not(.butcher-original-layout) .admin-dashboard-title,
body.admin-sidebar-on:not(.butcher-original-layout) .module-heading{position:relative!important;z-index:1!important}

/* ---------- gesloten desktopnavigatie ---------- */
@media(min-width:901px){
  body.admin-sidebar-on:not(.butcher-original-layout).sidebar-collapsed .admin-hero{transform:translateX(-101%)!important}
  body.admin-sidebar-on:not(.butcher-original-layout).sidebar-collapsed #primaryAdminNav{
    transform:translateX(calc(-1 * var(--s25-sidebar) - 30px))!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .28s cubic-bezier(.22,.8,.24,1),opacity .16s ease,visibility 0s .28s!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout).sidebar-collapsed .session-topbar{left:0!important}
  body.admin-sidebar-on:not(.butcher-original-layout).sidebar-collapsed .admin-wrap{margin-left:0!important}
}

/* ---------- algemeen rustiger en stabieler ---------- */
body.admin-sidebar-on:not(.butcher-original-layout) .card,
body.admin-sidebar-on:not(.butcher-original-layout) .settings-section,
body.admin-sidebar-on:not(.butcher-original-layout) .platform-card,
body.admin-sidebar-on:not(.butcher-original-layout) .student-card,
body.admin-sidebar-on:not(.butcher-original-layout) .communication-card,
body.admin-sidebar-on:not(.butcher-original-layout) .lessonbook-panel,
body.admin-sidebar-on:not(.butcher-original-layout) .planner-shell{
  border-color:var(--s25-line)!important;
  border-radius:18px!important;
  box-shadow:var(--s25-shadow)!important;
  background:var(--s25-paper)!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) h1,
body.admin-sidebar-on:not(.butcher-original-layout) h2,
body.admin-sidebar-on:not(.butcher-original-layout) h3{color:#24271f;letter-spacing:-.025em}
body.admin-sidebar-on:not(.butcher-original-layout) p,
body.admin-sidebar-on:not(.butcher-original-layout) .small,
body.admin-sidebar-on:not(.butcher-original-layout) .muted{color:var(--s25-muted)}
body.admin-sidebar-on:not(.butcher-original-layout) .two{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
body.admin-sidebar-on:not(.butcher-original-layout) .two>*{min-width:0!important}
body.admin-sidebar-on:not(.butcher-original-layout) input,
body.admin-sidebar-on:not(.butcher-original-layout) select,
body.admin-sidebar-on:not(.butcher-original-layout) textarea{
  max-width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  border:1px solid #d6d5cf!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#252923!important;
  box-shadow:inset 0 1px 1px rgba(31,37,31,.02)!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) textarea{min-height:112px!important;resize:vertical}
body.admin-sidebar-on:not(.butcher-original-layout) input:focus,
body.admin-sidebar-on:not(.butcher-original-layout) select:focus,
body.admin-sidebar-on:not(.butcher-original-layout) textarea:focus{outline:3px solid rgba(69,107,80,.16)!important;border-color:#78947e!important}
body.admin-sidebar-on:not(.butcher-original-layout) button,
body.admin-sidebar-on:not(.butcher-original-layout) .btn,
body.admin-sidebar-on:not(.butcher-original-layout) .primary{min-height:42px}
body.admin-sidebar-on:not(.butcher-original-layout) .btn.green,
body.admin-sidebar-on:not(.butcher-original-layout) .primary,
body.admin-sidebar-on:not(.butcher-original-layout) .confirmed,
body.admin-sidebar-on:not(.butcher-original-layout) .slot.active,
body.admin-sidebar-on:not(.butcher-original-layout) .event.confirmed{background:var(--s25-green)!important;color:#fff!important}
body.admin-sidebar-on:not(.butcher-original-layout) .btn.green *,
body.admin-sidebar-on:not(.butcher-original-layout) .primary *,
body.admin-sidebar-on:not(.butcher-original-layout) .confirmed *,
body.admin-sidebar-on:not(.butcher-original-layout) .slot.active *,
body.admin-sidebar-on:not(.butcher-original-layout) .event.confirmed *{color:#fff!important}
body.admin-sidebar-on:not(.butcher-original-layout) .btn.green:hover,
body.admin-sidebar-on:not(.butcher-original-layout) .primary:hover{background:var(--s25-green-dark)!important}
body.admin-sidebar-on:not(.butcher-original-layout) .systjem-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:12px}
body.admin-sidebar-on:not(.butcher-original-layout) table{max-width:100%}
body.admin-sidebar-on:not(.butcher-original-layout) th,
body.admin-sidebar-on:not(.butcher-original-layout) td{overflow-wrap:anywhere}
body.admin-sidebar-on:not(.butcher-original-layout) .tabs,
body.admin-sidebar-on:not(.butcher-original-layout) .section-nav,
body.admin-sidebar-on:not(.butcher-original-layout) .material-tabs,
body.admin-sidebar-on:not(.butcher-original-layout) .communication-tabs{
  max-width:100%!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) .tabs::-webkit-scrollbar,
body.admin-sidebar-on:not(.butcher-original-layout) .section-nav::-webkit-scrollbar,
body.admin-sidebar-on:not(.butcher-original-layout) .material-tabs::-webkit-scrollbar,
body.admin-sidebar-on:not(.butcher-original-layout) .communication-tabs::-webkit-scrollbar{display:none!important}
body.admin-sidebar-on:not(.butcher-original-layout) details>summary{min-height:42px;display:flex;align-items:center}
body.admin-sidebar-on:not(.butcher-original-layout) :focus-visible{outline:3px solid rgba(69,107,80,.25);outline-offset:2px}
body.admin-sidebar-on:not(.butcher-original-layout) .autosave{max-width:100%!important;overflow:hidden!important}
body.admin-sidebar-on:not(.butcher-original-layout) .autosave span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- mobiel en iPad ---------- */
@media(max-width:900px){
  :root{--s25-topbar:62px}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-topbar{
    inset:0 0 auto 0!important;
    min-height:var(--s25-topbar)!important;
    padding:max(8px,env(safe-area-inset-top)) 10px 8px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) #sidebarToggle{display:inline-flex!important;grid-column:1!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-identity{grid-column:2!important;margin:0!important;gap:9px!important;overflow:hidden!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-identity span:last-child{display:none!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-identity strong{max-width:100%!important;font-size:13px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-actions{grid-column:3!important;gap:5px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-actions .session-logout:first-child{display:none!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-logout{min-height:40px!important;padding:8px 10px!important;font-size:13px!important}

  body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero{
    width:min(86vw,320px)!important;
    transform:translateX(-105%)!important;
    box-shadow:18px 0 48px rgba(19,25,19,.25)!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero-inner{min-height:104px!important;padding-top:max(18px,env(safe-area-inset-top))!important}
  body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav{
    inset:108px auto max(14px,env(safe-area-inset-bottom)) 12px!important;
    width:calc(min(86vw,320px) - 24px)!important;
    transform:translateX(-115%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout).mobile-nav-open .admin-hero{transform:translateX(0)!important}
  body.admin-sidebar-on:not(.butcher-original-layout).mobile-nav-open #primaryAdminNav{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .28s cubic-bezier(.22,.8,.24,1),opacity .18s ease,visibility 0s!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .mobile-nav-toggle{display:none!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .mobile-nav-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:390!important;
    background:rgba(18,22,18,.42)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility 0s .22s!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout).mobile-nav-open .mobile-nav-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease,visibility 0s!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap{
    margin-left:0!important;
    padding:calc(var(--s25-topbar) + 22px) 14px max(30px,env(safe-area-inset-bottom))!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .card{padding:16px!important;border-radius:15px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .two{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .layout,
  body.admin-sidebar-on:not(.butcher-original-layout) .communication-grid,
  body.admin-sidebar-on:not(.butcher-original-layout) .lessonmaker-layout,
  body.admin-sidebar-on:not(.butcher-original-layout) .lessonbook-layout,
  body.admin-sidebar-on:not(.butcher-original-layout) .settings-grid,
  body.admin-sidebar-on:not(.butcher-original-layout) .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .actions{gap:8px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .actions>.btn,
  body.admin-sidebar-on:not(.butcher-original-layout) .actions>button,
  body.admin-sidebar-on:not(.butcher-original-layout) .actions>form{max-width:100%}
  body.admin-sidebar-on:not(.butcher-original-layout) input,
  body.admin-sidebar-on:not(.butcher-original-layout) select,
  body.admin-sidebar-on:not(.butcher-original-layout) textarea,
  body.admin-sidebar-on:not(.butcher-original-layout) button,
  body.admin-sidebar-on:not(.butcher-original-layout) .btn{font-size:16px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .modal,
  body.admin-sidebar-on:not(.butcher-original-layout) dialog{max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-dashboard-title h1{font-size:clamp(31px,10vw,44px)!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-dashboard-title p{font-size:16px!important}
}

@media(max-width:600px){
  body.admin-sidebar-on:not(.butcher-original-layout) .session-actions .session-logout{font-size:0!important;width:40px!important;padding:0!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .session-actions .session-logout::before{content:"↪";font-size:20px!important;line-height:1!important;color:#fff!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .student-grid,
  body.admin-sidebar-on:not(.butcher-original-layout) .stat,
  body.admin-sidebar-on:not(.butcher-original-layout) [class*="card-grid"]{grid-template-columns:minmax(0,1fr)!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .tabs>a,
  body.admin-sidebar-on:not(.butcher-original-layout) .section-nav>a,
  body.admin-sidebar-on:not(.butcher-original-layout) .material-tabs>a,
  body.admin-sidebar-on:not(.butcher-original-layout) .communication-tabs>a{min-height:42px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards{display:block!important;width:100%!important}
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards tbody,
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards tr,
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards td{display:block!important;width:100%!important}
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards tr{margin:0 0 12px!important;padding:12px!important;border:1px solid var(--s25-line)!important;border-radius:13px!important;background:#fff!important}
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards td{padding:7px 0!important;border:0!important;display:grid!important;grid-template-columns:minmax(105px,38%) minmax(0,1fr)!important;gap:10px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) table.systjem-mobile-cards td::before{content:attr(data-label);font-weight:800;color:#596158}
}

@media(prefers-reduced-motion:reduce){
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero,
  body.admin-sidebar-on:not(.butcher-original-layout) #primaryAdminNav,
  body.admin-sidebar-on:not(.butcher-original-layout) .session-topbar,
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap,
  body.admin-sidebar-on:not(.butcher-original-layout) .mobile-nav-overlay{transition:none!important}
}