/* Admin-only counterpart of the shared chat Split rail · Air menu. */
@font-face{font-family:"Aileron Admin UI";src:url("/assets/fonts/aileron/Aileron-Regular.otf") format("opentype");font-weight:400;font-display:swap}
.admin-nav-header{position:relative!important;z-index:10000!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:76px!important;margin:0!important;padding:12px 18px!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important;zoom:1!important}
.admin-nav-anchor{position:relative;display:flex;justify-content:center}
#adminNavToggle{display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
#adminNavToggle img{width:48px;height:48px;display:block}
#adminNavToggle:focus-visible{outline:2px solid #9b8cbd;outline-offset:4px}
.admin-presentation .admin-legacy-header,.admin-presentation .admin-legacy-nav-link,.admin-presentation .admin-legacy-navigation{display:none!important}
.admin-nav-sources{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
#adminUserMenu[hidden],#adminUserMenu [hidden]{display:none!important}
#adminUserMenu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(calc(-50% - 46.5px));z-index:10001;width:min(400px,calc(100vw - 36px));max-height:calc(100dvh - 94px);overflow:auto;display:grid;grid-template-columns:minmax(194px,1fr) minmax(132px,.62fr);align-items:start;gap:4px;padding:0;border:0;background:transparent;box-shadow:none;font-family:"Aileron Admin UI",sans-serif}
#adminUserMenu .menu-pane{display:grid;align-content:start;gap:7px;min-width:0;padding:8px;border:0;border-radius:2px;background:rgba(9,9,9,.86);backdrop-filter:blur(11px) saturate(108%);box-shadow:0 19px 42px rgba(0,0,0,.28)}
#adminUserMenu .menu-pane-admin{grid-column:1/-1}
#adminUserMenu .menu-section-links{display:grid;gap:2px;min-width:0}
#adminMenuLinks{grid-template-columns:repeat(2,minmax(0,1fr))}
#adminUserMenu :is(a,button,select){position:relative;display:flex!important;align-items:center;justify-content:flex-start;min-width:0;width:100%;min-height:27px;height:auto!important;padding:5px 7px!important;border:0!important;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.06) 65%,transparent)!important;color:#f5f8f7!important;box-shadow:none!important;font:400 10.5px/1.3 "Aileron Admin UI",sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left;text-decoration:none;white-space:normal;cursor:pointer;box-sizing:border-box}
#adminUserMenu :is(a,button):hover{background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.08) 65%,transparent)!important}
#adminUserMenu :is(a,button):focus-visible{outline:2px solid #c7bedc;outline-offset:-2px}
#adminUserMenu [aria-current="page"]{font-weight:700!important;box-shadow:inset 2px 0 #f3e0ad!important}
#adminMenuActions :is(#who,#brandBadge){font:10px/1.3 "Aileron Admin UI",sans-serif;overflow-wrap:anywhere;color:#d4d8d6}
#adminMenuActions .adminStylePicker{display:block}
#secSystemStatus{order:-1000!important;grid-column:1/-1!important}
/* Alleen het grootste sectiekader (Systeemstatus) is 20% transparanter. */
html[data-admin-style="dark"] #secSystemStatus{border-color:rgba(255,255,255,0.076)}
html[data-admin-style="light"] #secSystemStatus{border-color:rgba(24,54,59,0.104)}
#secFacadeAdmin > .body > .adminV12Subgrid{grid-template-columns:1fr;align-items:start}
#secFacadeAdmin > .body > .adminV12Subgrid > aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#secFacadeAdmin #v12CompanyList{grid-column:1/-1}
#secFacadeAdmin > .body > .adminV12Subgrid > main > .adminV12Grid{grid-template-columns:1fr;align-items:start}
#secFacadeAdmin .adminV12Form{align-content:start}
#secFacadeAdmin .adminV12List:empty{display:none}
@media(max-width:900px){#secFacadeAdmin > .body > .adminV12Subgrid > aside{grid-template-columns:1fr}}
@media(max-width:600px){#adminUserMenu{position:fixed;top:72px;left:12px;right:12px;width:auto;transform:none;max-height:calc(100dvh - 84px);grid-template-columns:minmax(0,1fr) minmax(0,.72fr)}#adminMenuLinks{grid-template-columns:repeat(2,minmax(0,1fr))}}
#adminUserMenu .menu-pane-rail:has(> #adminMenuActions:empty){display:none}
@media(max-width:700px){
  .admin-presentation .admin-page-content :is(.grid,.main-grid,.guide-grid,.adminUsersWorkGrid){grid-template-columns:minmax(0,1fr)!important}
  .admin-presentation .admin-page-content :is(.grid,.main-grid,.guide-grid,.adminUsersWorkGrid)>*{min-width:0;max-width:100%}
  .admin-presentation .admin-page-content :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
  .admin-presentation .admin-page-content pre{max-width:100%;overflow:auto}
  .admin-presentation .admin-page-content .toc a{white-space:normal;overflow-wrap:anywhere}
  .admin-presentation .admin-page-content .card-head{flex-wrap:wrap}
}

@media(max-width:700px){
  .admin-presentation > .admin-page-content.grid3{grid-template-columns:minmax(0,1fr)!important}
  .admin-presentation > .admin-page-content.grid3 > *{min-width:0}
  .admin-presentation .admin-page-content .table-wrap{max-width:100%;overflow-x:auto}
}