/* V4.58: shared collapsible portal / ERP navigation */
.shell-nav-toggle,.shell-nav-close{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;margin:0;border:1px solid #65c9e1;border-radius:11px;color:#effaff!important;background:rgba(11,53,72,.9)!important;font:inherit;font-weight:650;cursor:pointer;flex:none;white-space:nowrap!important}
.shell-nav-toggle>span:first-child{font-size:1.3rem;line-height:1}.shell-nav-close{font-size:.9rem}.shell-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid rgba(121,205,229,.3)}
.shell-nav-toggle:focus-visible,.shell-nav-close:focus-visible{outline:3px solid #ffc928;outline-offset:3px}.shell-nav-overlay{display:none!important}
.portal-shell{--shell-sidebar:280px;display:grid;grid-template-columns:var(--shell-sidebar) minmax(0,1fr);min-height:100vh}.portal-shell>header{grid-column:1/-1;position:sticky;top:0;z-index:10;min-width:0}.portal-shell>.portal-sidebar{grid-column:1;grid-row:2;position:sticky;top:84px;height:calc(100dvh - 84px);overflow-y:auto;min-width:0;border-right:1px solid #27647c;background:rgba(4,23,36,.9);backdrop-filter:blur(12px);z-index:9}
.portal-shell>main{grid-column:2;grid-row:2;min-width:0;width:min(1180px,calc(100% - 48px))!important;margin:26px auto 48px!important}.portal-sidebar nav.portal-main-nav{display:flex!important;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:visible;background:transparent;border:0;padding:14px;gap:7px;backdrop-filter:none}.portal-sidebar nav.portal-main-nav>a,.portal-sidebar nav.portal-main-nav summary{width:100%;white-space:normal!important;padding:12px;min-height:44px}.portal-sidebar .portal-nav-links{position:static!important;min-width:0;max-width:100%;box-shadow:none;background:rgba(1,12,22,.4);margin:6px 0;padding:6px;overflow-wrap:anywhere}.portal-sidebar .portal-nav-links a{white-space:normal!important}.portal-sidebar .portal-nav-group{min-width:0}
.erp-shell[data-nav-system]{grid-template-columns:var(--erp-sidebar,280px) minmax(0,1fr)}.erp-shell[data-nav-system]>.erp-sidebar{transform:none}.erp-shell[data-nav-system]>.erp-workspace{min-width:0}
[data-nav-system][data-nav-open="false"]>[data-nav-panel]{display:none}.portal-shell[data-nav-open="false"]{grid-template-columns:0 minmax(0,1fr)}.erp-shell[data-nav-open="false"]{grid-template-columns:0 minmax(0,1fr)}
@media(max-width:1024px){
 .portal-shell,.erp-shell[data-nav-system]{display:block!important}.portal-shell>header{position:sticky;top:0;padding:12px;gap:10px}.portal-shell .brand-copy{min-width:0}.portal-shell header img{width:54px!important}.portal-shell header .brand-copy strong{font-size:.8rem}.portal-shell header .brand-copy small{font-size:.74rem}.portal-shell .logout{margin-left:auto}.portal-shell .logout button{white-space:nowrap!important}.portal-shell>main{width:calc(100% - 24px)!important;margin:18px auto 32px!important}
 [data-nav-system][data-nav-ready]>[data-nav-panel]{display:block;position:fixed!important;left:0;top:0!important;bottom:0;width:min(86vw,310px);max-width:100%;height:100dvh!important;overflow-y:auto;overscroll-behavior:contain;z-index:3000!important;transform:none!important;box-shadow:12px 0 48px #0009}
 [data-nav-system][data-nav-ready][data-nav-open="false"]>[data-nav-panel]{display:none!important}
 [data-nav-system][data-nav-ready][data-nav-open="true"]>.shell-nav-overlay{display:block!important;position:fixed;inset:0;z-index:2900;width:100%;height:100%;padding:0;margin:0;background:rgba(0,6,12,.68);border:0;border-radius:0;cursor:pointer}
 [data-nav-system]:not([data-nav-ready])>[data-nav-panel]{display:block;position:relative!important;transform:none!important;top:0!important;width:100%;height:auto!important}
 .portal-sidebar .shell-nav-heading,.erp-sidebar .shell-nav-heading{position:sticky;top:0;z-index:2;background:#082132}
 body:has([data-nav-system][data-nav-ready][data-nav-open="true"]){overflow:hidden}
}
@media(max-width:600px){.shell-nav-toggle-label{display:none}.shell-nav-toggle{padding:9px}.portal-shell header img{width:42px!important}.portal-shell header{gap:8px}.portal-shell .brand-copy small{display:none}.portal-shell header .logout button{padding:9px!important;font-size:.8rem}.portal-shell header .brand-copy strong{font-size:.72rem}.erp-header .shell-nav-toggle{min-width:44px}}

.erp-shell[data-nav-system]>.erp-workspace{grid-column:2;grid-row:1}body:has(.portal-shell){padding:0!important}


[data-nav-system] .shell-nav-toggle:hover,[data-nav-system] .shell-nav-toggle:focus,[data-nav-system] .shell-nav-close:hover,[data-nav-system] .shell-nav-close:focus{color:#effaff!important;background:#16445b!important}