/* The port card occupies its own space, outside the chart and its labels. */
.radar-legend{display:flex;flex-wrap:wrap;gap:8px 17px;padding:12px 18px 4px;font-size:11px;border-top:1px solid var(--line)}
.radar-legend small{flex-basis:100%;line-height:1.6}
.radar-instruction{font-size:11px;padding:9px 18px 14px;color:#b4cbe1}
.radar-high{color:#efa6a1!important}.radar-low{color:#8bddb5!important}.radar-normal{color:#99b0bf}
.port-intel{padding:18px;border-top:1px solid #38526a;background:linear-gradient(130deg,#152b3b,#111f2b);min-width:0}
.port-intel-heading{display:flex;gap:14px;justify-content:space-between;align-items:center}
.port-intel-heading h3{font-size:20px;margin-top:5px}.port-intel-heading .eyebrow{color:#9fc8ef;letter-spacing:1px}
.port-production{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:13px 0;color:#aabecb;font-size:11px}
.port-production>span:first-child{margin-right:3px}
.production-chip{border:1px solid #36605c;border-radius:20px;background:#173d36;color:#abe3c6;padding:5px 9px;white-space:nowrap}
.radar-guidance{font-size:11px;line-height:1.6;color:#e0d09a;margin-bottom:9px}
.radar-table-wrap{overflow-x:auto;max-width:100%}
.radar-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}
.radar-table th,.radar-table td{padding:9px 6px;border-bottom:1px solid #2d4153;text-align:right;overflow-wrap:anywhere;vertical-align:middle}
.radar-table th:first-child{width:37%;text-align:left}.radar-table thead th{font-weight:500;color:#abc1d0;font-size:10px;white-space:normal}
.radar-table tbody th{font-weight:500}.radar-table small{display:block;margin-top:3px;font-size:10px;line-height:1.4}
.radar-table .cargo-row{background:#243a452e}.radar-table .cargo-row th strong{color:#ead391}
.radar-expand{margin-top:10px}.cargo-opportunity{padding:13px;background:#1b3435;border:1px solid #355d54;border-radius:9px;margin-top:15px}
.cargo-value{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:7px 0}.cargo-value strong{font-size:24px;color:#a5e5c4}.cargo-value span{font-size:11px;color:#c0d1ca}
.cargo-opportunity p{font-size:11px;line-height:1.6}.cargo-opportunity .cargo-comparison{font-size:12px;margin:7px 0;font-weight:600}
.cargo-opportunity small{display:block;line-height:1.6;margin-top:7px}.radar-empty{font-size:11px;line-height:1.6;margin-top:12px}
.port-label.market-map-label text{font:500 10px system-ui}
.port-label.market-map-label .market-map-high{fill:#efa6a1}.port-label.market-map-label .market-map-low{fill:#8bddb5}
.port-label.market-map-label .market-map-name{fill:#d7e5ee}.port-label.market-map-label.selected .market-map-name{fill:#f6cf94;font-weight:500}
.port-label.market-map-label rect{fill:#112535;stroke:#3b5366}.port-label.market-map-label.selected rect{fill:#28312f;stroke:#c29467}
.port-dot:focus-visible{outline:none;filter:drop-shadow(0 0 4px #9bcaff)}
.port-dot:hover circle.market-halo{r:7;fill:none}.map-panel .panel-head{flex-wrap:wrap}
@media(max-width:700px){
 .port-intel{padding:14px 10px}.port-intel-heading{align-items:flex-start;gap:8px}.port-intel-heading h3{font-size:19px}
 .port-intel-heading button{font-size:10px;padding:6px 8px;flex-shrink:0}.port-intel-heading .eyebrow{font-size:9px;letter-spacing:.6px}
 .radar-table th,.radar-table td{padding:8px 3px;font-size:10px}.radar-table th:first-child{width:36%}.radar-table thead th{font-size:9px}
 .radar-table small{font-size:9px}.radar-legend{padding:11px 12px 4px;gap:7px 12px}.radar-instruction{padding:8px 12px 12px;line-height:1.6}
}