.loading-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"table table""results results""polygon tanks""polygon boat";align-items:start;gap:14px;padding:14px 16px 24px;display:grid}.loading-table{grid-area:table}.loading-results{grid-area:results}.loading-polygon{grid-area:polygon}.loading-tanks{grid-area:tanks}.loading-boat{grid-area:boat}@media (max-width:900px){.loading-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"table""results""polygon""tanks""boat"}}.loading .scroll{overflow-x:auto}.loading table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px}.loading th,.loading td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:3px 6px}.loading th:first-child,.loading td:first-child{text-align:left}.loading th{color:var(--dim);font-weight:500}.loading tr.sub th{border-bottom:none}.loading th.on,.loading td.on{background:#f0b44114}.loading input{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:4px;width:12ch;padding:3px 5px}.loading input.num{text-align:right;width:9ch}.loading input.short{width:9ch}.loading input.cond-name{width:20ch;color:var(--order)}.loading td.sea{gap:4px;display:flex}.loading td.sea input.num{width:6ch}.loading input[type=radio]{width:auto}.loading .remove{color:var(--dim);margin-left:4px}.loading .row{flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:8px;display:flex}.loading h2 .depth{text-transform:none;letter-spacing:0;margin-left:auto}.loading-results tbody tr{cursor:pointer}.loading-results tbody tr.on td{background:#f0b4411a}.loading-results tr.ok .state{color:var(--ok)}.loading-results tr.bad .state{color:var(--alarm)}.poly-chart{width:100%;height:auto;display:block}.poly-chart .grid{stroke:var(--line);stroke-width:1px}.poly-chart .axis{stroke:var(--dim);stroke-width:1px}.poly-chart .tick,.poly-chart .label{fill:var(--dim);font-size:11px}.poly-chart .area{fill:#4fd1e61f;stroke:var(--live);stroke-width:1.5px}.poly-chart .area.other{fill:none;stroke-dasharray:5 4;stroke-width:1px}.poly-chart .pt{cursor:pointer}.poly-chart .pt circle{stroke:var(--bg);stroke-width:1.5px}.poly-chart .pt.ok circle{fill:var(--ok)}.poly-chart .pt.bad circle{fill:var(--alarm)}.poly-chart .pt .ring{fill:none;stroke:var(--order);stroke-width:2px}.poly-chart .pt text{fill:var(--text);font-size:11px}.tank-bars{flex-direction:column;gap:12px;display:flex}.tank-track{background:var(--bg);border-radius:3px;height:14px;margin-top:4px;position:relative}.tank-track span{position:absolute;top:0;bottom:0}.tank-track .cap{border:1px solid var(--live);background:#4fd1e62e;border-radius:3px}.tank-track .need{background:var(--order);top:3px;bottom:3px}.tank-track .over{background:var(--alarm);top:3px;bottom:3px}.tank-track .start{background:var(--text);width:2px}.tank-row.short strong{color:var(--alarm)}.loading-tabs{flex-wrap:wrap;gap:6px;padding:12px 16px 0;display:flex}.loading-tabs button{background:var(--panel);color:var(--dim);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:6px 6px 0 0;padding:6px 14px}.loading-tabs button.on{color:var(--order);border-color:var(--order)}.loading-grid[hidden]{display:none}.systems{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:14px;padding:14px 16px 24px;display:grid}@media (max-width:900px){.systems{grid-template-columns:minmax(0,1fr)}}.systems h3{color:var(--dim);margin:10px 0 6px;font-size:12px;font-weight:500}.sys-fields{flex-direction:column;gap:12px;margin-top:10px;display:flex}.sys-fields label{flex-wrap:wrap;align-items:baseline;gap:6px 8px;font-size:12px;display:flex}.sys-fields.row-fields{flex-flow:wrap}.line-chart{margin:8px 0 0}.line-chart svg{width:100%;height:auto;display:block}.line-chart .grid{stroke:var(--line)}.line-chart .tick,.line-chart .label{fill:var(--dim);font-size:11px}.line-chart .mark line{stroke:var(--alarm);stroke-dasharray:4 4}.line-chart .mark text{fill:var(--alarm);font-size:11px}.line-chart .legend{color:var(--dim);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;display:flex}.line-chart .legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.line-chart circle.clipped{fill:var(--panel);stroke-width:2px}.loading input.list{width:24ch}.rec-grid td{cursor:pointer;text-align:center;min-width:9ch}.rec-grid td.up{color:var(--ok);background:#5fd08a24}.rec-grid td.lost{color:var(--alarm);background:#ff5a4e24}.rec-grid td.wait{color:var(--dim);cursor:default}.rec-grid td.on{outline:2px solid var(--order);outline-offset:-2px}.rec-player svg{width:100%;height:auto;display:block}.rec-player .grid{stroke:var(--line)}.rec-player .tick,.rec-player .label{fill:var(--dim);font-size:11px}.rec-player .sea{fill:#4fd1e60d}.rec-player .surface{stroke:var(--live)}.rec-player .mark-text{fill:var(--live);font-size:11px}.rec-player .collapse line{stroke:var(--alarm);stroke-dasharray:6 4}.rec-player .collapse text{fill:var(--alarm);font-size:11px}.rec-player .event line{stroke:var(--order);stroke-dasharray:3 4}.rec-player .event text{fill:var(--order);font-size:11px}.rec-player .path{fill:none;stroke:var(--line);stroke-width:2px}.rec-player .done{fill:none;stroke:var(--live);stroke-width:2px}.rec-player .boat ellipse,.rec-player .boat rect{fill:var(--order)}.rec-player .boat line{stroke:var(--order);stroke-width:2px}.rec-gauges{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;font-size:12px;display:flex}.rec-gauges input[type=range]{flex:200px;width:auto}.rec-gauges strong{color:var(--text);font-variant-numeric:tabular-nums}.rec-gauges .bad strong{color:var(--alarm)}.rec-gauges .ok strong{color:var(--ok)}.rec-gauges .tanks{align-items:center;gap:4px;display:inline-flex}.rec-gauges .tanks i{border:1px solid var(--live);border-radius:2px;width:10px;height:22px;display:inline-block;position:relative}.rec-gauges .tanks b{background:var(--live);position:absolute;bottom:0;left:0;right:0}.systems.route{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}@media (max-width:900px){.systems.route{grid-template-columns:minmax(0,1fr)}}.loading select{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:4px;padding:3px 4px}.route-row{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;display:grid}@media (max-width:600px){.route-row{grid-template-columns:minmax(0,1fr)}}.route-player figure{margin:0 0 8px}.route-player svg{width:100%;height:auto;display:block}.route-plan .sea{fill:#4fd1e60a}.route-plan .route{fill:none;stroke:var(--dim);stroke-dasharray:6 5}.route-plan .wp circle{fill:var(--dim)}.route-plan .wp text,.route-plan .north{fill:var(--dim);font-size:11px}.route-plan .track{fill:none;stroke:var(--line);stroke-width:2px}.route-plan .done{fill:none;stroke:var(--live);stroke-width:2px}.route-plan .boat path{fill:var(--order)}.route-player .svp{fill:none;stroke:var(--live);stroke-width:2px}.route-player .tick{fill:var(--dim);font-size:10px}.route-player .sonar-at circle{fill:var(--order)}.route-player .sonar-at text{fill:var(--order);font-size:10px}.route-profile .grid{stroke:var(--line)}.route-profile .seabed{fill:#7e98aa38;stroke:var(--dim);stroke-width:1px}.route-plan .bed-cell{fill:#7e98aa}.route-player .closest{fill:none;stroke:var(--order);stroke-width:2px}.route-player .closest.aground{stroke:var(--alarm)}.route-profile .profile{fill:none;stroke:var(--live);stroke-width:2px}.route-profile .reached{stroke:var(--dim);stroke-dasharray:2 4}.route-profile .now{stroke:var(--order);stroke-width:1.5px}.readings td.vals{text-align:left;white-space:normal}.readings td.vals span{font-variant-numeric:tabular-nums;color:var(--text);margin-right:12px;display:inline-block}.readings td.vals i{color:var(--dim);font-size:11px;font-style:normal}.current-note{color:var(--live)}.current-note i{font-style:normal;display:inline-block}.bottom-choice label.link{color:var(--live);cursor:pointer;text-decoration:underline}.bottom-choice .link.on{color:var(--text);font-weight:600;text-decoration:none}.sea-grid td.thin{color:var(--order);background:#f0b44129}.sea-grid td .small{font-size:11px}.sea-player figure{margin:0 0 8px}.sea-player svg{width:100%;height:auto;display:block}.sea-side .water{fill:#4fd1e61f}.sea-side .surface{fill:none;stroke:var(--live);stroke-width:2px}.sea-side .mean,.sea-side .ordered,.sea-chart .ordered{stroke:var(--dim);stroke-dasharray:4 5}.sea-side .boat ellipse,.sea-side .boat rect{fill:#7e98aa;stroke:var(--text);stroke-width:1px}.sea-side .boat.out rect{fill:var(--alarm)}.sea-player .tick{fill:var(--dim);font-size:10px}.sea-chart .settle{fill:#7e98aa1f}.sea-chart .profile{fill:none;stroke:var(--live);stroke-width:1.5px}.sea-chart .now{stroke:var(--order);stroke-width:1.5px}