/* Shared main/Fleet shell. One navigation, explicit vertical row layout. */
[hidden]{display:none!important}.shell-sidebar{position:fixed;top:84px;bottom:0;left:0;width:242px;background:#102f3d;color:#e9f3f6;border-right:1px solid #254654;z-index:25;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.shell-side-heading{display:flex;flex-direction:column;gap:10px;padding:20px 18px 10px}.shell-side-heading strong{font-size:15px}.shell-side-heading button,.shell-toggle{border:1px solid #55737e;color:#f5fcfd;background:#173f4f;border-radius:8px;padding:8px 11px;min-height:40px;font:600 13px/1.3 system-ui;cursor:pointer}.shell-toggle{flex:none}.shell-side-heading button:focus-visible,.shell-toggle:focus-visible,.shell-navigation a:focus-visible{outline:3px solid #5bbbd0;outline-offset:2px}.shell-sidebar .shell-navigation{display:flex!important;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;position:static;margin:0;padding:8px 14px;overflow:visible;width:100%;height:auto;max-width:none;background:transparent;border:0;box-shadow:none}.shell-sidebar .shell-navigation[hidden]{display:none!important}.shell-sidebar .shell-navigation a,.shell-sidebar .shell-navigation>button{display:flex;align-items:center;gap:10px;min-height:44px;color:#d8eaf0;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;padding:10px 12px;white-space:normal;min-width:0;font:600 13px/1.35 system-ui;text-decoration:none}.shell-sidebar .shell-navigation a:hover,.shell-sidebar .shell-navigation>button:hover{background:#204858}.shell-sidebar .shell-navigation a[aria-current=page]{background:#237684;color:white;border-color:#3c9ca6}.shell-sidebar .shell-navigation svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.shell-group{padding:12px 12px 4px;color:#95b7c4;font:700 10px/1.4 system-ui;letter-spacing:1.4px;text-transform:uppercase;margin:0}.shell-foot{margin-top:auto;padding:22px 24px;font:11px/1.6 system-ui;color:#9bbec9}.shell-enabled:not(.shell-collapsed) #app,.shell-enabled:not(.shell-collapsed) #fleet-root{margin-left:242px;margin-right:auto;max-width:none}.shell-enabled:not(.shell-collapsed)>.project-strip,.shell-enabled:not(.shell-collapsed)>.fleet-context,.shell-enabled:not(.shell-collapsed)>.save-strip{margin-left:260px;margin-right:18px}.shell-enabled .app-install-strip{display:none}.shell-enabled .top,.shell-enabled .masthead{padding-left:18px;padding-right:18px;height:84px;min-height:84px;box-sizing:border-box}.shell-enabled #app{padding:28px 30px 90px}.shell-enabled #fleet-root{padding:28px 30px 90px;min-width:0}.shell-enabled .project-strip{border-radius:0}.shell-enabled .top .brand{min-width:0}.shell-enabled .top .brand-sub{font-size:12px}.shell-enabled #menu-button{font-size:13px;padding:8px 12px}.shell-enabled .top .connection{cursor:pointer}.shell-enabled #connection:focus-visible{outline:3px solid #5bbbd0;outline-offset:3px}#shell-backdrop{position:fixed;inset:0;background:#071c2db3;border:0;z-index:50;border-radius:0}#fleet-account{position:relative;color:#fff;font:14px/1.5 system-ui;max-width:240px}#fleet-account summary{cursor:pointer;min-height:42px;padding:10px 14px;border:1px solid #577986;border-radius:8px}#fleet-account[open]{padding:0 0 10px}#fleet-account #identity{padding:10px 0;white-space:normal;overflow-wrap:anywhere}#fleet-account #logout{margin-top:8px}.shell-enabled .masthead{position:sticky;top:0;z-index:30}.shell-enabled .fleet-context{max-width:none}#fleet-connection{cursor:pointer}
@media(max-width:1100px){.shell-enabled .top .brand-divider{display:none}.shell-enabled .top{gap:12px}.shell-enabled .top .connection{max-width:170px}.shell-enabled #app,.shell-enabled #fleet-root{padding:22px 18px 80px}}
@media(max-width:900px){.shell-sidebar{top:0;width:min(300px,86vw);z-index:51}.shell-enabled:not(.shell-collapsed) #app,.shell-enabled:not(.shell-collapsed) #fleet-root{margin-left:auto;margin-right:auto}.shell-enabled:not(.shell-collapsed)>.project-strip,.shell-enabled:not(.shell-collapsed)>.fleet-context,.shell-enabled:not(.shell-collapsed)>.save-strip{margin-left:12px;margin-right:12px}.shell-side-heading{padding-top:22px}.shell-enabled .top .brand-sub span{font-size:8px}.shell-enabled .top .brand-logo img{width:38px;height:38px}.shell-enabled .top .brand{gap:10px}.shell-enabled .top .connection{font-size:11px;max-width:150px}.shell-enabled .top{gap:10px}.shell-enabled #app,.shell-enabled #fleet-root{padding:20px 14px 80px}.shell-enabled .masthead{height:auto;min-height:84px}#fleet-account summary{font-size:12px}.shell-mobile-open{overflow:hidden}}
@media(max-width:570px){.shell-enabled .top{height:auto;min-height:104px;flex-wrap:wrap;gap:8px;padding:10px 12px}.shell-enabled .top .brand{flex:1 1 165px}.shell-enabled .top .brand-sub{font-size:10px}.shell-enabled .top .connection{order:4;max-width:none;flex:1 1 100%;padding:6px 10px}.shell-enabled #menu-button{padding:7px;font-size:12px;min-width:48px}.shell-enabled .shell-toggle{font-size:12px;padding:8px}.shell-enabled .top .brand-logo img{width:30px;height:30px}.shell-enabled .brand-divider{display:none}.shell-enabled .masthead{padding:10px 12px;gap:8px}.shell-enabled .masthead .brand{flex:1 1 170px}.shell-enabled #fleet-account{margin-left:auto}.shell-enabled .sticky-bar{top:104px}}
/* Override the older compact header's fixed-height rules: every control stays
   inside the header at narrow widths, including long connection warnings. */
body.shell-enabled .sticky-bar{top:var(--shell-header-height,84px)}
.shell-enabled .shell-toggle:hover,.shell-enabled .shell-toggle:focus-visible{background:#225666;color:#fff}
.shell-account-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(260px,calc(100vw - 24px));padding:14px;background:#15323f;border:1px solid #577986;border-radius:10px;box-shadow:0 10px 24px #09242b55;z-index:40}
#fleet-account[open]{padding:0}#fleet-account .shell-account-panel #identity{padding:0 0 10px}
@media(max-width:600px){
 body.shell-enabled .top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;height:auto;min-height:104px;padding:10px 12px;gap:8px}
 body.shell-enabled .top .shell-toggle{grid-row:1;grid-column:1;padding:8px;font-size:12px}
 body.shell-enabled .top .brand{grid-row:1;grid-column:2;gap:7px;min-width:0}
 body.shell-enabled .top .brand-logo img{width:30px;height:30px}
 body.shell-enabled .top .brand-sub{font-size:10px;letter-spacing:.8px}
 body.shell-enabled .top .brand-sub span{font-size:7px;letter-spacing:.5px;white-space:normal}
 body.shell-enabled .top #menu-button{grid-row:1;grid-column:3;padding:7px;font-size:12px;min-width:48px}
 body.shell-enabled .top .connection{grid-row:2;grid-column:1/-1;max-width:none;min-width:0;width:100%;font-size:11px;white-space:normal;overflow-wrap:anywhere;padding:6px 10px}
}

/* 1.34.3: the sidebar owns its layout at EVERY breakpoint. Never inherit the
   obsolete horizontal bar's justify-content:center or flex-direction:column. */
.shell-sidebar .shell-navigation a,
.shell-sidebar .shell-navigation>button {
 flex:0 0 auto; flex-direction:row; justify-content:flex-start; align-items:center;
 width:100%; max-width:none; min-width:0; min-height:44px; box-sizing:border-box;
 padding:10px 12px; border-left:3px solid transparent; border-radius:6px;
 text-align:left; font-size:13px; line-height:1.4; gap:10px;
}
.shell-sidebar .shell-navigation a[aria-current=page] {
 border-left-color:#7ce0dd; background:#1e5262; box-shadow:none;
}
.shell-sidebar .shell-navigation a svg {display:block;flex:0 0 20px;width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round;}
.shell-sidebar .shell-navigation a>span:not(.badge) {min-width:0;text-align:left;}
.shell-sidebar .shell-navigation {gap:2px;padding:4px 12px 12px;}
.shell-sidebar .shell-side-heading {padding:20px 24px 10px;text-align:left;}
.shell-sidebar .shell-side-heading strong {font-size:13px;font-weight:650;}
.shell-sidebar .shell-group {padding:18px 15px 6px;letter-spacing:1.1px;}
.shell-sidebar .shell-navigation>.shell-group:first-child {padding-top:6px;}
.shell-sidebar .shell-foot {padding:18px 24px;text-align:left;}
.shell-sidebar .shell-navigation>button.assigned-alert {margin-top:10px;border:1px solid #436474;color:#d8eaf0;font-size:12px;}
.shell-sidebar .shell-navigation>button.assigned-alert.has-unread {background:#1e5262;color:white;}
@media(prefers-reduced-motion:reduce){.shell-sidebar *{scroll-behavior:auto!important;}}