.export-voyage{padding:28px;border:1px solid #d5dfdc;border-radius:24px;background:#f8faf8}.shipping-route-controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.shipping-route-controls button{font:600 11px/1.5 Arial,sans-serif;min-height:42px;padding:10px 15px;border-radius:12px;background:white;border:1px solid #d4ded8;color:#294756;cursor:pointer}.shipping-route-controls button[aria-pressed=true]{background:#203b4c;color:white;border-color:#203b4c}.shipping-route-controls button:focus-visible,.shipping-map-frame:focus-visible{outline:2px solid #b78561;outline-offset:4px}.shipping-dashboard{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;margin-bottom:20px}.shipping-dashboard>div{background:#fff;border:1px solid #dbe4de;border-radius:17px;overflow:hidden;min-width:0}.shipping-local-title{display:block;font:600 9px/1.7 Arial,sans-serif;letter-spacing:1.2px;color:#5e787d;padding:14px 16px 7px}.shipping-dashboard svg{display:block;width:100%;height:auto}.shipping-port-key{list-style:none;padding:7px 14px 12px;margin:0;font:11px/1.8 Arial,sans-serif}.shipping-port-key li{display:flex;align-items:center;gap:7px;margin:4px 0}.shipping-port-key b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#203b4c;color:white;font-size:9px}.shipping-port-key span{margin-left:auto;font-size:10px;color:#6c858a}.shipping-phase{padding:12px 16px;font:600 11px/1.6 Arial,sans-serif;color:#203b4c;border-top:1px solid #e1e8e3;min-height:48px}.shipping-route-detail{padding:0 4px 12px}.shipping-route-detail h4{font:24px/1.25 Georgia,serif;color:#203b4c;margin:5px 12px 12px}.shipping-route-detail p{font:11px/1.7 Arial,sans-serif;color:#617980;margin:0 12px 15px}.shipping-route-detail dl{margin:0 12px;font:11px/1.7 Arial,sans-serif}.shipping-route-detail dl>div{padding:6px 0;border-top:1px solid #e3e8e4}.shipping-route-detail dt{color:#75898d;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.shipping-route-detail dd{margin:0;color:#203b4c;font-weight:600}.shipping-map-frame{overflow:hidden;min-width:0;border:1px solid #d0ded9;border-radius:18px;background:#eaf1f3}.export-voyage .export-worldmap{display:block;width:100%;height:auto;min-width:0;max-width:100%;max-height:calc(100svh - 120px);aspect-ratio:1000 / 510;border-radius:0}.shipping-note{font:10px/1.7 Arial,sans-serif!important;color:#70868b;margin:14px 0 0!important;max-width:none!important}.shipping-note a{border-bottom:1px solid #acbdb5;margin-left:8px}.shipping-map-label{font:10px Arial,sans-serif;fill:#203b4c;paint-order:stroke;stroke:#f8faf8;stroke-width:3;stroke-linejoin:round}.shipping-route-ghost{fill:none;stroke:#8ca8ae;stroke-width:1;stroke-dasharray:3 5;opacity:.5}.export-voyage.is-running .shipping-vessel,.export-voyage.is-running #harbour-vessel{will-change:transform,opacity}.shipping-route-controls button{transition:none}
@media(prefers-reduced-motion:no-preference){.shipping-route-controls button{transition:transform var(--duration-interface) var(--ease-premium)}.shipping-route-controls button:hover{transform:translate3d(0,-1px,0)}.shipping-route-controls button:active{transform:scale(.985)}}
@media(max-width:900px){.shipping-dashboard{grid-template-columns:1fr 1fr}.shipping-route-detail{grid-column:1/-1}.shipping-route-detail dl{display:flex;gap:24px}.shipping-route-detail dl>div{flex:1}.shipping-route-detail h4{font-size:24px}}
@media(max-width:600px){.export-voyage{padding:17px!important}.shipping-dashboard{grid-template-columns:1fr;gap:12px}.shipping-route-detail{grid-column:auto}.shipping-local{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.shipping-local>.shipping-local-title{grid-column:1/-1}.shipping-port-key{padding:6px 9px 10px}.shipping-port-key li{font-size:10px;flex-wrap:wrap}.shipping-port-key span{margin-left:24px}.shipping-route-controls{gap:6px}.shipping-route-controls button{flex:1 1 45%;font-size:10px;padding:10px}.shipping-dashboard .shipping-berth svg{max-height:190px}.shipping-route-detail dl{display:block}.shipping-local-title{font-size:9px}.shipping-map-frame{border-radius:14px}}

.shipping-route-live{fill:none;stroke-width:1.8;opacity:.8}.shipping-vessel{opacity:1}