/* A shipping operations room: steel panels, chart controls and vessel instruments. */
:root{--ink:#d5e2e9;--paper:#172b38;--muted:#9bb0be;--line:#365263;--navy:#b79b5b;--gold:#e5c278;--green:#83bba3}body{background:#0d202c;color:#d5e2e9;font-family:Arial,Helvetica,sans-serif}.ui-icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}button{border-radius:2px;border:1px solid #4e6878;background:linear-gradient(#304b5d,#233c4e);color:#d9e4e9;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0003;font-size:11px;font-weight:600}button:hover{background:#3a5d6f;border-color:#89a9b6}button:disabled{opacity:.46}.primary{background:linear-gradient(#dec68d,#b69a5d);border-color:#e6cb8d;color:#1d3342;box-shadow:inset 0 1px #fff6}.primary:hover{background:#ebd59e}.accent{background:linear-gradient(#538981,#36625f);border-color:#74a299;color:#edf7e6}.accent:hover{background:#608f83}.danger{color:#efad91}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edc675;outline-offset:2px}header{height:72px;background:linear-gradient(#243d4e,#142b3b);color:#dbe6ed;padding:0 21px;border-bottom:2px solid #ab9159;box-shadow:0 2px 9px #0006;z-index:3}.wordmark{font-size:19px;letter-spacing:1.2px;color:#e8d6a8}.wordmark i{font-style:normal}.wordmark small{font:8px 'Courier New',monospace;color:#9cb2c1;letter-spacing:1px}.mark{width:42px;height:44px;background:#193344;border:1px solid #a28c5c;box-shadow:inset 0 0 0 3px #203f4d;color:#d9bf7b}.mark .ui-icon{width:28px;height:28px}.top-metrics{gap:0}.top-metrics>div{padding:0 26px;border-left:1px solid #416071;border-right:1px solid #102634}.top-metrics small{font-size:7px;letter-spacing:1.2px;color:#9eb1be}.top-metrics strong{font:600 23px 'Courier New',monospace;color:#e1e9db;letter-spacing:-1px}.top-metrics em{color:#90aabc;font-size:9px}.menu-button{display:flex;gap:8px;align-items:center;font-size:10px;background:#203c4c;border-color:#4e6877;padding:9px 12px}.menu-button .ui-icon{width:16px;height:16px}.dispatch-bar{height:34px;flex-shrink:0;background:#102936;border-bottom:1px solid #45606b;display:flex;align-items:center;gap:25px;padding:0 20px;font-size:10px;color:#99b2c1}.dispatch-bar button{border:0;box-shadow:none;background:transparent;padding:5px 0;font-size:10px;font-weight:400;display:flex;gap:6px;align-items:center;color:#b8cbd4}.dispatch-bar .ui-icon{width:14px;height:14px;color:#81a6b7}.dispatch-bar b{color:#d9e3d9;font-size:11px}.dispatch-bar .alert,.dispatch-bar .alert b{color:#e5b77e}.dispatch-bar>span{margin-left:auto}.dispatch-bar>span b{margin-left:10px}nav{width:78px;background:linear-gradient(90deg,#152d3e,#1d3545);border-right:2px solid #52646b;padding:10px 6px;gap:5px}nav button{box-shadow:none;border:1px solid transparent;padding:12px 2px;min-height:66px;color:#90aabc;background:none}nav button .ui-icon{display:block;width:23px;height:23px;margin:0 auto 6px}nav button span{font-size:9px;font-weight:600}nav button.active{border-color:#6f7e72;background:#314c58;box-shadow:inset 3px 0 #d9bd76;color:#f0d69b}nav button:hover{background:#28485b;color:#e2edf0}nav button b{display:none}
.chart-label{top:17px;left:19px;background:#102c38a3;border-left:2px solid #6e9da2;padding:8px 11px}.chart-label small{font:7px 'Courier New';letter-spacing:1.4px;color:#8bb3b6}.chart-label h1{font:600 14px Arial;letter-spacing:.2px;margin:5px 0;color:#d5e9e2}.chart-label>span{font:8px 'Courier New';color:#92b4b7}.weather{top:17px;right:17px;border-radius:2px;font:8px 'Courier New';letter-spacing:.5px;background:#0c283bd9;border-color:#668594;padding:8px 10px;color:#e4cb91}.map-layers{position:absolute;left:50%;transform:translateX(-50%);top:17px;display:flex;border:1px solid #537485;padding:3px;background:#0c2635cf;gap:2px}.map-layers button{background:transparent;border:0;box-shadow:none;font-size:8px;font-weight:600;color:#91adbb;padding:6px 8px}.map-layers button[aria-pressed=true]{background:#2d505f;color:#d9e4d5}.map-tools{bottom:18px;left:17px;gap:4px}.map-tools button{height:29px;width:29px;border-color:#688698;background:#153344;color:#d6e2e8;box-shadow:0 2px 4px #0004}.map-key{position:absolute;left:17px;bottom:58px;display:flex;flex-direction:column;gap:5px;color:#9dbbc4;font:7px 'Courier New';letter-spacing:.2px;padding:8px;background:#0b2833b8;border:1px solid #315461}.map-key span{display:flex;align-items:center;gap:6px}.map-key i{width:11px;height:3px;display:block;background:#d9bd74}.map-key .key-rival{background:#7fa4b1}.map-key .key-route{height:0;border-bottom:1px dashed #d9bd74;background:none}.paused{bottom:20px;right:17px;border-radius:1px;border:1px solid #4c6b76;font:7px 'Courier New';letter-spacing:.6px;background:#0a2836d9;color:#bdd4d5;padding:7px}.vessel-telemetry{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;width:236px;background:#112c3beb;border:1px solid #789090;border-top:2px solid #cab078;box-shadow:0 5px 15px #0004;color:#d9e6e8;padding:10px 12px}.telemetry-top{display:flex;align-items:center;justify-content:space-between;font:7px 'Courier New';letter-spacing:1px;color:#8da8b9}.telemetry-top>span{display:flex;align-items:center;gap:6px}.telemetry-top .ui-icon{width:13px;height:13px}.telemetry-top button{background:none;border:0;box-shadow:none;color:#c9b583;padding:0}.vessel-telemetry>strong{display:block;font:700 15px Arial;letter-spacing:.1px;margin:7px 0;color:#ead7ad}.telemetry-route{font-size:9px;color:#b5cad1;margin-bottom:10px}.telemetry-stats{display:flex;justify-content:space-between;font:7px 'Courier New';color:#7f9ead}.telemetry-stats b{font-size:10px;color:#d8e7df;margin-left:4px}.voyage-progress{height:3px;margin:10px 0 0;background:#345566}.voyage-progress i{display:block;height:100%;background:#d7b872}.telemetry-order{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:7px 0 0;font-size:9px;background:none!important;box-shadow:none;border:0;border-top:1px solid #355362;color:#a8c7d1}.telemetry-order .ui-icon{width:13px;height:13px}.fleet-strip{height:96px;padding:10px 13px;gap:8px;background:linear-gradient(#213c4d,#142d3e);border-top:2px solid #73827b}.ship-chip{position:relative;min-width:210px;max-width:245px;padding:11px 12px 10px 66px;background:#284557;border:1px solid #4d687b;overflow:hidden}.ship-chip.selected{border-color:#cbb174;background:#345361;box-shadow:inset 0 2px #d8ba70}.ship-chip .ship-art{position:absolute;left:6px;top:16px;width:55px;height:34px;border:0;background:transparent;margin:0;transform:rotate(-18deg)}.ship-chip strong{font-size:11px;gap:9px;color:#e0e9e7}.ship-chip strong>span{color:#cbb583;font:9px 'Courier New'}.ship-chip small{font:7px/1.5 'Courier New';letter-spacing:.1px;color:#a9c2cd}.ship-chip .mini-progress{height:3px;background:#142f40;margin-top:8px}.add-ship{align-self:center;height:70px;background:#142c3b;border-color:#567080;font-size:10px;line-height:1.8;color:#bacdd6}
aside{width:372px;padding:19px;background:#1c3241;border-left:3px solid #647b84;box-shadow:-3px 0 10px #0003;scrollbar-color:#5e7b8b #203849;color:#d6e2e8}h2{font:700 22px/1.2 'Trebuchet MS',Arial;letter-spacing:-.3px;color:#e7d8b3;margin-bottom:8px}h3{font:700 15px/1.3 Arial;letter-spacing:-.2px;color:#d6e2e7}.intro{font-size:10px;line-height:1.7;color:#9cb4c3;margin-bottom:18px}.panel-department{margin:-19px -19px 17px;padding:10px 16px;background:#102735;color:#8aa8bb;border-bottom:1px solid #527080;display:flex;gap:8px;align-items:center;font:7px 'Courier New';letter-spacing:1px}.panel-department .ui-icon{width:15px;height:15px;color:#c5ad72}.eyebrow{font:7px 'Courier New';letter-spacing:1.1px;color:#83a2b3;margin-bottom:7px}.section{padding-top:17px;margin-top:17px;border-color:#3b5668}.section-label{font:700 8px Arial;letter-spacing:1px;color:#94aebe}.row{font-size:11px;margin-bottom:10px}.row small{font-size:9px;color:#9bb1bf}.row strong{color:#d5e2e5;font-variant-numeric:tabular-nums}.note{font-size:10px;line-height:1.75;color:#9fb5c3}.notice{background:#3a4139;color:#ddcfaa;border:1px solid #746f4b;border-left:3px solid #c4a463;padding:11px;border-radius:2px;font-size:10px}.notice p{color:#c5bd9d}.card{background:#263f4f;border:1px solid #4a6476;border-radius:3px;padding:13px;box-shadow:inset 0 1px #ffffff08}.card.selected{background:#2b4756;border-color:#c0a774;box-shadow:inset 0 2px #b9a36b}.card p{color:#abc0ca;font-size:10px}.card h3{font-size:15px}.card .row strong{font:600 13px 'Courier New';color:#d6c392}.card button{font-size:9px}.card .price{font:600 20px 'Courier New';color:#e0c58c}.pill{border-radius:2px;color:#a7cbbd;border-color:#658d83;font:7px 'Courier New';letter-spacing:.3px;background:#1e3d3b}.pill.orange{border-color:#a38860;color:#e0c193;background:#454539}.port-dossier{display:flex;gap:17px;align-items:center;padding:13px 10px;margin:10px 0 12px;background:#102a38;border:1px solid #4b687a}.port-seal{width:36px;height:36px;display:grid;place-items:center;border:1px solid #75919b;color:#cdbf8a;background:#24434e}.port-seal .ui-icon{width:23px;height:23px}.port-dossier>div>span{font:7px 'Courier New';letter-spacing:1px;color:#89a7b5;display:block;margin-bottom:5px}.port-dossier strong{font-size:11px;color:#cfdfdf}.port-picker{gap:4px;margin:13px 0}.port-picker button{padding:8px 4px;background:#1c394a;color:#b6cbd6;border-color:#476475;font-size:9px}.port-picker button.active{background:#a49461;color:#102935;border-color:#e0c58b}.ship-selector{background:#112c3d;border:1px solid #546f7e;color:#d3e2e8;border-radius:2px;font:11px Arial;padding:10px}.trade-table{font:11px 'Courier New';margin:10px 0 16px}.trade-table th{font:7px Arial;color:#91aabb;letter-spacing:.8px;padding:9px 5px;background:#142d3d}.trade-table td{padding:12px 5px;border-color:#405c6c;color:#d2e0e3}.trade-table tr.selected td{background:#3d5354;color:#eee0b7}.trade-table button{font:600 10px Arial;color:#c6dbe4;gap:7px;box-shadow:none}.trade-table .muted{color:#9fb8c9}.good-icon{display:flex;color:inherit!important}.good-icon .ui-icon{height:17px;width:17px;color:#d2bf88}.trade-box{background:#122d3d;border:1px solid #718083;border-radius:3px;padding:13px;box-shadow:inset 0 2px #b7a16e}.trade-box h3{font-size:16px;color:#e4d3a4}.input-line label{color:#adc3cf;font-size:10px}.input-line input{width:65px;font:600 12px 'Courier New'}.quantity-presets{display:flex;gap:4px;margin:-2px 0 12px}.quantity-presets button{flex:1;padding:5px;font:9px 'Courier New';background:#244151;border-color:#476b7c;color:#c7dce1}.two-buttons button{font-size:10px;padding:9px 5px;min-height:34px}input,select{background:#132d3b;border:1px solid #587384;color:#e4e9e6;border-radius:2px}option{background:#132d3b;color:#e4e9e6}.route-form label{color:#94afbe;font-size:8px;letter-spacing:.7px}.cargo-row{font-size:10px;border-color:#405b6a;color:#b5cbd5}.cargo-row>span[style]{color:#c9d8de!important}.cargo-row strong{font:600 11px 'Courier New';color:#dfcca1}.ship-art{display:block;width:100%;height:108px;background:#112a3a;border:1px solid #4c6674;margin:0 0 12px}.vessel-record{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #55707e;padding-top:11px;margin-top:12px;gap:10px}.vessel-record small{font:7px 'Courier New';color:#8eacbc;display:block}.vessel-record strong{font:600 13px 'Courier New';color:#d7c492;display:block;margin-top:7px}.stat{background:#112c3b;border:1px solid #496576;border-radius:2px;padding:12px}.stat small{color:#8cabbc;font-size:7px}.stat strong{font:600 21px 'Courier New';color:#dfd3ad}.bar{height:6px;background:#163543;border:1px solid #597581}.bar i{background:#75a58e}.document-label{display:flex;gap:6px;align-items:center;font:7px 'Courier New';letter-spacing:1px;color:#91afbf;border-bottom:1px solid #4c6473;margin:-2px 0 12px;padding-bottom:8px}.document-label .ui-icon{width:13px;height:13px}.research-emblem{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a68f5c;background:#153140;color:#d7bc7b;margin-bottom:12px}.research-emblem .ui-icon{width:24px;height:24px}.progress-goal{border-color:#405d6e}.progress-goal h3{font-size:13px}.progress-goal p{color:#9ab4c4;font-size:10px}.progress-goal.current{background:#283f48;border-left-color:#c8ad6a;padding:12px}.positive{color:#9acaab!important}.negative{color:#ecad88!important}.finance-chart{background:#102b3a;border:1px solid #456578;border-radius:2px}.legend{color:#8eacbd}.log{border-color:#3e5c6f;font-size:10px;color:#b0c6d2}.log small{color:#7c9fb3}.empty{background:#122e3d;border:1px dashed #4c6c7c;color:#97b4c5;border-radius:2px}.modal{background:#071b29e0;backdrop-filter:blur(2px)}.modal-card{background:#1c3445;border:3px double #b39b65;box-shadow:0 0 0 4px #0b202e,0 25px 90px #0008;border-radius:3px;padding:30px;color:#d2e1e8}.modal-card h1{font:800 38px/.98 'Trebuchet MS',Arial;letter-spacing:1px;color:#e5ce96;border-bottom:1px solid #657379;padding-bottom:19px}.modal-card h1 em{font:400 35px Georgia}.modal-card h2{font-size:24px;color:#e3d2a7}.modal-card>p{color:#a5becd;font-size:11px}.modal-card label{color:#91acbc;font-size:8px}.scenario{background:#142d3e;color:#d5e4ea;border-color:#4c6b7f;border-radius:2px}.scenario.active{background:#344e58;border-color:#c7ad72}.scenario strong{font-size:15px;color:#e2d2a6}.scenario small{color:#aac3d0;font-size:10px}.guide-grid h3{color:#e1cea0}.guide-grid p{color:#a9c2d0}.modal-card .close{color:#d5e1e6}.modal-actions button{font-size:10px}.modal-card .eyebrow{color:#92adbd}footer{height:50px;background:linear-gradient(#203a4b,#112a3a);border-top:2px solid #7c8270;gap:17px;padding:0 18px;color:#d2dfdf;z-index:3}.date strong{font:600 12px 'Courier New';color:#d9e4e2}.date small{font-size:7px;color:#8eaebe}.speeds{gap:3px}.speeds button{background:#244353;border-color:#58768a;color:#c5dce8;border-radius:2px;min-width:31px;min-height:29px;padding:6px 9px}.speeds button[aria-pressed=true]{background:#b8a36d;border-color:#d7c087;color:#152f3a}.speeds .ui-icon{width:13px;height:13px}footer p{color:#9db8c7;font-size:9px}#save-status{color:#86a9ba;font-size:7px}#toast{background:#203f50;border:1px solid #c8b47a;color:#e9d9b0;border-radius:2px}
@media(max-width:1100px){header{padding:0 15px}.top-metrics>div{padding:0 17px}.top-metrics strong{font-size:20px}.wordmark{font-size:16px}.dispatch-bar{gap:18px}.dispatch-bar>span{display:none}nav{width:66px}nav button span{font-size:8px}aside{width:332px}.chart-label{top:13px;left:14px}.chart-label h1{font-size:12px}.chart-label>span{display:none}.map-layers{left:14px;transform:none;top:78px}.vessel-telemetry{width:211px}.telemetry-stats{font-size:6px}.telemetry-stats b{font-size:9px}.paused{font-size:6px}}
@media(max-width:760px){header{height:60px;padding:0 11px;gap:9px}.wordmark{font-size:14px;letter-spacing:.5px}.wordmark small{font-size:6px}.mark{height:33px;width:32px}.mark .ui-icon{width:23px;height:23px}.top-metrics>div{padding:0 12px}.top-metrics strong{font-size:17px}.top-metrics small{font-size:6px}.menu-button{padding:7px}.dispatch-bar{height:28px;padding:0 11px;gap:15px;overflow-x:auto;white-space:nowrap}.dispatch-bar button{font-size:8px}.dispatch-bar b{font-size:9px}.dispatch-bar .ui-icon{width:11px;height:11px}nav{height:46px;width:100%;flex-direction:row;padding:0 3px;border-right:0;border-bottom:1px solid #526e7d;gap:1px}nav button{min-height:0;min-width:54px;padding:5px;display:flex;gap:4px;align-items:center;justify-content:center}nav button .ui-icon{width:14px;height:14px;margin:0}nav button span{font-size:8px}nav button.active{box-shadow:inset 0 -2px #d9bd76}.workspace main{height:calc(55% - 23px)}.chart-label,.vessel-telemetry,.map-key{display:none}.map-layers{left:10px;top:9px;padding:2px}.map-layers button{font-size:7px;padding:5px 6px}.weather{top:10px;right:9px;font-size:6px;padding:6px}.paused{bottom:10px;right:10px;font-size:5px}.map-tools{bottom:10px;left:10px}.map-tools button{width:25px;height:25px}.fleet-strip{height:74px;padding:7px 9px;gap:6px}.ship-chip{min-width:180px;max-width:200px;padding:8px 9px 8px 54px}.ship-chip .ship-art{left:5px;width:45px;top:13px}.ship-chip strong{font-size:10px}.ship-chip strong>span{font-size:8px}.ship-chip small{font-size:6px;letter-spacing:0}.ship-chip .mini-progress{margin-top:6px}.add-ship{height:56px;min-width:58px;font-size:8px}aside{width:100%;height:calc(45% - 23px);padding:16px;border-left:0;border-top:2px solid #6d838d}.panel-department{margin:-16px -16px 15px;padding:8px 13px}.port-picker{grid-template-columns:repeat(3,1fr)}.port-picker button{font-size:9px}.port-dossier{padding:10px;gap:21px}.ship-art{height:100px}.modal-card{padding:23px}.modal-card h1{font-size:30px}.modal-card h1 em{font-size:28px}.modal-card h2{font-size:22px}.scenario strong{font-size:13px}.scenario small{font-size:9px}footer{height:46px;padding:0 11px;gap:10px}.date strong{font-size:10px}.date small{font-size:6px}.speeds button{min-width:30px;padding:6px 8px}}
@media(max-height:520px) and (orientation:landscape){header{height:48px}.dispatch-bar{display:none}nav{width:56px;height:auto;flex-direction:column;padding:4px}nav button{display:block;min-width:0;min-height:40px;padding:6px 3px}nav button .ui-icon{display:none}nav button span{font-size:8px}.workspace main{height:auto}.vessel-telemetry{display:none}.chart-label{display:none}.map-layers{top:9px;left:10px}.map-key{display:none}aside{height:auto;width:310px;border-top:0;border-left:2px solid #647b84}.fleet-strip{height:68px}.ship-chip{padding-top:8px;padding-bottom:8px}footer{height:40px}.modal-card h1{font-size:27px}.modal-card h1 em{font-size:24px}}

.cargo-icon .ui-icon,.cargo-name .ui-icon{width:17px;height:17px;vertical-align:middle;margin-right:6px;color:#d6c68f}.cargo-name{display:flex;align-items:center}

@media(max-width:760px){nav,#fleet-strip{scrollbar-width:none}nav::-webkit-scrollbar,#fleet-strip::-webkit-scrollbar{display:none}#fleet-strip{overflow-y:hidden}}