/*! cloudflare-pages-asset-salt:cloudflare-pages-asset-salt-v5 */
.delete-file-version{display:flex;flex-direction:column;gap:40px}.delete-file-version__description{font-size:14px;font-weight:400;line-height:22px;color:var(--neutral-700);word-wrap:break-word}.delete-file-version__content{display:flex;flex-direction:column;gap:8px;flex:1 1 0}.delete-file-version__header{background-color:var(--neutral-200);padding:8px 16px;border-radius:4px;display:inline-flex;gap:4px;align-items:flex-start;align-self:stretch;font-size:14px;line-height:22px}.delete-file-version__header-label{color:var(--neutral-900);font-weight:500;display:flex;flex-direction:column;justify-content:center}.delete-file-version__header-value{color:var(--neutral-700);font-weight:400;word-wrap:break-word;flex:1 1 0;display:flex;flex-direction:column;justify-content:center}.delete-file-version__no-versions{text-align:center;padding:32px 0;color:var(--neutral-500)}.delete-file-version__list{display:flex;flex-direction:column;gap:8px}.delete-file-version__version-card{height:80px;padding:16px;background:var(--neutral-0);border-radius:4px;outline:1px solid var(--neutral-200);outline-offset:-1px;display:inline-flex;justify-content:space-between;align-items:center;cursor:pointer;transition:outline-color .2s ease}.delete-file-version__version-card:hover{outline-color:var(--neutral-300)}.delete-file-version__version-card--selected{background:var(--brand-50);outline:1px solid var(--brand-700);outline-offset:-1px}.delete-file-version__version-card--selected .MuiRadio-root{color:var(--brand-700)}.delete-file-version__version-content-wrapper{flex:1 1 0;display:flex;justify-content:flex-start;align-items:center;gap:24px}.delete-file-version__version-content{flex:1 1 0;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.delete-file-version__version-number{font-size:14px;font-weight:500;line-height:22px;color:var(--neutral-900);word-wrap:break-word;align-self:stretch}.delete-file-version__version-details{font-size:14px;font-weight:400;line-height:22px;color:var(--neutral-700);word-wrap:break-word;align-self:stretch}.delete-file-version__info-message.MuiTypography-root{margin-top:0;margin-bottom:0}.delete-file-version__info-message{font-size:14px;padding:12px;border-radius:4px}.delete-file-version__info-message--info{color:var(--brand-700);background-color:var(--brand-100);border:1px solid var(--brand-200)}.delete-file-version .MuiRadio-root{padding:0;width:16px;height:16px}.delete-file-version .MuiRadio-root .MuiSvgIcon-root{width:16px;height:16px}.delete-file-version .MuiRadio-root.Mui-checked{color:var(--brand-700)}.delete-file-version .MuiRadioGroup-root{gap:8px}
.gis-structure-page{background-color:var(--neutral-50);min-height:100%;padding:40px 60px 24px 60px}.gis-structure-page__title{font-family:"Inter",sans-serif;font-weight:500;font-size:24px;line-height:32px;color:var(--neutral-900);margin:0 0 24px 0}.gis-structure-page__table-container{background-color:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:4px}.gis-structure-page__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;height:64px}.gis-structure-page__search{display:flex;align-items:center;gap:4px;width:400px;height:40px;padding:8px 12px;background-color:var(--neutral-0);border:1px solid var(--neutral-500);border-radius:4px;transition:border-color .2s ease}.gis-structure-page__search:focus-within{border-color:var(--brand-700)}.gis-structure-page__search-icon{width:24px;height:24px;color:var(--neutral-500);flex-shrink:0}.gis-structure-page__search-input{flex:1;border:none;outline:none;background:rgba(0,0,0,0);font-family:"Inter",sans-serif;font-size:14px;line-height:19px;color:var(--neutral-900)}.gis-structure-page__search-input::-moz-placeholder{color:var(--neutral-400)}.gis-structure-page__search-input::placeholder{color:var(--neutral-400)}.gis-structure-page__add-button{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;background-color:var(--brand-700);color:var(--neutral-0);border:none;border-radius:4px;font-family:"Inter",sans-serif;font-weight:500;font-size:14px;line-height:22px;cursor:pointer;transition:background-color .2s ease}.gis-structure-page__add-button:hover{background-color:var(--brand-800)}.gis-structure-page__add-button:active{transform:scale(0.98)}
.table-structure{width:100%;overflow-x:auto}.table-structure .data-table__header{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200)}.table-structure .data-table__header-row{background-color:var(--neutral-50);display:flex;align-items:center;height:48px;padding:0 24px;min-width:900px;border:none;border-radius:0;box-shadow:none}.table-structure .data-table__header-cell{font-family:"Inter",sans-serif;font-weight:700;font-size:12px;line-height:20px;color:var(--neutral-900);text-transform:uppercase;padding:0 12px;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;gap:8px}.table-structure .data-table__header-cell:first-child{padding-left:0}.table-structure .data-table__header-cell:last-child{padding-right:0}.table-structure .data-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-structure .data-table__header-cell--sortable:hover{color:var(--neutral-700)}.table-structure .data-table__header-divider{width:1px;height:24px;background-color:var(--neutral-200);flex-shrink:0}.table-structure .data-table__body{background-color:var(--neutral-0)}.table-structure .data-table__row{display:flex;align-items:center;height:72px;padding:0 24px;min-width:900px;border:none;border-bottom:1px solid var(--neutral-200);border-radius:0;box-shadow:none;background:var(--neutral-0);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;transition:background-color .2s ease}.table-structure .data-table__row:hover{background-color:var(--neutral-50);box-shadow:none;transform:none}.table-structure .data-table__row:last-child{border-bottom:none}.table-structure .data-table__cell{font-family:"Inter",sans-serif;font-size:14px;line-height:22px;color:var(--neutral-700);padding:0 12px;overflow:hidden;text-overflow:ellipsis;border:none;background:rgba(0,0,0,0)}.table-structure .data-table__cell:first-child{padding-left:0;border-left:none}.table-structure .data-table__cell:last-child{padding-right:0;border-right:none;display:flex;justify-content:center}.table-structure .data-table__empty{display:flex;align-items:center;justify-content:center;height:120px;font-family:"Inter",sans-serif;font-size:14px;color:var(--neutral-500)}.thumbnail{width:100px;height:56px;border-radius:4px;overflow:hidden;flex-shrink:0}.thumbnail--loading,.thumbnail--placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--neutral-100)}.thumbnail--loading{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__placeholder-text{font-family:"Inter",sans-serif;font-size:10px;color:var(--neutral-500)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.description-cell{display:flex;flex-direction:column;align-items:flex-start}.description-cell__text{word-break:break-word}.description-cell__toggle{font-family:"Inter",sans-serif;font-size:12px;color:var(--brand-700);background:none;border:none;cursor:pointer;padding:2px 0;margin-top:4px;font-weight:500}.description-cell__toggle:hover{opacity:.8;text-decoration:underline}.sort-icon{display:flex;flex-direction:column;align-items:center;gap:2px;margin-left:4px}.sort-icon__arrow{color:var(--neutral-300);transition:color .2s ease}.sort-icon__arrow--active{color:var(--neutral-700)}.table-structure .table-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid var(--neutral-200);background-color:var(--neutral-0)}.table-structure .table-pagination__left{display:flex;align-items:center;gap:8px}.table-structure .table-pagination__right{display:flex;align-items:center;gap:16px}.table-structure .table-pagination__label{font-family:"Inter",sans-serif;font-size:14px;color:var(--neutral-500);font-weight:500}.table-structure .table-pagination__info{font-family:"Inter",sans-serif;font-size:14px;color:var(--neutral-500)}.table-structure .table-pagination__controls{display:flex;gap:4px}.table-structure .table-pagination__button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--neutral-300);background-color:var(--neutral-0);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--neutral-700)}.table-structure .table-pagination__button:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-400)}.table-structure .table-pagination__button:active:not(:disabled){transform:scale(0.95)}.table-structure .table-pagination__button:disabled{cursor:not-allowed;opacity:.4;background-color:var(--neutral-50)}.table-structure .table-pagination__button svg{width:18px;height:18px}.table-structure .table-pagination__select{min-width:70px}.table-structure .table-pagination__select .MuiOutlinedInput-root{font-size:14px}.table-structure .table-pagination__select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--neutral-400)}.table-structure .table-pagination__select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand-700);border-width:1px}.table-structure .table-pagination__select .MuiSelect-select{padding:6px 32px 6px 12px}
.version-dropdown{position:relative;display:inline-block}.version-dropdown__trigger{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;transition:background-color .2s ease}.version-dropdown__trigger--clickable:hover{background-color:var(--neutral-100)}.version-dropdown__trigger:disabled{cursor:default}.version-dropdown__number{font-size:14px;color:var(--neutral-900);font-weight:400}.version-dropdown__chevron{width:16px;height:16px;color:var(--neutral-500);flex-shrink:0}.version-dropdown__empty{font-size:14px;color:var(--neutral-500)}.version-dropdown__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;pointer-events:none}.version-dropdown__dropdown{background-color:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:9999;min-width:280px;max-width:320px;overflow:hidden;display:flex;flex-direction:column}.version-dropdown__dropdown--portal{position:fixed}.version-dropdown__header{padding:12px 16px;border-bottom:1px solid var(--neutral-200);background-color:var(--neutral-50);display:flex;align-items:center;justify-content:space-between}.version-dropdown__header-text{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--neutral-700)}.version-dropdown__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:rgba(0,0,0,0);padding:0;cursor:pointer;border-radius:4px;line-height:0;transition:background-color .2s ease}.version-dropdown__close:hover{background-color:var(--neutral-100)}.version-dropdown__close-icon{width:20px;height:20px;display:block;color:currentColor;fill:currentColor}.version-dropdown__close-icon path{fill:currentColor}.version-dropdown__list{max-height:280px;overflow-y:auto;padding:4px 0}.version-dropdown__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;text-align:left;background:none;border:none;cursor:pointer;transition:background-color .2s ease;gap:12px}.version-dropdown__item:hover{background-color:var(--neutral-50)}.version-dropdown__item--selected{background-color:var(--brand-50)}.version-dropdown__item--selected:hover{background-color:var(--brand-100)}.version-dropdown__item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.version-dropdown__item-version{font-size:14px;font-weight:500;color:var(--neutral-900);display:flex;align-items:center;gap:8px}.version-dropdown__saved-badge{font-size:11px;font-weight:600;color:var(--brand-700);background-color:var(--brand-100);padding:2px 6px;border-radius:4px;text-transform:uppercase}.version-dropdown__item-details{font-size:12px;color:var(--neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-dropdown__check-icon{width:20px;height:20px;color:var(--brand-700);flex-shrink:0}.version-dropdown__footer{padding:12px 16px;border-top:1px solid var(--neutral-200);background-color:var(--neutral-50);display:flex;justify-content:flex-end}.version-dropdown__save-btn{background-color:var(--brand-700);color:var(--neutral-0);border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px;min-width:80px;justify-content:center}.version-dropdown__save-btn:hover:not(:disabled){background-color:var(--brand-800)}.version-dropdown__save-btn:disabled{background-color:var(--neutral-200);color:var(--neutral-500);cursor:not-allowed}.version-dropdown__spinner{color:var(--neutral-0)}

.notification-search{background:#fff;width:35%;border:2px solid color-mix(in srgb, var(--neutral-900) 8%, transparent);border-radius:5px}.notification-search .vt-panel__search{height:35px}.vt-overview__info-row{display:contents}.vt-overview__info-row dt,.vt-overview__info-row dd{padding:10px 0;border-bottom:1px solid color-mix(in srgb, var(--neutral-900) 8%, transparent)}.vt-overview__info-row:last-child dt,.vt-overview__info-row:last-child dd{border-bottom:0}.notifications-list .vt-panel__header{padding-top:10px;padding-bottom:0px}.notify-details-label{font-weight:bold;color:#000;width:40%}.notify-row{justify-content:unset}
.zone-legend{position:absolute;left:var(--space-md, 16px);bottom:60px;z-index:10;background:var(--neutral-900, #1d1d1d);border-radius:var(--radius-md, 8px);padding:10px 14px;pointer-events:none}.zone-legend__title{color:var(--neutral-400, #9ca3af);font-size:11px;font-weight:600;margin-bottom:6px}.zone-legend__rows{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.zone-legend__row{display:flex;align-items:center;gap:8px}.zone-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.zone-legend__label{color:var(--neutral-50, #ffffff);font-size:13px}
.port-traffic-viewer{position:relative;flex:1 1 auto;min-width:0;height:100%;min-height:0}.port-traffic-viewer--loading,.port-traffic-viewer--error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;font-size:14px}.port-traffic-viewer--loading{color:var(--neutral-500);background:var(--neutral-100)}.port-traffic-viewer--error{color:var(--error-dark, #7f1d1d);background:var(--error-50, #fef2f2)}.port-traffic-viewer .mmv{width:100% !important;height:100% !important}.esri-view-root .esri-view-surface{height:100%}.esri-view-root{height:100%}
.active-zones-panel{display:flex;flex-direction:column;width:360px;flex-shrink:0;height:100%;min-height:0;overflow:hidden;background:var(--neutral-0, #ffffff);border-right:1px solid var(--neutral-200)}.active-zones-panel__header{flex-shrink:0;padding:var(--space-lg, 16px);border-bottom:1px solid var(--neutral-200)}.active-zones-panel__title{margin:0 0 var(--space-md, 12px);font-size:20px;font-weight:700;color:var(--neutral-900, #1d1d1d)}.active-zones-panel__search-row{display:flex;align-items:center;gap:var(--space-sm, 8px)}.active-zones-panel__search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.active-zones-panel__reset-button{flex-shrink:0}.active-zones-panel__search-icon{position:absolute;left:10px;width:12px;height:12px;color:var(--neutral-500);pointer-events:none}.active-zones-panel__search-input{width:100%}.active-zones-panel__search-input input{padding-left:28px}.active-zones-panel__list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-lg, 16px);display:flex;flex-direction:column;gap:var(--space-md, 12px)}.active-zones-panel__tile{border:1px solid var(--neutral-200);border-radius:var(--radius-md, 8px);padding:var(--space-md, 12px);cursor:pointer;transition:border-color .2s ease,background .2s ease}.active-zones-panel__tile:hover{border-color:var(--app-accent-color, var(--brand-700));background:var(--neutral-50)}.active-zones-panel__tile:focus-visible{outline:2px solid var(--app-accent-color, var(--brand-700));outline-offset:2px}.active-zones-panel__tile--selected{border-color:var(--app-accent-color, var(--brand-700));background:var(--neutral-50)}.active-zones-panel__tile-title{font-size:14px;font-weight:700;color:var(--neutral-900, #1d1d1d);margin-bottom:8px}.active-zones-panel__tile-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm, 8px);padding:3px 0;font-size:13px}.active-zones-panel__tile-label{color:var(--Neutral-900, #1D1D1D);font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:20px}.active-zones-panel__tile-value{color:var(--Neutral-700, #5D5D5D);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.active-zones-panel__type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.active-zones-panel__empty{color:var(--neutral-500);font-size:13px;text-align:center;padding:var(--space-lg, 16px) 0}
.port-traffic-page{position:relative;display:flex;flex-direction:row;width:100%;height:calc(100vh - var(--app-header-height, 50px));overflow:hidden}
.port-gate-sim-peak-slider{position:relative;display:flex;align-items:center;width:100%;height:28px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.port-gate-sim-peak-slider__track{position:relative;flex-grow:1;height:6px;border-radius:999px;background-color:var(--neutral-200)}.port-gate-sim-peak-slider__range{position:absolute;height:100%;border-radius:999px;background-color:var(--brand-700)}.port-gate-sim-peak-slider__thumb{display:block;width:18px;height:18px;border:2px solid var(--neutral-0);border-radius:50%;background-color:var(--brand-700);box-shadow:0 1px 4px color-mix(in srgb, var(--neutral-900) 20%, transparent);cursor:grab}.port-gate-sim-peak-slider__thumb:hover{background-color:var(--brand-700)}.port-gate-sim-peak-slider__thumb:focus-visible{outline:2px solid var(--brand-700);outline-offset:2px}.port-gate-sim-peak-slider__thumb:active{cursor:grabbing}
.port-gate-sim{display:flex;flex-direction:column;gap:0;min-width:0;padding:var(--space-lg, 16px)}.port-gate-sim__message{margin:0;font-size:12px;color:var(--neutral-500)}.port-gate-sim__gate-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.port-gate-sim__gate-tab{padding:8px 14px;border:1px solid var(--neutral-200);border-radius:16px;background:var(--neutral-0, #ffffff);color:var(--neutral-700);font-size:14px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.port-gate-sim__gate-tab--active{border-color:var(--brand-700);color:var(--brand-700);font-weight:600}.port-gate-sim__info-list{margin:0 0 16px;padding:0}.port-gate-sim__info-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--neutral-200);font-size:13px}.port-gate-sim__info-row dt{margin:0;color:var(--neutral-500);font-weight:400}.port-gate-sim__info-row dd{margin:0;color:var(--neutral-900);text-align:right;font-weight:500}.port-gate-sim__queue-badge{display:inline-block;padding:3px 10px;border-radius:14px;background:#fef3c7;color:var(--neutral-900);font-size:12px;font-weight:500}.port-gate-sim__tabs{display:flex;gap:20px;margin-bottom:14px;border-bottom:1px solid var(--neutral-200)}.port-gate-sim__tab{padding:8px 0 10px;font-size:13px;color:var(--neutral-500);border-bottom:2px solid rgba(0,0,0,0)}.port-gate-sim__tab--active{color:var(--brand-700);border-bottom-color:var(--brand-700);font-weight:600}.port-gate-sim__card{padding:16px;border:1px solid var(--neutral-200);border-radius:8px;background:var(--neutral-0, #ffffff);display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.port-gate-sim__sim-subtitle{margin:0 0 4px;font-size:12px;color:var(--neutral-500);line-height:1.45}.port-gate-sim__lanes-header{display:flex;justify-content:space-between;font-size:13px;color:var(--neutral-700);font-weight:500}.port-gate-sim__lanes-count{color:var(--brand-700);font-weight:700}.port-gate-sim__lane-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px}.port-gate-sim__lane-chip{padding:8px 6px;border:none;border-radius:20px;font-size:11px;font-weight:500;text-align:center;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-gate-sim__lane-chip--open{background:#dcfce7;color:#166534}.port-gate-sim__lane-chip--closed{background:#fee2e2;color:#991b1b}.port-gate-sim__lane-chip:disabled{cursor:not-allowed;opacity:.92}.port-gate-sim__profile-block{display:flex;flex-direction:column;gap:6px}.port-gate-sim__profile-label{font-size:13px;font-weight:500;color:var(--neutral-700)}.port-gate-sim__profile-select{width:100%;padding:10px 12px;border:1px solid var(--neutral-200);border-radius:6px;background:var(--neutral-0, #ffffff);color:var(--neutral-900);font-size:13px;cursor:pointer}.port-gate-sim__profile-select:focus{outline:2px solid color-mix(in srgb, var(--brand-700) 35%, transparent);outline-offset:1px}.port-gate-sim__gate-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--neutral-200);border-radius:8px;background:var(--neutral-50);font-size:13px;font-weight:600}.port-gate-sim__gate-total strong{font-size:18px;font-weight:700}.port-gate-sim__traffic-legend{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--neutral-200);border-radius:8px;background:var(--neutral-0, #ffffff)}.port-gate-sim__traffic-legend-title{font-size:12px;font-weight:600;color:var(--neutral-700)}.port-gate-sim__traffic-legend-items{display:flex;flex-wrap:wrap;gap:8px 12px}.port-gate-sim__traffic-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--neutral-600)}.port-gate-sim__traffic-legend-swatch{width:14px;height:6px;border-radius:999px;flex-shrink:0}.port-gate-sim__slider-block{display:flex;flex-direction:column;gap:10px;width:100%}.port-gate-sim__slider-row{display:flex;justify-content:space-between;font-size:13px;color:var(--neutral-700);font-weight:500}.port-gate-sim__slider-value{color:var(--brand-700);font-weight:700}.port-gate-sim__run-actions{display:flex;gap:8px;align-items:stretch}.port-gate-sim__run-btn{flex:1;min-width:0;padding:12px 16px;border:none;border-radius:6px;background:var(--brand-700);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s ease}.port-gate-sim__run-btn:hover{filter:brightness(1.06)}.port-gate-sim__run-reset{flex-shrink:0;width:40px;padding:0;border:1px solid var(--neutral-200);border-radius:6px;background:var(--neutral-0, #ffffff);color:var(--neutral-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.port-gate-sim__run-reset:hover{border-color:var(--neutral-300);color:var(--neutral-900);background:var(--neutral-50)}.port-gate-sim__run-reset-icon{width:16px;height:16px;display:block}.port-gate-sim__result-cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-bottom:16px}.port-gate-sim__result-card{padding:14px;border-radius:8px;border:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:6px}.port-gate-sim__result-label{font-size:12px;font-weight:600;color:var(--neutral-500)}.port-gate-sim__result-card strong{font-size:18px;font-weight:700}.port-gate-sim__section-title{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--neutral-900)}.port-gate-sim__section-subtitle{margin:0 0 12px;font-size:12px;color:var(--neutral-500)}.port-gate-sim__chart-section,.port-gate-sim__delay-section{margin-bottom:18px}.port-gate-sim__chart-wrap{position:relative;overflow:visible;border:1px solid var(--neutral-200);border-radius:8px;padding:12px;background:var(--neutral-0, #ffffff)}.port-gate-sim__chart-plot{display:flex;flex-direction:column;gap:8px}.port-gate-sim__chart{width:100%;height:100px;display:block;cursor:crosshair}.port-gate-sim__chart-hit-area{cursor:crosshair}.port-gate-sim__chart-hint{margin:0;font-size:11px;color:var(--neutral-500);line-height:1.4}.port-gate-sim__chart-crosshair{stroke:var(--neutral-300);stroke-width:1;stroke-dasharray:3 3}.port-gate-sim__chart-point{stroke:#fff;stroke-width:1.5}.port-gate-sim__chart-point--current{fill:var(--neutral-500)}.port-gate-sim__chart-point--scenario{fill:#ef4444}.port-gate-sim__chart-tooltip{width:100%;padding:8px 10px;border:1px solid var(--neutral-200);border-radius:8px;background:var(--neutral-50);box-shadow:none}.port-gate-sim__chart-tooltip-time{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--neutral-900)}.port-gate-sim__chart-tooltip-metrics{margin:0 0 8px;display:grid;gap:4px}.port-gate-sim__chart-tooltip-metrics div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.port-gate-sim__chart-tooltip-metrics dt{margin:0;color:var(--neutral-500)}.port-gate-sim__chart-tooltip-metrics dd{margin:0;font-weight:600;color:var(--neutral-900)}.port-gate-sim__chart-tooltip-impact{margin:0;padding:6px 8px;border-radius:6px;font-size:11px;line-height:1.4;display:flex;flex-direction:column;gap:2px}.port-gate-sim__chart-tooltip-impact strong{font-size:12px}.port-gate-sim__chart-tooltip-impact span{font-weight:500}.port-gate-sim__chart-line--current{stroke:var(--neutral-500);stroke-width:2}.port-gate-sim__chart-line--scenario{stroke:#ef4444;stroke-width:2.5}.port-gate-sim__chart-legend{display:flex;gap:16px;margin-top:8px;font-size:11px}.port-gate-sim__chart-legend-item{display:flex;align-items:center;gap:6px;color:var(--neutral-600)}.port-gate-sim__chart-legend-item--current::before{content:"";width:16px;height:2px;background:var(--neutral-500);display:inline-block}.port-gate-sim__chart-legend-item--scenario::before{content:"";width:16px;height:2px;background:#ef4444;display:inline-block}.port-gate-sim__chart-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--neutral-500)}.port-gate-sim__chart-empty{margin:0;padding:24px 8px;text-align:center;font-size:12px;color:var(--neutral-500)}.port-gate-sim__delay-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border:1px solid var(--neutral-200);border-radius:8px;background:var(--neutral-0, #ffffff)}.port-gate-sim__delay-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;text-align:center;padding:4px 8px}.port-gate-sim__delay-badge{width:32px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-sizing:border-box}.port-gate-sim__delay-name{font-size:12px;font-weight:600;color:var(--neutral-900)}.port-gate-sim__delay-time{font-size:11px;font-weight:600}.port-gate-sim__delay-arrow{color:var(--neutral-400);font-size:16px;flex-shrink:0}
.zone-legend{position:absolute;left:var(--space-md, 16px);bottom:60px;z-index:10;background:var(--neutral-900, #1d1d1d);border-radius:var(--radius-md, 8px);padding:10px 14px;pointer-events:none}.zone-legend__title{color:var(--neutral-400, #9ca3af);font-size:11px;font-weight:600;margin-bottom:6px}.zone-legend__rows{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.zone-legend__row{display:flex;align-items:center;gap:8px}.zone-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.zone-legend__label{color:var(--neutral-50, #ffffff);font-size:13px}
.port-traffic-viewer{position:relative;flex:1 1 auto;min-width:0;height:100%;min-height:0}.port-traffic-viewer--loading,.port-traffic-viewer--error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;font-size:14px}.port-traffic-viewer--loading{color:var(--neutral-500);background:var(--neutral-100)}.port-traffic-viewer--error{color:var(--error-dark, #7f1d1d);background:var(--error-50, #fef2f2)}.port-traffic-viewer .mmv{width:100% !important;height:100% !important}.esri-view-root .esri-view-surface{height:100%}.esri-view-root{height:100%}
.active-zones-panel{display:flex;flex-direction:column;width:360px;flex-shrink:0;height:100%;min-height:0;overflow:hidden;background:var(--neutral-0, #ffffff);border-right:1px solid var(--neutral-200)}.active-zones-panel__header{flex-shrink:0;padding:var(--space-lg, 16px);border-bottom:1px solid var(--neutral-200)}.active-zones-panel__title{margin:0 0 var(--space-md, 12px);font-size:20px;font-weight:700;color:var(--neutral-900, #1d1d1d)}.active-zones-panel__tabs{display:flex;gap:var(--space-md, 12px);margin-bottom:var(--space-md, 12px);border-bottom:1px solid var(--neutral-200)}.active-zones-panel__tab{padding:8px 0 10px;background:rgba(0,0,0,0);border:none;font-size:13px;color:var(--neutral-500);border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;transition:color .2s ease,border-color .2s ease}.active-zones-panel__tab--active{color:var(--app-accent-color, var(--brand-700));border-bottom-color:var(--app-accent-color, var(--brand-700));font-weight:600}.active-zones-panel__gate-tab{flex:1;min-height:0;overflow-y:auto}.active-zones-panel__search-row{display:flex;align-items:center;gap:var(--space-sm, 8px)}.active-zones-panel__search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.active-zones-panel__reset-button{flex-shrink:0}.active-zones-panel__search-icon{position:absolute;left:10px;width:12px;height:12px;color:var(--neutral-500);pointer-events:none}.active-zones-panel__search-input{width:100%}.active-zones-panel__search-input input{padding-left:28px}.active-zones-panel__list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-lg, 16px);display:flex;flex-direction:column;gap:var(--space-md, 12px)}.active-zones-panel__tile{border:1px solid var(--neutral-200);border-radius:var(--radius-md, 8px);padding:var(--space-md, 12px);cursor:pointer;transition:border-color .2s ease,background .2s ease}.active-zones-panel__tile:hover{border-color:var(--app-accent-color, var(--brand-700));background:var(--neutral-50)}.active-zones-panel__tile:focus-visible{outline:2px solid var(--app-accent-color, var(--brand-700));outline-offset:2px}.active-zones-panel__tile--selected{border-color:var(--app-accent-color, var(--brand-700));background:var(--neutral-50)}.active-zones-panel__tile-title{font-size:14px;font-weight:700;color:var(--neutral-900, #1d1d1d);margin-bottom:8px}.active-zones-panel__tile-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm, 8px);padding:3px 0;font-size:13px}.active-zones-panel__tile-label{color:var(--Neutral-900, #1D1D1D);font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:20px}.active-zones-panel__tile-value{color:var(--Neutral-700, #5D5D5D);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.active-zones-panel__type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.active-zones-panel__empty{color:var(--neutral-500);font-size:13px;text-align:center;padding:var(--space-lg, 16px) 0}
.port-traffic-page{position:relative;display:flex;flex-direction:row;width:100%;height:calc(100vh - var(--app-header-height, 50px));overflow:hidden}