/*! cloudflare-pages-asset-salt:cloudflare-pages-asset-salt-v8 */
.vessel-traffic-state-panel__suspense-fallback{display:flex;align-items:flex-start;min-height:120px;padding:8px 0}.vessel-traffic-state-panel__suspense-spinner{width:24px;height:24px;border:2px solid var(--neutral-200);border-top-color:var(--brand-700);border-radius:50%;animation:vessel-traffic-state-panel-spinner .8s linear infinite}@keyframes vessel-traffic-state-panel-spinner{to{transform:rotate(360deg)}}
.vt-panel{--vt-accent: var(--app-accent-color);--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--header-border .vt-panel__header{border-bottom:1px solid var(--neutral-2)}.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__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__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__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{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-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__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__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-port-card .vt-vessel-card__body{width:100%}.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__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-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;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;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;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 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: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-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-shadow-thumb: 0 1px 4px rgb(0 0 0 / 30%);--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__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 .2s 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,.vt-berth-forecast__mooring-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:none;background:rgba(0,0,0,0);font-family:inherit;cursor:pointer}.vt-berth-detail__specs-toggle:hover,.vt-berth-forecast__mooring-toggle:hover{background:var(--vt-berth-surface-subtle)}.vt-berth-detail__specs-toggle:focus-visible,.vt-berth-forecast__mooring-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-row-body:focus-visible{outline:2px solid var(--vt-berth-link-color);outline-offset:-2px}.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-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-shadow-thumb: 0 1px 4px rgb(0 0 0 / 30%);--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__skeleton-bar{background:var(--neutral-2)}.vt-berth-forecast__skeleton-bar--label{height:11px;border-radius:var(--vt-berth-radius-xs)}.vt-berth-forecast__skeleton-bar--value{flex:1;height:6px;border-radius:3px}.vt-berth-forecast__ribbon-note{font-size:12px;color:var(--vt-berth-text-body);margin-top:12px;text-wrap:pretty}.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);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);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{gap:8px}.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 .vt-berth-forecast__mooring-tab-dot,.vt-berth-forecast__mooring-dof .vt-berth-forecast__mooring-dof-dot{flex:none;width:8px;height:8px;min-width:8px;border-radius:50%;aspect-ratio:1/1;padding:0}.vt-berth-forecast__mooring-dof .vt-berth-forecast__mooring-dof-dot{width:7px;height:7px;min-width:7px}.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-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-berth-forecast__verdict{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:var(--vt-berth-radius-md);padding:10px 12px;margin:8px 0 12px}.vt-berth-forecast__verdict-status{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:700;letter-spacing:.01em}.vt-berth-forecast__family-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px}.vt-berth-forecast__family-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.vt-berth-forecast__family-dot{width:8px;height:8px;border-radius:var(--vt-berth-radius-full);flex:0 0 auto}.vt-berth-forecast__ops-badge{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--vt-berth-radius-full);padding:2px 10px}.vt-berth-forecast__ops-badge[data-open=true]{color:var(--vt-berth-safe-fg);background:var(--vt-berth-safe-bg)}.vt-berth-forecast__ops-badge[data-open=false]{color:var(--vt-berth-unsafe-fg);background:var(--vt-berth-unsafe-bg)}.vt-berth-forecast__ops-forecast{margin-top:12px}.vt-berth-forecast__ops-hours{display:flex;gap:2px;margin-top:4px}.vt-berth-forecast__ops-hour{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:3px}.vt-berth-forecast__ops-hour-bar{height:22px;border-radius:3px}.vt-berth-forecast__ops-hour-bar[data-open=false]{background-image:repeating-linear-gradient(45deg, transparent 0, transparent 3px, rgba(0, 0, 0, 0.14) 3px, rgba(0, 0, 0, 0.14) 6px)}.vt-berth-forecast__ops-hour-label{font-size:8px;line-height:1.1;text-align:center;color:var(--vt-berth-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.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-anchorage-pill-hover-bd: #28b1ae;--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-roro: var(--brand-8);--vt-vtype-roro-tint: var(--brand-1);--vt-vtype-lng: var(--positive-7);--vt-vtype-lng-tint: var(--positive-1);--vt-vtype-fishing: var(--positive-8);--vt-vtype-fishing-tint: var(--positive-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-atanchor-fg: var(--warning-7);--vt-dir-atanchor-bg: var(--warning-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-port-text-primary: var(--neutral-9);--vt-port-text-body: var(--neutral-7);--vt-port-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}.vt-port-detail__back:focus-visible{border-radius:var(--vt-radius-xs)}.vt-port-detail__section-label{color:var(--vt-port-text-secondary);font-size:12px;font-weight:700;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-port-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,.vt-port-detail__vessel-row:focus-visible,.vt-port-detail__analysis-row: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-port-text-primary)}.vt-port-detail__info-icon{color:var(--vt-port-text-secondary)}.vt-port-detail__info-chevron{color:var(--vt-port-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-port-text-secondary);font-size:11px;font-weight:600}.vt-port-detail__field-value{color:var(--vt-port-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-port-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,.vt-port-detail__analysis{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-port-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 .2s 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-port-text-primary);font-size:12px;font-weight:600}.vt-port-detail__berth-group-count{color:var(--vt-port-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-port-text-secondary));font-size:12px;font-weight:600;padding:3px 7px;cursor:pointer;transition:filter .2s ease}.vt-port-detail__berth-chip:hover{filter:brightness(0.95)}.vt-port-detail__berth-chip:focus-visible,.vt-port-detail__anchorage-pill: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 .2s ease}.vt-port-detail__anchorage-pill:hover{border-color:var(--vt-anchorage-pill-hover-bd)}.vt-port-detail__anchorage-icon{color:var(--vt-port-text-secondary)}.vt-port-detail__anchorage-name{color:var(--vt-port-text-primary);font-weight:600}.vt-port-detail__anchorage-sep,.vt-port-detail__anchorage-count{color:var(--vt-port-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-port-text-secondary))}.vt-port-detail__vessel-group-dir{color:var(--vt-port-text-primary);font-size:12px;font-weight:600}.vt-port-detail__vessel-group-count{color:var(--vt-dir-count-fg, var(--vt-port-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 .2s ease;text-align:left}.vt-port-detail__vessel-row:hover{background:var(--vt-surface-subtle)}.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-port-text-secondary))}.vt-port-detail__vessel-name{flex:1;min-width:0;font-size:13px;font-weight:500;color:var(--vt-port-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-port-detail__vessel-type{color:var(--vt-port-text-secondary);font-size:11px}.vt-port-detail__analysis{padding:0;overflow:hidden}.vt-port-detail__analysis .vt-port-detail__section-head{padding:16px 16px 0}.vt-port-detail__analysis-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:none;background:rgba(0,0,0,0);cursor:pointer;text-align:left;transition:background .2s ease}.vt-port-detail__analysis-row:hover{background:var(--vt-surface-subtle)}.vt-port-detail__analysis-icon{flex:0 0 auto;color:var(--vt-link-color)}.vt-port-detail__analysis-text{flex:1;min-width:0;display:flex;flex-direction:column}.vt-port-detail__analysis-title{font-size:13px;font-weight:600;color:var(--vt-port-text-primary)}.vt-port-detail__analysis-subtitle{font-size:12px;color:var(--vt-port-text-secondary)}.vt-port-detail__analysis-chevron{flex:0 0 auto;color:var(--vt-port-text-secondary)}
.vt-port-events{display:flex;flex-direction:column;gap:10px;padding-top:16px}.vt-port-events__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--neutral-6)}.vt-port-events__meta-sort{font-size:11px}.vt-port-events__list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.vt-port-events__event{background:var(--neutral-0);border:1px solid var(--neutral-2);border-radius:var(--radius-lg);padding:14px 16px}.vt-port-events__event-head{display:flex;align-items:center;gap:8px}.vt-port-events__event-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--neutral-1);color:var(--neutral-7)}.vt-port-events__event-icon-svg{display:block}.vt-port-events__event-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.vt-port-events__event-title--link{border:none;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--digital-twin-8)}.vt-port-events__event-title--link:hover{text-decoration:underline}.vt-port-events__event-title--link:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px;border-radius:2px}.vt-port-events__event-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:var(--neutral-6)}.vt-port-events__event-time{color:var(--neutral-7);font-variant-numeric:tabular-nums}.vt-port-events__event-mmsi{color:var(--neutral-6)}.vt-port-events__event-mmsi-value{font-variant-numeric:tabular-nums;color:var(--neutral-9)}.vt-port-events__error{margin:0;padding:12px 14px;font-size:13px;line-height:1.5;color:var(--error-dark, #7f1d1d);background:var(--error-50, #fef2f2);border:1px solid var(--error-200, #fecaca);border-radius:4px}
.vt-hist{--vt-hist-surface: var(--neutral-0);--vt-hist-surface-muted: var(--neutral-1);--vt-hist-hover: var(--neutral-05);--vt-hist-track: var(--neutral-2);--vt-hist-hairline: var(--neutral-2);--vt-hist-border: var(--neutral-3);--vt-hist-text-primary: var(--neutral-9);--vt-hist-text-body: var(--neutral-7);--vt-hist-text-secondary: var(--neutral-6);--vt-hist-accent: var(--digital-twin-8);--vt-hist-accent-tint: var(--digital-twin-1);--vt-hist-accent-border: var(--digital-twin-3);--vt-hist-played: var(--digital-twin-4);--vt-hist-link: var(--digital-twin-8);--vt-hist-alert: var(--alert-7);--vt-hist-shadow-popover: 0 2px 8px color-mix(in srgb, var(--neutral-10) 22%, transparent);--vt-hist-radius-xs: 4px;--vt-hist-radius-sm: 8px;--vt-hist-radius-md: 12px;--vt-hist-radius-lg: 16px;min-width:0;padding-top:16px;display:flex;flex-direction:column;gap:20px}.vt-hist__status{font-size:13px;color:var(--vt-hist-text-body)}.vt-hist__status--error{color:var(--vt-hist-alert)}.vt-hist__section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.vt-hist__section-label{min-width:0;font-size:12px;font-weight:700;color:var(--vt-hist-text-secondary)}.vt-hist__section-aside{font-size:12px;color:var(--vt-hist-text-secondary)}.vt-hist__view-modes{display:flex;flex-direction:column}.vt-hist__view-label{font-size:12px;font-weight:700;color:var(--vt-hist-text-secondary);margin-bottom:10px}.vt-hist__view-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.vt-hist__view-card{display:flex;flex-direction:column;align-items:flex-start;padding:13px 15px 15px;border-radius:var(--vt-hist-radius-lg);border:1px solid var(--vt-hist-hairline);background:var(--vt-hist-surface);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s ease,background .2s ease}.vt-hist__view-card:hover{background:var(--vt-hist-hover)}.vt-hist__view-card:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:-2px}.vt-hist__view-card--selected{border-color:var(--vt-hist-accent);background:var(--vt-hist-accent-tint)}.vt-hist__view-card-icon{font-size:20px;width:20px;height:20px;color:var(--vt-hist-text-secondary)}.vt-hist__view-card--selected .vt-hist__view-card-icon{color:var(--vt-hist-accent)}.vt-hist__view-card-title{font-size:14px;font-weight:600;color:var(--vt-hist-text-primary);margin-top:8px}.vt-hist__view-card-description{font-size:12px;line-height:18px;color:var(--vt-hist-text-secondary);margin-top:2px}.vt-hist__period-chips{display:flex;flex-wrap:wrap;gap:6px}.vt-hist__period-chip{height:32px;padding:0 14px;font-size:13px;font-weight:500;font-family:inherit;border-radius:var(--vt-hist-radius-xs);border:1px solid var(--vt-hist-border);background:var(--vt-hist-surface);color:var(--vt-hist-text-body);cursor:pointer}.vt-hist__period-chip:hover{background:var(--vt-hist-hover)}.vt-hist__period-chip:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:-2px}.vt-hist__period-chip--selected{border-color:var(--vt-hist-accent);background:var(--vt-hist-accent);color:var(--neutral-0)}.vt-hist__period-chip--selected:hover{background:var(--vt-hist-accent)}.vt-hist__custom-range{display:flex;align-items:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}.vt-hist__custom-range-field{flex:1;min-width:0}.vt-hist__custom-range-label{display:block;font-size:11px;font-weight:600;color:var(--vt-hist-text-secondary);margin-bottom:4px}.vt-hist__custom-range-control{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--vt-hist-border);border-radius:var(--vt-hist-radius-xs);background:var(--vt-hist-surface);font-size:13px;color:var(--vt-hist-text-body)}.vt-hist__custom-range-control--open{border-color:var(--vt-hist-accent)}.vt-hist__custom-range-trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:inherit;cursor:pointer}.vt-hist__custom-range-trigger:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:2px;border-radius:2px}.vt-hist__custom-range-icon{flex:0 0 auto;font-size:16px;width:16px;height:16px;color:var(--vt-hist-text-secondary)}.vt-hist__custom-range-input{flex:1;min-width:0;border:none;background:rgba(0,0,0,0);font-size:13px;font-family:inherit;color:var(--vt-hist-text-body);padding:0}.vt-hist__custom-range-input:focus{outline:none}.vt-hist__custom-range-control:focus-within{outline:2px solid var(--vt-hist-accent);outline-offset:-2px}.vt-hist__custom-range-error{flex:0 0 100%;font-size:12px;color:var(--vt-hist-alert)}.vt-hist__date-popover{position:fixed;z-index:20;width:280px;padding:12px;border:1px solid var(--vt-hist-border);border-radius:var(--vt-hist-radius-sm);background:var(--vt-hist-surface);box-shadow:var(--vt-hist-shadow-popover)}.vt-hist__calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.vt-hist__calendar-title{flex:1;text-align:center;font-size:13px;font-weight:600;color:var(--vt-hist-text-body)}.vt-hist__calendar-nav{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--vt-hist-border);border-radius:var(--vt-hist-radius-xs);background:var(--vt-hist-surface);color:var(--vt-hist-text-body);font-size:18px;line-height:1;cursor:pointer}.vt-hist__calendar-nav:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:2px}.vt-hist__calendar-weekdays,.vt-hist__calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:4px}.vt-hist__calendar-weekdays{margin-bottom:6px}.vt-hist__calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--vt-hist-text-secondary)}.vt-hist__calendar-day{height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);border-radius:var(--vt-hist-radius-xs);background:rgba(0,0,0,0);font-size:12px;color:var(--vt-hist-text-body);cursor:pointer}.vt-hist__calendar-day--blank{cursor:default}.vt-hist__calendar-day--selected{border-color:var(--vt-hist-accent);background:var(--vt-hist-accent-tint);color:var(--vt-hist-text-body)}.vt-hist__calendar-day:disabled{color:var(--vt-hist-text-secondary);opacity:.45;cursor:not-allowed}.vt-hist__calendar-day:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:1px}.vt-hist__categories-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.vt-hist__categories-action{border:none;background:rgba(0,0,0,0);color:var(--vt-hist-link);font-size:12px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.vt-hist__categories-action:hover{text-decoration:underline}.vt-hist__categories-action:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:2px}.vt-hist__categories-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 196px);gap:12px;align-items:start}.vt-hist__category-card{min-width:0;border:1px solid var(--vt-hist-hairline);border-radius:var(--vt-hist-radius-lg);background:var(--vt-hist-surface);padding:4px}.vt-hist__categories-aside{min-width:0;display:flex;flex-direction:column;gap:12px}.vt-hist__category-row{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:7px 10px;border:none;border-radius:var(--vt-hist-radius-sm);background:rgba(0,0,0,0);cursor:pointer;font-family:inherit;text-align:left}.vt-hist__category-row:hover{background:var(--vt-hist-hover)}.vt-hist__category-row:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:-2px}.vt-hist__category-checkbox{box-sizing:border-box;width:16px;height:16px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--vt-hist-radius-sm);border:1px solid var(--vt-hist-border);background:var(--vt-hist-surface);color:var(--neutral-0);font-size:12px}.vt-hist__category-checkbox--checked{border-color:var(--vt-hist-accent);background:var(--vt-hist-accent)}.vt-hist__category-check-icon{width:12px;height:12px;flex-shrink:0;display:block}.vt-hist__category-swatch{width:14px;height:3px;border-radius:2px;flex:0 0 auto}.vt-hist__category-label{flex:1;font-size:13px;color:var(--vt-hist-text-body);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-hist__category-share{width:60px;height:4px;border-radius:2px;background:var(--vt-hist-track);overflow:hidden;flex:0 0 auto}.vt-hist__category-share-fill{display:block;height:4px;border-radius:2px}.vt-hist__category-count{width:44px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--vt-hist-text-secondary);flex:0 0 auto}.vt-hist__length-bands-label{font-size:11px;font-weight:700;color:var(--vt-hist-text-secondary);margin-bottom:7px}.vt-hist__length-bands-list{display:flex;flex-direction:column;gap:5px}.vt-hist__length-band{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:var(--vt-hist-radius-sm);border:1px solid var(--vt-hist-border);background:var(--vt-hist-surface);color:var(--vt-hist-text-secondary);cursor:pointer;font-family:inherit;text-align:left}.vt-hist__length-band:hover{background:var(--vt-hist-hover)}.vt-hist__length-band:focus-visible{outline:2px solid var(--vt-hist-accent);outline-offset:-2px}.vt-hist__length-band--on{border-color:var(--vt-hist-accent);background:var(--vt-hist-accent-tint);color:var(--vt-hist-text-primary)}.vt-hist__length-band-label{font-size:12px;font-weight:600}.vt-hist__length-band-count{font-size:11px;font-variant-numeric:tabular-nums;opacity:.75}.vt-hist__stats{border:1px solid var(--vt-hist-hairline);border-radius:var(--vt-hist-radius-lg);background:var(--vt-hist-surface);padding:12px 14px}.vt-hist__stats-value{font-size:22px;font-weight:500;color:var(--vt-hist-text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.vt-hist__stats-caption{font-size:12px;color:var(--vt-hist-text-secondary)}.vt-hist__stats-divider{height:1px;background:var(--vt-hist-hairline);margin:10px 0}.vt-hist__stats-row{display:flex;justify-content:space-between;font-size:12px;color:var(--vt-hist-text-secondary)}.vt-hist__stats-row--spaced{margin-top:4px}.vt-hist__stats-metric{color:var(--vt-hist-text-body);font-variant-numeric:tabular-nums}.vt-hist__stats-metric--alert{color:var(--vt-hist-alert)}
.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;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-track-interp-toggle__squircle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:10px;color:var(--neutral-6);transition:background .2s ease,color .2s ease}.vt-track-interp-toggle--on .vt-track-interp-toggle__squircle{background:var(--app-accent-color);color:var(--neutral-0)}.vt-track-interp-toggle__icon{width:14px;height:14px;fill:currentColor}.vt-vessel-detail__ghost-btn.vt-track-interp-toggle{gap:5px}.vt-vessel-detail__ghost-btn.vt-track-interp-toggle:hover{border-color:var(--app-accent-color)}
.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(--digital-twin-6);color: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{position:relative;margin:12px 0 0;padding:4px 11px 2px}.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 .2s ease}.vt-vessel-detail__progress-arrow{position:absolute;top:50%;width:22px;height:24px;transform:translate(-50%, -50%);overflow:visible;transition:left .2s ease;pointer-events:none}.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__track-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}.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:not(:disabled){border-color:var(--digital-twin-8)}.vt-vessel-detail__ghost-btn:disabled{opacity:.5;cursor:not-allowed}.vt-vessel-detail__ghost-btn:focus-visible,.vt-vessel-detail__place--link:focus-visible,.vt-vessel-detail__field-value--link:focus-visible,.vt-vessel-detail__action-btn:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px}.vt-vessel-detail__field-value--link:focus-visible{border-radius:var(--radius-xs)}.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-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--neutral-6)}.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-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--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(--vt-vessel-progress-fg);background:var(--vt-vessel-progress-bg)}.vt-vessel-detail__pill--alongside .vt-vessel-detail__pill-dot{background:var(--vt-vessel-progress-fg)}.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__row-value-hint{display:block;color:var(--warning-7)}.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__ais-foot{text-align:center;font-size:11px;color:var(--neutral-6)}
.vt-berth-occupancy{--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-shadow-thumb: 0 1px 4px rgb(0 0 0 / 30%);--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-occupancy__card{background:var(--neutral-0);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);padding:16px}.vt-berth-occupancy__eyebrow{font-size:11px;font-weight:700;color:var(--vt-berth-text-secondary);margin-bottom:12px}.vt-berth-occupancy__fields{display:flex;flex-direction:column;gap:10px}.vt-berth-occupancy__field{display:flex;flex-direction:column;gap:4px}.vt-berth-occupancy__label{font-size:11px;font-weight:600;color:var(--vt-berth-text-secondary)}.vt-berth-occupancy__input{height:34px;padding:0 10px;border:1px solid var(--vt-berth-border-default);border-radius:var(--vt-berth-radius-xs);background:var(--neutral-0);color:var(--vt-berth-text-primary);font-size:13px;font-family:inherit;width:100%;box-sizing:border-box}.vt-berth-occupancy__input:focus{outline:2px solid var(--vt-berth-accent);outline-offset:-1px}.vt-berth-occupancy__row{display:flex;gap:10px}.vt-berth-occupancy__row .vt-berth-occupancy__field{flex:1}.vt-berth-occupancy__fetch-btn{margin-top:4px;height:34px;padding:0 18px;background:var(--vt-berth-accent);color:var(--neutral-0);border:none;border-radius:var(--vt-berth-radius-xs);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;align-self:flex-end}.vt-berth-occupancy__fetch-btn:disabled{opacity:.5;cursor:not-allowed}.vt-berth-occupancy__fetch-btn:hover:not(:disabled){filter:brightness(1.1)}.vt-berth-occupancy__fetch-btn:focus-visible{outline:2px solid var(--vt-berth-accent);outline-offset:2px}.vt-berth-occupancy__error{font-size:12px;color:var(--alert-7);margin-top:4px}
.vt-vessel-sim{--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-shadow-thumb: 0 1px 4px rgb(0 0 0 / 30%);--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-vessel-sim__chart-wrap{background:var(--vt-berth-surface);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);padding:14px 16px 8px}.vt-vessel-sim__chart-title{font-size:13px;font-weight:600;color:var(--vt-berth-text-primary);text-align:center;margin-bottom:4px}.vt-vessel-sim__controls{background:var(--vt-berth-surface);border:1px solid var(--vt-berth-border-subtle);border-radius:var(--vt-berth-radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.vt-vessel-sim__transport{display:flex;align-items:center;justify-content:center;gap:8px}.vt-vessel-sim__transport-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--vt-berth-border-default);border-radius:var(--vt-berth-radius-sm);background:var(--vt-berth-surface);color:var(--vt-berth-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.vt-vessel-sim__transport-btn:hover:not(:disabled){background:var(--vt-berth-surface-subtle);color:var(--vt-berth-text-primary)}.vt-vessel-sim__transport-btn:disabled{opacity:.4;cursor:not-allowed}.vt-vessel-sim__transport-btn:focus-visible{outline:2px solid var(--vt-berth-accent);outline-offset:2px}.vt-vessel-sim__transport-btn--primary{background:var(--vt-berth-accent);border-color:var(--vt-berth-accent);color:var(--vt-berth-surface);width:42px;height:42px}.vt-vessel-sim__transport-btn--primary:hover:not(:disabled){background:var(--vt-berth-accent);filter:brightness(1.1);color:var(--vt-berth-surface)}.vt-vessel-sim__scrubber{display:flex;align-items:center;gap:10px}.vt-vessel-sim__scrubber-label{flex:0 0 auto;min-width:76px;font-size:11px;font-weight:600;color:var(--vt-berth-text-primary)}.vt-vessel-sim__scrubber-count{flex:0 0 auto;font-size:10px;color:var(--vt-berth-text-secondary)}.vt-vessel-sim__scrubber-track{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:14px;background:rgba(0,0,0,0);cursor:pointer}.vt-vessel-sim__scrubber-track::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right, var(--vt-berth-accent) 0%, var(--vt-berth-accent) var(--vt-sim-progress, 0%), var(--vt-berth-border-subtle) var(--vt-sim-progress, 0%), var(--vt-berth-border-subtle) 100%);border-radius:2px}.vt-vessel-sim__scrubber-track::-moz-range-track{height:4px;background:var(--vt-berth-border-subtle);border-radius:2px;border:none}.vt-vessel-sim__scrubber-track::-moz-range-progress{height:4px;background:var(--vt-berth-accent);border-radius:2px}.vt-vessel-sim__scrubber-track::-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);box-shadow:var(--vt-berth-shadow-thumb);cursor:grab;margin-top:-5px}.vt-vessel-sim__scrubber-track::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--vt-berth-accent);border:2px solid var(--vt-berth-surface);box-shadow:var(--vt-berth-shadow-thumb);cursor:grab}.vt-vessel-sim__scrubber-track:focus-visible{outline:none}.vt-vessel-sim__scrubber-track:focus-visible::-webkit-slider-thumb{outline:2px solid var(--vt-berth-accent);outline-offset:2px}.vt-vessel-sim__scrubber-track:focus-visible::-moz-range-thumb{outline:2px solid var(--vt-berth-accent);outline-offset:2px}.vt-vessel-sim__speed{display:flex;align-items:center;gap:8px}.vt-vessel-sim__speed-label{font-size:11px;color:var(--vt-berth-text-secondary);flex:0 0 auto}.vt-vessel-sim__speed-chips{display:flex;gap:4px}.vt-vessel-sim__speed-chip{padding:3px 10px;border:1px solid var(--vt-berth-border-default);border-radius:var(--vt-berth-radius-full);background:var(--vt-berth-surface);font-size:11px;font-weight:500;font-family:inherit;color:var(--vt-berth-text-secondary);cursor:pointer}.vt-vessel-sim__speed-chip:hover{color:var(--vt-berth-text-primary)}.vt-vessel-sim__speed-chip[aria-pressed=true]{background:var(--vt-berth-accent);border-color:var(--vt-berth-accent);color:var(--vt-berth-surface);font-weight:600}.vt-vessel-sim__speed-chip:focus-visible{outline:2px solid var(--vt-berth-accent);outline-offset:2px}