.sft-root{--sft-navy:#082f79;--sft-blue:#0876f9;--sft-surface:#fff;--sft-border:#d8e7f7;--sft-text:#173660;--sft-map-width:69%;width:100%;font-family:Inter,Arial,sans-serif;color:var(--sft-text);font-size:13px;box-sizing:border-box}.sft-root *{box-sizing:border-box}.sft-top{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid var(--sft-border);border-radius:13px;margin-bottom:10px;min-width:0}.sft-fleet-strip{display:flex;flex:1;min-width:0;gap:8px}.sft-vessel{display:flex;flex:1;min-width:0;align-items:center;gap:9px;padding:7px;background:#fff;border:1px solid #e6eff9;border-radius:9px;text-align:left;cursor:pointer;color:var(--sft-navy);transition:border .15s,background .15s}.sft-vessel.is-active{border:1.5px solid var(--sft-blue);background:#edf6ff}.sft-vessel img{width:80px;height:64px;object-fit:cover;border-radius:6px;background:#e4eef8;flex-shrink:0}.sft-vessel-info{display:flex;flex-direction:column;gap:5px;min-width:0}.sft-vessel-info strong{font-size:11px;line-height:1.3;white-space:normal}.sft-vessel-info small{font-size:10px;color:#52729d}.sft-vessel-info em{font-style:normal;font-size:10px;color:#71809c}.sft-vessel-info em[data-color=green]{color:#08a769}.sft-vessel-info em[data-color=orange]{color:#e89100}.sft-vessel-info em[data-color=blue]{color:#0876f9}.sft-toolbar{display:flex;gap:5px;align-items:center;flex-shrink:0}.sft-toolbar-label{font-size:11px;padding:10px 7px;white-space:nowrap;color:var(--sft-navy)}.sft-toolbar-label.is-active{background:#eaf4ff;border-radius:7px}.sft-expand{border:0;background:#f0f6ff;color:var(--sft-navy);font-size:24px;width:36px;height:36px;border-radius:7px;cursor:pointer}.sft-main{display:flex;gap:10px;align-items:stretch;min-width:0}.sft-map-wrap{width:var(--sft-map-width);position:relative;min-width:0;background:#e4eff8;border-radius:12px;overflow:hidden}.sft-map{display:block;width:100%;height:680px;border:0;background:#e4eff8}.sft-details{flex:1;min-width:0;border:1px solid var(--sft-border);border-radius:12px;background:var(--sft-surface);padding:16px;display:flex;flex-direction:column;gap:16px}.sft-ship-head{display:flex;align-items:center;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--sft-border)}.sft-detail-image{width:128px;height:112px;object-fit:cover;border-radius:7px;background:#e4eff8;flex-shrink:0}.sft-ship-intro{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}.sft-name-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sft-detail-name{font-size:15px;color:var(--sft-navy)}.sft-detail-ids,.sft-detail-type{font-size:12px;color:#52729d}.sft-status{background:#e7f9f0;color:#078f56;padding:5px 9px;border-radius:20px;font-size:11px}.sft-status[data-color=gray]{background:#f1f3f7;color:#66758c}.sft-status[data-color=blue]{background:#e8f2ff;color:#0876f9}.sft-status[data-color=orange]{background:#fff3df;color:#d98300}.sft-metrics,.sft-ports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--sft-border);padding-bottom:17px}.sft-ports{grid-template-columns:repeat(3,minmax(0,1fr))}.sft-metric,.sft-port{padding:4px 10px;border-right:1px solid var(--sft-border);min-width:0;display:flex;gap:8px;align-items:center}.sft-metric:last-child,.sft-port:last-child{border-right:0}.sft-metric-icon,.sft-port-icon{font-size:18px;color:var(--sft-navy);flex-shrink:0}.sft-metric-copy,.sft-port-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.sft-metric small,.sft-port small{font-size:10px;color:#6681a4}.sft-metric strong,.sft-port strong{font-size:12px;color:var(--sft-navy);overflow-wrap:anywhere}.sft-port em{font-size:10px;color:#6681a4;font-style:normal}.sft-link{display:block;text-align:center;background:#b6dcff;color:var(--sft-navy)!important;font-weight:700;padding:13px 10px;border-radius:6px;text-decoration:none!important}.sft-description-box{margin-top:0;background:#f5faff;border:1px solid #e3f0ff;border-radius:9px;padding:14px;color:#4b6488}.sft-description-box strong{font-size:12px;color:var(--sft-navy)}.sft-description{margin:8px 0 0;line-height:1.65;white-space:pre-line}.sft-search-wrap{position:absolute;z-index:2;left:15px;top:15px;width:min(420px,calc(100% - 100px))}.sft-search{width:100%;height:48px;background:#fff!important;border:1px solid #e0eafa!important;border-radius:8px!important;padding:0 15px!important;font-size:13px!important;box-shadow:0 3px 12px #17366016}.sft-map-notice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#e8f3fc;color:#173660;padding:25px;text-align:center}.sft-map-notice[hidden]{display:none}.sft-credit{text-align:right;font-size:10px;color:#8b9bb2;margin:8px 4px}.sft-credit a{color:var(--sft-blue)}.sft-sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.sft-root.sft-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;background:#edf6ff;z-index:2147483646!important;padding:8px;overflow:auto}.sft-root.sft-fullscreen .sft-main{height:calc(100dvh - 115px)}.sft-root.sft-fullscreen .sft-map{height:100%!important}.sft-root.sft-fullscreen .sft-credit{display:none}@media(max-width:1250px){.sft-vessel img{width:55px;height:52px}.sft-toolbar-label{font-size:10px;padding:8px 4px}.sft-detail-image{width:100px;height:94px}.sft-details{padding:12px}.sft-metric,.sft-port{padding:4px 6px;gap:5px}}@media(max-width:1023px){.sft-top{flex-wrap:wrap}.sft-fleet-strip{flex-basis:100%}.sft-toolbar{margin-left:auto}.sft-main{gap:8px}.sft-map-wrap{width:62%}.sft-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.sft-metric:nth-child(2){border-right:0}.sft-ports{grid-template-columns:1fr;gap:12px}.sft-port{border-right:0}.sft-detail-image{width:84px;height:84px}}@media(max-width:767px){.sft-top{padding:8px}.sft-fleet-strip{overflow-x:auto;scroll-snap-type:x mandatory}.sft-vessel{min-width:205px;scroll-snap-align:start}.sft-vessel img{width:65px;height:58px}.sft-main{flex-direction:column}.sft-map-wrap{width:100%!important}.sft-map{height:480px!important}.sft-details{width:100%;padding:13px;gap:14px}.sft-ship-head{gap:12px}.sft-detail-image{width:112px;height:96px}.sft-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.sft-metric{flex-direction:column;text-align:center;border-right:1px solid var(--sft-border)!important}.sft-metric:last-child{border-right:0!important}.sft-ports{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.sft-port{flex-direction:column;text-align:center;border-right:1px solid var(--sft-border)!important}.sft-port:last-child{border-right:0!important}.sft-toolbar-label{font-size:11px}.sft-root.sft-fullscreen .sft-main{height:auto}.sft-root.sft-fullscreen .sft-map{height:calc(100dvh - 145px)!important}.sft-root.sft-fullscreen .sft-details{display:none}}@media(max-width:430px){.sft-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px}.sft-metric:nth-child(2){border-right:0!important}.sft-detail-name{font-size:12px}.sft-ports{grid-template-columns:1fr;gap:12px}.sft-port{flex-direction:row;text-align:left;border-right:0!important}.sft-map{height:420px!important}}