/* =========================================================
   SmartersWeb AI production polish v22.0.0
   Navigation + collapsible sidebar alignment pass.
   Loads after v21 so it becomes the final source of layout truth.
   ========================================================= */

:root{
  --v22-shell-w:1560px;
  --v22-sidebar-w:292px;
  --v22-sidebar-collapsed-w:84px;
  --v22-header-h:72px;
  --v22-shell-gap:24px;
  --v22-panel-radius:24px;
  --v22-ease:cubic-bezier(.2,.7,.2,1);
}

body.section-client,
body.section-admin{
  --sw-fixed-header-h:var(--v22-header-h)!important;
  --sw-backend-sidebar:var(--v22-sidebar-w)!important;
}

body.section-client .subnav-flow,
body.section-admin .subnav-flow,
body.section-client .subnav-flow-v18-23,
body.section-admin .subnav-flow-v18-23,
body.section-client .extension-subnav,
body.section-admin .extension-subnav,
body.section-client .extension-subnav-v18-23,
body.section-admin .extension-subnav-v18-23{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Backend header: one header nav, one sidebar, no stacked duplicate menus. */
body.section-client .site-header-v18-25.backend-header,
body.section-admin .site-header-v18-25.backend-header{
  min-height:var(--v22-header-h)!important;
  padding:10px max(18px,calc((100vw - var(--v22-shell-w))/2 + 18px))!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  border-bottom:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--bg) 92%,transparent)!important;
  backdrop-filter:blur(18px)!important;
}
body.section-client .backend-header .header-left,
body.section-admin .backend-header .header-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:0 1 auto!important;}
body.section-client .backend-header .brand,
body.section-admin .backend-header .brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:210px!important;text-decoration:none!important;}
body.section-client .backend-header .brand-logo-img,
body.section-admin .backend-header .brand-logo-img{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:16px!important;overflow:hidden!important;}
body.section-client .backend-header .brand-copy,
body.section-admin .backend-header .brand-copy{display:grid!important;gap:0!important;min-width:0!important;line-height:1!important;}
body.section-client .backend-header .brand-text,
body.section-admin .backend-header .brand-text{font-size:.96rem!important;font-weight:950!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.section-client .backend-header .brand-copy small,
body.section-admin .backend-header .brand-copy small{font-size:.68rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:var(--muted)!important;white-space:nowrap!important;}
body.section-client .header-context-pill,
body.section-admin .header-context-pill{height:30px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--brand-2) 36%,var(--line))!important;color:var(--brand-2)!important;background:rgba(22,214,182,.09)!important;font-size:.78rem!important;font-weight:950!important;white-space:nowrap!important;}
body.section-client .backend-header .primary-nav,
body.section-admin .backend-header .primary-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important;}
body.section-client .nav-dropdown,
body.section-admin .nav-dropdown{position:relative!important;display:block!important;}
body.section-client .nav-dropdown-toggle,
body.section-admin .nav-dropdown-toggle{min-height:42px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface-card)!important;color:var(--text)!important;padding:0 16px!important;font-size:.92rem!important;font-weight:950!important;white-space:nowrap!important;box-shadow:none!important;}
body.section-client .nav-dropdown.active .nav-dropdown-toggle,
body.section-admin .nav-dropdown.active .nav-dropdown-toggle,
body.section-client .nav-dropdown.is-open .nav-dropdown-toggle,
body.section-admin .nav-dropdown.is-open .nav-dropdown-toggle{border-color:color-mix(in srgb,var(--brand) 38%,var(--line))!important;background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(22,214,182,.07)),var(--surface-card)!important;}
body.section-client .nav-dropdown-menu,
body.section-admin .nav-dropdown-menu{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;z-index:10020!important;display:none!important;min-width:238px!important;max-width:300px!important;padding:8px!important;border-radius:20px!important;background:var(--surface-popover)!important;border:1px solid var(--line)!important;box-shadow:0 22px 70px rgba(2,6,23,.20)!important;}
body.section-client .nav-dropdown.is-open .nav-dropdown-menu,
body.section-admin .nav-dropdown.is-open .nav-dropdown-menu{display:grid!important;gap:4px!important;}
body.section-client .nav-dropdown-menu a,
body.section-admin .nav-dropdown-menu a{display:flex!important;align-items:center!important;min-height:38px!important;padding:9px 12px!important;border-radius:13px!important;color:var(--text)!important;font-size:.9rem!important;font-weight:850!important;text-decoration:none!important;white-space:normal!important;line-height:1.25!important;}
body.section-client .nav-dropdown-menu a:hover,
body.section-admin .nav-dropdown-menu a:hover,
body.section-client .nav-dropdown-menu a.active,
body.section-admin .nav-dropdown-menu a.active{background:rgba(124,92,255,.11)!important;color:var(--text)!important;}
body.section-client .backend-header .header-actions,
body.section-admin .backend-header .header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;}
body.section-client .sidebar-toggle,
body.section-admin .sidebar-toggle{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:999px!important;padding:0 13px!important;border:1px solid var(--line)!important;background:var(--surface-card)!important;color:var(--text)!important;font-size:.88rem!important;font-weight:950!important;white-space:nowrap!important;}
body.section-client .nav-toggle,
body.section-admin .nav-toggle{display:none!important;}

/* App shell: desktop, expanded and collapsed. */
body.layout-v18-25.section-client .main-client,
body.layout-v18-25.section-admin .main-admin{padding-top:var(--v22-header-h)!important;}

@media (min-width:1181px){
  body.layout-v18-25.section-client .dashboard,
  body.layout-v18-25.section-admin .dashboard{
    width:min(var(--v22-shell-w),calc(100vw - 64px))!important;
    max-width:var(--v22-shell-w)!important;
    margin:0 auto!important;
    padding:24px 0 64px!important;
    display:grid!important;
    grid-template-columns:var(--v22-sidebar-w) minmax(0,1fr)!important;
    gap:var(--v22-shell-gap)!important;
    align-items:start!important;
    overflow:visible!important;
  }
  body.layout-v18-25.section-client.sidebar-collapsed .dashboard,
  body.layout-v18-25.section-admin.sidebar-collapsed .dashboard{
    grid-template-columns:var(--v22-sidebar-collapsed-w) minmax(0,1fr)!important;
  }
  body.layout-v18-25.section-client .dashboard>.sidebar,
  body.layout-v18-25.section-admin .dashboard>.sidebar{
    grid-column:1!important;
    grid-row:1!important;
    position:sticky!important;
    top:calc(var(--v22-header-h) + 18px)!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:var(--v22-sidebar-w)!important;
    max-height:calc(100vh - var(--v22-header-h) - 36px)!important;
    overflow:hidden!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:35!important;
  }
  body.layout-v18-25.section-client.sidebar-collapsed .dashboard>.sidebar,
  body.layout-v18-25.section-admin.sidebar-collapsed .dashboard>.sidebar{max-width:var(--v22-sidebar-collapsed-w)!important;}
  body.layout-v18-25.section-client .dashboard>.dash-main,
  body.layout-v18-25.section-admin .dashboard>.dash-main,
  body.layout-v18-25.section-client .dashboard>section.dash-main,
  body.layout-v18-25.section-admin .dashboard>section.dash-main{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:22px!important;
    align-content:start!important;
  }
}

/* Sidebar base: one visual language for admin, client, and extension pages. */
body.section-client .sidebar,
body.section-admin .sidebar{
  box-sizing:border-box!important;
  padding:14px!important;
  border-radius:28px!important;
  border:1px solid var(--line)!important;
  background:linear-gradient(160deg,rgba(124,92,255,.08),rgba(22,214,182,.045)),var(--surface-card)!important;
  box-shadow:0 20px 70px rgba(2,6,23,.13)!important;
  color:var(--text)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(124,92,255,.45) transparent!important;
}
body.section-client .sidebar::-webkit-scrollbar,
body.section-admin .sidebar::-webkit-scrollbar{width:7px!important;}
body.section-client .sidebar::-webkit-scrollbar-thumb,
body.section-admin .sidebar::-webkit-scrollbar-thumb{border-radius:999px!important;background:rgba(124,92,255,.35)!important;}
body.section-client .sidebar-scrollarea,
body.section-admin .sidebar-scrollarea{display:grid!important;gap:10px!important;min-height:0!important;overflow:auto!important;padding:2px 2px 6px!important;}
body.section-client .sidebar-shell-head,
body.section-admin .sidebar-shell-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:6px 6px 14px!important;margin:0 0 10px!important;border-bottom:1px solid var(--line)!important;}
body.section-client .sidebar-head-copy,
body.section-admin .sidebar-head-copy{min-width:0!important;display:grid!important;gap:6px!important;}
body.section-client .sidebar-title,
body.section-admin .sidebar-title{display:block!important;margin:0!important;padding:0!important;font-size:.74rem!important;line-height:1.18!important;letter-spacing:.11em!important;text-transform:uppercase!important;font-weight:950!important;color:var(--muted)!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.section-client .sidebar-shell-head p,
body.section-admin .sidebar-shell-head p{margin:0!important;color:var(--muted)!important;font-size:.8rem!important;line-height:1.35!important;}
body.section-client .sidebar-head-actions,
body.section-admin .sidebar-head-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;}
body.section-client .sidebar-collapse-control,
body.section-admin .sidebar-collapse-control,
body.section-client .sidebar-mini-home,
body.section-admin .sidebar-mini-home{width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;border-radius:14px!important;border:1px solid var(--line)!important;background:var(--surface-field)!important;color:var(--text)!important;text-decoration:none!important;font-size:1.05rem!important;font-weight:950!important;cursor:pointer!important;line-height:1!important;padding:0!important;}
body.section-client .sidebar-collapse-control:hover,
body.section-admin .sidebar-collapse-control:hover,
body.section-client .sidebar-mini-home:hover,
body.section-admin .sidebar-mini-home:hover{border-color:color-mix(in srgb,var(--brand-2) 45%,var(--line))!important;background:rgba(22,214,182,.10)!important;}
body.section-client .sidebar-group,
body.section-admin .sidebar-group{display:grid!important;gap:6px!important;margin:0!important;min-width:0!important;}
body.section-client .sidebar-group-toggle,
body.section-admin .sidebar-group-toggle{width:100%!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 8px!important;border:0!important;background:transparent!important;color:var(--muted)!important;border-radius:12px!important;font-size:.72rem!important;line-height:1.15!important;font-weight:950!important;letter-spacing:.09em!important;text-transform:uppercase!important;cursor:pointer!important;}
body.section-client .sidebar-group-toggle:hover,
body.section-admin .sidebar-group-toggle:hover{background:rgba(124,92,255,.07)!important;color:var(--text)!important;}
body.section-client .sidebar-group-toggle i,
body.section-admin .sidebar-group-toggle i{font-style:normal!important;font-size:.9rem!important;transition:transform .18s var(--v22-ease)!important;}
body.section-client .sidebar-group.is-collapsed .sidebar-group-toggle i,
body.section-admin .sidebar-group.is-collapsed .sidebar-group-toggle i{transform:rotate(-90deg)!important;}
body.section-client .sidebar-group-links,
body.section-admin .sidebar-group-links{display:grid!important;gap:5px!important;}
body.section-client .sidebar-group.is-collapsed .sidebar-group-links,
body.section-admin .sidebar-group.is-collapsed .sidebar-group-links{display:none!important;}

body.section-client .sidebar a,
body.section-admin .sidebar a{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
  width:100%!important;
  padding:6px 9px!important;
  border-radius:16px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--text)!important;
  text-decoration:none!important;
  line-height:1.18!important;
  overflow:hidden!important;
  white-space:normal!important;
  box-shadow:none!important;
  transition:background .18s var(--v22-ease),border-color .18s var(--v22-ease),transform .18s var(--v22-ease)!important;
}
body.section-client .sidebar a:hover,
body.section-admin .sidebar a:hover{background:rgba(124,92,255,.08)!important;border-color:rgba(124,92,255,.16)!important;transform:translateX(1px)!important;}
body.section-client .sidebar a.active,
body.section-admin .sidebar a.active{background:linear-gradient(135deg,rgba(22,214,182,.16),rgba(124,92,255,.11))!important;border-color:rgba(22,214,182,.34)!important;box-shadow:inset 3px 0 0 var(--brand-2)!important;}
body.section-client .sidebar a .sidebar-icon,
body.section-admin .sidebar a .sidebar-icon,
body.section-client .sidebar a>b,
body.section-admin .sidebar a>b{box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(135deg,var(--brand),var(--brand-3))!important;color:#fff!important;font-size:.78rem!important;font-weight:950!important;font-style:normal!important;line-height:1!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;box-shadow:0 9px 20px rgba(79,140,255,.20)!important;}
body.section-client .sidebar a .sidebar-label,
body.section-admin .sidebar a .sidebar-label,
body.section-client .sidebar a>em,
body.section-admin .sidebar a>em{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;color:var(--text)!important;font-size:.92rem!important;font-weight:850!important;font-style:normal!important;}
body.section-client .sidebar-badge,
body.section-admin .sidebar-badge,
body.section-client .sidebar a>span:not(.sidebar-label):not(.sidebar-icon),
body.section-admin .sidebar a>span:not(.sidebar-label):not(.sidebar-icon){justify-self:end!important;display:inline-grid!important;place-items:center!important;min-width:22px!important;max-width:64px!important;height:22px!important;padding:0 7px!important;border-radius:999px!important;background:rgba(22,214,182,.14)!important;border:1px solid rgba(22,214,182,.28)!important;color:var(--brand-2)!important;font-size:.68rem!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.section-client .sidebar-footer-actions,
body.section-admin .sidebar-footer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 0 0!important;padding:12px 4px 0!important;border-top:1px solid var(--line)!important;}
body.section-client .sidebar-footer-actions a,
body.section-admin .sidebar-footer-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px!important;border-radius:14px!important;background:var(--surface-field)!important;border:1px solid var(--line)!important;font-size:.82rem!important;font-weight:900!important;}

/* Legacy/simple sidebars from older module pages. Keep them aligned instead of broken by icon grid rules. */
body.section-client .sidebar:not(.platform-sidebar-v22) .sidebar-title,
body.section-admin .sidebar:not(.platform-sidebar-v22) .sidebar-title{padding:8px 8px 14px!important;margin:0 0 8px!important;border-bottom:1px solid var(--line)!important;}
body.section-client .sidebar:not(.platform-sidebar-v22) a,
body.section-admin .sidebar:not(.platform-sidebar-v22) a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;grid-template-columns:none!important;min-height:44px!important;padding:9px 11px!important;font-size:.92rem!important;font-weight:850!important;}
body.section-client .sidebar:not(.platform-sidebar-v22) a::before,
body.section-admin .sidebar:not(.platform-sidebar-v22) a::before{content:""!important;width:9px!important;height:9px!important;min-width:9px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;box-shadow:0 0 0 4px rgba(124,92,255,.07)!important;}
body.section-client .sidebar-divider,
body.section-admin .sidebar-divider{height:1px!important;background:var(--line)!important;margin:8px 4px!important;}
body.section-client .small-sidebar-title,
body.section-admin .small-sidebar-title{font-size:.7rem!important;padding-top:8px!important;}

/* Collapsed desktop state. */
@media (min-width:1181px){
  body.section-client.sidebar-collapsed .sidebar,
  body.section-admin.sidebar-collapsed .sidebar{padding:12px 10px!important;border-radius:24px!important;}
  body.section-client.sidebar-collapsed .sidebar-shell-head,
  body.section-admin.sidebar-collapsed .sidebar-shell-head{display:grid!important;justify-content:center!important;gap:8px!important;padding:4px 0 10px!important;}
  body.section-client.sidebar-collapsed .sidebar-head-copy,
  body.section-admin.sidebar-collapsed .sidebar-head-copy,
  body.section-client.sidebar-collapsed .sidebar-mini-home,
  body.section-admin.sidebar-collapsed .sidebar-mini-home{display:none!important;}
  body.section-client.sidebar-collapsed .sidebar-head-actions,
  body.section-admin.sidebar-collapsed .sidebar-head-actions{justify-content:center!important;}
  body.section-client.sidebar-collapsed .sidebar-collapse-control,
  body.section-admin.sidebar-collapsed .sidebar-collapse-control{width:42px!important;height:42px!important;border-radius:16px!important;}
  body.section-client.sidebar-collapsed .sidebar-scrollarea,
  body.section-admin.sidebar-collapsed .sidebar-scrollarea{gap:8px!important;align-items:center!important;overflow:auto!important;}
  body.section-client.sidebar-collapsed .sidebar-group,
  body.section-admin.sidebar-collapsed .sidebar-group{gap:5px!important;align-items:center!important;}
  body.section-client.sidebar-collapsed .sidebar-group-toggle,
  body.section-admin.sidebar-collapsed .sidebar-group-toggle{height:12px!important;min-height:12px!important;padding:0!important;justify-content:center!important;pointer-events:none!important;}
  body.section-client.sidebar-collapsed .sidebar-group-toggle span,
  body.section-admin.sidebar-collapsed .sidebar-group-toggle span{display:block!important;width:28px!important;height:2px!important;border-radius:999px!important;background:var(--line)!important;overflow:hidden!important;text-indent:-999px!important;}
  body.section-client.sidebar-collapsed .sidebar-group-toggle i,
  body.section-admin.sidebar-collapsed .sidebar-group-toggle i{display:none!important;}
  body.section-client.sidebar-collapsed .sidebar-group-links,
  body.section-admin.sidebar-collapsed .sidebar-group-links{display:grid!important;gap:5px!important;}
  body.section-client.sidebar-collapsed .sidebar a,
  body.section-admin.sidebar-collapsed .sidebar a{width:48px!important;min-height:48px!important;height:48px!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;padding:6px!important;gap:0!important;border-radius:17px!important;font-size:0!important;overflow:visible!important;}
  body.section-client.sidebar-collapsed .sidebar a .sidebar-icon,
  body.section-admin.sidebar-collapsed .sidebar a .sidebar-icon,
  body.section-client.sidebar-collapsed .sidebar a>b,
  body.section-admin.sidebar-collapsed .sidebar a>b{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;}
  body.section-client.sidebar-collapsed .sidebar a .sidebar-label,
  body.section-admin.sidebar-collapsed .sidebar a .sidebar-label,
  body.section-client.sidebar-collapsed .sidebar a>em,
  body.section-admin.sidebar-collapsed .sidebar a>em,
  body.section-client.sidebar-collapsed .sidebar-badge,
  body.section-admin.sidebar-collapsed .sidebar-badge,
  body.section-client.sidebar-collapsed .sidebar-footer-actions,
  body.section-admin.sidebar-collapsed .sidebar-footer-actions{display:none!important;}
  body.section-client.sidebar-collapsed .sidebar:not(.platform-sidebar-v22) .sidebar-title,
  body.section-admin.sidebar-collapsed .sidebar:not(.platform-sidebar-v22) .sidebar-title{display:none!important;}
  body.section-client.sidebar-collapsed .sidebar:not(.platform-sidebar-v22) a::before,
  body.section-admin.sidebar-collapsed .sidebar:not(.platform-sidebar-v22) a::before{width:14px!important;height:14px!important;min-width:14px!important;}
}

/* Mobile/tablet drawer behavior. */
@media (max-width:1180px){
  :root{--v22-header-h:68px;}
  body.section-client .site-header-v18-25.backend-header,
  body.section-admin .site-header-v18-25.backend-header{padding:10px 14px!important;min-height:var(--v22-header-h)!important;gap:10px!important;}
  body.section-client .backend-header .brand,
  body.section-admin .backend-header .brand{min-width:0!important;}
  body.section-client .header-context-pill,
  body.section-admin .header-context-pill{display:none!important;}
  body.section-client .backend-header .primary-nav,
  body.section-admin .backend-header .primary-nav{position:fixed!important;top:calc(var(--v22-header-h) + 10px)!important;right:14px!important;left:auto!important;width:min(360px,calc(100vw - 28px))!important;max-height:calc(100vh - var(--v22-header-h) - 24px)!important;overflow:auto!important;display:none!important;padding:12px!important;border-radius:24px!important;border:1px solid var(--line)!important;background:var(--surface-popover)!important;box-shadow:0 30px 90px rgba(2,6,23,.24)!important;z-index:10050!important;}
  body.section-client .backend-header .primary-nav.open,
  body.section-admin .backend-header .primary-nav.open{display:grid!important;gap:8px!important;}
  body.section-client .nav-dropdown,
  body.section-admin .nav-dropdown{width:100%!important;}
  body.section-client .nav-dropdown-toggle,
  body.section-admin .nav-dropdown-toggle{width:100%!important;justify-content:space-between!important;border-radius:16px!important;}
  body.section-client .nav-dropdown-menu,
  body.section-admin .nav-dropdown-menu{position:static!important;display:none!important;box-shadow:none!important;margin:6px 0 0!important;width:100%!important;min-width:0!important;max-width:none!important;background:color-mix(in srgb,var(--surface-field) 86%,transparent)!important;}
  body.section-client .nav-dropdown.is-open .nav-dropdown-menu,
  body.section-admin .nav-dropdown.is-open .nav-dropdown-menu{display:grid!important;}
  body.section-client .nav-toggle,
  body.section-admin .nav-toggle{display:inline-flex!important;min-height:40px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface-card)!important;color:var(--text)!important;padding:0 12px!important;font-size:.84rem!important;font-weight:950!important;}
  body.section-client .command-btn,
  body.section-admin .command-btn{display:none!important;}
  body.layout-v18-25.section-client .main-client,
  body.layout-v18-25.section-admin .main-admin{padding-top:var(--v22-header-h)!important;}
  body.layout-v18-25.section-client .dashboard,
  body.layout-v18-25.section-admin .dashboard{width:min(100% - 28px,var(--v22-shell-w))!important;display:block!important;margin:0 auto!important;padding:18px 0 42px!important;}
  body.layout-v18-25.section-client .dashboard>.sidebar,
  body.layout-v18-25.section-admin .dashboard>.sidebar{position:fixed!important;top:calc(var(--v22-header-h) + 12px)!important;left:14px!important;bottom:14px!important;width:min(340px,calc(100vw - 28px))!important;max-width:none!important;max-height:none!important;display:flex!important;flex-direction:column!important;z-index:10040!important;overflow:hidden!important;transform:translateX(calc(-100% - 32px))!important;transition:transform .24s var(--v22-ease)!important;opacity:1!important;visibility:visible!important;}
  body.sidebar-open .dashboard>.sidebar,
  body .dashboard>.sidebar.is-open{transform:translateX(0)!important;}
  body.section-client .mobile-scrim,
  body.section-admin .mobile-scrim{display:none!important;position:fixed!important;inset:0!important;background:rgba(2,6,23,.52)!important;backdrop-filter:blur(5px)!important;z-index:10030!important;}
  body.section-client.sidebar-open .mobile-scrim,
  body.section-admin.sidebar-open .mobile-scrim,
  body.section-client.nav-open .mobile-scrim,
  body.section-admin.nav-open .mobile-scrim{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
}

@media (max-width:760px){
  body.section-client .backend-header .brand-copy small,
  body.section-admin .backend-header .brand-copy small{display:none!important;}
  body.section-client .user-chip-name,
  body.section-admin .user-chip-name{display:none!important;}
  body.section-client .backend-header .header-actions,
  body.section-admin .backend-header .header-actions{gap:6px!important;}
  body.section-client .notification-menu,
  body.section-admin .notification-menu{display:none!important;}
  body.section-client .dashboard-topbar .page-title,
  body.section-admin .dashboard-topbar .page-title,
  body.section-client .dash-hero .page-title,
  body.section-admin .dash-hero .page-title{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.04!important;}
}

@media (max-width:520px){
  body.section-client .backend-header .brand-text,
  body.section-admin .backend-header .brand-text{max-width:132px!important;}
  body.section-client .sidebar-toggle span,
  body.section-admin .sidebar-toggle span,
  body.section-client .nav-toggle span,
  body.section-admin .nav-toggle span{font-size:0!important;}
  body.section-client .sidebar-toggle::after,
  body.section-admin .sidebar-toggle::after{content:"☰";font-size:1rem;}
  body.section-client .nav-toggle::after,
  body.section-admin .nav-toggle::after{content:"Menu";font-size:.8rem;}
}

@media (prefers-reduced-motion:reduce){
  body.layout-v18-25 .sidebar,
  body.layout-v18-25 .sidebar *,
  body.layout-v18-25 .nav-dropdown-menu,
  body.layout-v18-25 .primary-nav{transition:none!important;}
}
body.section-client .sidebar-footer-actions a span,
body.section-admin .sidebar-footer-actions a span{display:inline!important;min-width:0!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;}