html,body,#root{height:100%;margin:0}body{color:#e6edf3;background:#0f141a;font-family:system-ui,sans-serif}button,input,select{font:inherit}.key{color:#f2c14e}.importance{margin-top:10px}.feat-fill.neutral{background:#8a9bb0}.app{flex-direction:column;height:100%;display:flex}.disclaimer{color:#fff;text-align:center;background:#7a1f1f;padding:8px 14px;font-size:14px;font-weight:600}.main{flex:1;grid-template-columns:330px minmax(0,1fr) 380px;min-height:0;display:grid}.side{background:#161d26;padding:16px;overflow-y:auto}.viewer{min-width:0;position:relative}h1{margin:0 0 8px;font-size:18px}h2{color:#9fb0c0;margin:18px 0 8px;font-size:14px}.hint{color:#9fb0c0;font-size:13px;line-height:1.45}.updating{color:#9fb0c0;margin-left:8px;font-size:12px;font-weight:400}.form-actions{align-items:center;gap:8px;margin:10px 0 12px;display:flex}.form-actions button{color:#e6edf3;cursor:pointer;background:#243142;border:1px solid #34465c;border-radius:6px;padding:5px 10px}.form-actions button:disabled{opacity:.4;cursor:default}.count{color:#9fb0c0;margin-left:auto;font-size:12px}details{border-top:1px solid #243142;padding:6px 0}summary{cursor:pointer;padding:4px 0;font-size:14px;font-weight:600}.pill{color:#fff;background:#2f6fed;border-radius:9px;margin-left:8px;padding:0 7px;font-size:11px}.field{grid-template-columns:1fr 130px;align-items:center;gap:2px 8px;margin:6px 0;font-size:13px;display:grid}.field small{color:#7d8d9c;grid-column:2;font-size:11px}.field .unit{color:#7d8d9c}.field input,.field select{color:#e6edf3;box-sizing:border-box;background:#0f141a;border:1px solid #2b3a4c;border-radius:5px;width:100%;padding:4px 6px}.field input::placeholder{color:#5f6f7f}.field.entered input,.field.entered select{border-color:#2f6fed}.field input[readOnly]{color:#9fb0c0}.export-actions{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.export-actions button{color:#e6edf3;cursor:pointer;background:#243142;border:1px solid #34465c;border-radius:6px;padding:5px 8px;font-size:12px}.export-actions button:hover{border-color:#6f91b8}.cards{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px;margin:10px 0;display:grid}.card{text-align:left;color:inherit;cursor:pointer;background:#1d2733;border:2px solid #0000;border-radius:10px;flex-direction:column;padding:10px;display:flex}.card.selected{border-color:#fff}.card-top{justify-content:space-between;align-items:flex-start;gap:6px;min-height:34px;display:flex}.card-title{font-size:13px;font-weight:600}.card-prob{margin:4px 0;font-size:28px;font-weight:700}.card small{color:#7d8d9c;margin-top:auto;font-size:11px}.card-warn{color:#ffd98a;margin-top:4px;font-size:11px}.badge{white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px}.badge.up{color:#ffb4b4;background:#5b1f1f}.badge.down{color:#a9e8bd;background:#1d4a2b}.bar{background:#0f141a;border-radius:4px;height:8px;margin:4px 0 6px;position:relative}.bar-fill{border-radius:4px;height:100%}.bar-tick{background:#fff;width:2px;height:14px;position:absolute;top:-3px}.assumed{background:#243142;border-radius:6px;margin-bottom:8px;padding:6px 8px;font-size:12px}.assumed.high{color:#ffd98a;background:#5a4310}.assumed-list{border:0;padding:0;font-weight:400}.assumed-list summary{color:#9fb0c0;font-size:12px;font-weight:400}.feat{margin:7px 0;font-size:13px}.feat-head{justify-content:space-between;gap:8px;display:flex}.feat-head .raises{color:#ff9b8f}.feat-head .lowers{color:#8fc8ff}.feat-bar{background:#0f141a;border-radius:3px;height:6px;margin-top:3px}.feat-fill{border-radius:3px;height:100%}.feat-fill.raises{background:#ef6a5b}.feat-fill.lowers{background:#5aa9f0}.warn{color:#ffd98a;background:#5a4310;border-radius:6px;margin:6px 0;padding:6px 8px;font-size:12px}.error{color:#ffb4b4;background:#5b1f1f;border-radius:6px;margin:6px 0;padding:8px;font-size:13px}.metrics table{border-collapse:collapse;width:100%;margin-top:6px;font-size:12px}.metrics th,.metrics td{text-align:left;border-bottom:1px solid #243142;padding:3px 4px}.reference-profile{margin:10px 0}.legend-overlay{color:#9fb0c0;pointer-events:none;width:190px;font-size:11px;position:absolute;bottom:14px;left:14px}.legend{border-radius:4px;height:8px}.legend-labels{justify-content:space-between;margin-top:3px;display:flex}.legend-none{align-items:center;gap:6px;margin-top:6px;display:flex}.legend-none i{border-radius:50%;width:10px;height:10px;display:inline-block}.vessel-label{z-index:10;color:#fff;white-space:nowrap;background:#000000a6;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;position:relative}.vessel-label.selected{color:#000;background:#fff}.delta{vertical-align:middle;margin-left:8px;font-size:11px;font-weight:600}.delta.up{color:#ff9b8f}.delta.down{color:#8fc8ff}.summary{background:#1d2733;border-radius:8px;margin:0 0 8px;padding:8px 10px;font-size:13px;line-height:1.5}.view-controls{color:#c4d0dc;flex-direction:column;gap:6px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.view-buttons{flex-wrap:wrap;gap:4px;display:flex}.view-controls button{color:#e6edf3;cursor:pointer;background:#243142e6;border:1px solid #34465c;border-radius:6px;padding:4px 9px}.view-controls button:hover{border-color:#5b7fa6}.view-controls label{cursor:pointer;align-items:center;gap:6px;display:flex}@media (width<=1100px){.app{height:auto}.main{display:block}.viewer{height:60vh}.side{overflow:visible}}@media print{html,body,#root{height:auto}body{color:#111;background:#fff}.disclaimer{color:#111;background:#fff;border:1px solid #777}.main{display:block}.form-panel,.viewer,.export-actions,.view-controls,.legend-overlay{display:none!important}.panel{color:#111;background:#fff;padding:20px;display:block;overflow:visible}.panel .hint,.panel small{color:#333}.panel details{break-inside:avoid}.card{color:#111;background:#fff;border:1px solid #999}.summary,.coverage-notice,.assumed,.warn{color:#111;background:#f4f4f4;border:1px solid #999}.feat-bar,.bar{background:#ddd}}
