/* ERP-UZ navigation v2: top-level sidebar + temporary secondary module sidebar. */
.erp-primary-sidebar .primary-navigation{padding-top:4px}
.erp-primary-sidebar .nav-section-button{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#d8e5ed;border-radius:9px;text-align:left;padding:0 10px;font-weight:700;margin:2px 0;transition:background .16s,color .16s}
.erp-primary-sidebar .nav-section-button:hover,.erp-primary-sidebar .nav-section-button.is-open,.erp-primary-sidebar .nav-section-button.is-current{background:rgba(255,255,255,.08);color:#fff}
.erp-primary-sidebar .nav-section-button.is-open{outline:1px solid rgba(81,208,195,.55);background:rgba(37,171,158,.18)}
.erp-primary-sidebar .nav-section-button .nav-count{margin-left:auto;min-width:23px;height:21px;display:grid;place-items:center;font-size:10px;background:rgba(255,255,255,.1);padding:0 6px;border-radius:99px;color:#c4d5df}
.erp-primary-sidebar .nav-section-button[data-subnav-target="superadmin"] .nav-count:not(:empty){background:rgba(19,163,149,.28);color:#8cf0e5}
.erp-primary-sidebar .nav-section-button .nav-chevron{font-size:20px;line-height:1;transition:transform .16s}
.erp-primary-sidebar .nav-section-button.is-open .nav-chevron{transform:translateX(2px)}

.erp-subnav{position:fixed;left:var(--sidebar);top:0;bottom:0;width:330px;background:var(--surface);border-right:1px solid var(--border);box-shadow:16px 0 38px rgba(7,28,42,.18);z-index:79;transform:translateX(-105%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .16s ease,left .22s ease;display:flex;flex-direction:column;color:var(--ink)}
body.subnav-open .erp-subnav{transform:translateX(0);opacity:1;pointer-events:auto}
body.sidebar-collapsed .erp-subnav{left:74px}
.subnav-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--border);background:var(--surface)}
.subnav-head small{display:block;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.subnav-head h2{font-size:17px;margin:0}
.subnav-head .icon-btn{font-size:24px}
.subnav-scroll{flex:1;overflow:auto;padding:12px 10px 20px;scrollbar-width:thin}
.subnav-panel-intro{padding:8px 9px 13px;border-bottom:1px solid var(--border);margin-bottom:8px}
.subnav-panel-intro span{font-size:10px;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.subnav-panel-intro p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.45}
.subnav-module-list{display:flex;flex-direction:column;gap:3px}
.subnav-module-list a{display:grid;grid-template-columns:62px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:11px 9px;border:1px solid transparent;border-radius:9px;transition:background .16s,border-color .16s,transform .16s}
.subnav-module-list a:hover,.subnav-module-list a.is-current{background:var(--teal-soft);border-color:rgba(14,129,118,.2);transform:translateX(2px)}
.subnav-module-code{display:inline-flex;justify-content:center;align-items:center;min-height:27px;border-radius:6px;background:var(--surface-3);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.03em;padding:4px}
.subnav-module-list a:hover .subnav-module-code,.subnav-module-list a.is-current .subnav-module-code{background:var(--teal);color:#fff}
.subnav-module-list b{display:block;font-size:11.5px;line-height:1.28;color:var(--ink)}
.subnav-module-list small{display:block;font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subnav-module-list i{font-style:normal;color:var(--muted);font-size:18px}
.subnav-search-summary{padding:8px 15px;background:var(--blue-soft);color:var(--blue);font-size:10px;border-bottom:1px solid var(--border)}
.subnav-backdrop{position:fixed;left:var(--sidebar);right:0;top:0;bottom:0;background:rgba(3,17,27,.18);z-index:78;opacity:0;pointer-events:none;transition:opacity .16s,left .22s ease}
body.sidebar-collapsed .subnav-backdrop{left:74px}
body.subnav-open .subnav-backdrop{opacity:1;pointer-events:auto}
.inline-alert-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--red);color:#fff;font-size:9px;margin-left:auto}
.notification-btn{position:relative;text-decoration:none}
.notification-btn i{font-style:normal}

body.sidebar-collapsed .erp-primary-sidebar .nav-section-button{justify-content:center;padding:0}
body.sidebar-collapsed .erp-primary-sidebar .nav-section-button .nav-label,
body.sidebar-collapsed .erp-primary-sidebar .nav-section-button .nav-count,
body.sidebar-collapsed .erp-primary-sidebar .nav-section-button .nav-chevron{display:none}
body.sidebar-collapsed .erp-primary-sidebar .nav-section-button .nav-icon{font-size:18px}

@media(max-width:780px){
  .erp-subnav{left:0!important;width:min(340px,92vw);z-index:92;transform:translateX(-105%)}
  .subnav-backdrop{left:0!important;z-index:91;background:rgba(3,17,27,.52)}
  body.subnav-open .erp-sidebar{transform:translateX(-103%)}
  body.subnav-open .erp-subnav{transform:translateX(0)}
  .subnav-head{height:60px}
}