/* Consistent hierarchy, compact world clocks, and grouped responsive navigation. */
:root{--bg:#0b1118;--panel:#121c26;--panel2:#182532;--line:#263542;--text:#e7eff5;--muted:#9cabb9;--mint:#93dbc6;--radius:12px;--sidebar-width:246px}
body{font-size:14px;line-height:1.6;background:var(--bg)}
.sidebar{width:var(--sidebar-width);padding:26px 16px 18px;background:#0e1720;z-index:1001;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334855 transparent}
.brand{padding:0 6px;gap:10px;font-size:17px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1.4px;white-space:nowrap}.brand-icon{width:39px;min-width:39px;height:44px;border:0;background:none;line-height:1}.brand-icon img{width:100%;height:100%}
.nav-label{margin:29px 11px 16px;font-size:9px;letter-spacing:1.4px;color:#78909f}.sidebar nav{display:block;overflow:visible;white-space:normal}.nav-group{padding:0 0 9px;border-bottom:1px solid #26354266;margin-bottom:9px}.nav-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;color:#b6c5d0;font-size:11px;font-weight:650;letter-spacing:.25px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'+';font-size:16px;color:#8097a7}.nav-group[open] summary:after{content:'−'}.nav-group[open] summary{color:var(--text)}.nav-group-links{display:grid;gap:3px}.sidebar nav a{padding:8px 12px 8px 16px;min-height:36px;border-radius:6px;color:#a4b7c7;font-size:12px;font-weight:500;position:relative}.sidebar nav a.active{background:#1b3533;color:#c8f7e8}.sidebar nav a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--mint)}.sidebar nav a:hover{background:#1c2b36;color:#e7eff5}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;font-size:11px}.sidebar-bottom a{margin-top:12px}.sidebar-bottom small{font-size:10px}.workspace{margin-left:var(--sidebar-width);min-width:0}.topbar{height:58px;padding:0 30px;font-size:11px;background:#101922;gap:14px}.topbar>span{letter-spacing:.25px}.top-actions{margin-left:auto;gap:10px}.top-actions #refresh-state{font-size:11px}.nav-toggle,.nav-backdrop{display:none}
main{max-width:1540px;padding:25px 30px 24px;scroll-margin-top:18px}.heading{margin:0 0 24px;align-items:flex-start;flex-wrap:wrap;gap:14px}.heading>div:first-child{flex:1;min-width:240px}.heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#8ca6b7}h1{font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-.7px}.subtitle{font-size:13px;max-width:780px;margin:8px 0 0;color:#9cabb9}.date-label{display:none}.customer-tools{margin:0;gap:6px;align-self:center}.customer-tools a,.customer-tools button{font-size:11px;padding:8px 10px;border-radius:6px;background:#14212b}.customer-tools .data-age{display:none}
.clock-wall{margin:18px 30px 0;padding:12px 14px;background:#101a23;border:1px solid var(--line);border-radius:10px}.clock-wall-heading{margin:0 0 9px;font-size:8px;letter-spacing:1.4px}.clock-wall-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.wall-clock,.custom-clocks .wall-clock:not([hidden]){display:block;padding:8px 9px;border:0;border-top:2px solid #385163;background:#15212b;border-radius:4px;box-shadow:none}.wall-clock-zulu{grid-column:auto;background:#18302d;border-top-color:var(--mint)}.wall-clock-local{border-top-color:#cfb582}.wall-clock-label{font-size:8px;letter-spacing:.7px}.wall-clock-code{font-size:7px}.wall-clock-time,.wall-clock-zulu .wall-clock-time{font-size:20px;margin:5px 0 3px;letter-spacing:.3px}.wall-clock-detail{font-size:8px}.public-access-note{margin:10px 30px 0;padding:0;font-size:10px;color:#8fa4b4;display:flex;gap:10px;align-items:center}.access-label{font-size:8px;font-weight:700;letter-spacing:1px;padding:3px 6px;border:1px solid #35504e;border-radius:4px;color:#aad9ce;white-space:nowrap}.customer-banner{margin:14px 30px 0;padding:11px 15px;background:#29231d;border-color:#6c5136;border-radius:8px;font-size:11px}.customer-banner strong{font-size:12px;color:#f1d5ac}.customer-banner p{font-size:11px}.customer-banner a{font-size:11px;white-space:nowrap}
.customer-lead{padding:23px 24px;background:linear-gradient(115deg,#172d2b,#14202a);border-color:#2b4b45;border-radius:12px;margin-bottom:16px}.customer-lead h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}.customer-lead .eyebrow{font-size:9px}.customer-lead p{font-size:12px}.customer-actions a,.customer-actions button{font-size:11px;padding:10px 12px}.overview-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}.overview-shortcuts a{display:block;background:#121f29;border:1px solid var(--line);border-radius:8px;padding:15px 16px}.overview-shortcuts a:hover{border-color:#587d79;text-decoration:none;background:#172933}.overview-shortcuts strong{display:block;font-size:13px;font-weight:600;color:#d2e8e1}.overview-shortcuts span{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}
.panel,.analyzer-panel{background:var(--panel);border-color:var(--line);border-radius:var(--radius);padding:20px;box-shadow:none}.panel-heading{margin-bottom:16px}.panel-heading h2{font-size:15px}.panel-heading a{font-size:11px}.panel-note,.analyzer-note{font-size:12px;line-height:1.7}.panel-freshness{font-size:10px;margin:0 0 12px;color:#8196a7}.metric-grid{gap:12px}.metric{padding:18px;border-radius:9px}.metric:after{display:none}.metric-label{font-size:11px;margin-bottom:8px}.metric-value{font-size:28px}.metric-detail{font-size:11px}.analyzer-cards{gap:10px}.analyzer-stat{padding:16px;background:#172530;border-color:#2b3d4a;border-radius:8px;font-size:11px}.analyzer-stat strong{font-size:26px;margin:4px 0}.analyzer-stat small{font-size:11px;color:#9cafbd}.analyzer-controls{padding:12px 0;gap:10px;align-items:end;border-bottom:1px solid var(--line);margin:0 0 14px}.analyzer-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.analyzer-controls input,.analyzer-controls select,.analyzer-controls button{font-size:12px;min-height:38px}.analyzer-controls input{min-width:170px}.analyzer-table{border:1px solid var(--line);border-radius:8px;max-height:65vh}.analyzer-table td{font-size:12px;line-height:1.65;padding:13px 12px}.analyzer-table th{font-size:9px;letter-spacing:1px;padding:12px;background:#1b2a36}.analyzer-table tbody tr:nth-child(even){background:#ffffff02}.analyzer-table tbody tr:hover{background:#9cdbc507}.analyzer-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analyzer-flow article{min-width:0;padding:16px;border-color:#335c54;background:#142a28;border-radius:9px}.analyzer-flow article small{font-size:9px;letter-spacing:1.2px;color:#9bc8bb}.analyzer-flow article h3{font-size:14px;margin:7px 0}.analyzer-flow article p{font-size:11px;color:#a7c1b9}.analyzer-flow article::after{font-size:19px;line-height:1}.analyzer-details{background:#15252d}.toolbar{gap:12px;align-items:center;flex-wrap:wrap}.toolbar label{font-size:12px}.toolbar>span,.toolbar>p{font-size:12px}.report-grid{gap:14px}footer{margin-top:28px;font-size:10px}.wall-mode .workspace{margin-left:0}.wall-mode .customer-tools{display:none}.wall-mode .clock-wall{margin:10px 20px}.wall-mode .wall-clock-time{font-size:22px}.wall-mode .public-access-note{display:none}
@media(min-width:1600px){.clock-wall-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.wall-clock-label{font-size:8px}.wall-clock-code{display:none}.wall-clock-time{font-size:19px}}
@media(max-width:1200px){.heading .customer-tools{width:100%;justify-content:flex-start}.analyzer-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-shortcuts{gap:8px}.overview-shortcuts a{padding:12px}.customer-grid,.overview-grid{grid-template-columns:1fr}.clock-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.workspace{margin-left:0}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;max-width:85vw;transform:translateX(-100%);transition:transform .18s ease;overflow-y:auto;border-right:1px solid var(--line);padding-top:25px}.navigation-open .sidebar{transform:translateX(0)}.navigation-open{overflow:hidden}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:1000;border:0;border-radius:0;background:#03080bb3}.nav-toggle{display:flex;align-items:center;gap:7px;background:transparent;font-size:16px;padding:6px 9px}.nav-toggle span{font-size:11px}.topbar{position:sticky;top:0;z-index:800;padding:0 18px;height:54px}.topbar>span{font-size:10px}.clock-wall{margin:14px 18px 0}.clock-wall-grid{display:flex;overflow-x:auto;gap:7px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#40605c transparent}.wall-clock,.wall-clock:not(.wall-clock-zulu):not(.wall-clock-local),.custom-clocks .wall-clock:not([hidden]){display:block;flex:0 0 123px}.wall-clock-zulu{grid-column:auto}.clock-wall-heading:after{content:'SCROLL FOR ALL LOCATIONS';margin-left:auto;color:#7f98a7;font-size:7px;letter-spacing:.5px}.clock-wall-heading span:last-child{display:none}.public-access-note{margin:10px 18px 0;font-size:9px}.customer-banner{margin:12px 18px 0}.customer-banner a{white-space:normal}main{padding:22px 18px;scroll-margin-top:70px}.customer-tools{margin:0}.sidebar nav{display:block}.sidebar nav a{min-height:39px}.sidebar-bottom{margin-top:20px}.wall-mode .nav-toggle{display:none}.wall-mode .topbar{position:static}}
@media(max-width:600px){.topbar>span{max-width:170px;line-height:1.4}.top-actions #refresh-state{display:none}.top-actions{gap:0}.clock-wall{padding:10px}.wall-clock-time,.wall-clock-zulu .wall-clock-time{font-size:21px}.clock-wall-grid .wall-clock-zulu{grid-column:auto}.public-access-note{line-height:1.6;align-items:flex-start}.customer-banner{flex-direction:row;gap:12px;align-items:center}.customer-banner a{max-width:135px;text-align:right}.customer-banner p{display:none}.heading h1{font-size:26px}.heading .customer-tools{gap:6px}.customer-tools a,.customer-tools button{min-height:36px;padding:7px 9px;font-size:10px}.overview-shortcuts{grid-template-columns:1fr;gap:7px}.overview-shortcuts a{padding:12px 14px}.overview-shortcuts span{margin-top:2px}.customer-lead{padding:18px}.customer-lead h2{font-size:21px}.customer-actions{width:auto;gap:7px}.customer-actions>*{width:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px}.metric-value{font-size:25px}.panel,.analyzer-panel{padding:14px}.analyzer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analyzer-stat{padding:12px}.analyzer-stat strong{font-size:22px}.analyzer-controls{align-items:stretch}.analyzer-controls label{flex:1;min-width:130px}.analyzer-controls input{min-width:0;width:100%}.analyzer-controls button{font-size:11px}.analyzer-flow article{padding:12px}.analyzer-flow article h3{font-size:13px}.customer-grid{gap:14px}.panel-heading{flex-wrap:wrap;gap:8px}footer{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
@media(max-width:980px){.sidebar{visibility:hidden}.navigation-open .sidebar{visibility:visible}}

/* Hazard symbols remain legible above radar and alert polygons. */
.hazard-marker { background:transparent; border:0; }
.hazard-badge { display:flex; align-items:center; justify-content:center; width:34px; height:34px; box-sizing:border-box; border:2px solid; border-radius:50%; background:#13212e; font-size:22px; line-height:1; box-shadow:0 2px 7px #0009; }
.hazard-marker:focus { outline:3px solid #fff; border-radius:50%; }
.customer-map-legend { gap:10px 16px; }

.nav-search{display:grid;gap:6px;margin:0 6px 14px;color:var(--muted);font-size:11px}.nav-search input{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}.sidebar nav [hidden]{display:none!important}#nav-search-empty{padding:8px;font-size:12px;color:var(--muted)}

/* Topic navigation and personal shortcuts. */
.nav-category{display:grid;gap:6px;margin:0 6px 14px;font-size:11px;color:var(--muted)}.nav-category select{width:100%;font-size:12px;min-height:40px;padding:8px;cursor:pointer}.nav-section-label{font-size:9px;letter-spacing:1px;color:var(--muted);margin:0 10px 8px}#nav-pinned{padding:4px 0 12px;margin-bottom:12px;border-bottom:1px solid var(--line)}#nav-pinned-links{display:grid;gap:3px}.workspace-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px;margin:0 0 22px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.workspace-tabs a{display:block;padding:8px 12px;min-height:38px;color:var(--muted);font-size:12px;border:1px solid transparent;border-radius:7px;font-weight:500}.workspace-tabs a:hover{background:var(--panel2);color:var(--text);text-decoration:none}.workspace-tabs a.active{background:#1b3533;border-color:#34564e;color:#c8f7e8}.page-pin{align-self:center;font-size:11px;min-height:36px;padding:8px 10px}.page-pin[aria-pressed=true]{border-color:#34564e;color:var(--mint)}.page-pin:disabled{cursor:default}.overview-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.skip-link{position:fixed;top:-100px;left:16px;z-index:3000;background:var(--panel);padding:10px;border:2px solid var(--mint)}.skip-link:focus{top:12px}.wall-mode .workspace-tabs,.wall-mode .page-pin{display:none}
@media(max-width:1200px){.overview-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workspace-tabs{padding:7px;gap:4px;margin-bottom:18px}.workspace-tabs a{padding:8px 10px;font-size:11px;min-height:40px}.overview-shortcuts{grid-template-columns:1fr}.page-pin{align-self:flex-start}.heading{gap:10px}}

.ops-tv .workspace-tabs,.ops-tv .page-pin{display:none}