/* Phase 109 – standard mobile admin menu
   Final override: one mobile menu trigger only, in the admin topbar. */
html.admin-ui-active{
  --adm109-bg:#07111f;
  --adm109-panel:#102038;
  --adm109-panel2:#0d1a2e;
  --adm109-line:rgba(148,163,184,.11);
  --adm109-line-soft:rgba(148,163,184,.06);
  --adm109-text:#f8fbff;
  --adm109-muted:#9fb2c8;
  --adm109-blue:#3b82f6;
}

/* Prevent the old standalone mobile bar from ever creating a second column */
html.admin-ui-active .admin-mobile-bar{
  display:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:absolute!important;
  left:-9999px!important;
}

/* Shell hardening */
html.admin-ui-active,
html.admin-ui-active body.admin-shell-body,
html.admin-ui-active .main-container,
html.admin-ui-active .admin-app-v91,
html.admin-ui-active .admin-app-v91__workspace,
html.admin-ui-active .admin-content-v91{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Surface head border removal requested */
html.admin-ui-active .surface-head,
html.admin-ui-active .admin-content-v91 .surface-head{
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding-bottom:0!important;
}

/* Desktop: normal fixed/sidebar layout, no mobile hamburger in topbar */
@media (min-width: 992px){
  html.admin-ui-active .admin-app-v91{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  html.admin-ui-active .admin-topbar-menu-toggle{
    display:none!important;
  }
  html.admin-ui-active .admin-app-v91__workspace{
    min-width:0!important;
    flex:1 1 auto!important;
  }
}

/* Mobile/tablet: standard off-canvas menu + one topbar hamburger */
@media (max-width: 991.98px){
  html.admin-ui-active .admin-app-v91{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  html.admin-ui-active .admin-app-v91__workspace{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    overflow-x:hidden!important;
  }

  html.admin-ui-active .admin-topbar-v91{
    position:sticky!important;
    top:0!important;
    z-index:1100!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:
      "menu title"
      "actions actions"!important;
    gap:10px 12px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    background:rgba(7,17,31,.96)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid var(--adm109-line)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  }

  html.admin-ui-active .admin-topbar-menu-toggle{
    grid-area:menu!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.5rem!important;
    width:auto!important;
    min-width:104px!important;
    max-width:150px!important;
    min-height:46px!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:14px!important;
    border:1px solid rgba(148,163,184,.2)!important;
    background:#13243b!important;
    color:#fff!important;
    font-weight:850!important;
    box-shadow:none!important;
  }
  html.admin-ui-active .admin-topbar-menu-toggle i{
    color:#fff!important;
    opacity:1!important;
  }

  html.admin-ui-active .admin-topbar-v91__title{
    grid-area:title!important;
    min-width:0!important;
    width:100%!important;
  }
  html.admin-ui-active .admin-topbar-v91__title h1{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:clamp(1.35rem,5vw,2rem)!important;
    line-height:1.1!important;
    margin:0!important;
  }
  html.admin-ui-active .admin-topbar-v91__eyebrow{
    margin:0 0 2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html.admin-ui-active .admin-topbar-v91__actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  html.admin-ui-active .admin-topbar-v91__actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
  }

  html.admin-ui-active .admin-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(86vw,330px)!important;
    max-width:min(86vw,330px)!important;
    height:100dvh!important;
    transform:translateX(-110%)!important;
    transition:transform .22s ease!important;
    z-index:1300!important;
    box-shadow:24px 0 60px rgba(0,0,0,.38)!important;
  }
  html.admin-ui-active.admin-sidebar-open .admin-sidebar,
  html.admin-ui-active .admin-sidebar.is-open{
    transform:translateX(0)!important;
  }
  html.admin-ui-active .admin-sidebar__close{
    display:grid!important;
    place-items:center!important;
  }
  html.admin-ui-active .admin-sidebar-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1250!important;
    background:rgba(2,6,23,.58)!important;
    backdrop-filter:blur(2px)!important;
  }
  html.admin-ui-active .admin-sidebar-backdrop[hidden]{
    display:none!important;
  }

  html.admin-ui-active .admin-content-v91{
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
  }

  html.admin-ui-active .admin-content-v91 :where(.section-grid,.section-grid--balanced,.admin-grid-v90,.panel-grid-v67){
    grid-template-columns:1fr!important;
  }
}

/* Smaller phones */
@media (max-width: 575.98px){
  html.admin-ui-active .admin-topbar-v91{
    grid-template-columns:auto minmax(0,1fr)!important;
    padding:10px!important;
  }
  html.admin-ui-active .admin-topbar-menu-toggle{
    min-width:92px!important;
    padding-inline:12px!important;
  }
  html.admin-ui-active .admin-topbar-v91__actions{
    grid-template-columns:1fr!important;
  }
}

@media (max-width: 360px){
  html.admin-ui-active .admin-topbar-menu-toggle span{
    display:none!important;
  }
  html.admin-ui-active .admin-topbar-menu-toggle{
    min-width:48px!important;
    width:48px!important;
    padding:0!important;
  }
}