.wims-ocean-dashboard{--navy:#06182d;--navy2:#0b263e;--cyan:#35bfd2;--green:#2caf79;--gold:#c7a15d;--orange:#d98b34;--red:#c65353;--ink:#102b42;--muted:#788b9b;--line:#dfe7ed;box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding-top:66px;background:#edf3f6;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wims-ocean-dashboard *{box-sizing:border-box}.ocean-command-header{min-height:128px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 72% 0,rgba(25,118,147,.19),transparent 31%),linear-gradient(110deg,#06182d,#09243b 62%,#071a2e);border-bottom:1px solid #16364c;color:#fff}.ocean-command-title small{display:block;color:#69b7cf;font-size:9px;font-weight:800;letter-spacing:.16em}.ocean-command-title h1{margin:5px 0 3px;color:#f4fbff!important;font-size:30px;line-height:1.05;letter-spacing:-.025em;text-shadow:0 1px 14px rgba(0,0,0,.18)}.ocean-command-title h1 span{color:#55c1d5;margin-right:7px}.ocean-command-title p{margin:0;color:#a9c0cc;font-size:11px}.ocean-command-live{display:flex;gap:10px}.ocean-command-state,.ocean-command-updated{min-width:210px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(3,17,29,.54);box-shadow:0 10px 30px rgba(0,0,0,.1)}.ocean-command-state small,.ocean-command-updated small{display:block;color:#759caf;font-size:7px;font-weight:800;letter-spacing:.12em}.ocean-command-state strong{display:block;margin-top:2px;color:#65db9f;font-size:20px;letter-spacing:.025em}.ocean-command-state span{display:flex;align-items:center;gap:6px;margin-top:3px;color:#b4c7d0;font-size:8px}.ocean-command-state span i{width:6px;height:6px;border-radius:50%;background:#47d092;box-shadow:0 0 9px #47d092}.ocean-command-state.advisory strong{color:#f3bc6f}.ocean-command-state.advisory span i{background:#e5a448}.ocean-command-state.action strong{color:#ff8585}.ocean-command-state.action span i{background:#de5a5a}.ocean-command-updated{min-width:128px}.ocean-command-updated strong{display:block;margin-top:4px;color:#fff;font-size:16px}.ocean-command-updated span{display:block;margin-top:2px;color:#7494a5;font-size:8px}.ocean-command-body{padding:13px 22px 15px}.ocean-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.ocean-kpis article{display:flex;align-items:center;gap:10px;min-height:69px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 11px rgba(8,38,58,.045)}.ocean-kpis article>i{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:8px;background:#e8eff3;color:#365b71;font-style:normal}.ocean-kpis article>i.blue{background:#e1eff7;color:#14729c}.ocean-kpis article>i.green{background:#e4f4ed;color:#248962}.ocean-kpis article>i.cyan{background:#e2f5f7;color:#168898}.ocean-kpis article>i.orange{background:#fff0df;color:#c66b16}.ocean-kpis article>i.gold{background:#f7f0e2;color:#9f772d}.ocean-kpis small,.ocean-kpis strong,.ocean-kpis span{display:block}.ocean-kpis small{color:#5b7181;font-size:8px;font-weight:800;text-transform:uppercase}.ocean-kpis strong{margin-top:1px;color:#092942;font-size:22px;line-height:1}.ocean-kpis strong.word{font-size:16px}.ocean-kpis span{margin-top:3px;color:#8796a3;font-size:7px}.ocean-command-main{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(500px,.96fr);gap:10px;margin-bottom:10px}.ocean-command-lower{display:grid;grid-template-columns:1.1fr .9fr 1.1fr .9fr;gap:10px}.ocean-panel{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 11px rgba(8,38,58,.045);overflow:hidden}.ocean-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 11px;border-bottom:1px solid #e8edf1}.ocean-panel>header small{display:block;color:#8a9aa7;font-size:6.5px;font-weight:800;letter-spacing:.11em}.ocean-panel>header h2{margin:1px 0 0;color:#0c2d46;font-size:12px}.ocean-panel>header>span{color:#81939f;font-size:8px}.ocean-map-panel{background:#071c2d;border-color:#16384d}.ocean-map-panel>header{background:#092337;border-color:#16384d}.ocean-map-panel>header h2{color:#fff;font-size:13px}.ocean-map-panel>header small,.ocean-map-panel>header>span{color:#7398aa}.ocean-map-panel>header>span i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#35bfd2;box-shadow:0 0 8px #35bfd2}.ocean-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ocean-leaders polyline{fill:none;stroke:#70c6d5;stroke-width:.7;opacity:.48;stroke-linejoin:round;stroke-dasharray:3 3}.ocean-markers{position:absolute;inset:0}.ocean-marker-wrap{position:absolute;transform:translate(-50%,-50%)}.ocean-marker-wrap i{display:block;width:8px;height:8px;border:2px solid #e8fcff;border-radius:50%;background:#32b9d1;box-shadow:0 0 0 4px rgba(50,185,209,.12),0 0 15px rgba(50,185,209,.78)}.ocean-marker-wrap.stale i{background:#d6974e;box-shadow:0 0 0 4px rgba(214,151,78,.12),0 0 14px rgba(214,151,78,.55)}.ocean-marker-label{position:absolute;transform:translateY(-50%);min-width:92px;max-width:125px;padding:4px 6px;border:1px solid rgba(99,170,188,.12);border-radius:5px;background:rgba(4,24,38,.72);backdrop-filter:blur(3px);pointer-events:none}.ocean-marker-label strong,.ocean-marker-label span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocean-marker-label strong{color:#d7eef3;font-size:7px}.ocean-marker-label span{margin-top:1px;color:#638d9e;font-size:5.5px}.ocean-map-note{position:absolute;right:9px;bottom:7px;color:#496f80;font-size:5.5px;letter-spacing:.07em}.ocean-fleet-panel{position:relative}.ocean-search{display:block;position:relative;padding:7px 9px 5px}.ocean-search input{width:100%;height:31px;padding:0 30px 0 10px;border:1px solid #dbe4e9;border-radius:7px;outline:0;background:#f9fbfc;font-size:9px;color:#263f52}.ocean-search b{position:absolute;right:19px;top:12px;color:#8295a2}.ocean-table-wrap{max-height:300px;overflow:auto}.wims-ocean-dashboard table{width:100%;border-collapse:collapse}.wims-ocean-dashboard th,.wims-ocean-dashboard td{padding:8px 8px;border-bottom:1px solid #eef1f3;text-align:left;vertical-align:middle}.wims-ocean-dashboard th{position:sticky;top:0;z-index:2;background:#f8fafb;color:#687d8b;font-size:7px;font-weight:800;text-transform:uppercase}.wims-ocean-dashboard td{font-size:9px;color:#2a4355}.wims-ocean-dashboard tbody tr:nth-child(even){background:#fbfcfd}.wims-ocean-dashboard tbody tr:hover{background:#f1f7f9}.wims-ocean-dashboard td strong,.wims-ocean-dashboard td small{display:block}.wims-ocean-dashboard td strong{color:#18354b;font-size:9px;font-weight:800}.wims-ocean-dashboard td:first-child strong{font-size:10.5px}.wims-ocean-dashboard td small{margin-top:2px;color:#8a99a4;font-size:6.5px}.ocean-state{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;font-size:6.5px;font-weight:800;text-transform:uppercase;white-space:nowrap}.ocean-state:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.ocean-state.underway{background:#e2f5ef;color:#188561}.ocean-state.inport{background:#edf1f4;color:#536b7c}.ocean-timeline{padding:5px 10px 8px;max-height:185px;overflow:auto}.ocean-event{position:relative;padding:7px 0 7px 14px;border-left:1px solid #dce5ea}.ocean-event>i{position:absolute;left:-4px;top:14px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#91a6b3;box-shadow:0 0 0 1px #91a6b3}.ocean-event.focus>i{background:#1fa77e;box-shadow:0 0 0 1px #1fa77e,0 0 8px rgba(31,167,126,.4)}.ocean-event strong,.ocean-event span,.ocean-event small{display:block}.ocean-event strong{font-size:8px;color:#173148}.ocean-event span{font-size:8px;color:#3c5668}.ocean-event small{margin-top:1px;color:#95a2ac;font-size:6.5px}.ocean-weather-coming{display:flex;align-items:center;gap:12px;padding:13px 12px}.weather-orbit{display:flex;align-items:center;justify-content:center;flex:0 0 49px;height:49px;border-radius:50%;background:radial-gradient(circle,#123d58,#09263d);color:#d0aa65;font-size:21px;box-shadow:0 0 0 6px #edf4f6}.ocean-weather-coming strong{display:block;color:#15354b;font-size:9px}.ocean-weather-coming p{margin:3px 0 7px;color:#7a8e9c;font-size:7px;line-height:1.35}.ocean-weather-coming span{display:inline-block;margin:2px 2px 0 0;padding:3px 4px;border-radius:4px;background:#f0f4f6;color:#748997;font-size:5.5px;font-weight:800}.ocean-alerts{padding:8px 9px;max-height:185px;overflow:auto}.ocean-all-clear,.ocean-alert{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;background:#eff8f4}.ocean-all-clear>i{width:8px;height:8px;border-radius:50%;background:#2aa97a;box-shadow:0 0 0 4px rgba(42,169,122,.08)}.ocean-all-clear small,.ocean-all-clear strong,.ocean-all-clear span{display:block}.ocean-all-clear small{color:#48a385;font-size:5px;font-weight:800}.ocean-all-clear strong{color:#1b5d4a;font-size:8px}.ocean-all-clear span{color:#78958a;font-size:6.5px}.ocean-alert{margin-bottom:5px;background:#fff7e9;border-left:3px solid #da9135}.ocean-alert.critical{background:#fceded;border-color:#c65353}.ocean-alert>b{flex:0 0 48px;color:#ae6c22;font-size:5.5px}.ocean-alert.critical>b{color:#b24646}.ocean-alert strong,.ocean-alert span{display:block}.ocean-alert strong{color:#2b4659;font-size:8px}.ocean-alert span{margin-top:1px;color:#80909b;font-size:6.5px}.ocean-health{padding:4px 10px 8px}.ocean-health>div{display:grid;grid-template-columns:1fr auto 9px;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid #eef1f3}.ocean-health>div:last-child{border-bottom:0}.ocean-health span{color:#637787;font-size:7px}.ocean-health strong{color:#17364d;font-size:8px}.ocean-health i{width:7px;height:7px;border-radius:50%;background:#9aa8b3}.ocean-health i.good{background:#29a56b;box-shadow:0 0 7px rgba(41,165,107,.3)}.ocean-health i.warning{background:#d89232}.ocean-health i.bad{background:#c94e4e}.ocean-health i.neutral{background:#9aa8b3}.ocean-empty{padding:20px!important;text-align:center!important;color:#8796a1!important}.ocean-command-footer{display:flex;align-items:center;justify-content:center;gap:19px;min-height:36px;padding:7px 16px;background:#071c2d;color:#7793a3;font-size:7px}.ocean-command-footer strong{color:#c4d5dc}.ocean-command-footer span{white-space:nowrap}.ocean-command-footer span>i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#35b985;box-shadow:0 0 6px #35b985}.ocean-command-footer b{color:#d5e4ea}.ocean-command-footer em{color:#b99a5a;font-style:normal;letter-spacing:.05em}html:has(.wims-ocean-dashboard),body:has(.wims-ocean-dashboard){margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;background:#edf3f6!important}body:has(.wims-ocean-dashboard) .site-header,body:has(.wims-ocean-dashboard) header.site-header,body:has(.wims-ocean-dashboard) .site-footer,body:has(.wims-ocean-dashboard) footer.site-footer,body:has(.wims-ocean-dashboard) .page-header,body:has(.wims-ocean-dashboard) .entry-header,body:has(.wims-ocean-dashboard) .widget-area,body:has(.wims-ocean-dashboard) aside,body:has(.wims-ocean-dashboard) #secondary{display:none!important}body:has(.wims-ocean-dashboard) #page,body:has(.wims-ocean-dashboard) #content,body:has(.wims-ocean-dashboard) .site,body:has(.wims-ocean-dashboard) .site-content,body:has(.wims-ocean-dashboard) .content-area,body:has(.wims-ocean-dashboard) .entry-content,body:has(.wims-ocean-dashboard) main.site-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}@media(max-width:1200px){.ocean-kpis{grid-template-columns:repeat(3,1fr)}.ocean-command-main{grid-template-columns:1fr}.ocean-command-lower{grid-template-columns:1fr 1fr}}@media(max-width:760px){.ocean-command-header{display:block}.ocean-command-live{margin-top:14px}.ocean-command-state{min-width:0;flex:1}.ocean-command-updated{min-width:100px}.ocean-command-body{padding:10px}.ocean-kpis{grid-template-columns:1fr 1fr}.ocean-command-lower{grid-template-columns:1fr}.ocean-command-footer{flex-wrap:wrap;gap:7px 12px}}
/* v2.2.0 RC2.1 — Mapbox executive fleet overview */
.ocean-world{
position:relative;
height:350px;
overflow:hidden;
background:#071a2b;
isolation:isolate
}
.ocean-mapbox-static{
position:absolute;
inset:0;
z-index:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
transform:scale(1.002);
filter:saturate(.88) brightness(1.22) contrast(1.02);
transition:opacity .35s ease
}
.ocean-mapbox-static.loaded{opacity:1}
.ocean-mapbox-tint{
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
linear-gradient(180deg,rgba(2,17,29,.015),rgba(2,17,29,.035)),
radial-gradient(circle at 52% 46%,transparent 34%,rgba(2,16,28,.035) 100%);
box-shadow:inset 0 0 65px rgba(0,0,0,.18)
}
.ocean-mapbox-fallback{
position:absolute;
inset:0;
z-index:2;
display:none;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
background:
radial-gradient(circle at 50% 45%,rgba(28,112,139,.16),transparent 38%),
linear-gradient(#071c2d,#051725);
color:#6a91a1;
font-size:8px;
letter-spacing:.08em
}
.ocean-mapbox-fallback.show{display:flex}
.ocean-mapbox-fallback strong{color:#a6c7d3;font-size:11px;letter-spacing:.16em}
.ocean-leaders{z-index:3}
.ocean-markers{z-index:4}
.ocean-marker-wrap{z-index:5}
.ocean-marker-label{
z-index:6;
min-width:108px;
max-width:150px;
padding:5px 7px;
border:1px solid rgba(118,191,207,.20);
border-radius:6px;
background:rgba(3,20,33,.84);
box-shadow:0 5px 18px rgba(0,0,0,.20);
backdrop-filter:blur(5px)
}
.ocean-marker-label strong{color:#eefcff;font-size:7.4px;letter-spacing:.015em}
.ocean-marker-label span{margin-top:2px;color:#7aa2b2;font-size:5.8px}
.ocean-marker-wrap i{
width:9px;
height:9px;
border:2px solid #effdff;
background:#37c4dc;
box-shadow:0 0 0 5px rgba(55,196,220,.12),0 0 18px rgba(55,196,220,.88)
}
.ocean-map-note{
z-index:7;
right:9px;
bottom:7px;
padding:3px 5px;
border-radius:4px;
background:rgba(3,19,31,.58);
color:#7393a1;
font-size:5.4px;
letter-spacing:.06em
}
.ocean-fleet-panel .ocean-table-wrap{max-height:310px}
.wims-ocean-dashboard th,.wims-ocean-dashboard td{padding-left:9px;padding-right:9px}

.ocean-marker-wrap.stale i{background:#f0a33a!important;border-color:#fff5df!important;box-shadow:0 0 0 5px rgba(240,163,58,.16),0 0 18px rgba(240,163,58,.72)!important}