/* Eshraq Administration — sidebar closeout V124.
   Presentation-only hardening. No routes, permissions, data, or business logic are changed. */

/* The sidebar owns its own vertical scrolling so long menus stay reachable. */
.sidebar{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
}
.sidebar .brand,.admin-sidebar-collapse-row-v114{flex:0 0 auto!important}
#nav{overflow:visible!important;padding-bottom:26px!important}

/* Canonical icons are real DOM text inside .admin-nav-icon-v114.
   Never revive any legacy ::before / ::after icon layer. */
#nav button[data-page] .admin-nav-icon-v114::before,
#nav button[data-page] .admin-nav-icon-v114::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#nav button[data-page] .admin-nav-icon-v114,
#nav button[data-page] .nav-label,
#nav button[data-page] .admin-nav-label-v119,
#nav button[data-page] .admin-nav-label-v120{
  pointer-events:none!important;
}
#nav button[data-page]{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}

/* Collapsed mode is icon-only while preserving one large click target. */
.sidebar[data-collapsed="1"] #nav button[data-page]{
  position:relative!important;
  justify-content:center!important;
  gap:0!important;
  padding-inline:4px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  text-indent:0!important;
  min-height:46px!important;
}
.sidebar[data-collapsed="1"] #nav button[data-page]>.nav-label,
.sidebar[data-collapsed="1"] #nav button[data-page]>.admin-nav-label-v119,
.sidebar[data-collapsed="1"] #nav button[data-page]>.admin-nav-label-v120,
.sidebar[data-collapsed="1"] #nav button[data-page]>span:not(.admin-nav-icon-v114):not(.nav-icon),
.sidebar[data-collapsed="1"] #nav button[data-page]>b,
.sidebar[data-collapsed="1"] #nav button[data-page]>strong,
.sidebar[data-collapsed="1"] #nav button[data-page]>small,
.sidebar[data-collapsed="1"] #nav button[data-page]>em{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.sidebar[data-collapsed="1"] #nav button[data-page] .admin-nav-icon-v114{
  display:inline-grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:initial!important;
  font-size:22px!important;
  line-height:1!important;
  text-indent:0!important;
}

/* Floating collapsed labels are tooltips only, never icon sources. */
.sidebar[data-collapsed="1"] #nav button[data-page]::after{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.sidebar[data-collapsed="1"] #nav button[data-page]:hover::after,
.sidebar[data-collapsed="1"] #nav button[data-page]:focus-visible::after{
  visibility:visible!important;
  opacity:1!important;
}

/* First paint must never expose the temporary Arabic initial. */
.sidebar .brand-logos{position:relative!important;min-width:58px!important;min-height:58px!important}
.sidebar .brand-logos>.sidebar-account-initial{
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-shadow:none!important;
  overflow:hidden!important;
  background:#fffdf7 url('./assets/admin-logo-embedded.svg') center/88% auto no-repeat!important;
}
.sidebar .brand-logos>img.admin-logo,
.sidebar .brand-logos>img.sidebar-brand-logo-v120{
  display:block!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  object-fit:contain!important;
  background:#fffdf7!important;
  border-radius:15px!important;
  padding:3px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.10)!important;
}

.sidebar[data-collapsed="1"] #nav button[data-page]{max-width:72px!important;margin-inline:auto!important}