/*! 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:48px 22px 16px}.vt-panel--detail .vt-panel__header{padding-bottom:18px}.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__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}.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__status-dot{width:12px;height:12px;flex-shrink:0;border-radius:999px;background:var(--vessel-status-dot, var(--vt-accent))}.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}
.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)}}
.vessel-traffic-viewer{position:relative;width:100%;height:100%;min-height:0}.vessel-traffic-viewer--loading,.vessel-traffic-viewer--error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;font-size:14px}.vessel-traffic-viewer--loading{color:var(--neutral-500);background:var(--neutral-100)}.vessel-traffic-viewer--error{color:var(--error-dark, #7f1d1d);background:var(--error-50, #fef2f2)}.vessel-traffic-viewer .mmv{width:100%;height:100%}
.nav-layout.nav-layout--vessel-traffic{--nav-panel-width: 580px;display:flex;flex-direction:column;width:100%;height:calc(100vh - var(--app-header-height, 50px));overflow:hidden;background:var(--neutral-50);color:var(--neutral-900)}.nav-layout.nav-layout--vessel-traffic .nav-layout__header{display:flex;flex:0 0 40px;flex-shrink:0;align-items:stretch;justify-content:space-between;gap:12px;background:var(--neutral-0);border-bottom:1px solid var(--neutral-200)}.nav-layout.nav-layout--vessel-traffic .nav-layout__header-main{flex:1 1 auto;min-width:0}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumbs{min-height:40px;padding:0 24px}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-list{display:flex;gap:8px;align-items:center;min-height:40px;margin:0;padding:0;list-style:none}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-list li{display:inline-flex;gap:8px;align-items:center;font-size:14px}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-link{position:relative;color:var(--neutral-700);font-weight:500;text-decoration:none;transition:color .2s ease}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-link--home{color:var(--app-accent-color);font-weight:600}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-link:hover,.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-link:focus-visible{color:var(--app-accent-color)}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumbs .nav-layout__breadcrumb-page{position:relative;color:var(--neutral-900);font-weight:600}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-page::after{position:absolute;right:0;bottom:-10px;left:0;height:2px;content:"";background:var(--app-accent-color);border-radius:999px}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumb-separator{color:var(--neutral-300)}.nav-layout.nav-layout--vessel-traffic .nav-layout__breadcrumbs button{padding:0;color:var(--app-accent-color);background:rgba(0,0,0,0);border:0;cursor:pointer}.nav-layout.nav-layout--vessel-traffic .nav-layout__error{padding:10px 24px;color:var(--error-900, #7f1d1d);background:var(--error-50, #fef2f2);border-bottom:1px solid var(--error-200, #fecaca)}.nav-layout.nav-layout--vessel-traffic .nav-layout__main{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.nav-layout.nav-layout--vessel-traffic .nav-layout__body{display:flex;flex:1 1 0;flex-direction:column;height:calc(100vh - var(--app-header-height, 50px) - 40px);min-height:0;overflow:hidden;background:var(--neutral-900)}.nav-layout.nav-layout--vessel-traffic .nav-layout__viewer-wrap{position:relative;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.nav-layout.nav-layout--vessel-traffic .nav-layout__viewer{position:absolute;inset:0;z-index:0;flex:none;width:auto;min-width:0;overflow:hidden;background:var(--neutral-900)}.nav-layout.nav-layout--vessel-traffic .nav-layout__viewer>div{width:100%;height:100%}.nav-layout.nav-layout--vessel-traffic .nav-layout__viewer .mmv{height:100% !important}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-overlay{position:absolute;top:0;left:0;bottom:0;z-index:6;display:flex;flex-direction:row;align-items:flex-start;min-height:0;pointer-events:none}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-overlay-slot{position:relative;display:flex;flex-direction:column;width:var(--nav-panel-width);max-width:calc(100% - 48px);height:100%;min-height:0;overflow:hidden;pointer-events:auto;transition:width .2s ease}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-overlay--collapsed .nav-layout__panel-overlay-slot{width:0}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-overlay-slot>*:not(.nav-layout__panel-toggle){flex:1 1 auto;min-height:0;border-radius:0}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-toggle{display:flex;align-items:center;justify-content:center;padding:0;border:1px solid color-mix(in srgb, var(--neutral-900) 12%, transparent);background:color-mix(in srgb, var(--neutral-50) 55%, var(--neutral-0));color:var(--neutral-700);cursor:pointer;pointer-events:auto;transition:background .2s ease,color .2s ease}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-toggle:hover{background:var(--neutral-0);color:var(--app-accent-color)}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-toggle:focus-visible{outline:2px solid var(--app-accent-color);outline-offset:2px}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-toggle svg{display:block;flex-shrink:0}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-toggle--collapse{position:absolute;top:14px;right:14px;z-index:10;flex-shrink:0;width:28px;height:28px;border:0;border-radius:999px}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-toggle--expand{flex-shrink:0;width:28px;height:28px;margin-top:16px;margin-left:16px;border-radius:999px;box-shadow:0 1px 4px color-mix(in srgb, var(--neutral-900) 12%, transparent)}.nav-layout.nav-layout--vessel-traffic .nav-layout__panel-overlay:not(.nav-layout__panel-overlay--collapsed) .nav-layout__panel-toggle--expand{display:none}.nav-layout.nav-layout--vessel-traffic .nav-layout__right-chrome{position:absolute;top:0;right:0;z-index:5;height:100%;max-width:100%;pointer-events:none}
.vt-forecast{display:flex;flex-direction:column;gap:24px}.vt-forecast .vt-panel__berth-header{padding-bottom:0}.vt-forecast__header-end{align-items:flex-end;text-align:right}.vt-forecast__conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vt-forecast__condition{display:flex;flex-direction:column;gap:12px;padding:14px 15px;border:1px solid rgba(0,0,0,0);border-radius:4px;background:var(--neutral-50)}.vt-forecast__condition--safe{background:var(--success-200);border-color:var(--success-300)}.vt-forecast__condition--safe .vt-forecast__condition-bar{background:var(--success-400)}.vt-forecast__condition--safe .vt-forecast__condition-fill{background:var(--success-600)}.vt-forecast__condition--warn{background:var(--warning-200);border-color:var(--warning-300)}.vt-forecast__condition--warn .vt-forecast__condition-bar{background:var(--warning-400)}.vt-forecast__condition--warn .vt-forecast__condition-fill{background:var(--warning-600)}.vt-forecast__condition--unsafe{background:var(--alert-100);border-color:var(--alert-200)}.vt-forecast__condition--unsafe .vt-forecast__condition-bar{background:var(--alert-400)}.vt-forecast__condition--unsafe .vt-forecast__condition-fill{background:var(--alert-600)}.vt-forecast__condition--skeleton{background:var(--neutral-100)}.vt-forecast__condition-label{color:var(--neutral-700);font-size:13px;font-weight:500}.vt-forecast__condition-bar{position:relative;height:4px;border-radius:999px;background:var(--neutral-200);overflow:hidden}.vt-forecast__condition-fill{height:100%;border-radius:999px;background:var(--neutral-400);transition:width .2s ease}.vt-forecast__condition-value{color:var(--neutral-900);font-size:22px;font-weight:700;line-height:1.1}.vt-forecast__hourly-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:8px}.vt-forecast__hour{display:flex;flex-direction:column;gap:6px;align-items:center;padding:10px 4px;border:1px solid rgba(0,0,0,0);border-radius:4px;background:var(--neutral-50);text-align:center}.vt-forecast__hour--safe{background:var(--success-200);border-color:var(--success-300)}.vt-forecast__hour--safe .vt-forecast__hour-dot{background:var(--success-700)}.vt-forecast__hour--warn{background:var(--warning-200);border-color:var(--warning-300)}.vt-forecast__hour--warn .vt-forecast__hour-dot{background:var(--warning-700)}.vt-forecast__hour--unsafe{background:var(--alert-100);border-color:var(--alert-200)}.vt-forecast__hour--unsafe .vt-forecast__hour-dot{background:var(--alert-600)}.vt-forecast__hour--skeleton{background:var(--neutral-100)}.vt-forecast__hour-time{color:var(--neutral-900);font-size:12px;font-weight:600}.vt-forecast__hour-dot{width:10px;height:10px;border-radius:999px;background:var(--neutral-400)}.vt-forecast__hour-status{color:var(--neutral-700);font-size:12px;font-weight:500}.vt-forecast__sim-note{margin:0 0 18px;color:var(--neutral-700);font-size:14px;font-weight:400;line-height:1.5}.vt-forecast__sliders{display:flex;flex-direction:column;gap:8px}.vt-forecast__slider-row{display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:8px}.vt-forecast__slider-label{color:var(--neutral-700);font-size:13px;font-weight:500}.vt-forecast__slider-value{color:var(--neutral-900);font-size:13px;font-weight:600;text-align:right}.vt-forecast__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;margin:0;background:rgba(0,0,0,0);cursor:pointer}.vt-forecast__slider::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right, var(--vt-accent) var(--vt-slider-pct, 0%), var(--neutral-200) var(--vt-slider-pct, 0%))}.vt-forecast__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:none;border-radius:50%;background:var(--vt-accent)}.vt-forecast__slider::-moz-range-track{height:3px;border-radius:999px;background:var(--neutral-200)}.vt-forecast__slider::-moz-range-progress{height:3px;border-radius:999px;background:var(--vt-accent)}.vt-forecast__slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--vt-accent)}.vt-forecast__slider:focus-visible{outline:none}.vt-forecast__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--vt-accent) 25%, transparent)}.vt-forecast__slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--vt-accent) 25%, transparent)}.vt-forecast__outcomes{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.vt-forecast__outcome{display:flex;flex-direction:column;gap:6px;padding:14px 15px;border:1px solid var(--neutral-200);border-radius:4px;background:var(--neutral-50)}.vt-forecast__outcome-label{color:var(--neutral-700);font-size:12px;font-weight:500}.vt-forecast__outcome-value{color:var(--neutral-900);font-size:16px;font-weight:700}