/*! 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-anchorage-detail__back{display:flex;align-items:center;gap:5px;border:none;background:rgba(0,0,0,0);color:var(--digital-twin-8);font-size:13px;font-weight:500;cursor:pointer;padding:2px 0;flex:0 0 auto}.vt-anchorage-detail__back:hover{color:var(--digital-twin-8)}.vt-anchorage-detail__back:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px;border-radius:4px}.vt-anchorage-detail{--vt-anchorage-waiting-fg: var(--warning-8);--vt-anchorage-waiting-bg: var(--warning-1);--vt-anchorage-expected-fg: var(--digital-twin-8);--vt-anchorage-expected-bg: var(--digital-twin-1);--vt-anchorage-none-fg: var(--neutral-6);--vt-anchorage-none-bg: var(--neutral-1);display:flex;flex-direction:column;gap:12px;padding-top:16px}.vt-anchorage-detail__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vt-anchorage-detail__tile{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-md);padding:12px 13px}.vt-anchorage-detail__tile-label{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--neutral-6)}.vt-anchorage-detail__tile-value{font-size:15px;font-weight:500;margin-top:5px}.vt-anchorage-detail__card{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-lg);padding:14px 16px 12px}.vt-anchorage-detail__section-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vt-anchorage-detail__section-label{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--neutral-6)}.vt-anchorage-detail__count-badge{font-size:10px;font-weight:600;color:var(--neutral-6);background:var(--neutral-1);border-radius:9999px;padding:1px 7px}.vt-anchorage-detail__table{display:flex;flex-direction:column}.vt-anchorage-detail__row{display:grid;grid-template-columns:1fr 74px 64px 64px 64px;gap:0 8px;align-items:center}.vt-anchorage-detail__row-head{padding-bottom:6px;border-bottom:1px solid var(--neutral-3)}.vt-anchorage-detail__row-head span{font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--neutral-6)}.vt-anchorage-detail__row-body{width:100%;text-align:left;font:inherit;background:none;border:none;border-bottom:1px solid var(--neutral-2);padding:10px 0;cursor:pointer}.vt-anchorage-detail__row-body:hover{background:var(--neutral-05)}.vt-anchorage-detail__num{text-align:right}.vt-anchorage-detail__vessel-name{display:block;font-size:12px;font-weight:500;color:var(--neutral-9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-anchorage-detail__vessel-type{display:block;font-size:10px;color:var(--neutral-6);margin-top:1px}.vt-anchorage-detail__cell{font-size:12px;color:var(--neutral-9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-anchorage-detail__cell--muted{color:var(--neutral-6)}.vt-anchorage-detail__pill{display:inline-block;white-space:nowrap;font-size:10px;font-weight:600;border-radius:9999px;padding:1px 8px}.vt-anchorage-detail__pill--waiting{color:var(--vt-anchorage-waiting-fg);background:var(--vt-anchorage-waiting-bg)}.vt-anchorage-detail__pill--expected{color:var(--vt-anchorage-expected-fg);background:var(--vt-anchorage-expected-bg)}.vt-anchorage-detail__pill--none{color:var(--vt-anchorage-none-fg);background:var(--vt-anchorage-none-bg)}.vt-anchorage-detail__footnote{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:11px;color:var(--neutral-6)}.vt-anchorage-detail__footnote-icon{font-size:14px;flex:0 0 auto}.vt-anchorage-detail__empty{display:flex;align-items:center;gap:11px;background:var(--neutral-05);border:1px solid var(--neutral-2);border-radius:12px;padding:14px}.vt-anchorage-detail__empty-icon{color:var(--neutral-5)}.vt-anchorage-detail__empty-text{font-size:13px;color:var(--neutral-7)}
.vt-berth-detail{--vt-berth-phase-travel-in: #56b4e9;--vt-berth-phase-mooring: #cc79a7;--vt-berth-phase-operations: #0072b2;--vt-berth-phase-weather-stop: #d55e00;--vt-berth-phase-unmooring: #e69f00;--vt-berth-phase-travel-out: #009e73}.vt-berth-detail__util{border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);background:var(--neutral-0);overflow:hidden}.vt-berth-detail__util-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-berth-detail__util-toggle:hover{background:var(--vt-berth-surface-subtle)}.vt-berth-detail__util-toggle:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:-2px}.vt-berth-detail__util-toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-berth-detail__util-toggle-icon,.vt-berth-detail__util-chevron{color:var(--vt-berth-text-secondary)}.vt-berth-detail__util-toggle-actions{display:flex;align-items:center;gap:4px}.vt-berth-detail__util-expand-btn{display:flex;align-items:center;background:none;border:none;padding:3px;cursor:pointer;color:var(--vt-berth-text-secondary);border-radius:4px;line-height:0}.vt-berth-detail__util-expand-btn:hover{background:var(--vt-berth-surface-hover, var(--vt-berth-border-subtle));color:var(--vt-berth-text-primary)}.vt-berth-detail__util-expand-btn:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:1px}.vt-berth-detail__util-content--panel{display:flex;flex-direction:column;gap:16px}.vt-berth-detail__util-content--modal{display:flex;flex-direction:row;align-items:flex-start;gap:24px;overflow:auto}.vt-berth-detail__util-modal-col-left,.vt-berth-detail__util-modal-col-right{display:flex;flex-direction:column;gap:20px;min-width:0}.vt-berth-detail__util-modal-col-left{flex:3}.vt-berth-detail__util-modal-col-left .vt-berth-detail__util-chart{height:300px}.vt-berth-detail__util-modal-col-left .vt-berth-detail__util-occ-chart{height:200px}.vt-berth-detail__util-modal-col-right{flex:2}.vt-berth-detail__util-modal{--vt-berth-safe-fg: var(--positive-7);--vt-berth-safe-bg: var(--positive-1);--vt-berth-safe-bd: var(--positive-3);--vt-berth-safe-bar: var(--positive-6);--vt-berth-warn-fg: var(--warning-8);--vt-berth-warn-bg: var(--warning-1);--vt-berth-warn-bd: var(--warning-3);--vt-berth-warn-bar: var(--warning-6);--vt-berth-unsafe-fg: var(--alert-7);--vt-berth-unsafe-bg: var(--alert-1);--vt-berth-unsafe-bd: var(--alert-3);--vt-berth-unsafe-bar: var(--alert-6);--vt-berth-crane-bar: var(--assure-6);--vt-berth-phase-travel-in: #56b4e9;--vt-berth-phase-mooring: #cc79a7;--vt-berth-phase-operations: #0072b2;--vt-berth-phase-weather-stop: #d55e00;--vt-berth-phase-unmooring: #e69f00;--vt-berth-phase-travel-out: #009e73;--vt-berth-q-progress-fg: var(--digital-twin-8);--vt-berth-q-progress-bg: var(--neutral-1);--vt-berth-q-waiting-fg: var(--warning-8);--vt-berth-q-waiting-bg: var(--warning-1);--vt-berth-q-expected-fg: var(--blue-7);--vt-berth-q-expected-bg: var(--blue-1);--vt-berth-q-completed-fg: var(--positive-7);--vt-berth-q-completed-bg: var(--positive-1);--vt-berth-text-primary: var(--neutral-9);--vt-berth-text-body: var(--neutral-7);--vt-berth-text-secondary: var(--neutral-6);--vt-berth-surface: var(--neutral-0);--vt-berth-surface-muted: var(--neutral-1);--vt-berth-surface-subtle: var(--neutral-05);--vt-berth-surface-hover: var(--neutral-1);--vt-berth-border-subtle: var(--neutral-2);--vt-berth-border-default: var(--neutral-3);--vt-berth-link-color: var(--digital-twin-8);--vt-berth-accent: var(--digital-twin-8);--vt-berth-radius-xs: 4px;--vt-berth-radius-sm: 8px;--vt-berth-radius-md: 12px;--vt-berth-radius-lg: 16px;--vt-berth-radius-full: 9999px}.vt-berth-detail__util-modal .custom-dialog-body{padding:20px 24px;overflow-y:auto;max-height:calc(85vh - 80px);scrollbar-gutter:stable}.vt-berth-detail__util-body{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--vt-berth-border-subtle);padding:14px 16px 16px}.vt-berth-detail__util-intro{font-size:12px;color:var(--vt-berth-text-secondary);text-wrap:pretty}.vt-berth-detail__util-eyebrow{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--vt-berth-text-secondary)}.vt-berth-detail__util-eyebrow--spaced{margin-top:4px}.vt-berth-detail__util-time-range{display:flex;flex-direction:column;gap:4px}.vt-berth-detail__util-time-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--vt-berth-text-secondary)}.vt-berth-detail__util-time-range-title{font-weight:600}.vt-berth-detail__util-time-range-track{position:relative;height:14px;display:flex;align-items:center}.vt-berth-detail__util-time-range-track::before{content:"";position:absolute;inset:0;margin:auto;height:4px;border-radius:2px;background:var(--vt-berth-border-subtle)}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-fill{position:absolute;height:4px;border-radius:2px;background:var(--vt-berth-accent, var(--palette-action-default));pointer-events:none;top:50%;transform:translateY(-50%)}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;overflow:visible;background:rgba(0,0,0,0);pointer-events:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input::-webkit-slider-runnable-track{background:rgba(0,0,0,0);height:4px;margin-top:0}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input::-moz-range-track{background:rgba(0,0,0,0);height:4px;border:none}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input::-moz-range-progress{background:rgba(0,0,0,0)}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input::-webkit-slider-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--vt-berth-accent, var(--palette-action-default));border:2px solid var(--vt-berth-surface, #fff);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:grab;appearance:none;-webkit-appearance:none;margin-top:-5px}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--vt-berth-accent, var(--palette-action-default));border:2px solid var(--vt-berth-surface, #fff);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:grab}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input:focus-visible{outline:none}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--vt-berth-accent, var(--palette-action-default));outline-offset:2px}.vt-berth-detail__util-time-range-track .vt-berth-detail__util-time-range-input:focus-visible::-moz-range-thumb{outline:2px solid var(--vt-berth-accent, var(--palette-action-default));outline-offset:2px}.vt-berth-detail__util-time-range-hint{font-size:10px;color:var(--vt-berth-text-secondary);text-align:center}.vt-berth-detail__util-diagram{display:flex;flex-direction:column;gap:8px}.vt-berth-detail__util-legend{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:11px;color:var(--vt-berth-text-body)}.vt-berth-detail__util-legend-item{display:inline-flex;align-items:center;gap:5px}.vt-berth-detail__util-legend-swatch{width:9px;height:9px;border-radius:2px;display:inline-block;flex:0 0 auto}.vt-berth-detail__util-chart{display:block;width:100%;height:190px}.vt-berth-detail__util-gridline{stroke:var(--vt-berth-border-subtle);stroke-width:1;vector-effect:non-scaling-stroke}.vt-berth-detail__util-chart-wrap{position:relative}.vt-berth-detail__util-ylabel{position:absolute;left:0;transform:translateY(-50%);font-size:10px;line-height:1;color:var(--vt-berth-text-secondary);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vt-berth-detail__util-xlabel{position:absolute;bottom:0;transform:translateX(-50%);font-size:10px;line-height:1;color:var(--vt-berth-text-secondary);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vt-berth-detail__util-zone-band{fill:var(--vt-berth-warn-bg);stroke:var(--vt-berth-warn-bd);stroke-width:1;vector-effect:non-scaling-stroke}.vt-berth-detail__util-vessel{cursor:pointer}.vt-berth-detail__util-vessel:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:1px}.vt-berth-detail__util-vessel--dimmed{opacity:.35}.vt-berth-detail__util-vessel-outline{fill:none;stroke:var(--neutral-0);stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.vt-berth-detail__util-vessel--selected .vt-berth-detail__util-vessel-outline{stroke:var(--vt-berth-accent);stroke-width:2;vector-effect:non-scaling-stroke}.vt-berth-detail__util-vessel-label{position:absolute;transform:translateX(-50%) translateY(calc(-100% - 3px));font-size:10px;font-weight:600;color:var(--vt-berth-accent);background:var(--neutral-0);padding:1px 4px;border-radius:2px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vt-berth-detail__util-zone-sliders{display:flex;flex-direction:column;gap:10px;margin-top:6px}.vt-berth-detail__util-zone-slider{display:flex;align-items:center;gap:12px}.vt-berth-detail__util-zone-slider-label{width:40px;flex:0 0 auto;font-size:12px;color:var(--vt-berth-text-body)}.vt-berth-detail__util-zone-slider-input{flex:1;accent-color:var(--vt-berth-accent);height:4px;cursor:pointer}.vt-berth-detail__util-zone-slider-input:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:2px}.vt-berth-detail__util-zone-slider-value{width:56px;flex:0 0 auto;text-align:right;font-size:12px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-berth-detail__util-breakdown{display:flex;flex-direction:column;gap:10px;margin-top:6px}.vt-berth-detail__util-breakdown-row{display:flex;flex-direction:column;gap:4px}.vt-berth-detail__util-breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vt-berth-detail__util-breakdown-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--vt-berth-text-body)}.vt-berth-detail__util-breakdown-value{font-size:12px;font-weight:600;color:var(--vt-berth-text-primary);flex:0 0 auto}.vt-berth-detail__util-breakdown-track{height:5px;border-radius:var(--vt-berth-radius-full);background:var(--vt-berth-surface-muted);overflow:hidden}.vt-berth-detail__util-breakdown-fill{height:100%;border-radius:var(--vt-berth-radius-full);transition:width .3s ease}.vt-berth-detail__util-occ-wrap{display:flex;flex-direction:column;gap:6px}.vt-berth-detail__util-occ-chart{display:block;width:100%;height:110px;overflow:visible}.vt-berth-detail__util-occ-line{fill:none;stroke:var(--vt-berth-accent, var(--palette-action-default));stroke-width:1.5;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.vt-berth-detail__util-occ-fill{fill:var(--vt-berth-accent, var(--palette-action-default));opacity:.12;stroke:none}.vt-berth-detail__util-vessel-detail{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--vt-berth-border-subtle)}.vt-berth-detail__util-vessel-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vt-berth-detail__util-vessel-detail-clear{font-size:12px}.vt-berth-detail__util-vessel-detail-select{width:100% !important}.vt-berth-detail__util-vessel-mini-chart{display:block;width:100%;height:46px}.vt-berth-detail__util-vessel-mini-label{font-size:9px;font-weight:600;fill:var(--neutral-0)}.vt-berth-detail__util-vessel-mini-outline{fill:none;stroke:var(--vt-berth-border-default);stroke-width:1;vector-effect:non-scaling-stroke}.vt-berth-detail__util-vessel-mini-caption{font-size:11px;color:var(--vt-berth-text-secondary)}.vt-berth-detail__util-vessel-detail-empty{font-size:12px;color:var(--vt-berth-text-secondary);text-wrap:pretty}
.vt-berth-detail input[type=range],.vt-berth-forecast input[type=range]{overflow:visible;width:100%;background:rgba(0,0,0,0)}.vt-berth-detail__back{display:flex;align-items:center;gap:5px;border:none;background:rgba(0,0,0,0);color:var(--digital-twin-8);font-size:13px;font-weight:500;cursor:pointer;padding:2px 0;flex:0 0 auto}.vt-berth-detail__back:hover{color:var(--digital-twin-8)}.vt-berth-detail__back:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px;border-radius:4px}.vt-berth-detail__tabs{display:flex;background:var(--neutral-0);margin:0 -22px;padding:0 22px;border-bottom:1px solid var(--neutral-2)}.vt-berth-detail__tab{flex:1;text-align:center;padding:10px 0;font-size:14px;font-family:inherit;color:var(--neutral-6);background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;cursor:pointer}.vt-berth-detail__tab[aria-selected=true]{font-weight:500;color:var(--digital-twin-8);border-bottom-color:var(--digital-twin-8)}.vt-berth-detail__tab:hover{color:var(--neutral-7)}.vt-berth-detail__tab[aria-selected=true]:hover{color:var(--digital-twin-8)}.vt-berth-detail__tab:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:-2px}.vt-berth-detail{--vt-berth-safe-fg: var(--positive-7);--vt-berth-safe-bg: var(--positive-1);--vt-berth-safe-bd: var(--positive-3);--vt-berth-safe-bar: var(--positive-6);--vt-berth-warn-fg: var(--warning-8);--vt-berth-warn-bg: var(--warning-1);--vt-berth-warn-bd: var(--warning-3);--vt-berth-warn-bar: var(--warning-6);--vt-berth-unsafe-fg: var(--alert-7);--vt-berth-unsafe-bg: var(--alert-1);--vt-berth-unsafe-bd: var(--alert-3);--vt-berth-unsafe-bar: var(--alert-6);--vt-berth-crane-bar: var(--assure-6);--vt-berth-q-progress-fg: var(--digital-twin-8);--vt-berth-q-progress-bg: var(--neutral-1);--vt-berth-q-waiting-fg: var(--warning-8);--vt-berth-q-waiting-bg: var(--warning-1);--vt-berth-q-expected-fg: var(--blue-7);--vt-berth-q-expected-bg: var(--blue-1);--vt-berth-q-completed-fg: var(--positive-7);--vt-berth-q-completed-bg: var(--positive-1);--vt-berth-text-primary: var(--neutral-9);--vt-berth-text-body: var(--neutral-7);--vt-berth-text-secondary: var(--neutral-6);--vt-berth-surface: var(--neutral-0);--vt-berth-surface-muted: var(--neutral-1);--vt-berth-surface-subtle: var(--neutral-05);--vt-berth-surface-hover: var(--neutral-1);--vt-berth-border-subtle: var(--neutral-2);--vt-berth-border-default: var(--neutral-3);--vt-berth-link-color: var(--digital-twin-8);--vt-berth-accent: var(--digital-twin-8);--vt-berth-radius-xs: 4px;--vt-berth-radius-sm: 8px;--vt-berth-radius-md: 12px;--vt-berth-radius-lg: 16px;--vt-berth-radius-full: 9999px;display:flex;flex-direction:column;gap:14px;padding-top:16px}.vt-berth-detail__current-vessel{background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);padding:16px}.vt-berth-detail__current-vessel-head{display:flex;align-items:flex-start;gap:12px}.vt-berth-detail__vessel-icon-tile{width:42px;height:42px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--vt-berth-radius-md);background:var(--blue-1);color:var(--blue-7);font-size:21px}.vt-berth-detail__current-vessel-main{flex:1;min-width:0}.vt-berth-detail__current-vessel-title-row{display:flex;align-items:center;gap:8px}.vt-berth-detail__current-vessel-name{font-size:16px;font-weight:500;color:var(--vt-berth-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-berth-detail__current-vessel-name--link{border:none;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--vt-berth-link-color)}.vt-berth-detail__current-vessel-name--link:hover{text-decoration:underline}.vt-berth-detail__current-vessel-name--link:focus-visible{outline:2px solid var(--vt-berth-accent);outline-offset:2px;border-radius:var(--vt-berth-radius-xs)}.vt-berth-detail__status-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:11px;font-weight:600;border-radius:var(--vt-berth-radius-full);padding:2px 9px;color:var(--neutral-7);background:var(--neutral-1)}.vt-berth-detail__status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--neutral-6)}.vt-berth-detail__current-vessel-meta{font-size:12px;color:var(--vt-berth-text-secondary);margin-top:3px}.vt-berth-detail__subtiles{display:flex;gap:8px;margin-top:14px}.vt-berth-detail__subtile{flex:1;background:var(--vt-berth-surface-subtle);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-md);padding:10px 12px}.vt-berth-detail__subtile-label{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--vt-berth-text-secondary)}.vt-berth-detail__subtile-value-row{display:flex;align-items:center;gap:6px;margin-top:4px}.vt-berth-detail__subtile-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.vt-berth-detail__subtile-value{font-size:14px;font-weight:500;color:var(--vt-berth-text-primary)}.vt-berth-detail__updated{text-align:right;font-size:11px;color:var(--vt-berth-text-secondary);margin-top:11px}.vt-berth-detail__stat-tiles{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.vt-berth-detail__tile{background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-md);padding:13px}.vt-berth-detail__tile-label{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--vt-berth-text-secondary)}.vt-berth-detail__tile-value{font-size:19px;font-weight:500;color:var(--vt-berth-text-primary);margin-top:5px}.vt-berth-detail__occupancy-bar{height:4px;border-radius:var(--vt-berth-radius-full);background:var(--neutral-2);overflow:hidden;margin-top:7px}.vt-berth-detail__occupancy-fill{height:100%;background:var(--vt-berth-accent);transition:width .3s ease}.vt-berth-detail__specs{border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);background:var(--neutral-0);overflow:hidden}.vt-berth-detail__specs-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-berth-detail__specs-toggle:hover{background:var(--vt-berth-surface-subtle)}.vt-berth-detail__specs-toggle:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:-2px}.vt-berth-detail__specs-toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-berth-detail__specs-toggle-icon{color:var(--vt-berth-text-secondary)}.vt-berth-detail__specs-chevron{color:var(--vt-berth-text-secondary)}.vt-berth-detail__specs-body{border-top:1px solid var(--vt-berth-border-subtle);padding:4px 16px 14px}.vt-berth-detail__kv{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--vt-berth-border-subtle)}.vt-berth-detail__kv:last-child{border-bottom:none}.vt-berth-detail__kv-k{font-size:12px;color:var(--vt-berth-text-secondary);flex:0 0 auto}.vt-berth-detail__kv-v{font-size:13px;color:var(--vt-berth-text-primary);text-align:right}.vt-berth-detail__queue{background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);padding:14px 16px}.vt-berth-detail__queue-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vt-berth-detail__queue-eyebrow{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--vt-berth-text-secondary)}.vt-berth-detail__queue-count{font-size:10px;font-weight:600;color:var(--vt-berth-text-secondary);background:var(--vt-berth-surface-muted);border-radius:var(--vt-berth-radius-full);padding:1px 7px}.vt-berth-detail__queue-table{display:flex;flex-direction:column}.vt-berth-detail__queue-row{display:grid;grid-template-columns:1fr 92px 62px 78px 26px;gap:0 8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--vt-berth-border-subtle)}.vt-berth-detail__queue-row-body{width:100%;text-align:left;font:inherit;background:none;border:none;cursor:pointer}.vt-berth-detail__queue-row-body:hover{background:var(--vt-berth-surface-subtle)}.vt-berth-detail__queue-head-row{padding-bottom:6px;border-bottom:1px solid var(--vt-berth-border-default)}.vt-berth-detail__queue-head-row span{font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--vt-berth-text-secondary)}.vt-berth-detail__queue-name{font-size:12px;font-weight:500;color:var(--vt-berth-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-berth-detail__queue-cell{font-size:12px;color:var(--vt-berth-text-body)}.vt-berth-detail__queue-pos{font-size:12px;font-weight:600;color:var(--vt-berth-text-secondary);text-align:right}.vt-berth-detail__queue-status{display:inline-flex;align-items:center;justify-self:center;font-size:10px;font-weight:600;border-radius:var(--vt-berth-radius-full);padding:1px 8px}.vt-berth-detail__queue-head-row span:nth-child(2){text-align:center}.vt-berth-detail__queue-head-row span:nth-child(5){text-align:right}.vt-berth-detail__empty{text-align:center;padding:22px 8px 18px}.vt-berth-detail__empty-icon{color:var(--neutral-4)}.vt-berth-detail__empty-title{font-size:13px;color:var(--vt-berth-text-body);margin-top:8px}.vt-berth-detail__empty-hint{font-size:11px;color:var(--vt-berth-text-secondary);margin-top:3px}.vt-berth-forecast{--vt-berth-safe-fg: var(--positive-7);--vt-berth-safe-bg: var(--positive-1);--vt-berth-safe-bd: var(--positive-3);--vt-berth-safe-bar: var(--positive-6);--vt-berth-warn-fg: var(--warning-8);--vt-berth-warn-bg: var(--warning-1);--vt-berth-warn-bd: var(--warning-3);--vt-berth-warn-bar: var(--warning-6);--vt-berth-unsafe-fg: var(--alert-7);--vt-berth-unsafe-bg: var(--alert-1);--vt-berth-unsafe-bd: var(--alert-3);--vt-berth-unsafe-bar: var(--alert-6);--vt-berth-text-primary: var(--neutral-9);--vt-berth-text-body: var(--neutral-7);--vt-berth-text-secondary: var(--neutral-6);--vt-berth-border-subtle: var(--neutral-2);--vt-berth-link-color: var(--digital-twin-8);--vt-berth-accent: var(--digital-twin-8);--vt-berth-radius-xs: 4px;--vt-berth-radius-sm: 8px;--vt-berth-radius-md: 12px;--vt-berth-radius-lg: 16px;--vt-berth-radius-full: 9999px;display:flex;flex-direction:column;gap:14px;padding-top:16px}.vt-berth-forecast__card{background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);padding:16px}.vt-berth-forecast__card--tight{padding:14px 16px}.vt-berth-forecast__eyebrow{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--vt-berth-text-secondary)}.vt-berth-forecast__eyebrow--spaced{margin-bottom:4px}.vt-berth-forecast__eyebrow--outcomes{margin-bottom:10px}.vt-berth-forecast__intro{font-size:12px;color:var(--vt-berth-text-secondary);margin:6px 0 14px;text-wrap:pretty}.vt-berth-forecast__conditions{display:flex;flex-direction:column}.vt-berth-forecast__msrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--vt-berth-border-subtle)}.vt-berth-forecast__msrow:last-child{border-bottom:none}.vt-berth-forecast__msrow-label{width:88px;flex:0 0 auto;font-size:11px;color:var(--vt-berth-text-secondary)}.vt-berth-forecast__msrow-value{width:52px;flex:0 0 auto;font-size:14px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-berth-forecast__msrow-status{width:46px;flex:0 0 auto;text-align:right;font-size:11px;font-weight:700}.vt-berth-forecast__zones{flex:1;position:relative;height:6px;display:flex}.vt-berth-forecast__zones-band{display:block;height:100%}.vt-berth-forecast__zones-band:first-child{background:var(--positive-3);border-radius:3px 0 0 3px}.vt-berth-forecast__zones-band:nth-child(2){background:var(--warning-3)}.vt-berth-forecast__zones-band:nth-child(3){background:var(--alert-3);border-radius:0 3px 3px 0}.vt-berth-forecast__zones-marker{position:absolute;top:-3px;width:3px;height:12px;border-radius:2px;transform:translateX(-50%)}.vt-berth-forecast__ribbon-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vt-berth-forecast__ribbon{display:flex;gap:3px}.vt-berth-forecast__ribbon-bar{flex:1;height:30px;border-radius:var(--vt-berth-radius-xs)}.vt-berth-forecast__ribbon--labels{margin-top:6px}.vt-berth-forecast__ribbon--labels .vt-berth-forecast__ribbon-bar{height:auto;text-align:center;font-size:9px;font-weight:600;color:var(--vt-berth-text-secondary);background:none}.vt-berth-forecast__ribbon-note{font-size:12px;color:var(--vt-berth-text-body);margin-top:12px;text-wrap:pretty}.vt-berth-forecast__legend{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--vt-berth-text-secondary)}.vt-berth-forecast__legend-item{display:inline-flex;align-items:center;gap:4px}.vt-berth-forecast__legend-swatch{width:8px;height:8px;border-radius:2px;display:inline-block}.vt-berth-forecast__legend-swatch--safe{background:var(--positive-6)}.vt-berth-forecast__legend-swatch--warn{background:var(--warning-6)}.vt-berth-forecast__legend-swatch--unsafe{background:var(--alert-6)}.vt-berth-forecast__sliders{display:flex;flex-direction:column;gap:12px}.vt-berth-forecast__slider{display:flex;align-items:center;gap:12px}.vt-berth-forecast__slider .vt-berth-forecast__slider-input{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgba(0,0,0,0);height:14px;cursor:pointer}.vt-berth-forecast__slider .vt-berth-forecast__slider-input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right, var(--vt-berth-accent) 0%, var(--vt-berth-accent) var(--vt-slider-pct, 0%), var(--vt-berth-border-subtle) var(--vt-slider-pct, 0%), var(--vt-berth-border-subtle) 100%);border-radius:2px;margin-top:0}.vt-berth-forecast__slider .vt-berth-forecast__slider-input::-moz-range-track{height:4px;background:var(--vt-berth-border-subtle);border-radius:2px;border:none}.vt-berth-forecast__slider .vt-berth-forecast__slider-input::-moz-range-progress{height:4px;background:var(--vt-berth-accent);border-radius:2px}.vt-berth-forecast__slider .vt-berth-forecast__slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--vt-berth-accent);border:2px solid var(--vt-berth-surface, #fff);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:grab;margin-top:-5px}.vt-berth-forecast__slider .vt-berth-forecast__slider-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--vt-berth-accent);border:2px solid var(--vt-berth-surface, #fff);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:grab}.vt-berth-forecast__slider .vt-berth-forecast__slider-input:focus-visible{outline:none}.vt-berth-forecast__slider .vt-berth-forecast__slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--vt-berth-accent);outline-offset:2px}.vt-berth-forecast__slider .vt-berth-forecast__slider-input:focus-visible::-moz-range-thumb{outline:2px solid var(--vt-berth-accent);outline-offset:2px}.vt-berth-forecast__slider-label{width:92px;flex:0 0 auto;font-size:12px;color:var(--vt-berth-text-body)}.vt-berth-forecast__slider-value{width:62px;flex:0 0 auto;text-align:right;font-size:12px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-berth-forecast__slider-delta{width:44px;flex:0 0 auto;text-align:right;font-size:11px}.vt-berth-forecast__slider-delta--up{color:var(--alert-7)}.vt-berth-forecast__slider-delta--down{color:var(--positive-7)}.vt-berth-forecast__outcomes{display:flex;gap:1px;border-radius:var(--vt-berth-radius-sm);overflow:hidden}.vt-berth-forecast__outcome{flex:1;padding:10px 12px}.vt-berth-forecast__outcome-label{font-size:10px;font-weight:600;color:var(--vt-berth-text-secondary);text-wrap:pretty}.vt-berth-forecast__outcome-value{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:14px;font-weight:600}.vt-berth-forecast__outcome-value svg{width:14px;height:14px;flex-shrink:0}.vt-berth-forecast__mooring{display:flex;flex-direction:column;gap:12px}.vt-berth-forecast__mooring-section{overflow:hidden;background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg)}.vt-berth-forecast__mooring-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;border:none;background:rgba(0,0,0,0);font-family:inherit;cursor:pointer}.vt-berth-forecast__mooring-toggle:hover{background:var(--vt-berth-surface-subtle)}.vt-berth-forecast__mooring-toggle:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:-2px}.vt-berth-forecast__mooring-toggle-label{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-berth-forecast__mooring-toggle-icon{flex:0 0 auto;color:var(--vt-berth-text-secondary)}.vt-berth-forecast__mooring-toggle-vessel{overflow:hidden;font-weight:500;color:var(--vt-berth-text-secondary);text-overflow:ellipsis;white-space:nowrap}.vt-berth-forecast__mooring-chevron{flex:0 0 auto;color:var(--vt-berth-text-secondary)}.vt-berth-forecast__mooring-body{padding:14px 16px 12px;border-top:1px solid var(--vt-berth-border-subtle)}.vt-berth-forecast__mooring-empty{padding:20px 8px 16px;text-align:center;color:var(--neutral-4)}.vt-berth-forecast__mooring-empty-title{margin-top:8px;font-size:13px;color:var(--vt-berth-text-body)}.vt-berth-forecast__mooring-empty-hint{margin-top:3px;font-size:11px;color:var(--vt-berth-text-secondary);text-wrap:pretty}.vt-berth-forecast__mooring-tabs{display:flex;border-bottom:1px solid var(--vt-berth-border-subtle)}.vt-berth-forecast__mooring-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-bottom:-1px;padding:10px 0;border:none;border-bottom:2px solid rgba(0,0,0,0);background:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--vt-berth-text-secondary);white-space:nowrap;cursor:pointer}.vt-berth-forecast__mooring-tab:hover{color:var(--vt-berth-text-body)}.vt-berth-forecast__mooring-tab[aria-selected=true]{color:var(--vt-berth-accent);border-bottom-color:var(--vt-berth-accent);font-weight:600}.vt-berth-forecast__mooring-tab[aria-selected=true]:hover{color:var(--vt-berth-accent)}.vt-berth-forecast__mooring-tab:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:-2px}.vt-berth-forecast__mooring-tab-dot{flex:none;width:8px;height:8px;min-width:8px;border-radius:50%;aspect-ratio:1/1;padding:0px !important}.vt-berth-forecast__mooring-dofs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.vt-berth-forecast__mooring-dof{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-full);background:var(--neutral-0);font-family:inherit;font-size:11px;font-weight:500;color:var(--vt-berth-text-secondary);cursor:pointer}.vt-berth-forecast__mooring-dof:hover{color:var(--vt-berth-text-body)}.vt-berth-forecast__mooring-dof[aria-selected=true]{background:var(--neutral-1);border-color:var(--neutral-1);color:var(--neutral-10)}.vt-berth-forecast__mooring-dof:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:2px}.vt-berth-forecast__mooring-dof-dot{flex:none;width:7px;height:7px;min-width:7px;border-radius:50%;aspect-ratio:1/1;padding:0px !important}.vt-berth-forecast__mooring-card{min-width:0;background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-md);padding:12px 12px 8px}.vt-berth-forecast__mooring-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vt-berth-forecast__mooring-label{font-size:12px;font-weight:600;color:var(--vt-berth-text-body)}.vt-berth-forecast__mooring-status{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;border-radius:var(--vt-berth-radius-full);padding:1px 7px}.vt-berth-forecast__mooring-value{font-size:20px;font-weight:600;color:var(--vt-berth-text-primary);margin:2px 0 6px}
.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,.vt-port-detail__anchorages,.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__anchorages{padding:16px}.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__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 .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-sm);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:9999px;overflow:visible}.vt-vessel-detail__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--vt-vessel-progress-fg);border-radius:9999px;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-sm);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,.vt-vessel-detail__assignment{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--none .vt-vessel-detail__card-label{margin-bottom:12px}.vt-vessel-detail__place{display:flex;align-items:center;gap:11px}.vt-vessel-detail__place--link{width:100%;border:none;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.vt-vessel-detail__place--link:hover .vt-vessel-detail__place-name{color:var(--digital-twin-8);text-decoration:underline}.vt-vessel-detail__place--link:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px}.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--link{border:none;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--digital-twin-8)}.vt-vessel-detail__field-value--link:hover{text-decoration:underline}.vt-vessel-detail__field-value--link:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px;border-radius:var(--radius-xs)}.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:9999px;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:9999px;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-sm);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)}