/*! cloudflare-pages-asset-salt:cloudflare-pages-asset-salt-v5 */
.vt-panel{--vt-accent: var(--app-accent-color);--vt-accent-ring: color-mix(in srgb, var(--app-accent-color) 16%, transparent);--vt-accent-tint: color-mix(in srgb, var(--app-accent-color) 6%, transparent);--vt-approaching-chip-bg: color-mix(in srgb, var(--app-accent-color) 10%, var(--neutral-0));--vt-approaching-chip-text: var(--app-accent-color);--vt-panel-bg: color-mix(in srgb, var(--neutral-50) 55%, var(--neutral-0));--vt-card-bg: var(--neutral-0);--vt-tile-bg: color-mix(in srgb, var(--neutral-100) 65%, var(--neutral-50));--vt-hairline: color-mix(in srgb, var(--neutral-900) 8%, transparent);--vt-hairline-strong: color-mix(in srgb, var(--neutral-900) 12%, transparent);--vt-text-primary: var(--neutral-900);--vt-text-secondary: var(--neutral-700);--vt-text-muted: var(--neutral-500);--vt-thumb-gradient: linear-gradient( 160deg, color-mix(in srgb, var(--neutral-900) 88%, var(--app-accent-color)) 0%, color-mix(in srgb, var(--neutral-900) 72%, var(--app-accent-color)) 55%, color-mix(in srgb, var(--neutral-900) 58%, var(--app-accent-color)) 100% );--vt-panel-shadow: 0 1px 2px color-mix(in srgb, var(--neutral-900) 5%, transparent), 0 22px 48px color-mix(in srgb, var(--neutral-900) 22%, transparent);display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--vt-panel-bg);border:1px solid var(--vt-hairline);border-radius:4px;box-shadow:var(--vt-panel-shadow)}.vt-panel--list,.vt-panel--detail{flex:1 1 auto;width:100%;height:100%}.vt-panel__header{flex-shrink:0;padding:16px 22px;background:var(--neutral-0)}.vt-panel--detail .vt-panel__header{padding-bottom:18px}.vt-panel--detail .vt-panel__header--with-controls{padding-bottom:0}.vt-panel__header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vt-panel__header-titles{display:flex;min-width:0;flex:1;align-items:baseline;justify-content:space-between;gap:8px}.vt-panel--list .vt-panel__header-titles{margin-bottom:16px}.vt-panel--detail .vt-panel__header-titles{flex-direction:column;align-items:flex-start;gap:8px}.vt-panel__title{margin:0;color:var(--vt-text-primary);font-size:19px;font-weight:700;line-height:1.25}.vt-panel--detail .vt-panel__title{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.2}.vt-panel__subtitle{margin:3px 0 0;color:var(--vt-text-muted);font-size:12px;font-weight:500;line-height:1.3}.vt-panel__eyebrow{margin:0;color:var(--vt-text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.vt-panel__meta{color:var(--vt-text-muted);font-size:12px;font-weight:600;white-space:nowrap}.vt-panel__header-actions{flex-shrink:0}.vt-panel__controls{margin-top:0}.vt-panel__tabs.MuiTabs-root{min-height:34px;border-bottom:1px solid var(--vt-hairline);background:rgba(0,0,0,0)}.vt-panel__tabs.MuiTabs-root .MuiTabs-indicator{height:2px;background-color:var(--vt-accent)}.vt-panel__tabs.MuiTabs-root .MuiTabs-scroller{overflow:visible}.vt-panel__tabs.MuiTabs-root .MuiTabs-flexContainer{gap:0}.vt-panel__tab.MuiTab-root{min-width:140px;min-height:34px;height:34px;gap:8px;border:none;border-bottom:2px solid rgba(0,0,0,0);border-radius:0;background:rgba(0,0,0,0);color:var(--vt-text-muted);font-size:14px;font-weight:500;font-style:normal;line-height:22px;letter-spacing:0;text-transform:none;opacity:1;transition:color .2s ease,border-color .2s ease}.vt-panel__tab.MuiTab-root.Mui-selected{color:var(--vt-accent);border-bottom-color:var(--vt-accent)}.vt-panel__tab.MuiTab-root:hover:not(.Mui-selected){color:var(--vt-text-secondary);background:var(--vt-accent-tint)}.vt-panel__tab.MuiTab-root:focus-visible{outline:2px solid var(--vt-accent);outline-offset:-2px;border-radius:2px}.vt-panel__search{display:flex;align-items:center;gap:9px;height:42px;padding:0 16px;border:1px solid var(--vt-hairline);border-radius:4px;background:var(--vt-tile-bg)}.vt-panel__search:focus-within{border-color:var(--vt-accent);outline:2px solid var(--vt-accent);outline-offset:1px}.vt-panel__search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.vt-panel__search-icon{display:flex;flex-shrink:0;color:var(--vt-text-muted)}.vt-panel__search-input{min-width:0;flex:1;border:0;outline:0;background:rgba(0,0,0,0);color:var(--vt-text-primary);font-size:14px;line-height:19px}.vt-panel__search-input::-moz-placeholder{color:var(--vt-text-muted)}.vt-panel__search-input::placeholder{color:var(--vt-text-muted)}.vt-panel__scroll{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-padding-top:12px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--neutral-700) 35%, transparent) rgba(0,0,0,0)}.vt-panel__scroll::-webkit-scrollbar{width:9px}.vt-panel__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--neutral-700) 35%, transparent);border:2px solid rgba(0,0,0,0);border-radius:999px;background-clip:padding-box}.vt-panel--list .vt-panel__scroll{gap:12px;padding:14px 16px 18px}.vt-panel--list .vt-panel__list{padding-top:4px}.vt-panel--detail .vt-panel__scroll{gap:24px;padding:0 22px 22px;background:var(--neutral-05)}.vt-panel__message{margin:0;color:var(--vt-text-muted);font-size:13px;line-height:1.5}.vt-panel__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.vt-panel__list--calls{gap:20px}.vt-panel__back-btn{flex-shrink:0;padding:9px 16px;border:1px solid var(--vt-hairline-strong);border-radius:999px;background:var(--vt-card-bg);color:var(--vt-text-secondary);font-size:13px;font-weight:600;box-shadow:0 1px 2px color-mix(in srgb, var(--neutral-900) 4%, transparent);cursor:pointer}.vt-panel__back-btn:focus-visible{outline:2px solid var(--vt-accent);outline-offset:2px}.vt-panel__link-back{display:flex;align-items:center;gap:5px;border:none;background:rgba(0,0,0,0);color:var(--vt-accent);font-size:13px;font-weight:500;font-family:inherit;padding:2px 0;cursor:pointer;transition:color .2s ease}.vt-panel__link-back:hover{color:color-mix(in srgb, var(--vt-accent) 85%, var(--neutral-900))}.vt-panel__link-back:focus-visible{outline:2px solid var(--vt-accent);outline-offset:2px;border-radius:var(--radius-xs)}.vt-panel__status-dot{width:12px;height:12px;flex-shrink:0;border-radius:999px;background:var(--vessel-status-dot, var(--vt-accent))}.vt-panel__fly-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--neutral-700);cursor:pointer;transition:color .2s ease}.vt-panel__fly-btn:hover:not(:disabled){color:var(--app-accent-color)}.vt-panel__fly-btn:focus-visible{outline:2px solid var(--app-accent-color);outline-offset:1px}.vt-panel__fly-btn:disabled{cursor:not-allowed;opacity:.5}.vt-panel__section-label{margin:0 0 4px;color:var(--vt-text-secondary);font-size:12px;font-weight:400}.vt-panel__section-title{margin:0 0 12px;color:var(--vt-text-primary);font-size:12px;font-weight:700;text-transform:uppercase}.vt-panel__tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vt-panel__tile-grid--route{grid-template-columns:1fr 1fr}.vt-panel__tile--wide{grid-column:span 2}.vt-panel__tile{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border-radius:4px;background:var(--vt-tile-bg)}.vt-panel__tile-label{color:var(--vt-text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.vt-panel__tile-value{color:var(--vt-text-primary);font-size:14px;font-weight:600;line-height:1.35}.vt-panel__stat-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.vt-panel__stat{display:flex;flex-direction:column;gap:4px;align-items:center;padding:16px 10px;border-radius:4px;background:var(--vt-tile-bg)}.vt-panel__stat-value{color:var(--vt-text-primary);font-size:24px;font-weight:700;line-height:1}.vt-panel__stat-label{color:var(--vt-text-muted);font-size:10px;font-weight:600;text-transform:uppercase}.vt-panel__track-btn{margin-top:16px}.vt-vessel-card{position:relative;display:flex;gap:15px;width:100%;padding:15px;border:1px solid var(--vt-hairline);border-radius:4px;background:var(--vt-card-bg);box-shadow:0 1px 2px color-mix(in srgb, var(--neutral-900) 4%, transparent);text-align:left;cursor:pointer;align-items:stretch;transition:border-color .2s ease,box-shadow .2s ease}.vt-vessel-card:hover{border-color:color-mix(in srgb, var(--vt-accent) 20%, var(--vt-hairline));box-shadow:0 2px 6px color-mix(in srgb, var(--neutral-900) 7%, transparent),0 10px 22px color-mix(in srgb, var(--neutral-900) 7%, transparent)}.vt-vessel-card--selected:hover{box-shadow:0 2px 8px color-mix(in srgb, var(--vt-accent) 10%, transparent),0 10px 24px color-mix(in srgb, var(--neutral-900) 8%, transparent)}.vt-vessel-card__action{position:absolute;inset:0;z-index:1;width:100%;min-height:100%;padding:0;border:0;border-radius:4px;background:rgba(0,0,0,0);box-shadow:none;cursor:pointer}.vt-vessel-card__action:focus-visible{outline:2px solid var(--vt-accent);outline-offset:-2px}.vt-vessel-card--selected::after{content:"";position:absolute;inset:0;border:1.5px solid var(--vt-accent);border-radius:4px;pointer-events:none;background:var(--vt-accent-tint);box-shadow:0 0 0 4px var(--vt-accent-ring)}.vt-vessel-card__thumb{position:relative;display:flex;flex-shrink:0;align-self:stretch;width:92px;min-height:96px;overflow:hidden;border-radius:4px;background:var(--vt-thumb-gradient)}.vt-vessel-card__thumb--photo{align-items:stretch;justify-content:stretch}.vt-vessel-card__thumb--fallback{align-items:flex-end;justify-content:center}.vt-vessel-card__thumb-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .2s ease}.vt-vessel-card:hover .vt-vessel-card__thumb-image{transform:scale(1.04)}.vt-vessel-card__thumb-icon{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%, -60%);fill:color-mix(in srgb, var(--neutral-0) 22%, transparent)}.vt-vessel-card__thumb-type{position:absolute;right:0;bottom:0;left:0;width:100%;padding:5px 6px;background:linear-gradient(transparent, color-mix(in srgb, var(--neutral-900) 50%, transparent));color:color-mix(in srgb, var(--neutral-0) 82%, transparent);font-size:9px;font-weight:600;text-align:center;text-transform:uppercase}.vt-vessel-card__body{display:flex;min-width:0;flex:1;flex-direction:column;gap:11px}.vt-vessel-card__intro{display:flex;flex-direction:column;gap:8px}.vt-vessel-card__name{margin:0;color:var(--vt-text-primary);font-size:16px;font-weight:700;line-height:1.25}.vt-vessel-card__status-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 11px;border-radius:4px;background:var(--vessel-chip-bg, var(--neutral-100));color:var(--vessel-chip-text, var(--vt-text-secondary));font-size:11px;font-weight:600}.vt-vessel-card__status-dot{width:6px;height:6px;border-radius:999px;background:var(--vessel-status-dot, var(--vt-accent))}.vt-vessel-card__metrics{display:flex;flex-direction:column;gap:7px}.vt-vessel-card__metric-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.35}.vt-vessel-card__metric-label{color:var(--vt-text-muted)}.vt-vessel-card__metric-value{color:var(--vt-text-secondary);font-weight:600;text-align:right}.vt-panel--state{padding:22px}.vt-panel--state .vt-panel__message{margin-top:12px}.vt-panel--overview .vt-panel__scroll{padding:14px 22px 22px}.vt-overview-chooser{gap:14px;padding-top:4px}.vt-overview-card{position:relative;display:block;width:100%;padding:18px;border:1px solid var(--vt-hairline);border-radius:4px;background:var(--vt-card-bg);box-shadow:0 1px 2px color-mix(in srgb, var(--neutral-900) 4%, transparent);transition:border-color .2s ease,box-shadow .2s ease}.vt-overview-card:hover{border-color:color-mix(in srgb, var(--vt-accent) 20%, var(--vt-hairline));box-shadow:0 2px 6px color-mix(in srgb, var(--neutral-900) 7%, transparent),0 10px 22px color-mix(in srgb, var(--neutral-900) 7%, transparent)}.vt-overview-card__action{position:absolute;inset:0;z-index:1;width:100%;min-height:100%;padding:0;border:0;border-radius:4px;background:rgba(0,0,0,0);box-shadow:none;cursor:pointer}.vt-overview-card__action:focus-visible{outline:2px solid var(--vt-accent);outline-offset:-2px}.vt-overview-card__body{display:flex;flex-direction:column;gap:10px}.vt-overview-card__pin{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:42px}.vt-overview-card__pin-icon{display:block;width:42px;height:42px}.vt-overview-card__title{margin:0;color:var(--vt-text-primary);font-size:18px;font-weight:700;text-align:center}.vt-overview-card__description{margin:0;color:var(--vt-text-muted);font-size:13px;line-height:1.4;text-align:center}.vt-port-card .vt-vessel-card__body{width:100%}.vt-overview{display:flex;flex-direction:column;gap:0}.vt-overview .vt-vessel-card__thumb{width:100%;aspect-ratio:16/9;height:auto;border-radius:4px;margin-bottom:0}.vt-overview .vt-vessel-card__thumb-icon{width:56px;height:56px}.vt-overview__route{display:flex;flex-direction:column;gap:10px;padding:16px 0 14px}.vt-overview__route-endpoints{display:flex;justify-content:space-between;align-items:flex-start}.vt-overview__endpoint{display:flex;flex-direction:column;gap:3px;max-width:45%}.vt-overview__endpoint--destination{text-align:right}.vt-overview__port-name{color:var(--neutral-900);font-size:14px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-overview__time-label{color:var(--vt-text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.vt-overview__time-value{color:var(--vt-text-secondary);font-size:12px;font-weight:500;line-height:1.3}.vt-overview__progress{position:relative;padding:4px 0 2px}.vt-overview__progress-track{position:relative;height:3px;background:var(--vt-hairline-strong);border-radius:999px;overflow:visible}.vt-overview__progress-fill{position:absolute;top:0;left:0;height:100%;background:#00857c;border-radius:999px;transition:width .4s ease}.vt-overview__progress-indicator{position:absolute;top:50%;width:22px;height:24px;transform:translate(-50%, -50%);overflow:visible}.vt-overview__progress--indeterminate .vt-overview__progress-track{background:var(--vt-hairline)}.vt-overview__divider{margin:0;border:0;border-top:1px solid var(--vt-hairline)}.vt-overview__info{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:4px 0}.vt-overview__info-row{display:contents}.vt-overview__info-row dt,.vt-overview__info-row dd{padding:10px 0;border-bottom:1px solid var(--vt-hairline)}.vt-overview__info-row:last-child dt,.vt-overview__info-row:last-child dd{border-bottom:0}.vt-overview__info-label{color:var(--neutral-900);font-size:12px;font-weight:500}.vt-overview__info-label::after{content:":"}.vt-overview__info-value{color:var(--neutral-500);font-size:12px;font-weight:400;text-align:left;margin:0}.vt-overview__footer{margin:12px 0 0;color:var(--vt-text-muted);text-align:center;font-size:12px;line-height:1.4}.vt-overview__info-footnote{grid-column:1/-1;padding:10px 0 0;color:var(--vt-text-secondary);font-size:12px;font-weight:400;text-align:center}.vt-panel__berth-header{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:24px}.vt-panel__berth-header-section{display:flex;flex-direction:column;gap:8px}.vt-panel__berth-header-title{margin:0;color:var(--vt-text-primary);font-size:18px;font-weight:700;line-height:1.25}.vt-panel__berth-header-terminal{margin:0;color:var(--vt-text-secondary);font-size:13px;font-weight:500}.vt-panel__berth-header-length{display:flex;align-items:baseline;gap:8px;margin:2px 0 0}.vt-panel__berth-header-length-value{color:var(--vt-text-primary);font-size:15px;font-weight:700}.vt-panel__berth-header-length-label{color:var(--vt-text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.vt-panel__occupancy-bar{position:relative;height:3px;margin-bottom:8px;border-radius:999px;background:var(--vt-hairline-strong);overflow:hidden}.vt-panel__occupancy-fill{height:100%;border-radius:999px;background:var(--vt-accent);transition:width .2s ease}.vt-panel__occupancy-figures{display:flex;justify-content:space-between}.vt-panel__occupancy__stat{display:flex;flex-direction:column;gap:4px}.vt-panel__occupancy__stat-label{color:var(--vt-text-secondary);font-size:12px;font-weight:400}.vt-panel__occupancy__stat-value{color:var(--vt-text-primary);font-size:12px;font-weight:400}.vt-panel__queue{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}.vt-panel__queue-item,.vt-panel__call-row{display:flex;flex-direction:column}.vt-panel__queue-head,.vt-panel__call-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.vt-panel__queue-name,.vt-panel__call-title{color:var(--vt-text-primary);font-size:15px;font-weight:700;line-height:1.25}.vt-panel__meta-row{display:flex;justify-content:space-between;gap:12px;color:var(--vt-text-muted);font-size:12px;font-weight:600}.vt-panel__actions{display:flex;flex-direction:column;gap:10px}.vt-panel__action-btn{width:100%;padding:11px 16px;border:1px solid var(--vt-hairline-strong);border-radius:4px;background:var(--vt-card-bg);color:var(--vt-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.vt-panel__action-btn:hover{border-color:color-mix(in srgb, var(--vt-accent) 30%, var(--vt-hairline-strong))}.vt-panel__action-btn:focus-visible{outline:2px solid var(--vt-accent);outline-offset:2px}.vt-panel__action-btn--primary{border-color:var(--vt-accent);background:var(--vt-accent);color:var(--neutral-0)}.vt-panel__action-btn--primary:hover{border-color:var(--vt-accent);background:color-mix(in srgb, var(--vt-accent) 88%, var(--neutral-900))}.vt-panel__action-btn--disabled,.vt-panel__action-btn:disabled{color:var(--vt-text-muted);background:var(--vt-tile-bg);cursor:not-allowed}
.vt-panel--header-border .vt-panel__header{border-bottom:1px solid var(--neutral-2)}.vt-port-detail{--vt-cargo-container: var(--blue-7);--vt-cargo-container-tint: var(--blue-1);--vt-cargo-reefer: #009d9a;--vt-cargo-reefer-tint: #e3ffff;--vt-cargo-liquid-bulk: var(--warning-8);--vt-cargo-liquid-bulk-tint: var(--warning-1);--vt-vtype-container: var(--blue-7);--vt-vtype-container-tint: var(--blue-1);--vt-vtype-tanker: var(--warning-8);--vt-vtype-tanker-tint: var(--warning-1);--vt-vtype-bulk: var(--neutral-6);--vt-vtype-bulk-tint: var(--neutral-1);--vt-vtype-default: var(--neutral-6);--vt-vtype-default-tint: var(--neutral-1);--vt-dir-inbound-fg: var(--positive-7);--vt-dir-inbound-bg: var(--positive-1);--vt-dir-atberth-fg: var(--neutral-6);--vt-dir-atberth-bg: var(--neutral-1);--vt-dir-outbound-fg: var(--blue-7);--vt-dir-outbound-bg: var(--blue-1);--vt-berth-available-fg: var(--positive-8);--vt-berth-available-bg: var(--positive-1);--vt-berth-available-bd: var(--positive-3);--vt-berth-occupied-fg: var(--neutral-6);--vt-berth-occupied-bg: var(--neutral-1);--vt-berth-occupied-bd: var(--neutral-3);--vt-text-primary: var(--neutral-9);--vt-text-body: var(--neutral-7);--vt-text-secondary: var(--neutral-6);--vt-surface-muted: var(--neutral-1);--vt-surface-subtle: var(--neutral-05);--vt-border-subtle: var(--neutral-2);--vt-link-color: var(--digital-twin-8);--vt-success: var(--positive-6);--vt-dir-operator-fg: var(--digital-twin-8);--vt-dir-operator-bg: var(--digital-twin-1);--vt-radius-xs: 4px;--vt-radius-sm: 8px;--vt-radius-md: 12px;--vt-radius-lg: 16px;--vt-radius-full: 9999px;display:flex;flex-direction:column;gap:20px;padding-top:16px}.vt-port-detail__back{border:none;background:rgba(0,0,0,0);color:var(--digital-twin-8);font-size:14px;font-weight:500;cursor:pointer;padding:0}.vt-port-detail__back:hover{color:var(--digital-twin-8)}.vt-port-detail__back:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px;border-radius:var(--vt-radius-xs)}.vt-port-detail__section-label{color:var(--vt-text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.vt-port-detail__section-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vt-port-detail__count-badge{color:var(--vt-text-secondary);font-size:11px;font-weight:600;background:var(--vt-surface-muted);border-radius:var(--vt-radius-full);padding:1px 8px}.vt-port-detail__info{flex:0 0 auto;border:1px solid var(--vt-border-subtle);border-radius:var(--vt-radius-lg);background:var(--neutral-0);overflow:hidden}.vt-port-detail__info-toggle{width:100%;border:none;background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-family:inherit}.vt-port-detail__info-toggle:focus-visible{outline:2px solid var(--vt-link-color);outline-offset:-2px}.vt-port-detail__info-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--vt-text-primary)}.vt-port-detail__info-icon{color:var(--vt-text-secondary)}.vt-port-detail__info-chevron{color:var(--vt-text-secondary)}.vt-port-detail__info-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--vt-border-subtle)}.vt-port-detail__field{display:flex;flex-direction:column}.vt-port-detail__field-label{color:var(--vt-text-secondary);font-size:11px;font-weight:600}.vt-port-detail__field-value{color:var(--vt-text-primary);font-size:14px;font-weight:500;margin-top:3px}.vt-port-detail__cargo-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.vt-port-detail__cargo-chip{font-size:12px;font-weight:500;color:var(--vt-text-body);background:var(--vt-surface-muted);border-radius:var(--vt-radius-xs);padding:3px 9px}.vt-port-detail__info-counts{display:flex;gap:32px}.vt-port-detail__berths{border:1px solid var(--vt-border-subtle);border-radius:var(--vt-radius-lg);background:var(--neutral-0);padding:16px 16px 18px}.vt-port-detail__berths-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.vt-port-detail__berths-summary{color:var(--vt-text-secondary);font-size:12px}.vt-port-detail__berths-available{color:var(--positive-7)}.vt-port-detail__berths-occupied{color:var(--neutral-9)}.vt-port-detail__occupancy-bar{display:flex;height:8px;border-radius:var(--vt-radius-full);overflow:hidden;background:var(--neutral-2);margin-bottom:18px}.vt-port-detail__occupancy-fill{background:var(--vt-success);transition:width .3s ease}.vt-port-detail__berth-groups{display:flex;flex-direction:column;gap:14px}.vt-port-detail__berth-group-head{display:flex;align-items:center;gap:7px;margin-bottom:7px}.vt-port-detail__berth-group-icon{color:var(--vt-cargo-color, var(--vt-vtype-default))}.vt-port-detail__berth-group-type{color:var(--vt-text-primary);font-size:12px;font-weight:600}.vt-port-detail__berth-group-count{color:var(--vt-text-secondary);font-size:11px}.vt-port-detail__berth-chips{display:flex;flex-wrap:wrap;gap:5px}.vt-port-detail__berth-chip{min-width:30px;text-align:center;border:1px solid var(--vt-berth-chip-bd, var(--vt-border-subtle));border-radius:var(--vt-radius-sm);background:var(--vt-berth-chip-bg, var(--vt-surface-muted));color:var(--vt-berth-chip-fg, var(--vt-text-secondary));font-size:12px;font-weight:600;padding:3px 7px;cursor:pointer;transition:filter .15s ease}.vt-port-detail__berth-chip:hover{filter:brightness(0.95)}.vt-port-detail__berth-chip:focus-visible{outline:2px solid var(--vt-link-color);outline-offset:1px}.vt-port-detail__anchorages{border:1px solid var(--vt-border-subtle);border-radius:var(--vt-radius-lg);background:var(--neutral-0);padding:16px}.vt-port-detail__anchorage-pills{display:flex;flex-wrap:wrap;gap:6px}.vt-port-detail__anchorage-pill{display:inline-flex;align-items:center;gap:7px;background:var(--neutral-0);border:1px solid var(--vt-border-subtle);border-radius:var(--vt-radius-full);padding:5px 12px;font-size:12px;cursor:pointer;transition:border-color .15s ease}.vt-port-detail__anchorage-pill:hover{border-color:#28b1ae}.vt-port-detail__anchorage-pill:focus-visible{outline:2px solid var(--vt-link-color);outline-offset:1px}.vt-port-detail__anchorage-icon{color:var(--vt-text-secondary)}.vt-port-detail__anchorage-name{color:var(--vt-text-primary);font-weight:600}.vt-port-detail__anchorage-sep,.vt-port-detail__anchorage-count{color:var(--vt-text-secondary)}.vt-port-detail__vessels{border:1px solid var(--vt-border-subtle);border-radius:var(--vt-radius-lg);background:var(--neutral-0);padding:16px 16px 18px}.vt-port-detail__vessels .vt-port-detail__section-head{margin-bottom:12px}.vt-port-detail__vessel-groups{display:flex;flex-direction:column;gap:16px}.vt-port-detail__vessel-group-head{display:flex;align-items:center;gap:7px;margin-bottom:8px}.vt-port-detail__vessel-group-icon{color:var(--vt-dir-count-fg, var(--vt-text-secondary))}.vt-port-detail__vessel-group-dir{color:var(--vt-text-primary);font-size:12px;font-weight:600}.vt-port-detail__vessel-group-count{color:var(--vt-dir-count-fg, var(--vt-text-secondary));background:var(--vt-dir-count-bg, var(--vt-surface-muted));border-radius:var(--vt-radius-full);padding:1px 7px;font-size:11px;font-weight:600}.vt-port-detail__vessel-rows{display:flex;flex-direction:column;gap:2px}.vt-port-detail__vessel-row{display:flex;align-items:center;gap:9px;padding:6px 8px;border:none;background:rgba(0,0,0,0);border-radius:var(--vt-radius-md);cursor:pointer;transition:background .15s ease;text-align:left}.vt-port-detail__vessel-row:hover{background:var(--vt-surface-subtle)}.vt-port-detail__vessel-row:focus-visible{outline:2px solid var(--vt-link-color);outline-offset:-2px}.vt-port-detail__vessel-type-icon{width:26px;height:26px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--vt-radius-sm);background:var(--vt-vtype-tint, var(--vt-surface-muted));color:var(--vt-vtype-color, var(--vt-text-secondary))}.vt-port-detail__vessel-name{flex:1;min-width:0;font-size:13px;font-weight:500;color:var(--vt-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-port-detail__vessel-type{color:var(--vt-text-secondary);font-size:11px}
.vt-vessel-calls{display:flex;flex-direction:column;gap:10px;padding-top:16px}.vt-vessel-calls__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--neutral-6)}.vt-vessel-calls__meta-sort{font-size:11px}.vt-vessel-calls__list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.vt-vessel-calls__call{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-lg);padding:14px 16px}.vt-vessel-calls__call-head{display:flex;align-items:center;gap:8px}.vt-vessel-calls__call-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.vt-vessel-calls__call-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-top:12px}.vt-vessel-calls__call-label{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--neutral-6)}.vt-vessel-calls__call-value{margin-top:3px;font-size:12px}.vt-vessel-calls__call-value--muted{color:var(--neutral-6)}.vt-vessel-calls__call-running{font-style:normal;color:var(--digital-twin-8)}.vt-vessel-calls__load-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid var(--neutral-2);border-radius:var(--radius-xs);background:var(--neutral-0);color:var(--neutral-9);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease}.vt-vessel-calls__load-btn:hover{border-color:var(--digital-twin-8);color:var(--digital-twin-8)}.vt-vessel-calls__load-btn:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px}
.vt-vessel-detail{--vt-vessel-progress-fg: var(--digital-twin-8);--vt-vessel-progress-bg: var(--digital-twin-1);--vt-vessel-waiting-fg: var(--warning-8);--vt-vessel-waiting-bg: var(--warning-1);--vt-vessel-expected-fg: var(--blue-7);--vt-vessel-expected-bg: var(--blue-1);display:flex;flex-direction:column;gap:12px;padding-top:16px}.vt-vessel-detail__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.vt-vessel-detail__fly-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--neutral-3);background:var(--neutral-0);border-radius:var(--radius-sm);color:var(--neutral-6);cursor:pointer;transition:border-color .2s ease,color .2s ease}.vt-vessel-detail__fly-btn:hover{border-color:var(--teal-400, var(--digital-twin-6));color:var(--teal-700, var(--digital-twin-8))}.vt-vessel-detail__fly-btn:focus-visible{outline:2px solid var(--vt-accent);outline-offset:2px}.vt-vessel-detail__overview-card{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-lg);overflow:hidden}.vt-vessel-detail__photo{height:168px;background:var(--neutral-2)}.vt-vessel-detail__photo .vt-vessel-card__thumb{width:100%;height:100%;border-radius:0}.vt-vessel-detail__photo .vt-vessel-card__thumb-icon{width:56px;height:56px}.vt-vessel-detail__voyage{padding:14px 16px 16px}.vt-vessel-detail__route{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.vt-vessel-detail__route-end{min-width:0}.vt-vessel-detail__route-end--dest{text-align:right}.vt-vessel-detail__route-port{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-vessel-detail__route-label{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--neutral-6);margin-top:3px}.vt-vessel-detail__route-time{font-size:12px;color:var(--neutral-7)}.vt-vessel-detail__progress{margin:12px 0 0}.vt-vessel-detail__progress-track{position:relative;height:3px;background:var(--neutral-2);border-radius:var(--radius-full);overflow:visible}.vt-vessel-detail__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--vt-vessel-progress-fg);border-radius:var(--radius-full);transition:width .4s ease}.vt-vessel-detail__progress-arrow{position:absolute;top:50%;width:22px;height:24px;transform:translate(-50%, -50%);overflow:visible}.vt-vessel-detail__voyage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid var(--neutral-2)}.vt-vessel-detail__voyage-note{font-size:11px;color:var(--neutral-6)}.vt-vessel-detail__ghost-btn{display:flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid var(--neutral-3);background:var(--neutral-0);border-radius:var(--radius-xs);padding:4px 10px;font-size:12px;font-weight:500;font-family:inherit;color:var(--neutral-7);cursor:pointer}.vt-vessel-detail__ghost-btn:hover{border-color:var(--digital-twin-8)}.vt-vessel-detail__ghost-btn:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px}.vt-vessel-detail__card{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-lg);padding:16px}.vt-vessel-detail__card--list{padding:14px 16px 4px}.vt-vessel-detail__card--performance{padding:14px 16px 16px}.vt-vessel-detail__card-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--neutral-6)}.vt-vessel-detail__card-label--spaced{margin-bottom:12px}.vt-vessel-detail__card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vt-vessel-detail__assignment{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-lg);padding:16px}.vt-vessel-detail__assignment--none .vt-vessel-detail__card-label{margin-bottom:12px}.vt-vessel-detail__place{display:flex;align-items:center;gap:11px}.vt-vessel-detail__place-icon{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--blue-1);color:var(--blue-7)}.vt-vessel-detail__place-icon--waiting{background:var(--vt-vessel-waiting-bg);color:var(--vt-vessel-waiting-fg)}.vt-vessel-detail__place-icon--none{background:var(--neutral-1);color:var(--neutral-6)}.vt-vessel-detail__place-text{min-width:0}.vt-vessel-detail__place-name{font-size:15px;font-weight:500}.vt-vessel-detail__place-sub{font-size:11px;color:var(--neutral-6);margin-top:2px}.vt-vessel-detail__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:14px;padding-top:14px;border-top:1px solid var(--neutral-2)}.vt-vessel-detail__field-label{font-size:11px;font-weight:600;color:var(--neutral-6)}.vt-vessel-detail__field-value{font-size:13px;font-weight:500;margin-top:3px}.vt-vessel-detail__field-value--muted{color:var(--neutral-6)}.vt-vessel-detail__pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:600;border-radius:var(--radius-full);padding:2px 10px}.vt-vessel-detail__pill-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.vt-vessel-detail__pill--alongside{color:var(--digital-twin-8);background:var(--digital-twin-1)}.vt-vessel-detail__pill--alongside .vt-vessel-detail__pill-dot{background:var(--digital-twin-8)}.vt-vessel-detail__pill--waiting{color:var(--vt-vessel-waiting-fg);background:var(--vt-vessel-waiting-bg)}.vt-vessel-detail__pill--waiting .vt-vessel-detail__pill-dot{background:var(--warning-6)}.vt-vessel-detail__pill--expected{color:var(--vt-vessel-expected-fg);background:var(--vt-vessel-expected-bg)}.vt-vessel-detail__pill--expected .vt-vessel-detail__pill-dot{background:var(--blue-5)}.vt-vessel-detail__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--neutral-2)}.vt-vessel-detail__row:last-child{border-bottom:none}.vt-vessel-detail__row-label{font-size:12px;color:var(--neutral-6)}.vt-vessel-detail__row-value{font-size:13px;text-align:right}.vt-vessel-detail__row-value small{font-size:11px;color:var(--neutral-6)}.vt-vessel-detail__kpis{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}.vt-vessel-detail__kpi-label{font-size:11px;color:var(--neutral-6)}.vt-vessel-detail__kpi-value{font-size:18px;font-weight:500;margin-top:2px}.vt-vessel-detail__kpi-track{height:4px;border-radius:var(--radius-full);background:var(--neutral-2);overflow:hidden;margin-top:6px}.vt-vessel-detail__kpi-fill{height:100%;background:var(--positive-6)}.vt-vessel-detail__kpi-fill--teal{background:var(--digital-twin-8)}.vt-vessel-detail__note{display:flex;align-items:center;gap:7px;margin-top:12px;background:var(--neutral-05);border:1px solid var(--neutral-2);border-radius:var(--radius-md);padding:8px 10px;font-size:11px;color:var(--neutral-6);text-wrap:pretty}.vt-vessel-detail__assignment--none .vt-vessel-detail__note{margin-top:14px}.vt-vessel-detail__action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--neutral-0);border:1px solid var(--neutral-3);border-radius:var(--radius-xs);padding:10px;font-size:13px;font-weight:500;font-family:inherit;color:var(--neutral-9);cursor:pointer}.vt-vessel-detail__action-btn:hover{border-color:var(--digital-twin-8);color:var(--digital-twin-8)}.vt-vessel-detail__action-btn:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px}.vt-vessel-detail__ais-foot{text-align:center;font-size:11px;color:var(--neutral-6)}