/*! cloudflare-pages-asset-salt:cloudflare-pages-asset-salt-v8 */
.bms{--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);display:flex;flex-direction:column;height:100%;min-height:0;padding:20px 24px;gap:16px;background:var(--neutral-0);color:var(--neutral-9);box-sizing:border-box;overflow:hidden}.bms__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.bms__title{margin:0;font-size:20px;font-weight:600;color:var(--neutral-9)}.bms__subtitle{margin:2px 0 0;font-size:12px;color:var(--neutral-6)}.bms__context{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.bms__context-berth{font-size:14px;font-weight:600;color:var(--neutral-9)}.bms__context-meta{font-size:12px;color:var(--neutral-6)}.bms__grid{display:grid;grid-template-columns:280px minmax(0, 1fr) 300px;gap:16px;flex:1;min-height:0}.bms__col{min-width:0;min-height:0;background:var(--neutral-05, var(--neutral-1));border:1px solid var(--neutral-2);border-radius:var(--radius-lg, 12px);padding:16px;overflow-y:auto}.bms__col--center{display:flex;flex-direction:column;gap:16px;background:var(--neutral-0)}@media(max-width: 1100px){.bms__grid{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto}}.bms-sliders{display:flex;flex-direction:column;gap:18px}.bms-sliders__field{display:flex;flex-direction:column;gap:6px}.bms-sliders__field-label,.bms-sliders__group-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--neutral-6)}.bms-sliders__select{width:100%;padding:8px 10px;font-size:14px;color:var(--neutral-9);background:var(--neutral-0);border:1px solid var(--neutral-3);border-radius:var(--radius-md, 6px);cursor:pointer;transition:border-color .2s ease}.bms-sliders__select:hover{border-color:var(--digital-twin-8)}.bms-sliders__vessel{display:flex;flex-direction:column;padding:8px 10px;background:var(--neutral-1);border-radius:var(--radius-md, 6px)}.bms-sliders__vessel-name{font-size:13px;font-weight:600;color:var(--neutral-9)}.bms-sliders__vessel-meta{font-size:12px;color:var(--neutral-6)}.bms-sliders__metric{display:flex;flex-direction:column;gap:8px}.bms-sliders__metric-head{display:flex;align-items:baseline;justify-content:space-between}.bms-sliders__metric-label{font-size:13px;color:var(--neutral-8)}.bms-sliders__metric-value{font-size:13px;font-weight:600;color:var(--neutral-9);font-variant-numeric:tabular-nums}.bms-sliders__event{display:flex;flex-direction:column;gap:6px}.bms-sliders__event-hint{margin:0;font-size:12px;color:var(--neutral-6)}.bms-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.bms-toggle__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bms-toggle__track{position:relative;width:36px;height:20px;flex-shrink:0;background:var(--neutral-3);border-radius:999px;transition:background .2s ease}.bms-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--neutral-0);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease}.bms-toggle__input:checked+.bms-toggle__track{background:var(--digital-twin-8)}.bms-toggle__input:checked+.bms-toggle__track .bms-toggle__thumb{transform:translateX(16px)}.bms-toggle__input:focus-visible+.bms-toggle__track{outline:2px solid var(--digital-twin-8);outline-offset:2px}.bms-toggle__label{font-size:13px;font-weight:600;color:var(--neutral-9)}.bms-range{position:relative;display:flex;align-items:center;height:20px;user-select:none;touch-action:none}.bms-range__track{position:relative;flex-grow:1;height:4px;border-radius:999px;background:var(--neutral-2)}.bms-range__range{position:absolute;height:100%;border-radius:999px;background:var(--digital-twin-8)}.bms-range__thumb{display:block;width:14px;height:14px;border-radius:50%;background:var(--neutral-0);border:2px solid var(--digital-twin-8);box-shadow:var(--shadow-sm);cursor:grab;transition:box-shadow .2s ease}.bms-range__thumb:hover{box-shadow:0 0 0 4px var(--neutral-2)}.bms-range__thumb:focus-visible{outline:2px solid var(--digital-twin-8);outline-offset:2px}.bms-chart{display:flex;flex-direction:column;gap:10px}.bms-chart__tabs,.bms-chart__dofs{display:flex;flex-wrap:wrap;gap:6px}.bms-chart__tab,.bms-chart__dof{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;color:var(--neutral-7);background:var(--neutral-1);border:1px solid rgba(0,0,0,0);border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.bms-chart__tab[aria-selected=true],.bms-chart__dof[aria-selected=true]{color:var(--neutral-9);background:var(--neutral-0);border-color:var(--digital-twin-8);font-weight:600}.bms-chart__tab-dot,.bms-chart__dof-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bms-chart__head{display:flex;align-items:center;gap:10px}.bms-chart__label{font-size:13px;color:var(--neutral-7)}.bms-chart__value{font-size:18px;font-weight:700;color:var(--neutral-9);font-variant-numeric:tabular-nums}.bms-chart__status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase}.bms-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 14px;background:var(--neutral-1);border-radius:var(--radius-md, 6px)}.bms-controls__transport{display:flex;gap:8px}.bms-controls__btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--neutral-8);background:var(--neutral-0);border:1px solid var(--neutral-3);border-radius:var(--radius-md, 6px);cursor:pointer;transition:background .2s ease,color .2s ease}.bms-controls__btn:hover:not(:disabled){border-color:var(--digital-twin-8);color:var(--digital-twin-8)}.bms-controls__btn--primary{color:var(--neutral-0);background:var(--digital-twin-8);border-color:var(--digital-twin-8)}.bms-controls__btn--primary:hover:not(:disabled){color:var(--neutral-0);filter:brightness(1.05)}.bms-controls__btn:disabled{opacity:.4;cursor:not-allowed}.bms-controls__scrubber{display:flex;align-items:center;gap:10px;flex:1;min-width:220px}.bms-controls__label,.bms-controls__count{font-size:12px;color:var(--neutral-7);font-variant-numeric:tabular-nums;white-space:nowrap}.bms-controls__count{color:var(--neutral-6)}.bms-controls__track{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:999px;cursor:pointer;background:linear-gradient(to right, var(--digital-twin-8) var(--bms-progress, 0%), var(--neutral-3) var(--bms-progress, 0%))}.bms-controls__track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--neutral-0);border:2px solid var(--digital-twin-8);cursor:grab}.bms-controls__track::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--neutral-0);border:2px solid var(--digital-twin-8);cursor:grab}.bms-controls__speed{display:flex;align-items:center;gap:8px}.bms-controls__speed-label{font-size:12px;color:var(--neutral-6)}.bms-controls__speed-chips{display:flex;gap:4px}.bms-controls__speed-chip{padding:4px 8px;font-size:12px;color:var(--neutral-7);background:var(--neutral-0);border:1px solid var(--neutral-3);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background .2s ease,color .2s ease;font-variant-numeric:tabular-nums}.bms-controls__speed-chip[aria-pressed=true]{color:var(--neutral-0);background:var(--digital-twin-8);border-color:var(--digital-twin-8)}.bms-alerts{display:flex;flex-direction:column;gap:12px;height:100%}.bms-alerts__head{display:flex;align-items:center;justify-content:space-between}.bms-alerts__title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--neutral-6)}.bms-alerts__count{min-width:22px;padding:1px 7px;text-align:center;font-size:12px;font-weight:700;color:var(--neutral-8);background:var(--neutral-2);border-radius:999px;font-variant-numeric:tabular-nums}.bms-alerts__empty{margin:0;font-size:13px;color:var(--neutral-6)}.bms-alerts__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.bms-alerts__item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--neutral-0);border:1px solid var(--neutral-2);border-left:3px solid var(--neutral-4);border-radius:var(--radius-sm, 4px)}.bms-alerts__item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bms-alerts__badge{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;text-transform:uppercase}.bms-alerts__time{font-size:12px;color:var(--neutral-6);font-variant-numeric:tabular-nums}.bms-alerts__message{font-size:13px;font-weight:600;color:var(--neutral-9)}.bms-alerts__detail{font-size:12px;color:var(--neutral-6);font-variant-numeric:tabular-nums}
.berth-occupancy-viewer{position:relative;flex:1 1 auto;min-width:0;height:100%;min-height:0}.berth-occupancy-viewer--loading,.berth-occupancy-viewer--error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;font-size:14px}.berth-occupancy-viewer--loading{color:var(--neutral-500);background:var(--neutral-100)}.berth-occupancy-viewer--error{color:var(--error-dark, #7f1d1d);background:var(--error-50, #fef2f2)}.berth-occupancy-viewer .mmv{width:100% !important;height:100% !important}.esri-view-root .esri-view-surface{height:100%}.esri-view-root{height:100%}.berth-vessel-stats-overlay{position:absolute;top:12px;left:12px;z-index:10;display:flex;flex-direction:row;align-items:stretch;gap:0;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.18);padding:12px 16px;pointer-events:none}.berth-vessel-stats-overlay__card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 14px}.berth-vessel-stats-overlay__card:first-child{padding-left:0}.berth-vessel-stats-overlay__card:last-child{padding-right:0}.berth-vessel-stats-overlay__divider{width:1px;background:var(--neutral-200, #e5e7eb);margin:2px 0;flex-shrink:0}.berth-vessel-stats-overlay__count{font-size:22px;font-weight:700;line-height:1.1;color:var(--digital-twin-8, #0f4c81);letter-spacing:-0.01em}.berth-vessel-stats-overlay__label{font-size:11px;font-weight:500;color:var(--neutral-600, #4b5563);text-align:center;white-space:nowrap}
.berth-occupancy-util{--berth-occupancy-text-primary: var(--neutral-9);--berth-occupancy-text-body: var(--neutral-7);--berth-occupancy-text-secondary: var(--neutral-6);--berth-occupancy-surface: var(--neutral-0);--berth-occupancy-surface-muted: var(--neutral-1);--berth-occupancy-surface-subtle: var(--neutral-05);--berth-occupancy-surface-hover: var(--neutral-1);--berth-occupancy-border-subtle: var(--neutral-2);--berth-occupancy-border-default: var(--neutral-3);--berth-occupancy-accent: var(--digital-twin-8);--berth-occupancy-link-color: var(--digital-twin-8);--berth-occupancy-radius-xs: 4px;--berth-occupancy-radius-sm: 8px;--berth-occupancy-radius-md: 12px;--berth-occupancy-radius-lg: 16px;--berth-occupancy-radius-full: 9999px;--berth-occupancy-warn-fg: var(--warning-8);--berth-occupancy-warn-bg: var(--warning-1);--berth-occupancy-warn-bd: var(--warning-3);--berth-occupancy-warn-bar: var(--warning-6);--berth-occupancy-phase-mooring: #56b4e9;--berth-occupancy-phase-clearance: #cc79a7;--berth-occupancy-phase-desc-busy: #4caf50;--berth-occupancy-phase-desc-busy-extra: #1b5e20;--berth-occupancy-phase-desc-idle: #ffc107;--berth-occupancy-phase-desc-waiting: #f44336;border:1px solid var(--berth-occupancy-border-subtle);border-radius:var(--berth-occupancy-radius-lg);background:var(--neutral-0);overflow:hidden}.berth-occupancy-util input[type=range]{overflow:visible;width:100%;background:rgba(0,0,0,0)}.berth-occupancy-util__toggle{width:100%;border:none;background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-family:inherit}.berth-occupancy-util__toggle:hover{background:var(--berth-occupancy-surface-subtle)}.berth-occupancy-util__toggle:focus-visible{outline:2px solid var(--berth-occupancy-link-color);outline-offset:-2px}.berth-occupancy-util__toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--berth-occupancy-text-primary)}.berth-occupancy-util__toggle-icon,.berth-occupancy-util__chevron{color:var(--berth-occupancy-text-secondary)}.berth-occupancy-util__toggle-actions{display:flex;align-items:center;gap:4px}.berth-occupancy-util__expand-btn{display:flex;align-items:center;background:none;border:none;padding:3px;cursor:pointer;color:var(--berth-occupancy-text-secondary);border-radius:4px;line-height:0}.berth-occupancy-util__expand-btn:hover{background:var(--berth-occupancy-surface-hover, var(--berth-occupancy-border-subtle));color:var(--berth-occupancy-text-primary)}.berth-occupancy-util__expand-btn:focus-visible{outline:2px solid var(--berth-occupancy-link-color);outline-offset:1px}.berth-occupancy-util__content--panel{display:flex;flex-direction:column;gap:16px}.berth-occupancy-util__content--modal{display:flex;flex-direction:row;align-items:flex-start;gap:24px;overflow:auto}.berth-occupancy-util__modal-col-left,.berth-occupancy-util__modal-col-right{display:flex;flex-direction:column;gap:20px;min-width:0}.berth-occupancy-util__modal-col-left{flex:3}.berth-occupancy-util__modal-col-left .berth-occupancy-util__chart{height:300px}.berth-occupancy-util__modal-col-left .berth-occupancy-util__occ-chart{height:200px}.berth-occupancy-util__modal-col-right{flex:2}.berth-occupancy-util__modal{--berth-occupancy-safe-fg: var(--positive-7);--berth-occupancy-safe-bg: var(--positive-1);--berth-occupancy-safe-bd: var(--positive-3);--berth-occupancy-safe-bar: var(--positive-6);--berth-occupancy-warn-fg: var(--warning-8);--berth-occupancy-warn-bg: var(--warning-1);--berth-occupancy-warn-bd: var(--warning-3);--berth-occupancy-warn-bar: var(--warning-6);--berth-occupancy-unsafe-fg: var(--alert-7);--berth-occupancy-unsafe-bg: var(--alert-1);--berth-occupancy-unsafe-bd: var(--alert-3);--berth-occupancy-unsafe-bar: var(--alert-6);--berth-occupancy-crane-bar: var(--assure-6);--berth-occupancy-phase-mooring: #56b4e9;--berth-occupancy-phase-clearance: #cc79a7;--berth-occupancy-phase-desc-busy: #4caf50;--berth-occupancy-phase-desc-busy-extra: #1b5e20;--berth-occupancy-phase-desc-idle: #ffc107;--berth-occupancy-phase-desc-waiting: #f44336;--berth-occupancy-q-progress-fg: var(--digital-twin-8);--berth-occupancy-q-progress-bg: var(--neutral-1);--berth-occupancy-q-waiting-fg: var(--warning-8);--berth-occupancy-q-waiting-bg: var(--warning-1);--berth-occupancy-q-expected-fg: var(--blue-7);--berth-occupancy-q-expected-bg: var(--blue-1);--berth-occupancy-q-completed-fg: var(--positive-7);--berth-occupancy-q-completed-bg: var(--positive-1);--berth-occupancy-text-primary: var(--neutral-9);--berth-occupancy-text-body: var(--neutral-7);--berth-occupancy-text-secondary: var(--neutral-6);--berth-occupancy-surface: var(--neutral-0);--berth-occupancy-surface-muted: var(--neutral-1);--berth-occupancy-surface-subtle: var(--neutral-05);--berth-occupancy-surface-hover: var(--neutral-1);--berth-occupancy-border-subtle: var(--neutral-2);--berth-occupancy-border-default: var(--neutral-3);--berth-occupancy-link-color: var(--digital-twin-8);--berth-occupancy-accent: var(--digital-twin-8);--berth-occupancy-radius-xs: 4px;--berth-occupancy-radius-sm: 8px;--berth-occupancy-radius-md: 12px;--berth-occupancy-radius-lg: 16px;--berth-occupancy-radius-full: 9999px}.berth-occupancy-util__modal .custom-dialog-body{padding:20px 24px;overflow-y:auto;max-height:calc(85vh - 80px);scrollbar-gutter:stable}.berth-occupancy-util__body{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--berth-occupancy-border-subtle);padding:14px 16px 16px}.berth-occupancy-util__intro{font-size:12px;color:var(--berth-occupancy-text-secondary);text-wrap:pretty}.berth-occupancy-util__eyebrow{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--berth-occupancy-text-secondary)}.berth-occupancy-util__eyebrow--spaced{margin-top:4px}.berth-occupancy-util__time-range{display:flex;flex-direction:column;gap:4px}.berth-occupancy-util__time-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--berth-occupancy-text-secondary)}.berth-occupancy-util__time-range-title{font-weight:600}.berth-occupancy-util__time-range-track{position:relative;height:14px;display:flex;align-items:center}.berth-occupancy-util__time-range-track::before{content:"";position:absolute;inset:0;margin:auto;height:4px;border-radius:2px;background:var(--berth-occupancy-border-subtle)}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-fill{position:absolute;height:4px;border-radius:2px;background:var(--berth-occupancy-accent, var(--palette-action-default));pointer-events:none;top:50%;transform:translateY(-50%)}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;overflow:visible;background:rgba(0,0,0,0);pointer-events:none;cursor:pointer;appearance:none;-webkit-appearance:none}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input::-webkit-slider-runnable-track{background:rgba(0,0,0,0);height:4px;margin-top:0}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input::-moz-range-track{background:rgba(0,0,0,0);height:4px;border:none}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input::-moz-range-progress{background:rgba(0,0,0,0)}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input::-webkit-slider-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--berth-occupancy-accent, var(--palette-action-default));border:2px solid var(--berth-occupancy-surface, #fff);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:grab;appearance:none;-webkit-appearance:none;margin-top:-5px}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--berth-occupancy-accent, var(--palette-action-default));border:2px solid var(--berth-occupancy-surface, #fff);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:grab}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input:focus-visible{outline:none}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--berth-occupancy-accent, var(--palette-action-default));outline-offset:2px}.berth-occupancy-util__time-range-track .berth-occupancy-util__time-range-input:focus-visible::-moz-range-thumb{outline:2px solid var(--berth-occupancy-accent, var(--palette-action-default));outline-offset:2px}.berth-occupancy-util__time-range-hint{font-size:10px;color:var(--berth-occupancy-text-secondary);text-align:center}.berth-occupancy-util__zone-zoom-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--berth-occupancy-text-body);cursor:pointer;user-select:none}.berth-occupancy-util__diagram-scroll-target{scroll-margin-top:12px}.berth-occupancy-util__diagram{display:flex;flex-direction:column;gap:8px}.berth-occupancy-util__legend{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:11px;color:var(--berth-occupancy-text-body)}.berth-occupancy-util__legend-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.berth-occupancy-util__legend-group-label{font-size:11px;font-weight:600;color:var(--berth-occupancy-text-secondary)}.berth-occupancy-util__legend-item{display:inline-flex;align-items:center;gap:5px}.berth-occupancy-util__legend-swatch{width:9px;height:9px;border-radius:2px;display:inline-block;flex:0 0 auto}.berth-occupancy-util__chart{display:block;width:100%;height:190px}.berth-occupancy-util__gridline{stroke:var(--berth-occupancy-border-subtle);stroke-width:1;vector-effect:non-scaling-stroke}.berth-occupancy-util__chart-wrap{position:relative}.berth-occupancy-util__ylabel{position:absolute;left:0;transform:translateY(-50%);font-size:10px;line-height:1;color:var(--berth-occupancy-text-secondary);white-space:nowrap;pointer-events:none;user-select:none}.berth-occupancy-util__xlabel{position:absolute;bottom:0;transform:translateX(-50%);font-size:10px;line-height:1;color:var(--berth-occupancy-text-secondary);white-space:nowrap;pointer-events:none;user-select:none}.berth-occupancy-util__zone-band{fill:var(--berth-occupancy-warn-bg);stroke:var(--berth-occupancy-warn-bd);stroke-width:1;vector-effect:non-scaling-stroke}.berth-occupancy-util__vessel{cursor:pointer}.berth-occupancy-util__vessel:focus-visible{outline:2px solid var(--berth-occupancy-link-color);outline-offset:1px}.berth-occupancy-util__vessel--dimmed{opacity:.35}.berth-occupancy-util__vessel-outline{fill:none;stroke:var(--neutral-0);stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.berth-occupancy-util__vessel--selected .berth-occupancy-util__vessel-outline{stroke:var(--berth-occupancy-accent);stroke-width:2;vector-effect:non-scaling-stroke}.berth-occupancy-util__vessel-label{position:absolute;transform:translateX(-50%) translateY(calc(-100% - 3px));font-size:10px;font-weight:600;color:var(--berth-occupancy-accent);background:var(--neutral-0);padding:1px 4px;border-radius:2px;white-space:nowrap;pointer-events:none;user-select:none}.berth-occupancy-util__zone-sliders{display:flex;flex-direction:column;gap:10px;margin-top:6px}.berth-occupancy-util__zone-slider{display:flex;align-items:center;gap:12px}.berth-occupancy-util__zone-slider-label{width:40px;flex:0 0 auto;font-size:12px;color:var(--berth-occupancy-text-body)}.berth-occupancy-util__zone-slider-input{flex:1;accent-color:var(--berth-occupancy-accent);height:4px;cursor:pointer}.berth-occupancy-util__zone-slider-input:focus-visible{outline:2px solid var(--berth-occupancy-link-color);outline-offset:2px}.berth-occupancy-util__zone-slider-value{width:56px;flex:0 0 auto;text-align:right;font-size:12px;font-weight:600;color:var(--berth-occupancy-text-primary)}.berth-occupancy-util__breakdown{display:flex;flex-direction:column;gap:10px;margin-top:6px}.berth-occupancy-util__breakdown-row{display:flex;flex-direction:column;gap:4px}.berth-occupancy-util__breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.berth-occupancy-util__breakdown-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--berth-occupancy-text-body)}.berth-occupancy-util__breakdown-value{font-size:12px;font-weight:600;color:var(--berth-occupancy-text-primary);flex:0 0 auto}.berth-occupancy-util__breakdown-track{height:5px;border-radius:var(--berth-occupancy-radius-full);background:var(--berth-occupancy-surface-muted);overflow:hidden}.berth-occupancy-util__breakdown-fill{height:100%;border-radius:var(--berth-occupancy-radius-full);transition:width .3s ease}.berth-occupancy-util__occ-wrap{display:flex;flex-direction:column;gap:6px}.berth-occupancy-util__occ-chart{display:block;width:100%;height:110px;overflow:visible}.berth-occupancy-util__occ-line{fill:none;stroke:var(--berth-occupancy-accent, var(--palette-action-default));stroke-width:1.5;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.berth-occupancy-util__occ-fill{fill:var(--berth-occupancy-accent, var(--palette-action-default));opacity:.12;stroke:none}.berth-occupancy-util__vessel-alerts{--berth-occupancy-vessel-alert-row-height: 58px;display:flex;flex-direction:column;gap:8px}.berth-occupancy-util__vessel-alerts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:calc(3*var(--berth-occupancy-vessel-alert-row-height) + 12px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.berth-occupancy-util__vessel-alert-row{appearance:none;width:100%;min-height:var(--berth-occupancy-vessel-alert-row-height);box-sizing:border-box;border:1px solid var(--berth-occupancy-border-default);border-radius:var(--berth-occupancy-radius-xs);background:var(--neutral-0);padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.berth-occupancy-util__vessel-alert-row:hover{background:var(--berth-occupancy-surface-muted)}.berth-occupancy-util__vessel-alert-row:focus-visible{outline:2px solid var(--berth-occupancy-link-color);outline-offset:1px}.berth-occupancy-util__vessel-alert-row--active{border-color:var(--berth-occupancy-accent);background:var(--berth-occupancy-surface-muted)}.berth-occupancy-util__vessel-alert-label{font-size:12px;font-weight:600;color:var(--berth-occupancy-text-primary)}.berth-occupancy-util__vessel-alert-statuses{display:flex;flex-wrap:wrap;gap:6px 10px}.berth-occupancy-util__vessel-alert-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--berth-occupancy-text-body)}.berth-occupancy-util__vessel-alerts-empty{font-size:12px;color:var(--berth-occupancy-text-secondary);text-wrap:pretty}.berth-occupancy-util__vessel-detail{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--berth-occupancy-border-subtle)}.berth-occupancy-util__vessel-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.berth-occupancy-util__vessel-detail-clear{font-size:12px}.berth-occupancy-util__vessel-detail-select{width:100% !important}.berth-occupancy-util__vessel-mini-chart-wrap{position:relative;overflow:visible}.berth-occupancy-util__vessel-mini-chart{display:block;width:100%;height:46px}.berth-occupancy-util__vessel-mini-label{position:absolute;transform:translate(-50%, -50%);font-size:10px;font-weight:600;line-height:1;color:var(--neutral-0);white-space:nowrap;pointer-events:none;user-select:none;z-index:1}.berth-occupancy-util__vessel-mini-outline{fill:none;stroke:var(--berth-occupancy-border-default);stroke-width:1;vector-effect:non-scaling-stroke}.berth-occupancy-util__vessel-mini-caption{font-size:11px;color:var(--berth-occupancy-text-secondary)}.berth-occupancy-util__vessel-detail-empty{font-size:12px;color:var(--berth-occupancy-text-secondary);text-wrap:pretty}.berth-occupancy-util__section-filter{display:flex;align-items:center;gap:4px;margin-bottom:6px}.berth-occupancy-util__section-filter-label{font-size:11px;font-weight:600;color:var(--berth-occupancy-text-secondary);margin-right:2px}.berth-occupancy-util__section-btn{appearance:none;border:1px solid var(--berth-occupancy-border-default);border-radius:var(--berth-occupancy-radius-xs);background:none;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;color:var(--berth-occupancy-text-body);transition:background .15s ease,color .15s ease}.berth-occupancy-util__section-btn:hover{background:var(--berth-occupancy-surface-muted)}.berth-occupancy-util__section-btn:focus-visible{outline:2px solid var(--berth-occupancy-link-color);outline-offset:1px}.berth-occupancy-util__section-btn--active{background:var(--berth-occupancy-accent);border-color:var(--berth-occupancy-accent);color:var(--neutral-0)}.berth-occupancy-util__section-divider{stroke:var(--berth-occupancy-border-default);stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
.berth-occupancy-create-sim{--bo-create-sim-text: var(--neutral-9);--bo-create-sim-muted: var(--neutral-6);--bo-create-sim-border: var(--neutral-3);--bo-create-sim-border-subtle: var(--neutral-2);--bo-create-sim-surface: var(--neutral-0, #ffffff);--bo-create-sim-radius: 4px}.berth-occupancy-create-sim__body{display:flex;flex-direction:column;gap:20px;max-height:min(70vh,640px);overflow-y:auto;padding-right:4px}.berth-occupancy-create-sim__toolbar{display:flex;justify-content:flex-end}.berth-occupancy-create-sim__icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--bo-create-sim-radius);background:rgba(0,0,0,0);color:var(--bo-create-sim-muted);cursor:pointer;transition:background .15s,color .15s}.berth-occupancy-create-sim__icon-btn:hover:not(:disabled){background:var(--neutral-1, #f5f5f5);color:var(--bo-create-sim-text)}.berth-occupancy-create-sim__icon-btn:disabled{opacity:.4;cursor:not-allowed}.berth-occupancy-create-sim__icon-btn-icon{width:18px;height:18px;flex:0 0 auto}.berth-occupancy-create-sim__section{display:flex;flex-direction:column;gap:10px;background:var(--bo-create-sim-surface);border:1px solid var(--bo-create-sim-border-subtle);border-radius:8px;padding:14px 16px}.berth-occupancy-create-sim__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.berth-occupancy-create-sim__section-title{margin:0;font-size:13px;font-weight:600;color:var(--bo-create-sim-text);text-transform:none}.berth-occupancy-create-sim__section-subtitle{margin:0;font-size:11px;color:var(--bo-create-sim-muted)}.berth-occupancy-create-sim__label-hint{color:var(--neutral-4)}.berth-occupancy-create-sim__field{display:flex;flex-direction:column;gap:4px;max-width:220px}.berth-occupancy-create-sim__field--description{max-width:320px}.berth-occupancy-create-sim__required{color:var(--error-6, #c62828)}.berth-occupancy-create-sim__field--disabled{opacity:.65;pointer-events:none}.berth-occupancy-create-sim__field--disabled .berth-occupancy-create-sim__label{color:var(--bo-create-sim-muted)}.berth-occupancy-create-sim__fields-row{display:flex;flex-wrap:wrap;gap:16px}.berth-occupancy-create-sim__label{font-size:11px;color:var(--bo-create-sim-muted)}.berth-occupancy-create-sim__empty{margin:0;font-size:12px;color:var(--bo-create-sim-muted)}.berth-occupancy-create-sim__table{width:100%;border-collapse:collapse;border:1px solid var(--bo-create-sim-border);border-radius:var(--bo-create-sim-radius);overflow:hidden}.berth-occupancy-create-sim__table th,.berth-occupancy-create-sim__table td{padding:6px 10px;vertical-align:middle;border-bottom:1px solid var(--bo-create-sim-border-subtle);text-align:left}.berth-occupancy-create-sim__table tr:last-child td{border-bottom:none}.berth-occupancy-create-sim__table th{font-size:11px;font-weight:500;color:var(--bo-create-sim-muted);background:var(--neutral-1, #f5f5f5);border-bottom:1px solid var(--bo-create-sim-border)}.berth-occupancy-create-sim__col-action{width:72px;white-space:nowrap;text-align:center}.berth-occupancy-create-sim__readonly{font-size:12px;color:var(--bo-create-sim-text)}.berth-occupancy-create-sim__pct-field{display:flex;align-items:center;gap:4px;min-width:0}.berth-occupancy-create-sim__pct-suffix{flex:0 0 auto;font-size:12px;color:var(--bo-create-sim-muted)}.berth-occupancy-create-sim__actions{display:flex;flex-direction:column;gap:8px;width:100%}.berth-occupancy-create-sim__actions-buttons{display:flex;gap:8px;justify-content:flex-end;width:100%}.berth-occupancy-create-sim__error{margin:0;font-size:12px;color:var(--error-6, #c62828);text-align:left}.berth-occupancy-create-sim__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
.berth-occupancy-sims__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.berth-occupancy-sims__search{flex:1;max-width:320px}.berth-occupancy-sims__table-wrap{overflow-x:auto}.berth-occupancy-sims__table{width:100%;border-collapse:collapse;font-size:.875rem}.berth-occupancy-sims__table th,.berth-occupancy-sims__table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--neutral-2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.berth-occupancy-sims__table th{font-weight:600;color:var(--neutral-7);background:var(--neutral-1)}.berth-occupancy-sims__table .berth-occupancy-sims__description-cell{max-width:300px}.berth-occupancy-sims__table td:last-child,.berth-occupancy-sims__table th:last-child{max-width:none;white-space:nowrap}.berth-occupancy-sims__table tr:last-child td{border-bottom:none}.berth-occupancy-sims__table tr:hover td{background:var(--neutral-1)}.berth-occupancy-sims__status{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;text-transform:capitalize}.berth-occupancy-sims__status--running::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warning-5, #f59e0b);animation:bo-sims-pulse 1.4s infinite}.berth-occupancy-sims__status--completed::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success-5, #22c55e)}.berth-occupancy-sims__status--failed::before,.berth-occupancy-sims__status--error::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger-5, #ef4444)}.berth-occupancy-sims__actions-cell{display:flex;gap:4px;flex-wrap:nowrap}.berth-occupancy-sims__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer;color:var(--neutral-7);flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.berth-occupancy-sims__icon-btn:hover{background:var(--neutral-2);border-color:var(--neutral-3);color:var(--neutral-9)}.berth-occupancy-sims__icon-btn:disabled{opacity:.4;cursor:not-allowed}.berth-occupancy-sims__icon-btn--danger{color:var(--danger-6, #dc2626)}.berth-occupancy-sims__icon-btn--danger:hover{background:var(--danger-1, #fee2e2);border-color:var(--danger-3, #fca5a5);color:var(--danger-7, #b91c1c)}.berth-occupancy-sims__pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;font-size:.875rem;color:var(--neutral-7)}.berth-occupancy-sims__empty,.berth-occupancy-sims__error{padding:24px;text-align:center;color:var(--neutral-6);font-size:.875rem}.berth-occupancy-sims__error{color:var(--danger-6, #dc2626)}@keyframes bo-sims-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.berth-occupancy-panel{--berth-occupancy-text-primary: var(--neutral-9);--berth-occupancy-text-secondary: var(--neutral-6);--berth-occupancy-border-subtle: var(--neutral-2);--berth-occupancy-border-default: var(--neutral-3);--berth-occupancy-accent: var(--digital-twin-8);--berth-occupancy-radius-xs: 4px;--berth-occupancy-radius-lg: 16px;display:flex;flex-direction:column;width:580px;flex:0 0 580px;align-self:stretch;height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--neutral-0, #ffffff);border-right:1px solid var(--neutral-200)}.berth-occupancy-panel__content{display:flex;flex-direction:column;gap:14px;padding:16px;flex:0 0 auto;min-height:min-content}.berth-occupancy-panel__toolbar{display:flex;flex-direction:row;align-items:center;gap:8px}.berth-occupancy-panel__toolbar-btn{flex:1}.berth-occupancy-panel__accordion{width:100%}.berth-occupancy-panel__card{background:var(--neutral-0);border:1px solid var(--berth-occupancy-border-subtle);border-bottom:1px solid var(--berth-occupancy-border-subtle);border-radius:var(--berth-occupancy-radius-lg);padding:0;overflow:hidden;width:100%}.berth-occupancy-panel__card:last-child{border-bottom:1px solid var(--berth-occupancy-border-subtle)}.berth-occupancy-panel__accordion-trigger{align-items:center !important;gap:8px !important;justify-content:space-between !important;width:100%;padding:13px 16px !important;margin:0;border:none !important;border-radius:0 !important;background:rgba(0,0,0,0) !important;box-shadow:none !important;font-family:inherit !important;font-size:13px !important;font-weight:600 !important;line-height:1.25 !important;color:var(--berth-occupancy-text-primary) !important;text-decoration:none !important;text-align:left;cursor:pointer}.berth-occupancy-panel__accordion-trigger:hover{background:var(--neutral-05, var(--berth-occupancy-border-subtle)) !important;text-decoration:none !important}.berth-occupancy-panel__accordion-trigger:focus-visible{outline:2px solid var(--berth-occupancy-accent) !important;outline-offset:-2px !important;text-decoration:none !important}.berth-occupancy-panel__accordion-trigger[data-state=open]{border-bottom:1px solid var(--berth-occupancy-border-subtle) !important}.berth-occupancy-panel__accordion-icon{color:var(--berth-occupancy-text-secondary) !important;flex-shrink:0;width:18px;height:18px;transform:none !important}.berth-occupancy-panel__accordion-content-inner{padding:14px 16px 16px !important}.berth-occupancy-panel__fields{display:flex;flex-direction:column;gap:10px}.berth-occupancy-panel__field{display:flex;flex-direction:column;gap:4px}.berth-occupancy-panel__label{font-size:11px;font-weight:600;color:var(--berth-occupancy-text-secondary)}.berth-occupancy-panel__input{height:34px;padding:0 10px;border:1px solid var(--berth-occupancy-border-default);border-radius:var(--berth-occupancy-radius-xs);background:var(--neutral-0);color:var(--berth-occupancy-text-primary);font-size:13px;font-family:inherit;width:100%;box-sizing:border-box}.berth-occupancy-panel__input:focus{outline:2px solid var(--berth-occupancy-accent);outline-offset:-1px}.berth-occupancy-panel__row{display:flex;gap:10px}.berth-occupancy-panel__row .berth-occupancy-panel__field{flex:1}.berth-occupancy-panel__fetch-btn{margin-top:4px;height:34px;padding:0 18px;background:var(--berth-occupancy-accent);color:var(--neutral-0);border:none;border-radius:var(--berth-occupancy-radius-xs);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;align-self:flex-end}.berth-occupancy-panel__fetch-btn:disabled{opacity:.5;cursor:not-allowed}.berth-occupancy-panel__fetch-btn:hover:not(:disabled){filter:brightness(1.1)}.berth-occupancy-panel__fetch-btn:focus-visible{outline:2px solid var(--berth-occupancy-accent);outline-offset:2px}.berth-occupancy-panel__error{font-size:12px;color:var(--alert-7);margin-top:4px}.berth-occupancy-panel__sim-name{font-size:16px;font-weight:600;color:var(--berth-occupancy-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:32px 0}.berth-occupancy-panel__sim-name-prefix{font-weight:400;color:var(--berth-occupancy-text-secondary)}.berth-occupancy-panel__empty{font-size:13px;color:var(--berth-occupancy-text-secondary);text-align:center;padding:24px 16px;text-wrap:pretty}
.berth-sim{--berth-sim-text-primary: var(--neutral-9);--berth-sim-text-secondary: var(--neutral-6);--berth-sim-border-subtle: var(--neutral-2);--berth-sim-border-default: var(--neutral-3);--berth-sim-surface: var(--neutral-0);--berth-sim-surface-subtle: var(--neutral-05);--berth-sim-accent: var(--digital-twin-8);--berth-sim-radius-xs: 4px;--berth-sim-radius-sm: 8px;--berth-sim-radius-lg: 16px;--berth-sim-radius-full: 9999px;display:flex;flex-direction:column;gap:12px;background:var(--neutral-0);border:1px solid var(--berth-sim-border-subtle);border-radius:var(--berth-sim-radius-lg);padding:14px 16px}.berth-sim__section-title{margin:0;font-size:14px;font-weight:700;color:var(--berth-sim-text-primary)}.berth-sim__chart-wrap{min-width:0;overflow:hidden}.berth-sim__chart-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--berth-sim-text-secondary);text-align:center;margin-bottom:2px}.berth-sim__chart-title{font-size:13px;font-weight:600;color:var(--berth-sim-text-primary);text-align:center;margin-bottom:4px}.berth-sim__chart-subtitle{font-size:11px;font-weight:500;color:var(--berth-sim-text-secondary);text-align:center;margin:-2px 0 6px}.berth-sim__tooltip{background:var(--neutral-0);border:1px solid var(--berth-sim-border-subtle);border-radius:var(--berth-sim-radius-xs);padding:8px 10px;font-size:11px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.berth-sim__tooltip-label{font-weight:600;color:var(--berth-sim-text-primary);margin-bottom:4px}.berth-sim__tooltip-row{display:flex;justify-content:space-between;gap:12px;margin:2px 0;font-weight:500}.berth-sim__controls{display:flex;flex-direction:column;gap:12px}.berth-sim__transport{display:flex;align-items:center;justify-content:center;gap:8px}.berth-sim__transport-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--berth-sim-border-default);border-radius:var(--berth-sim-radius-sm);background:var(--neutral-0);color:var(--berth-sim-text-secondary);cursor:pointer;transition:background .15s,color .15s}.berth-sim__transport-btn:hover:not(:disabled){background:var(--berth-sim-surface-subtle);color:var(--berth-sim-text-primary)}.berth-sim__transport-btn:disabled{opacity:.4;cursor:not-allowed}.berth-sim__transport-btn:focus-visible{outline:2px solid var(--berth-sim-accent);outline-offset:2px}.berth-sim__transport-btn--primary{background:var(--berth-sim-accent);border-color:var(--berth-sim-accent);color:var(--neutral-0);width:42px;height:42px}.berth-sim__transport-btn--primary:hover:not(:disabled){background:var(--berth-sim-accent);filter:brightness(1.1);color:var(--neutral-0)}.berth-sim__scrubber{display:flex;align-items:center;gap:10px}.berth-sim__scrubber .berth-sim__scrubber-track{flex:1;appearance:none;-webkit-appearance:none;height:14px;background:rgba(0,0,0,0);cursor:pointer}.berth-sim__scrubber .berth-sim__scrubber-track::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right, var(--berth-sim-accent) 0%, var(--berth-sim-accent) var(--berth-sim-progress, 0%), var(--berth-sim-border-subtle) var(--berth-sim-progress, 0%), var(--berth-sim-border-subtle) 100%);border-radius:2px}.berth-sim__scrubber .berth-sim__scrubber-track::-moz-range-track{height:4px;background:var(--berth-sim-border-subtle);border-radius:2px;border:none}.berth-sim__scrubber .berth-sim__scrubber-track::-moz-range-progress{height:4px;background:var(--berth-sim-accent);border-radius:2px}.berth-sim__scrubber .berth-sim__scrubber-track::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--berth-sim-accent);border:2px solid var(--neutral-0);box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:grab;margin-top:-5px}.berth-sim__scrubber .berth-sim__scrubber-track::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--berth-sim-accent);border:2px solid var(--neutral-0);box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:grab}.berth-sim__scrubber .berth-sim__scrubber-track:focus-visible{outline:none}.berth-sim__scrubber .berth-sim__scrubber-track:focus-visible::-webkit-slider-thumb{outline:2px solid var(--berth-sim-accent);outline-offset:2px}.berth-sim__scrubber .berth-sim__scrubber-track:focus-visible::-moz-range-thumb{outline:2px solid var(--berth-sim-accent);outline-offset:2px}.berth-sim__scrubber-label{flex:0 0 auto;min-width:132px;font-size:11px;font-weight:600;color:var(--berth-sim-text-primary);white-space:nowrap}.berth-sim__scrubber-count{flex:0 0 auto;font-size:10px;color:var(--berth-sim-text-secondary)}.berth-sim__speed{display:flex;align-items:center;gap:8px}.berth-sim__speed-label{font-size:11px;color:var(--berth-sim-text-secondary);flex:0 0 auto}.berth-sim__speed-chips{display:flex;gap:4px}.berth-sim__speed-chip{padding:3px 10px;border:1px solid var(--berth-sim-border-default);border-radius:var(--berth-sim-radius-full);background:var(--neutral-0);font-size:11px;font-weight:500;font-family:inherit;color:var(--berth-sim-text-secondary);cursor:pointer}.berth-sim__speed-chip:hover{color:var(--berth-sim-text-primary)}.berth-sim__speed-chip[aria-pressed=true]{background:var(--berth-sim-accent);border-color:var(--berth-sim-accent);color:var(--neutral-0);font-weight:600}.berth-sim__speed-chip:focus-visible{outline:2px solid var(--berth-sim-accent);outline-offset:2px}
.bo-sim-status-bar{position:absolute;top:12px;right:12px;z-index:20;display:flex;flex-direction:column;gap:0;min-width:220px;max-width:500px;padding:10px 12px;background:rgba(30,35,48,.92);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.28);color:var(--color-text-primary, #e0e4ef);font-size:var(--font-size-sm, 13px)}.bo-sim-status-bar--success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4);color:#86efac}.bo-sim-status-bar--error{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.4);color:#fca5a5}.bo-sim-status-bar--minimised{min-width:unset;max-width:unset;width:44px;height:44px;padding:0;border-radius:50%;justify-content:center;cursor:pointer;background:rgba(30,35,48,.92);border-color:rgba(255,255,255,.12);font-family:inherit;font-size:inherit;line-height:1;appearance:none}.bo-sim-status-bar--minimised:hover{background:rgba(40,46,62,.96)}.bo-sim-status-bar--minimised:focus-visible{outline:2px solid var(--color-accent, #4b9cf5);outline-offset:2px}.bo-sim-status-bar__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bo-sim-status-bar__content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.bo-sim-status-bar__label{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bo-sim-status-bar__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.bo-sim-status-bar__icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:none;color:inherit;opacity:.6;cursor:pointer;line-height:1;font-family:inherit}.bo-sim-status-bar__icon-btn:hover{opacity:1;background:rgba(255,255,255,.08)}.bo-sim-status-bar__icon-btn:focus-visible{outline:2px solid var(--color-accent, #4b9cf5);outline-offset:1px;opacity:1}.bo-sim-status-bar__spinner{display:inline-block;flex-shrink:0;width:14px;height:14px;border:2px solid rgba(224,228,239,.25);border-top-color:var(--color-accent, #4b9cf5);border-radius:50%;animation:bo-sim-spin .8s linear infinite}.bo-sim-status-bar--minimised .bo-sim-status-bar__spinner{width:20px;height:20px}.bo-sim-status-bar__progress-track{width:100%;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-top:8px}.bo-sim-status-bar__progress-fill{height:100%;width:100%;border-radius:2px;background:rgba(34,197,94,.7);animation:bo-sim-countdown 10s linear forwards}@keyframes bo-sim-spin{to{transform:rotate(360deg)}}@keyframes bo-sim-countdown{from{width:100%}to{width:0%}}
.berth-occupancy-page{position:relative;display:flex;flex-direction:column;width:100%;height:calc(100vh - var(--app-header-height, 50px));max-height:calc(100vh - var(--app-header-height, 50px));overflow:hidden}.berth-occupancy-page__content{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.berth-occupancy-page__map{position:relative;flex:1 1 auto;min-width:0;height:100%;min-height:0;overflow:hidden}