/* Phase 20.5.12.15 — Professional Layout Shells
   Single source for admin/vendor shell width, sidebar and responsive behavior.
   Reference: SEO Authority Engine page proportions.
   Rules:
   - No body * selectors
   - No generic div/span overrides
   - No global text guard
   - Only role/page-scoped body classes
*/
:root{
  --bz-shell-max-v2051215:1320px;
  --bz-shell-width-v2051215:94vw;
  --bz-shell-sidebar-v2051215:310px;
  --bz-shell-gap-v2051215:24px;
  --bz-shell-top-v2051215:185px;
}

body.admin-page .admin-pro-page,
body.admin-page .admin-page,
body.admin-page .admin-control-center-page,
body.admin-page .admin-settings-page,
body.vendor-page .vendor-pro-page{
  width:100%;
  max-width:100%;
  padding:34px 0 70px;
  margin:0;
}

body.admin-page .admin-shell,
body.admin-page .admin-control-center-page .admin-shell,
body.admin-page section[class*="admin-"] .admin-shell,
body.admin-page .admin-settings-shell,
body.vendor-page .vendor-pro-page .vendor-shell-pro,
body.vendor-page .vendor-shell-pro{
  box-sizing:border-box;
  width:min(var(--bz-shell-max-v2051215),var(--bz-shell-width-v2051215))!important;
  max-width:min(var(--bz-shell-max-v2051215),var(--bz-shell-width-v2051215))!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:var(--bz-shell-sidebar-v2051215) minmax(0,1fr)!important;
  gap:var(--bz-shell-gap-v2051215)!important;
  align-items:start!important;
  direction:rtl!important;
  overflow:visible!important;
}

body.admin-page .admin-sidebar,
body.admin-page .admin-sidebar-unified-v167,
body.admin-page .settings-sidebar,
body.vendor-page .vendor-sidebar-pro{
  box-sizing:border-box;
  grid-column:1!important;
  width:var(--bz-shell-sidebar-v2051215)!important;
  min-width:0!important;
  max-width:var(--bz-shell-sidebar-v2051215)!important;
  position:sticky!important;
  top:var(--bz-shell-top-v2051215)!important;
  max-height:calc(100vh - 150px)!important;
  overflow:auto!important;
  margin:0!important;
  transform:none!important;
  align-self:start!important;
}

body.admin-page .admin-main-pro,
body.admin-page .admin-content,
body.admin-page .settings-main,
body.vendor-page .vendor-main-pro{
  box-sizing:border-box;
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

body.admin-page .admin-hero-pro,
body.admin-page .settings-hero,
body.admin-page .admin-panel-pro,
body.admin-page .settings-card,
body.admin-page .admin-card,
body.admin-page .panel-pro,
body.vendor-page .vendor-hero-pro,
body.vendor-page .vendor-panel-pro,
body.vendor-page .vendor-card,
body.vendor-page .vendor-order-filter-panel,
body.vendor-page .vendor-order-final-card{
  box-sizing:border-box;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

body.admin-page .admin-control-center-page .admin-hero-pro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,360px)!important;
  gap:24px!important;
  align-items:center!important;
}

body.admin-page .admin-menu-pro,
body.admin-page .admin-menu-unified-v167,
body.vendor-page .vendor-menu-pro{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  gap:8px!important;
  overflow:visible!important;
}

body.admin-page .admin-menu-pro a,
body.admin-page .admin-menu-unified-v167 a,
body.vendor-page .vendor-menu-pro a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  line-height:1.45!important;
  white-space:normal!important;
}

@media(max-width:980px){
  body.admin-page .admin-shell,
  body.admin-page .admin-control-center-page .admin-shell,
  body.admin-page section[class*="admin-"] .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-pro-page .vendor-shell-pro,
  body.vendor-page .vendor-shell-pro{
    display:block!important;
    width:min(100% - 22px, var(--bz-shell-max-v2051215))!important;
    max-width:calc(100% - 22px)!important;
    margin:auto!important;
  }
  body.admin-page .admin-sidebar,
  body.admin-page .admin-sidebar-unified-v167,
  body.admin-page .settings-sidebar,
  body.vendor-page .vendor-sidebar-pro{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 0 16px!important;
    overflow:visible!important;
  }
  body.admin-page .admin-main-pro,
  body.admin-page .settings-main,
  body.vendor-page .vendor-main-pro{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}

@media(max-width:640px){
  body.admin-page .admin-pro-page,
  body.admin-page .admin-page,
  body.admin-page .admin-control-center-page,
  body.admin-page .admin-settings-page,
  body.vendor-page .vendor-pro-page{
    padding:18px 0 40px!important;
  }
  body.admin-page .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-shell-pro{
    width:min(100% - 16px, var(--bz-shell-max-v2051215))!important;
    max-width:calc(100% - 16px)!important;
  }
  body.admin-page .admin-hero-pro,
  body.admin-page .settings-hero,
  body.vendor-page .vendor-hero-pro{
    border-radius:22px!important;
    padding:20px!important;
  }
}


/* Phase 20.5.12.15.1 — Full Width Shells
   Official override: all admin/vendor pages use screen width, not SEO centered width.
   Sidebar stays right, content fills remaining space. */
:root{
  --bz-shell-max-v20512151:none;
  --bz-shell-page-pad-v20512151:18px;
  --bz-shell-sidebar-v20512151:330px;
  --bz-shell-gap-v20512151:18px;
  --bz-shell-top-v20512151:132px;
}

body.admin-page .admin-pro-page,
body.admin-page .admin-page,
body.admin-page .admin-control-center-page,
body.admin-page .admin-settings-page,
body.vendor-page .vendor-pro-page{
  width:100%!important;
  max-width:100%!important;
  padding:28px 0 70px!important;
  margin:0!important;
}

body.admin-page .admin-shell,
body.admin-page .admin-control-center-page .admin-shell,
body.admin-page section[class*="admin-"] .admin-shell,
body.admin-page .admin-settings-shell,
body.vendor-page .vendor-pro-page .vendor-shell-pro,
body.vendor-page .vendor-shell-pro{
  width:calc(100vw - (var(--bz-shell-page-pad-v20512151) * 2))!important;
  max-width:calc(100vw - (var(--bz-shell-page-pad-v20512151) * 2))!important;
  margin:0 var(--bz-shell-page-pad-v20512151) 44px var(--bz-shell-page-pad-v20512151)!important;
  display:grid!important;
  grid-template-columns:var(--bz-shell-sidebar-v20512151) minmax(0,1fr)!important;
  gap:var(--bz-shell-gap-v20512151)!important;
  align-items:start!important;
  direction:rtl!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-sidebar,
body.admin-page .admin-sidebar-unified-v167,
body.admin-page .settings-sidebar,
body.vendor-page .vendor-sidebar-pro{
  grid-column:1!important;
  width:var(--bz-shell-sidebar-v20512151)!important;
  min-width:var(--bz-shell-sidebar-v20512151)!important;
  max-width:var(--bz-shell-sidebar-v20512151)!important;
  position:sticky!important;
  top:var(--bz-shell-top-v20512151)!important;
  max-height:calc(100vh - (var(--bz-shell-top-v20512151) + 14px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  transform:none!important;
  align-self:start!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-main-pro,
body.admin-page .admin-content,
body.admin-page .settings-main,
body.vendor-page .vendor-main-pro{
  grid-column:2!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-hero-pro,
body.admin-page .settings-hero,
body.admin-page .admin-panel-pro,
body.admin-page .settings-card,
body.admin-page .admin-card,
body.admin-page .panel-pro,
body.admin-page .admin-table-wrap,
body.admin-page .table-wrap,
body.vendor-page .vendor-hero-pro,
body.vendor-page .vendor-panel-pro,
body.vendor-page .vendor-card,
body.vendor-page .vendor-order-filter-panel,
body.vendor-page .vendor-order-final-card,
body.vendor-page .telegram-test-panel{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media(min-width:1700px){
  :root{
    --bz-shell-page-pad-v20512151:24px;
    --bz-shell-sidebar-v20512151:340px;
    --bz-shell-gap-v20512151:22px;
  }
}

@media(max-width:1180px){
  body.admin-page .admin-shell,
  body.admin-page .admin-control-center-page .admin-shell,
  body.admin-page section[class*="admin-"] .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-pro-page .vendor-shell-pro,
  body.vendor-page .vendor-shell-pro{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin:0 12px 36px 12px!important;
  }
  body.admin-page .admin-sidebar,
  body.admin-page .admin-sidebar-unified-v167,
  body.admin-page .settings-sidebar,
  body.vendor-page .vendor-sidebar-pro{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 0 16px!important;
    overflow:visible!important;
  }
  body.admin-page .admin-main-pro,
  body.admin-page .settings-main,
  body.vendor-page .vendor-main-pro{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}

@media(max-width:640px){
  body.admin-page .admin-pro-page,
  body.admin-page .admin-page,
  body.admin-page .admin-control-center-page,
  body.admin-page .admin-settings-page,
  body.vendor-page .vendor-pro-page{
    padding:16px 0 40px!important;
  }
  body.admin-page .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-shell-pro{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin:0 7px 28px 7px!important;
  }
}


/* Phase 20.5.12.15.2 — Sidebar Top Alignment Polish
   Removes the visual empty gap above admin/vendor sidebar.
   Sidebar and main content now start on one professional level. */
:root{
  --bz-shell-page-pad-v20512152:18px;
  --bz-shell-sidebar-v20512152:330px;
  --bz-shell-gap-v20512152:18px;
  --bz-shell-section-top-v20512152:8px;
  --bz-shell-sticky-top-v20512152:108px;
}

body.admin-page .admin-pro-page,
body.admin-page .admin-page,
body.admin-page .admin-control-center-page,
body.admin-page .admin-settings-page,
body.vendor-page .vendor-pro-page{
  padding:var(--bz-shell-section-top-v20512152) 0 70px!important;
}

body.admin-page .admin-shell,
body.admin-page .admin-control-center-page .admin-shell,
body.admin-page section[class*="admin-"] .admin-shell,
body.admin-page .admin-settings-shell,
body.vendor-page .vendor-pro-page .vendor-shell-pro,
body.vendor-page .vendor-shell-pro{
  width:calc(100vw - (var(--bz-shell-page-pad-v20512152) * 2))!important;
  max-width:calc(100vw - (var(--bz-shell-page-pad-v20512152) * 2))!important;
  margin:0 var(--bz-shell-page-pad-v20512152) 44px var(--bz-shell-page-pad-v20512152)!important;
  display:grid!important;
  grid-template-columns:var(--bz-shell-sidebar-v20512152) minmax(0,1fr)!important;
  gap:var(--bz-shell-gap-v20512152)!important;
  align-items:start!important;
  direction:rtl!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-sidebar,
body.admin-page .admin-sidebar-unified-v167,
body.admin-page .settings-sidebar,
body.vendor-page .vendor-sidebar-pro{
  grid-column:1!important;
  width:var(--bz-shell-sidebar-v20512152)!important;
  min-width:var(--bz-shell-sidebar-v20512152)!important;
  max-width:var(--bz-shell-sidebar-v20512152)!important;
  position:sticky!important;
  top:var(--bz-shell-sticky-top-v20512152)!important;
  max-height:calc(100vh - (var(--bz-shell-sticky-top-v20512152) + 14px))!important;
  margin:0!important;
  align-self:start!important;
  transform:none!important;
}

body.admin-page .admin-main-pro,
body.admin-page .admin-content,
body.admin-page .settings-main,
body.vendor-page .vendor-main-pro{
  grid-column:2!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

@media(min-width:1700px){
  :root{
    --bz-shell-page-pad-v20512152:24px;
    --bz-shell-sidebar-v20512152:340px;
    --bz-shell-gap-v20512152:22px;
    --bz-shell-section-top-v20512152:8px;
  }
}

@media(max-width:1180px){
  body.admin-page .admin-pro-page,
  body.admin-page .admin-page,
  body.admin-page .admin-control-center-page,
  body.admin-page .admin-settings-page,
  body.vendor-page .vendor-pro-page{
    padding:12px 0 42px!important;
  }
  body.admin-page .admin-shell,
  body.admin-page .admin-control-center-page .admin-shell,
  body.admin-page section[class*="admin-"] .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-pro-page .vendor-shell-pro,
  body.vendor-page .vendor-shell-pro{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin:0 12px 32px 12px!important;
  }
  body.admin-page .admin-sidebar,
  body.admin-page .admin-sidebar-unified-v167,
  body.admin-page .settings-sidebar,
  body.vendor-page .vendor-sidebar-pro{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 0 16px!important;
  }
}

@media(max-width:640px){
  body.admin-page .admin-pro-page,
  body.admin-page .admin-page,
  body.admin-page .admin-control-center-page,
  body.admin-page .admin-settings-page,
  body.vendor-page .vendor-pro-page{
    padding:8px 0 34px!important;
  }
  body.admin-page .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-shell-pro{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin:0 7px 26px 7px!important;
  }
}


/* Phase 20.5.12.15.3 — Sidebar Inner Top + Official Shell Authority
   Final authority after removing old inline sidebar CSS blocks from _sidebar.php. */
:root{
  --bz-shell-page-pad-v20512153:18px;
  --bz-shell-sidebar-v20512153:330px;
  --bz-shell-gap-v20512153:18px;
  --bz-shell-section-top-v20512153:8px;
  --bz-shell-sticky-top-v20512153:108px;
}

body.admin-page .admin-pro-page,
body.admin-page .admin-page,
body.admin-page .admin-control-center-page,
body.admin-page .admin-settings-page,
body.vendor-page .vendor-pro-page{
  padding:var(--bz-shell-section-top-v20512153) 0 70px!important;
}

body.admin-page .admin-shell,
body.admin-page .admin-control-center-page .admin-shell,
body.admin-page section[class*="admin-"] .admin-shell,
body.admin-page .admin-settings-shell,
body.vendor-page .vendor-pro-page .vendor-shell-pro,
body.vendor-page .vendor-shell-pro{
  width:calc(100vw - (var(--bz-shell-page-pad-v20512153) * 2))!important;
  max-width:calc(100vw - (var(--bz-shell-page-pad-v20512153) * 2))!important;
  margin:0 var(--bz-shell-page-pad-v20512153) 44px var(--bz-shell-page-pad-v20512153)!important;
  display:grid!important;
  grid-template-columns:var(--bz-shell-sidebar-v20512153) minmax(0,1fr)!important;
  gap:var(--bz-shell-gap-v20512153)!important;
  align-items:start!important;
  direction:rtl!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-sidebar,
body.admin-page .admin-sidebar-unified-v167,
body.admin-page .settings-sidebar,
body.vendor-page .vendor-sidebar-pro{
  grid-column:1!important;
  width:var(--bz-shell-sidebar-v20512153)!important;
  min-width:var(--bz-shell-sidebar-v20512153)!important;
  max-width:var(--bz-shell-sidebar-v20512153)!important;
  position:sticky!important;
  top:var(--bz-shell-sticky-top-v20512153)!important;
  max-height:calc(100vh - (var(--bz-shell-sticky-top-v20512153) + 14px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding-top:0!important;
  align-self:start!important;
  transform:none!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-sidebar > :first-child,
body.admin-page .admin-sidebar-unified-v167 > :first-child,
body.vendor-page .vendor-sidebar-pro > :first-child{
  margin-top:0!important;
}

body.admin-page .admin-main-pro,
body.admin-page .admin-content,
body.admin-page .settings-main,
body.vendor-page .vendor-main-pro{
  grid-column:2!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Remove accidental dashed/debug outline from live admin/vendor hero and panels only */
body.admin-page .admin-hero-pro,
body.admin-page .settings-hero,
body.admin-page .admin-panel-pro,
body.admin-page .settings-card,
body.vendor-page .vendor-hero-pro,
body.vendor-page .vendor-panel-pro{
  outline:none!important;
}

@media(min-width:1700px){
  :root{
    --bz-shell-page-pad-v20512153:24px;
    --bz-shell-sidebar-v20512153:340px;
    --bz-shell-gap-v20512153:22px;
  }
}

@media(max-width:1180px){
  body.admin-page .admin-pro-page,
  body.admin-page .admin-page,
  body.admin-page .admin-control-center-page,
  body.admin-page .admin-settings-page,
  body.vendor-page .vendor-pro-page{
    padding:12px 0 42px!important;
  }
  body.admin-page .admin-shell,
  body.admin-page .admin-control-center-page .admin-shell,
  body.admin-page section[class*="admin-"] .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-pro-page .vendor-shell-pro,
  body.vendor-page .vendor-shell-pro{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin:0 12px 32px 12px!important;
  }
  body.admin-page .admin-sidebar,
  body.admin-page .admin-sidebar-unified-v167,
  body.admin-page .settings-sidebar,
  body.vendor-page .vendor-sidebar-pro{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 0 16px!important;
  }
}


/* Phase 20.5.12.15.4 — Sidebar Profile Header & Menu Scroll Polish
   Professional sidebar structure:
   - profile/store card stays as top header
   - search/actions stay visible under header
   - menu list scrolls independently
   - no hidden last items
   - full width admin/vendor shell preserved
*/
:root{
  --bz-shell-page-pad-v20512154:18px;
  --bz-shell-sidebar-v20512154:330px;
  --bz-shell-gap-v20512154:18px;
  --bz-shell-section-top-v20512154:8px;
  --bz-shell-sticky-top-v20512154:108px;
  --bz-sidebar-header-gap-v20512154:12px;
}

body.admin-page .admin-pro-page,
body.admin-page .admin-page,
body.admin-page .admin-control-center-page,
body.admin-page .admin-settings-page,
body.vendor-page .vendor-pro-page{
  padding:var(--bz-shell-section-top-v20512154) 0 70px!important;
}

body.admin-page .admin-shell,
body.admin-page .admin-control-center-page .admin-shell,
body.admin-page section[class*="admin-"] .admin-shell,
body.admin-page .admin-settings-shell,
body.vendor-page .vendor-pro-page .vendor-shell-pro,
body.vendor-page .vendor-shell-pro{
  width:calc(100vw - (var(--bz-shell-page-pad-v20512154) * 2))!important;
  max-width:calc(100vw - (var(--bz-shell-page-pad-v20512154) * 2))!important;
  margin:0 var(--bz-shell-page-pad-v20512154) 44px var(--bz-shell-page-pad-v20512154)!important;
  display:grid!important;
  grid-template-columns:var(--bz-shell-sidebar-v20512154) minmax(0,1fr)!important;
  gap:var(--bz-shell-gap-v20512154)!important;
  align-items:start!important;
  direction:rtl!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-sidebar,
body.admin-page .admin-sidebar-unified-v167,
body.admin-page .settings-sidebar,
body.vendor-page .vendor-sidebar-pro{
  grid-column:1!important;
  width:var(--bz-shell-sidebar-v20512154)!important;
  min-width:var(--bz-shell-sidebar-v20512154)!important;
  max-width:var(--bz-shell-sidebar-v20512154)!important;
  position:sticky!important;
  top:var(--bz-shell-sticky-top-v20512154)!important;
  height:calc(100vh - (var(--bz-shell-sticky-top-v20512154) + 14px))!important;
  max-height:calc(100vh - (var(--bz-shell-sticky-top-v20512154) + 14px))!important;
  overflow:hidden!important;
  margin:0!important;
  padding:14px!important;
  align-self:start!important;
  transform:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:var(--bz-sidebar-header-gap-v20512154)!important;
}

/* Header cards stay above the scroll area */
body.admin-page .admin-sidebar .admin-profile-card,
body.admin-page .admin-sidebar-unified-v167 .admin-profile-card,
body.admin-page .settings-sidebar .admin-profile-card,
body.vendor-page .vendor-sidebar-pro .vendor-store-card{
  flex:0 0 auto!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Search and quick action blocks stay visible, not part of menu clipping */
body.admin-page .admin-sidebar .admin-sidebar-search,
body.admin-page .admin-sidebar-unified-v167 .admin-sidebar-search,
body.admin-page .admin-sidebar .admin-sidebar-tools,
body.admin-page .admin-sidebar-unified-v167 .admin-sidebar-tools,
body.admin-page .settings-sidebar .admin-sidebar-search,
body.vendor-page .vendor-sidebar-pro .vendor-sidebar-search,
body.vendor-page .vendor-sidebar-pro .vendor-sidebar-tools{
  flex:0 0 auto!important;
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* Menu scrolls independently */
body.admin-page .admin-menu-pro,
body.admin-page .admin-menu-unified-v167,
body.admin-page .settings-sidebar nav,
body.vendor-page .vendor-menu-pro{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  gap:8px!important;
  padding:0 2px 14px!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
  box-sizing:border-box!important;
  scrollbar-width:thin;
}

body.admin-page .admin-menu-pro a,
body.admin-page .admin-menu-unified-v167 a,
body.admin-page .settings-sidebar nav a,
body.vendor-page .vendor-menu-pro a{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  line-height:1.45!important;
  white-space:normal!important;
  box-sizing:border-box!important;
}

body.admin-page .admin-sidebar > :first-child,
body.admin-page .admin-sidebar-unified-v167 > :first-child,
body.admin-page .settings-sidebar > :first-child,
body.vendor-page .vendor-sidebar-pro > :first-child{
  margin-top:0!important;
}

body.admin-page .admin-help-card{
  display:none!important;
}

body.admin-page .admin-main-pro,
body.admin-page .admin-content,
body.admin-page .settings-main,
body.vendor-page .vendor-main-pro{
  grid-column:2!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Remove accidental dashed/debug outline from live admin/vendor panels only */
body.admin-page .admin-hero-pro,
body.admin-page .settings-hero,
body.admin-page .admin-panel-pro,
body.admin-page .settings-card,
body.vendor-page .vendor-hero-pro,
body.vendor-page .vendor-panel-pro{
  outline:none!important;
}

@media(min-width:1700px){
  :root{
    --bz-shell-page-pad-v20512154:24px;
    --bz-shell-sidebar-v20512154:340px;
    --bz-shell-gap-v20512154:22px;
  }
}

@media(max-width:1180px){
  body.admin-page .admin-pro-page,
  body.admin-page .admin-page,
  body.admin-page .admin-control-center-page,
  body.admin-page .admin-settings-page,
  body.vendor-page .vendor-pro-page{
    padding:12px 0 42px!important;
  }
  body.admin-page .admin-shell,
  body.admin-page .admin-control-center-page .admin-shell,
  body.admin-page section[class*="admin-"] .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-pro-page .vendor-shell-pro,
  body.vendor-page .vendor-shell-pro{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin:0 12px 32px 12px!important;
  }
  body.admin-page .admin-sidebar,
  body.admin-page .admin-sidebar-unified-v167,
  body.admin-page .settings-sidebar,
  body.vendor-page .vendor-sidebar-pro{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 0 16px!important;
    overflow:visible!important;
  }
  body.admin-page .admin-menu-pro,
  body.admin-page .admin-menu-unified-v167,
  body.admin-page .settings-sidebar nav,
  body.vendor-page .vendor-menu-pro{
    max-height:none!important;
    overflow:visible!important;
  }
}

@media(max-width:640px){
  body.admin-page .admin-shell,
  body.admin-page .admin-settings-shell,
  body.vendor-page .vendor-shell-pro{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin:0 7px 28px 7px!important;
  }
}


/* Phase 20.5.12.15.5 — Sidebar Accordion Scroll Spacing Polish
   Fine tune the independent menu scroll area:
   - no visual overlap when opening/closing groups
   - no clipped last group
   - clean spacing between accordion sections
*/
:root{
  --bz-sidebar-menu-bottom-v20512155:34px;
  --bz-sidebar-section-gap-v20512155:10px;
}

body.admin-page .admin-sidebar,
body.admin-page .admin-sidebar-unified-v167,
body.admin-page .settings-sidebar,
body.vendor-page .vendor-sidebar-pro{
  overflow:hidden!important;
  isolation:isolate;
}

/* Scroll area should be the only clipping layer */
body.admin-page .admin-menu-pro,
body.admin-page .admin-menu-unified-v167,
body.admin-page .settings-sidebar nav,
body.vendor-page .vendor-menu-pro{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:var(--bz-sidebar-section-gap-v20512155)!important;
  padding:2px 2px var(--bz-sidebar-menu-bottom-v20512155)!important;
  margin:0!important;
  overscroll-behavior:contain;
  scroll-padding-top:8px;
  scroll-padding-bottom:var(--bz-sidebar-menu-bottom-v20512155);
}

/* Accordion/group containers must not overlap each other */
body.admin-page .admin-menu-pro > *,
body.admin-page .admin-menu-unified-v167 > *,
body.admin-page .settings-sidebar nav > *,
body.vendor-page .vendor-menu-pro > *{
  flex:0 0 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  position:relative!important;
}

/* Common legacy group names */
body.admin-page .admin-menu-section,
body.admin-page .admin-menu-group,
body.admin-page .admin-nav-group,
body.admin-page .admin-sidebar-group,
body.vendor-page .vendor-menu-section,
body.vendor-page .vendor-menu-group{
  display:block!important;
  overflow:visible!important;
  margin:0!important;
}

/* Section headers/buttons */
body.admin-page .admin-menu-pro a,
body.admin-page .admin-menu-unified-v167 a,
body.admin-page .settings-sidebar nav a,
body.vendor-page .vendor-menu-pro a,
body.admin-page .admin-menu-pro button,
body.admin-page .admin-menu-unified-v167 button,
body.vendor-page .vendor-menu-pro button{
  flex:0 0 auto!important;
  min-height:44px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  line-height:1.45!important;
  overflow:visible!important;
}

/* Nested links container spacing */
body.admin-page .admin-menu-items,
body.admin-page .admin-submenu,
body.admin-page .admin-menu-sub,
body.admin-page .admin-nav-children,
body.vendor-page .vendor-menu-items,
body.vendor-page .vendor-submenu{
  display:grid!important;
  gap:7px!important;
  padding:7px 0 0!important;
  margin:0!important;
  overflow:visible!important;
}

/* Prevent half-hidden bottom item */
body.admin-page .admin-menu-pro::after,
body.admin-page .admin-menu-unified-v167::after,
body.admin-page .settings-sidebar nav::after,
body.vendor-page .vendor-menu-pro::after{
  content:"";
  display:block;
  flex:0 0 20px;
}

/* Better scrollbar without eating content width */
body.admin-page .admin-menu-pro,
body.admin-page .admin-menu-unified-v167,
body.admin-page .settings-sidebar nav,
body.vendor-page .vendor-menu-pro{
  scrollbar-width:thin;
}
body.admin-page .admin-menu-pro::-webkit-scrollbar,
body.admin-page .admin-menu-unified-v167::-webkit-scrollbar,
body.admin-page .settings-sidebar nav::-webkit-scrollbar,
body.vendor-page .vendor-menu-pro::-webkit-scrollbar{
  width:6px;
}
body.admin-page .admin-menu-pro::-webkit-scrollbar-thumb,
body.admin-page .admin-menu-unified-v167::-webkit-scrollbar-thumb,
body.admin-page .settings-sidebar nav::-webkit-scrollbar-thumb,
body.vendor-page .vendor-menu-pro::-webkit-scrollbar-thumb{
  background:rgba(59,130,246,.28);
  border-radius:999px;
}

@media(max-width:1180px){
  body.admin-page .admin-menu-pro,
  body.admin-page .admin-menu-unified-v167,
  body.admin-page .settings-sidebar nav,
  body.vendor-page .vendor-menu-pro{
    overflow:visible!important;
    display:grid!important;
    padding-bottom:10px!important;
  }
}