/* Shared navigation sizing for the workspace and public pages.
   Keep section-specific design systems out of the sidebar. */
:is(.aitera-web, .site-public) .aitera-shell { grid-template-columns:264px minmax(0,1fr); }
:is(.aitera-web, .site-public) .aitera-sidebar { padding:22px 18px 16px; font-size:15px; line-height:1.6; background:#181b2e; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand { gap:12px; margin:0 6px 22px; line-height:1.3; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand-mark,
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand-mark img { width:38px; height:38px; flex-basis:38px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand strong { font-size:16px; font-weight:700; letter-spacing:.2px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand small { font-size:11px; margin-top:2px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-new { width:100%; min-height:42px; margin:0; border-radius:11px; font-size:15px; font-weight:750; background:#6757e8; box-shadow:0 10px 24px #6757e833; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-new:hover { background:#5545d6; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav { display:grid; gap:4px; margin:12px 0 20px; padding:0; flex-shrink:0; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav > :is(a, button) { display:flex; align-items:center; gap:12px; min-height:46px; padding:12px 14px; border:0; border-radius:10px; color:#aeb4cf; background:transparent; font-size:14px; font-weight:650; line-height:1.6; text-align:left; text-decoration:none; cursor:pointer; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav > :is(a, button):hover { background:#22263d; color:#fff; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav > .active { color:#fff; background:linear-gradient(100deg,#39305e,#282742); }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav > :is(a, button) > span { display:grid; place-items:center; width:20px; flex:0 0 20px; color:#8b91af; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav > .active > span { color:#a99fff; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav b { line-height:1.2; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-nav hr { width:100%; margin:8px 0; border:0; border-top:1px solid #2a2e47; }
:is(.aitera-web, .site-public) .aitera-sidebar .ui-icon,
.site-public .aitera-mobile-menu .ui-icon { display:inline-block; width:20px; height:20px; flex:0 0 20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-sidebar-bottom { padding-top:16px; gap:12px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-bottom-nav { margin-bottom:12px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-bottom-nav a { min-height:38px; padding:7px 3px; gap:9px; font-size:14px; line-height:1.4; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-bottom-nav svg { width:17px; height:17px; flex-basis:17px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-balance-card { padding:14px; border-radius:13px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-balance-card strong { font-size:19px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-profile { gap:9px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-profile strong { font-size:12px; }
:is(.aitera-web, .site-public) .aitera-sidebar .aitera-profile small { font-size:10px; }
@media (max-width:1024px) {
  :is(.aitera-web, .site-public) .aitera-shell { grid-template-columns:minmax(0,1fr); }
  :is(.aitera-web, .site-public) .aitera-sidebar { padding-top:max(22px,env(safe-area-inset-top)); padding-bottom:max(16px,env(safe-area-inset-bottom)); }
  :is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand { margin-right:35px; gap:9px; }
  :is(.aitera-web, .site-public) .aitera-sidebar .aitera-brand strong { font-size:15px; }
  :is(.aitera-web, .site-public) .aitera-sidebar .aitera-bottom-nav a { min-height:42px; }
}