.activity-log-wrap{position:fixed;top:0;right:0;bottom:0;z-index:100;display:flex;align-items:stretch;pointer-events:none}.activity-log-wrap>*{pointer-events:auto}.activity-log-tab{align-self:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-2);background:var(--color-bg-light);border:1px solid var(--color-border-light);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease}.activity-log-tab:hover{background:var(--color-secondary-hover)}.activity-log-tab__icon{font-size:1.1em}.activity-log-tab__badge{min-width:1.25em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-foreground);font-size:.9em}.activity-log-panel{width:min(320px,28vw);min-width:260px;max-width:100%;background:var(--color-bg-white);border-left:1px solid var(--color-border-light);box-shadow:-2px 0 8px #0000000f;display:flex;flex-direction:column;overflow:hidden}.activity-log-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.activity-log-panel__title{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.activity-log-panel__close{padding:var(--spacing-1) var(--spacing-2);border:none;background:transparent;font-size:1.25rem;line-height:1;color:var(--color-text-steel);cursor:pointer;border-radius:var(--radius-sm)}.activity-log-panel__close:hover{background:var(--color-bg-lighter);color:var(--color-text-charcoal)}.activity-log-panel__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-2);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.activity-log-panel__filter{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white);font-size:var(--font-size-xs);color:var(--color-text-steel);cursor:pointer}.activity-log-panel__filter:hover{background:var(--color-bg-lighter);color:var(--color-text-charcoal)}.activity-log-panel__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.activity-log-panel__list{flex:1;overflow-y:auto;padding:var(--spacing-2)}.activity-log-panel__empty{margin:var(--spacing-4) 0;font-size:var(--font-size-xs);color:var(--color-text-steel);text-align:center}.activity-log-entry{padding:var(--spacing-2);margin-bottom:var(--spacing-2);background:var(--color-bg-lighter);border-radius:var(--radius-sm);border-left:3px solid var(--color-border-medium)}.activity-log-entry__meta{display:flex;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-steel)}.activity-log-entry__user,.activity-log-entry__time{flex-shrink:0}.activity-log-entry__action{font-size:var(--font-size-small);color:var(--color-text-charcoal)}.activity-log-entry[data-action=add]{border-left-color:#2e7d32}.activity-log-entry[data-action=update]{border-left-color:#ed6c02}.activity-log-entry[data-action=delete]{border-left-color:var(--color-destructive)}.activity-log-entry__action[data-action=add]{color:#1b5e20}.activity-log-entry__action[data-action=update]{color:#e65100}.activity-log-entry__action[data-action=delete]{color:var(--color-destructive)}.activity-log-entry__details{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-steel)}.activity-log-entry__toggle{margin-top:6px;background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:underline}.activity-log-entry__changes{margin-top:8px;padding:8px 10px;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.activity-log-entry__changes-list{margin:0;padding-left:18px}.activity-log-entry__change{margin:6px 0}.activity-log-entry__change-field{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin-bottom:2px}.activity-log-entry__change-values{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-steel)}.activity-log-entry__change-from,.activity-log-entry__change-to{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--color-bg-lighter);border:1px solid var(--color-border-light);border-radius:6px;padding:2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.activity-log-entry__change-arrow{color:var(--color-text-steel)}@media (max-width: 900px){.activity-log-wrap{z-index:250}.activity-log-tab{align-self:auto;position:fixed;right:12px;bottom:12px;writing-mode:horizontal-tb;text-orientation:mixed;transform:none;border-right:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);box-shadow:0 4px 14px #00000029;background:var(--color-bg-white)}.activity-log-tab__label{white-space:nowrap}.activity-log-wrap--open .activity-log-tab{opacity:0;pointer-events:none}.activity-log-panel{width:min(92vw,360px);min-width:0;max-width:92vw;margin-left:auto}}@media (max-width: 640px){.activity-log-wrap{align-items:flex-end}.activity-log-panel{width:100vw;max-width:100vw;height:min(72vh,560px);border-left:none;border-top:1px solid var(--color-border-light);box-shadow:0 -8px 20px #00000026}}.language-switch{display:inline-flex;border:1px solid var(--color-border-medium, #c8cdd3);border-radius:var(--radius-sm, 6px);overflow:hidden;background:var(--color-bg-white, #fff)}.language-switch--compact{font-size:var(--font-size-small, .8125rem)}.language-switch__btn{margin:0;padding:6px 10px;border:none;background:transparent;color:var(--color-text-steel, #5c6670);font-family:var(--font-primary, inherit);font-weight:var(--font-weight-medium, 500);cursor:pointer;line-height:1.2}.language-switch__btn:hover{background:#0000000a}.language-switch__btn--active{background:var(--color-bg-subtle, #f0f2f5);color:var(--color-text-charcoal, #1a1d21);font-weight:var(--font-weight-semibold, 600)}.language-switch__btn:focus-visible{outline:2px solid var(--color-border-focus, #c43a31);outline-offset:1px}.jps-notif-bell-wrap{position:relative;display:inline-flex;align-items:center}.jps-notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-subtle, #c9d4e0);border-radius:.375rem;background:var(--surface, #fff);color:var(--text, #1a2b3c);cursor:pointer}.jps-notif-bell:hover,.jps-notif-bell--open{border-color:var(--accent, #2563eb);color:var(--accent, #2563eb)}.jps-notif-bell__svg{display:block}.jps-notif-bell__badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:#c02626;color:#fff;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center}.jps-notif-panel{position:absolute;right:0;top:calc(100% + .35rem);width:min(22rem,calc(100vw - 2rem));max-height:min(70vh,28rem);display:flex;flex-direction:column;background:var(--surface, #fff);border:1px solid var(--border-subtle, #c9d4e0);border-radius:.5rem;box-shadow:0 8px 24px #0f172a1f;z-index:200}.jps-notif-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle, #e5e9ef)}.jps-notif-panel__title{font-weight:600;font-size:.95rem}.jps-notif-panel__mark-all{white-space:nowrap}.jps-notif-panel__body{overflow-y:auto;padding:.35rem 0}.jps-notif-panel__muted,.jps-notif-panel__err{margin:.75rem 1rem;font-size:.875rem;color:var(--text-muted, #64748b)}.jps-notif-panel__err{color:#b91c1c}.jps-notif-item{display:flex;gap:.6rem;padding:.55rem .75rem;cursor:pointer;outline:none}.jps-notif-item:hover,.jps-notif-item:focus-visible{background:#f1f5f9}.jps-notif-item--unread.jps-notif-item--approval{background:#eff6ff}.jps-notif-item__icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;background:#e2e8f0;color:#475569}.jps-notif-item--approval .jps-notif-item__icon{background:#dbeafe;color:#1d4ed8}.jps-notif-item--clearance .jps-notif-item__icon{background:#ffedd5;color:#c2410c}.jps-notif-item--email .jps-notif-item__icon{background:#f1f5f9;color:#64748b}.jps-notif-item__main{min-width:0;flex:1}.jps-notif-item__row1{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.jps-notif-item__title{font-weight:600;font-size:.82rem;line-height:1.25}.jps-notif-item__time{flex-shrink:0;font-size:.72rem;color:var(--text-muted, #64748b)}.jps-notif-item__body{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted, #475569);line-height:1.35}.jps-notif-item__cta{margin-top:.45rem}.btn--text{background:transparent;border:none;color:var(--accent, #2563eb);text-decoration:underline;cursor:pointer;padding:.15rem .25rem}.btn--text:hover{color:#1d4ed8}.user-menu-wrap{position:relative;display:inline-flex;align-items:center}.user-menu-trigger{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.25rem .35rem .25rem .5rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-charcoal);font-family:var(--font-primary);font-size:var(--font-size-small);cursor:pointer;max-width:min(14rem,40vw)}.user-menu-trigger:hover,.user-menu-trigger--open{background:var(--color-bg-subtle, #f4f6f8);border-color:var(--color-border-medium)}.user-menu-trigger__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium)}.user-menu-trigger__avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-primary);color:var(--color-primary-foreground);font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em}.user-menu-panel{position:absolute;right:0;top:calc(100% + .35rem);min-width:14rem;max-width:min(18rem,calc(100vw - 2rem));background:var(--color-bg-white);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;padding:var(--spacing-2) 0}.user-menu-panel__identity{padding:var(--spacing-2) var(--spacing-3)}.user-menu-panel__name{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);font-size:var(--font-size-small);line-height:1.35;word-break:break-word}.user-menu-panel__email{margin-top:.15rem;font-size:var(--font-size-xs);color:var(--color-text-steel, #6b7280);word-break:break-all}.user-menu-panel__divider{margin:var(--spacing-1) 0;border:none;border-top:1px solid var(--color-border-light, #e5e9ef)}.user-menu-panel__item{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;background:transparent;text-align:left;font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-charcoal);cursor:pointer}.user-menu-panel__item:hover{background:var(--color-bg-subtle, #f4f6f8)}.user-menu-panel__item--logout{color:var(--color-destructive, #c41e3a)}.user-menu-panel__item--logout:hover{background:#c41e3a0f}@media (max-width: 640px){.user-menu-trigger__name{display:none}.user-menu-trigger{padding:.25rem}}.file-preview-overlay{z-index:1100}.modal--file-preview{max-width:min(96vw,1100px);width:100%;max-height:92vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.file-preview__header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.file-preview__title{flex:1;margin:0;font-size:var(--font-size-base, 1rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview__close-btn{flex-shrink:0;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted, #666);padding:0 var(--spacing-1)}.file-preview__close-btn:hover{color:var(--color-text, #222)}.file-preview__body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-muted, #f5f5f5);position:relative;overflow:hidden}.file-preview__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0}.file-preview__image{max-width:100%;max-height:calc(92vh - 120px);object-fit:contain;display:block}.file-preview__iframe{width:100%;height:calc(92vh - 120px);min-height:400px;border:none;background:#fff}.file-preview__unsupported{padding:var(--spacing-4);text-align:center;color:var(--color-text-muted, #666)}.file-preview__footer{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.file-preview-link{background:none;border:none;padding:0;font:inherit;color:var(--color-link, #1565c0);text-decoration:underline;cursor:pointer;text-align:left}.file-preview-link:hover{color:var(--color-link-hover, #0d47a1)}.file-preview-link:focus-visible{outline:2px solid var(--color-focus, #1565c0);outline-offset:2px}.vessel-detail-modal__photo-img--clickable,.berthing-modal__photo-preview--clickable{cursor:zoom-in}.guest-branded{--guest-branded-bg: none;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);box-sizing:border-box}.guest-branded__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#87a7c4;background-image:var(--guest-branded-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.guest-branded__inner{position:relative;z-index:1;width:100%;max-width:22.5rem}.guest-branded__card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-4) var(--spacing-4) var(--spacing-5)}.guest-branded__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.guest-branded__card-top .guest-branded__brand{flex:1;min-width:0}.guest-branded__lang{flex-shrink:0;margin-top:2px}.guest-branded__brand{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.guest-branded__logo{flex-shrink:0;width:40px;height:40px;object-fit:contain}.guest-branded__brand-text{min-width:0}.guest-branded__product{margin:0;font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-charcoal);line-height:1.25}.guest-branded__tagline{margin:var(--spacing-1) 0 0;font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-steel);line-height:1.4}.guest-branded__rule{border:none;border-top:1px solid var(--color-border-light);margin:0 0 var(--spacing-4)}.guest-branded__card-title{margin:0 0 var(--spacing-2);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.guest-branded__card-desc{margin:0 0 var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-steel);line-height:1.45}.guest-branded__body>:first-child{margin-top:0}.guest-branded__body>:last-child{margin-bottom:0}.guest-branded__label{display:block;font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);margin-bottom:var(--spacing-1)}.guest-branded__label+.guest-branded__label{margin-top:var(--spacing-3)}.guest-branded__input{display:block;width:100%;box-sizing:border-box;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-charcoal);padding:10px 12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white)}.guest-branded__input:focus{outline:none;border-color:var(--color-border-medium);box-shadow:0 0 0 2px #c43a3133}.guest-branded__input:disabled,.guest-branded__input[aria-disabled=true]{opacity:.65;cursor:not-allowed}select.guest-branded__input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.guest-branded__error{margin:0 0 var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-small);color:#b42318}.guest-branded__submit{margin-top:var(--spacing-4);width:100%;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);padding:12px 16px}.guest-branded__muted{margin:0;font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--color-text-steel)}.guest-branded__actions{margin-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.guest-branded__actions .guest-branded__submit{margin-top:0}.dashboard{max-width:1400px}.dashboard-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.dashboard-header .page-title{margin:0}.dashboard-header__meta{font-size:var(--font-size-small);color:var(--color-text-steel)}.weather-card{margin-bottom:var(--spacing-4)}.weather-card__body{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-6);align-items:start}.weather-card__main{display:flex;flex-direction:column;gap:var(--spacing-2);padding-right:var(--spacing-4);border-right:1px solid var(--color-border-light)}.weather-card__condition{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);font-size:var(--font-size-lg)}.weather-card__temp{font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);line-height:1.2}.weather-card__meta{font-size:var(--font-size-small);color:var(--color-text-steel)}.weather-card__berthing-note{font-size:var(--font-size-small);color:var(--color-primary);font-weight:var(--font-weight-medium);margin:var(--spacing-2) 0 0;padding:var(--spacing-3);background:#c43a3114;border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.weather-card__forecast{display:flex;flex-direction:column;gap:var(--spacing-2)}.weather-card__forecast-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.02em}.weather-card__forecast-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.weather-card__forecast-item{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-3);align-items:center;font-size:var(--font-size-small);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.weather-card__forecast-item:last-child{border-bottom:none}.weather-card__forecast-day{font-weight:var(--font-weight-medium);color:var(--color-text-charcoal)}.weather-card__forecast-condition{color:var(--color-text-steel)}.weather-card__forecast-temp{color:var(--color-text-charcoal)}.weather-card__forecast-rain{font-size:var(--font-size-xs);color:var(--color-text-steel)}@media (max-width: 639px){.weather-card__body{grid-template-columns:1fr;gap:var(--spacing-4)}.weather-card__main{padding-right:0;border-right:none;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.weather-card__forecast-item{grid-template-columns:1fr 1fr;gap:var(--spacing-1)}.weather-card__forecast-condition{grid-column:2;grid-row:1}.weather-card__forecast-temp{grid-column:1;grid-row:2}.weather-card__forecast-rain{grid-column:2;grid-row:2}}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.dashboard-kpi-row .metric-card{margin:0}.metric-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-2)}.metric-card__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-steel)}.metric-card__value{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);line-height:1.2}.metric-card__value .metric-card__unit{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-steel);margin-left:var(--spacing-1)}.metric-card__type{font-size:var(--font-size-xs);color:var(--color-text-steel)}.metric-card__action{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1)}.metric-card__link{font-size:var(--font-size-small);color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;margin-top:auto}.metric-card__link:hover{text-decoration:underline}.metric-card__jetty-status{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-1)}.metric-card__jetty-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:8px 10px;border-radius:var(--radius-md);font-size:var(--font-size-small);border:1px solid var(--color-border-light);background:var(--color-bg-lighter);color:var(--color-text-charcoal)}.metric-card__jetty-chip strong{font-weight:var(--font-weight-semibold);color:inherit}.metric-card__jetty-chip--ok{background:#0d948814;border-color:#0d948840}.metric-card__jetty-chip--bad{background:#c43a3114;border-color:#c43a3140}.metric-card__type-link{display:inline-flex;align-items:center;margin-left:8px;font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:underline;cursor:pointer}.metric-card__type-link:hover{color:var(--color-primary-dark, var(--color-primary))}.metric-card__bar-wrap{height:8px;background:var(--color-bg-lighter);border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--spacing-1)}.metric-card__bar{height:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:width var(--duration-fast) var(--easing-default)}.metric-card__bar--over{background:#b42318}.metric-card__trend{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:var(--spacing-1)}@media (max-width: 1023px){.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.dashboard-kpi-row{grid-template-columns:1fr}}.dashboard-pipeline{margin-bottom:var(--spacing-4)}.pipeline-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.pipeline-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-charcoal);font-weight:var(--font-weight-medium);transition:transform var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.pipeline-stage:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.pipeline-stage--si{background:#1e40af1a;border:1px solid rgba(30,64,175,.3)}.pipeline-stage--planned-berthing{background:#926e2a1a;border:1px solid rgba(146,110,42,.32)}.pipeline-stage--allocation{background:#1a5f2a14;border:1px solid rgba(26,95,42,.25)}.pipeline-stage--at-berth{background:#2d7a3e1f;border:1px solid rgba(45,122,62,.35)}.pipeline-stage--clearance{background:#0d94881a;border:1px solid rgba(13,148,136,.3)}.pipeline-stage__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-steel);margin-bottom:var(--spacing-1)}.pipeline-stage__count{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-charcoal)}.pipeline-arrow{color:var(--color-text-steel);font-size:var(--font-size-lg);flex-shrink:0}.dashboard-at-berth__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.dashboard-at-berth__head .card__title{margin:0}.at-berth-summary__groups--compact .at-berth-summary__group{margin-bottom:var(--spacing-3)}.at-berth-summary__group-title--small{font-size:var(--font-size-small);padding-bottom:var(--spacing-1)}.at-berth-card--compact{padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.at-berth-card--compact .at-berth-card__title{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.at-berth-card--compact .at-berth-card__count{font-size:var(--font-size-lg)}.at-berth-compact-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;min-height:58px}.at-berth-compact-stack__icon{font-size:1rem;line-height:1;opacity:.95}.at-berth-compact-stack__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);letter-spacing:.01em}.at-berth-compact-stack__count{font-family:var(--font-heading);font-size:1.35rem;font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-text-charcoal)}.dashboard-clearance-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.dashboard-clearance-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3);border-radius:var(--radius-md);text-decoration:none;color:inherit;border:1px solid var(--color-border-light);transition:box-shadow var(--duration-fast),border-color var(--duration-fast)}.dashboard-clearance-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-medium)}.dashboard-clearance-card--ready{background:#d4770614;border-color:#d477064d}.dashboard-clearance-card--departed{background:#0d948814;border-color:#0d948840;cursor:default}.dashboard-clearance-card__icon{font-size:1.5rem;margin-bottom:var(--spacing-1)}.dashboard-clearance-card__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal)}.dashboard-clearance-card__count{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-top:var(--spacing-1)}.dashboard-alerts__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.dashboard-alert{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);border-left:4px solid}.dashboard-alert--warning{background:#c43a310f;border-left-color:var(--color-primary)}.dashboard-alert--info{background:var(--color-bg-lighter);border-left-color:var(--color-border-dark)}.dashboard-alert__icon{flex-shrink:0;font-size:1.25rem}.dashboard-alert__body{min-width:0}.dashboard-alert__title{display:block;font-size:var(--font-size-small);color:var(--color-text-charcoal);margin-bottom:var(--spacing-1)}.dashboard-alert__text{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0;line-height:1.4}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}@media (max-width: 1023px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.dashboard-metrics{grid-template-columns:1fr}}.dashboard__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@media (max-width: 1023px){.dashboard__two-col{grid-template-columns:1fr}}.live-lineup .card__title{margin-bottom:var(--spacing-3)}.lineup-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-2)}@media (max-width: 1023px){.lineup-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.lineup-grid{grid-template-columns:1fr;overflow-x:auto}}.lineup-cell{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-white);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.lineup-cell:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.lineup-cell--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #c43a3133}.lineup-cell--occupied{background:var(--color-bg-lighter)}.lineup-cell__name{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-bottom:var(--spacing-1)}.lineup-cell__vessel{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-charcoal);margin-bottom:var(--spacing-1)}.lineup-cell__sub{font-size:var(--font-size-small);color:var(--color-text-steel);font-style:italic}.text-alert{color:var(--color-primary)}.badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);margin-left:var(--spacing-2)}.badge--alert,.badge--high{background:#c43a311f;color:var(--color-primary)}.pain-points{display:flex;flex-direction:column;gap:var(--spacing-3)}.pain-point{padding:var(--spacing-3);border-left:4px solid var(--color-primary);background:var(--color-bg-lighter);border-radius:0 var(--radius-md) var(--radius-md) 0}.pain-point--info{border-left-color:var(--color-border-dark)}.pain-point__note{margin-top:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-steel)}.dashboard-port-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-4);background:var(--color-bg-lighter);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-small)}.dashboard-port-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.dashboard-port-chip__label{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.dashboard-port-chip__name{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.dashboard-port-chip__meta{color:var(--color-text-steel)}.dashboard-api-banner{padding:var(--spacing-3);margin-bottom:var(--spacing-4);border-radius:var(--radius-md);background:#d477061f;border:1px solid rgba(212,119,6,.35);color:var(--color-text-charcoal);font-size:var(--font-size-small)}.dashboard-row1{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(240px,.9fr);gap:var(--spacing-4);align-items:start;margin-bottom:var(--spacing-4)}.dashboard-row1__chart{margin-bottom:0;min-width:0}.weather-card-wrap{position:relative;min-width:0}.weather-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:#ffffffc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-md);pointer-events:none;box-sizing:border-box}.weather-card-overlay__watermark{font-size:clamp(.95rem,2.5vw,1.2rem);font-weight:var(--font-weight-semibold);color:#3737376b;text-align:center;line-height:1.35;transform:rotate(-14deg);max-width:95%;-webkit-user-select:none;user-select:none}.dashboard-row1 .dashboard-activity-chart{margin-bottom:0}.dashboard-activity-chart__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-1)}.dashboard-activity-chart__head .card__title{margin-bottom:0}.dashboard-activity-chart__toggle{display:inline-flex;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-subtle, #f5f5f5)}.dashboard-activity-chart__toggle-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-steel);background:transparent;border:none;cursor:pointer;line-height:1.2}.dashboard-activity-chart__toggle-btn:hover{color:var(--color-text-charcoal);background:#0000000a}.dashboard-activity-chart__toggle-btn.is-active{color:var(--color-text-charcoal);background:#fff;box-shadow:0 0 0 1px var(--color-border-light)}.dashboard-activity-chart__hint{font-size:var(--font-size-xs);margin:0 0 var(--spacing-3);line-height:1.4}.dashboard-activity-chart__body{min-width:0}.dashboard-activity-chart__legend{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-steel)}.dashboard-activity-chart__legend--ops{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.dashboard-activity-chart__legend-purpose{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3) var(--spacing-4);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.dashboard-activity-chart__legend-purpose:last-child{border-bottom:none;padding-bottom:0}.dashboard-activity-chart__legend-purpose-label{flex:0 0 auto;min-width:6.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);font-size:var(--font-size-small)}.dashboard-activity-chart__legend--si{justify-content:center;gap:var(--spacing-3)}.dashboard-activity-chart__legend-item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.dashboard-activity-chart__swatch{display:inline-block;width:12px;height:12px;border-radius:2px;flex-shrink:0}.dashboard-activity-chart__swatch--ops-planned-loading{background:#4ade80d9}.dashboard-activity-chart__swatch--ops-berth-loading{background:#166534eb}.dashboard-activity-chart__swatch--ops-planned-unloading{background:#60a5fae0}.dashboard-activity-chart__swatch--ops-berth-unloading{background:#1d4ed8eb}.dashboard-activity-chart__swatch--si-0{background:#16a34ae6}.dashboard-activity-chart__swatch--si-1{background:#d47706f2}.dashboard-activity-chart__swatch--si-2{background:#6b7280d9}.dashboard-activity-chart__plot{display:flex;gap:var(--spacing-2);align-items:stretch;min-width:0}.dashboard-activity-chart__y-col{flex-shrink:0;display:flex;flex-direction:column;width:1.75rem}.dashboard-activity-chart__y-gap{min-height:1.75rem;flex-shrink:0}.dashboard-activity-chart__y-gap--meta{min-height:2.75rem}.dashboard-activity-chart__y-scale{position:relative;flex-shrink:0}.dashboard-activity-chart__y-label{position:absolute;right:0;font-size:var(--font-size-xs);color:var(--color-text-steel);line-height:1;transform:translateY(50%)}.dashboard-activity-chart__y-label--zero{transform:translateY(0)}.dashboard-activity-chart__y-label--max{transform:translateY(-50%)}.dashboard-activity-chart__plot-main{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard-activity-chart__titles-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);min-height:1.75rem;align-items:center;margin-bottom:var(--spacing-1)}.dashboard-activity-chart__titles-row--si{grid-template-columns:repeat(3,1fr)}.dashboard-activity-chart__title-cell{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.dashboard-activity-chart__grid-wrap{position:relative;flex-shrink:0;min-width:0;min-height:120px}.dashboard-activity-chart__grid-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(0,0,0,.12);pointer-events:none;z-index:0}.dashboard-activity-chart__bars-row{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:var(--spacing-6);align-items:stretch;align-content:stretch;z-index:2}.dashboard-activity-chart__bars-row--si{grid-template-columns:repeat(3,1fr)}.dashboard-activity-chart__bar-group{display:flex;justify-content:center;align-items:flex-end;min-height:0;min-width:0;height:100%;align-self:stretch}.dashboard-activity-chart__bars{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-3);height:100%}.dashboard-activity-chart__bars--single{justify-content:center}.dashboard-activity-chart__bar-col{display:flex;flex-direction:column;align-items:center;align-self:stretch;flex:1;min-height:0;max-width:52px}.dashboard-activity-chart__bar-col-inner{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.dashboard-activity-chart__bar-hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;max-width:44px;min-height:0;flex:1 1 auto;align-self:stretch;height:100%;padding:0;margin:0;border:none;background:transparent;cursor:default;border-radius:var(--radius-sm)}.dashboard-activity-chart__bar-hit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-activity-chart__bar-hit:hover .dashboard-activity-chart__bar,.dashboard-activity-chart__bar-hit.is-active .dashboard-activity-chart__bar{filter:brightness(.9)}.dashboard-activity-chart__bar{display:block;flex-shrink:0;width:40px;max-width:40px;min-width:40px;min-height:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .2s ease,filter .15s ease}.dashboard-activity-chart__meta-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-2);min-height:2.5rem;align-items:start}.dashboard-activity-chart__meta-row--si{grid-template-columns:repeat(3,1fr)}.dashboard-activity-chart__meta-cell{display:flex;justify-content:center;min-width:0}.dashboard-activity-chart__bar-meta{display:flex;flex-direction:column;align-items:center;gap:0;font-size:var(--font-size-xs);line-height:1.2}.dashboard-activity-chart__bar-meta--pair{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.dashboard-activity-chart__bar--ops-planned-loading{background:#4ade80d9}.dashboard-activity-chart__bar--ops-berth-loading{background:#166534eb}.dashboard-activity-chart__bar--ops-planned-unloading{background:#60a5fae0}.dashboard-activity-chart__bar--ops-berth-unloading{background:#1d4ed8eb}.dashboard-activity-chart__bar--si-0{background:#16a34ae6}.dashboard-activity-chart__bar--si-1{background:#d47706f2}.dashboard-activity-chart__bar--si-2{background:#6b7280d9}.dashboard-activity-chart__bar-count{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.dashboard-activity-chart__bar-pct{color:var(--color-text-steel)}.dashboard-activity-chart__tooltip{position:fixed;z-index:4000;transform:translateY(-50%);pointer-events:none;max-width:min(280px,calc(100vw - 24px))}.dashboard-activity-chart__tooltip-inner{position:relative;background:#fff;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f,0 0 0 1px var(--color-border-light);padding:var(--spacing-3)}.dashboard-activity-chart__tooltip-inner:after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #fff;filter:drop-shadow(1px 0 0 var(--color-border-light))}.dashboard-activity-chart__tooltip--flip .dashboard-activity-chart__tooltip-inner:after{right:auto;left:-6px;border-width:6px 6px 6px 0;border-color:transparent #fff transparent transparent;filter:drop-shadow(-1px 0 0 var(--color-border-light))}.dashboard-activity-chart__tooltip-value{font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:1.15;color:var(--color-text-charcoal)}.dashboard-activity-chart__tooltip-series{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin-top:var(--spacing-2)}.dashboard-activity-chart__tooltip-context{font-size:var(--font-size-xs);color:var(--color-text-steel)}.dashboard-activity-chart__tooltip-pct{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-bottom:var(--spacing-2)}.dashboard-activity-chart__tooltip-names{margin:0;padding-left:1.15rem;font-size:var(--font-size-small);color:var(--color-text-charcoal);max-height:200px;overflow-y:auto}.dashboard-activity-chart__tooltip-empty{margin:0;font-size:var(--font-size-xs);color:var(--color-text-steel)}.jps-tooltip{position:fixed;z-index:4000;transform:translateY(-50%);max-width:min(var(--jps-tooltip-maxw, 320px),calc(100vw - 24px));pointer-events:none}.jps-tooltip__inner{position:relative;background:#fff;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f,0 0 0 1px var(--color-border-light);padding:var(--spacing-3)}.jps-tooltip__inner:after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #fff;filter:drop-shadow(1px 0 0 var(--color-border-light))}.jps-tooltip--flip .jps-tooltip__inner:after{right:auto;left:-6px;border-width:6px 6px 6px 0;border-color:transparent #fff transparent transparent;filter:drop-shadow(-1px 0 0 var(--color-border-light))}.jps-tooltip__title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.jps-tooltip__subtitle{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:2px}.jps-tooltip__list{margin:var(--spacing-2) 0 0;padding-left:1.15rem;color:var(--color-text-charcoal);font-size:var(--font-size-small);max-height:var(--jps-tooltip-maxh, 220px);overflow-y:auto}.jps-tooltip__item{margin-bottom:6px}.jps-tooltip__item:last-child{margin-bottom:0}.jps-tooltip__item-primary{line-height:1.25}.jps-tooltip__item-secondary{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:2px;white-space:pre-line}.jps-tooltip__empty{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-steel)}.jps-tooltip-trigger{display:inline-flex;align-items:center;max-width:100%;border-radius:6px;outline:none}.jps-tooltip-trigger:focus-visible{box-shadow:0 0 0 2px #c43a312e}.dashboard-activity-chart__empty{margin:var(--spacing-2) 0 0;text-align:center}.dashboard-weather-footer{margin-top:var(--spacing-6);max-width:100%}.dashboard-weather-footer .weather-card{margin-bottom:0}.dashboard-mock-hint{font-size:var(--font-size-xs);color:var(--color-text-steel);margin:calc(-1 * var(--spacing-2)) 0 var(--spacing-3)}.dashboard-kpi-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-3);min-width:0;align-self:stretch}.dashboard-kpi-grid .metric-card{margin:0;min-height:108px;justify-content:space-between}.metric-card--risk .metric-card__value{color:var(--color-primary)}@media (max-width: 1023px){.dashboard-row1{grid-template-columns:1fr;grid-template-rows:auto}.dashboard-kpi-grid{min-height:0;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}}@media (max-width: 479px){.dashboard-kpi-grid{grid-template-columns:1fr;grid-template-rows:auto}}.pipeline-stage__sublabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-steel);text-transform:none;letter-spacing:normal;margin-top:var(--spacing-1);text-align:center;max-width:140px;line-height:1.3}.dashboard-pipeline__intro{margin:calc(-1 * var(--spacing-2)) 0 var(--spacing-3);font-size:var(--font-size-small)}.dashboard-main-grid{align-items:start}.dashboard-main-grid--single{display:block;margin-bottom:var(--spacing-4)}.dashboard-main-column{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.dashboard-perf-row{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.2fr);gap:var(--spacing-4);align-items:start;min-width:0}.dashboard-perf-row .card{margin:0}.dashboard-performance__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.dashboard-performance__toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-lighter)}.dashboard-performance__toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-text-steel);font-size:var(--font-size-xs);padding:6px 10px;border-radius:10px;cursor:pointer}.dashboard-performance__toggle-btn.is-active{background:#fff;color:var(--color-text-charcoal);box-shadow:0 0 0 1px var(--color-border-light)}.dashboard-performance__grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:var(--spacing-2);margin-top:var(--spacing-3)}.dashboard-performance__metric{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-3);background:var(--color-bg-lighter);min-width:0}.dashboard-performance__label{font-size:var(--font-size-xs);color:var(--color-text-steel)}.dashboard-performance__value{font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);line-height:1.15;margin-top:var(--spacing-2)}.dashboard-performance__sub{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-steel)}@media (max-width: 1023px){.dashboard-perf-row{grid-template-columns:1fr}}@media (max-width: 639px){.dashboard-performance__grid{grid-template-columns:1fr}}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.dashboard-clearance-row--triple{grid-template-columns:1fr 1fr 1fr}@media (max-width: 639px){.dashboard-clearance-row--triple{grid-template-columns:1fr}}.dashboard-clearance-card--exception{cursor:default;background:var(--color-bg-lighter);border-color:var(--color-border-light)}.dashboard-clearance-card--exception-active{background:#c43a3114;border-color:#c43a3159}.dashboard-sla-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.dashboard-sla-card__head .card__title{margin:0}.dashboard-badge-risk{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);background:#c43a3126;color:var(--color-primary)}.dashboard-empty-inline{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:#1a5f2a0f;border-radius:var(--radius-md);border:1px solid rgba(26,95,42,.2)}.dashboard-empty-inline__icon{font-size:1.25rem;color:var(--color-success, #1a5f2a)}.dashboard-empty-inline p{margin:0;font-size:var(--font-size-small);color:var(--color-text-charcoal)}.dashboard-risk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.dashboard-risk-list__link{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2) var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);text-decoration:none;color:inherit;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.dashboard-risk-list__link:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.dashboard-risk-list__vessel{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);grid-column:1 / -1}.dashboard-risk-list__jetty{font-size:var(--font-size-small);color:var(--color-text-steel)}.dashboard-risk-list__detail{font-size:var(--font-size-small);color:var(--color-primary);font-weight:var(--font-weight-medium);text-align:right}.dashboard-table-compact td,.dashboard-table-compact th{font-size:var(--font-size-small);padding:var(--spacing-2) var(--spacing-3)}.dashboard-jetty-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.dashboard-jetty-chip{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-light)}.dashboard-jetty-chip--ok{background:#1a5f2a14;border-color:#1a5f2a40;color:var(--color-text-charcoal)}.dashboard-jetty-chip--warn{background:#d477061a;border-color:#d477064d}.dashboard-jetty-chip--priority{background:#1e40af1a;border-color:#1e40af40}.dashboard-jetty-chip--bad{background:#c43a3114;border-color:#c43a3140}.dashboard-activity-feed{list-style:none;margin:0;padding:0}.dashboard-activity-feed__item{display:flex;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.dashboard-activity-feed__item:last-child{border-bottom:none}.dashboard-activity-feed__dot{width:6px;height:6px;border-radius:50%;background:var(--color-border-dark);margin-top:6px;flex-shrink:0}.dashboard-activity-feed__summary{font-size:var(--font-size-small);color:var(--color-text-charcoal);line-height:1.4}.dashboard-activity-feed__meta{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:var(--spacing-1)}.dashboard-empty-state{padding:var(--spacing-6);text-align:center}@media (max-width: 900px){.dashboard-header{align-items:flex-start}.pipeline-flow{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-1)}.pipeline-stage{flex:0 0 140px}}@media (max-width: 640px){.dashboard{max-width:100%}.dashboard-port-chip{font-size:var(--font-size-xs)}.dashboard-clearance-row{grid-template-columns:1fr}.dashboard-activity-chart__legend{gap:var(--spacing-2);font-size:var(--font-size-xs)}}:root{--v2-plans-color: #3B82F6;--v2-request-color: #EC4899;--v2-incoming-color: #F59E0B;--v2-planned-color: #06B6D4;--v2-atberth-color: #10B981;--v2-readytosail-color: #8B5CF6;--v2-sailed-color: #94A3B8;--v2-risk-color: #EF4444;--v2-green-color: #16A34A;--v2-chart-draft: #94A3B8;--v2-chart-submitted: #3B82F6;--v2-chart-approved: #10B981;--v2-chart-rejected: #EF4444;--v2-chart-planned: #06B6D4;--v2-chart-atberth: #10B981;--v2-chart-sailed: #94A3B8}.v2-dashboard{max-width:1400px}.v2-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.v2-header__title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:0}.v2-header__left{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.v2-header__left .page-title{margin:0}.v2-filters{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000a}.v2-filters .dropdown-multi{min-width:140px}.v2-filters .dropdown-multi__trigger{padding:3px 10px;font-size:var(--font-size-xs);border-color:var(--color-border-light);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default)}.v2-filters .dropdown-multi__trigger:hover{border-color:var(--color-border-medium)}.v2-filters .dropdown-multi__trigger.is-active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 180, 32, 32),.04)}.v2-filters .dropdown-multi__count{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.v2-filters .dropdown-multi__panel{opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.v2-filters .dropdown-multi__panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.v2-filters .dropdown-multi__option{transition:background var(--duration-fast) var(--easing-default)}.v2-filters .dropdown-multi__option input[type=checkbox]{transition:accent-color var(--duration-fast) var(--easing-default)}.v2-filters .v2-date-range{padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.v2-filter-empty-banner{margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-subtle, #f8f9fa);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-steel);font-size:var(--font-size-small);text-align:center}.v2-date-range{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.v2-date-range__presets{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.v2-date-range__preset{padding:4px 12px;border:1px solid var(--color-border-light);border-radius:20px;background:transparent;color:var(--color-text-steel);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--easing-default);white-space:nowrap}.v2-date-range__preset:hover{border-color:var(--color-border-medium);color:var(--color-text-charcoal)}.v2-date-range__preset.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.v2-date-range__inputs{display:flex;align-items:center;gap:var(--spacing-2)}.v2-date-range__label{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-date-range__input{padding:3px 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-charcoal);background:var(--color-bg-white);cursor:pointer}.v2-date-range__input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.v2-date-range__sep{color:var(--color-text-steel);font-size:var(--font-size-small)}.v2-pipeline,.v2-atberth,.v2-weekly{padding:var(--spacing-3);margin-bottom:0}.v2-pipeline{margin-bottom:var(--spacing-3)}.v2-pipeline__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.v2-pipeline__header .card__title{margin:0}.v2-pipeline__header-right{display:flex;align-items:center;gap:var(--spacing-3)}.v2-pipeline__period{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-pipeline__refreshing{font-size:var(--font-size-xs);color:var(--color-primary);font-style:italic;animation:v2-pulse 1.2s ease-in-out infinite}@keyframes v2-pulse{0%,to{opacity:1}50%{opacity:.4}}.v2-pipeline__flow--loading{opacity:.55;pointer-events:none;transition:opacity var(--duration-base)}.v2-pipeline__flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding-bottom:var(--spacing-1)}.v2-pipeline__hints{margin-top:var(--spacing-3);padding:0 var(--spacing-2)}.v2-pipeline__hint{margin:0 0 var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.v2-pipeline__hint:last-child{margin-bottom:0}.v2-pipeline__stage{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);flex:1;min-width:110px;padding:10px var(--spacing-2);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-charcoal);border:2px solid transparent;transition:all var(--duration-fast) var(--easing-default);position:relative}.v2-pipeline__stage:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.v2-pipeline__stage--plans{background:#3b82f614;border-color:#3b82f640}.v2-pipeline__stage--plans:hover{border-color:var(--v2-plans-color)}.v2-pipeline__stage--request{background:#ec489912;border-color:#ec489938}.v2-pipeline__stage--request:hover{border-color:var(--v2-request-color)}.v2-pipeline__stage--incoming{background:#f59e0b14;border-color:#f59e0b40}.v2-pipeline__stage--incoming:hover{border-color:var(--v2-incoming-color)}.v2-pipeline__stage--planned{background:#06b6d414;border-color:#06b6d440}.v2-pipeline__stage--planned:hover{border-color:var(--v2-planned-color)}.v2-pipeline__stage--atberth{background:#10b98114;border-color:#10b98140}.v2-pipeline__stage--atberth:hover{border-color:var(--v2-atberth-color)}.v2-pipeline__stage--readytosail{background:#8b5cf614;border-color:#8b5cf640}.v2-pipeline__stage--readytosail:hover{border-color:var(--v2-readytosail-color)}.v2-pipeline__stage--sailed{background:#94a3b814;border-color:#94a3b840}.v2-pipeline__stage--sailed:hover{border-color:var(--v2-sailed-color)}.v2-pipeline__stage-icon{font-size:15px;line-height:1}.v2-pipeline__stage-body{text-align:center}.v2-pipeline__stage-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.v2-pipeline__stage-count{font-size:20px;font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-charcoal);margin-bottom:2px}.v2-pipeline__stage-sub{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-pipeline__arrow{display:flex;align-items:center;font-size:16px;color:var(--color-border-medium);padding:0 var(--spacing-1);flex-shrink:0;align-self:center}.v2-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.v2-kpi-row--5{grid-template-columns:repeat(5,1fr)}.v2-kpi-row--ops{grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-3)}.v2-kpi-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:10px var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);box-shadow:var(--shadow-sm)}.v2-kpi-card-link{text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast)}.v2-kpi-card-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.v2-kpi-card--accent-green{border-color:#16a34a4d;background:#16a34a0a}.v2-kpi-card--accent-red{border-color:#ef444459;background:#ef44440a}.v2-kpi-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.04em}.v2-kpi-card__value{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-text-charcoal);line-height:1.1;cursor:default}.v2-kpi-card__value--warn{color:var(--v2-risk-color)}.v2-kpi-card__unit{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);color:var(--color-text-steel);margin-left:var(--spacing-1)}.v2-kpi-card__sub{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:2px}.v2-kpi-card__detail-link{color:var(--color-primary);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.v2-kpi-card__link{display:inline-block;font-size:var(--font-size-xs);color:var(--color-primary);margin-top:auto;padding-top:var(--spacing-2)}.v2-kpi-card__bar-wrap{height:4px;background:var(--color-border-light);border-radius:2px;overflow:hidden;margin:var(--spacing-1) 0}.v2-kpi-card__bar{height:100%;background:var(--v2-atberth-color);border-radius:2px;transition:width var(--duration-base)}.v2-kpi-card__bar--over{background:var(--v2-risk-color)}.v2-kpi-card__jetty-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-top:var(--spacing-1)}.v2-kpi-jetty-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:default}.v2-kpi-jetty-chip--ok{background:#16a34a1a;color:#166534}.v2-kpi-jetty-chip--bad{background:#ef44441a;color:#991b1b}.v2-main-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-3);margin-bottom:0;align-items:start}.v2-chart{height:100%}.v2-chart__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.v2-chart__head .card__title{margin:0}.v2-chart__toggle{display:flex;background:var(--color-bg-light);border-radius:20px;padding:2px;gap:0}.v2-chart__toggle-btn{padding:4px 14px;border:none;border-radius:18px;background:transparent;color:var(--color-text-steel);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.v2-chart__toggle-btn.is-active{background:var(--color-bg-white);color:var(--color-text-charcoal);box-shadow:var(--shadow-sm)}.v2-chart__loading,.v2-chart__empty{padding:var(--spacing-5);text-align:center;color:var(--color-text-steel);font-size:var(--font-size-small)}.v2-chart__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.v2-chart__group{display:flex;flex-direction:column;gap:var(--spacing-2)}.v2-chart__group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.04em}.v2-chart__bars{display:flex;align-items:flex-end;gap:var(--spacing-2);height:120px}.v2-chart__bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.v2-chart__bar-track{width:100%;height:100px;background:var(--color-bg-light);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-end;overflow:hidden}.v2-chart__bar-fill{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--duration-base) var(--easing-default);min-height:2px}.v2-chart__bar-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.v2-chart__bar-key{font-size:10px;color:var(--color-text-steel);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.v2-chart__group-total{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-chart__legend{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light)}.v2-chart__legend-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-chart__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.v2-chart-tooltip{background:#1e293b;color:#f1f5f9;border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);max-width:240px;pointer-events:none;z-index:9999;box-shadow:var(--shadow-lg);line-height:1.5}.v2-chart-tooltip__title{font-weight:var(--font-weight-semibold);margin-bottom:4px;color:#fff}.v2-chart-tooltip__stat{color:#cbd5e1;margin-bottom:4px}.v2-chart-tooltip__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.v2-chart-tooltip__empty{color:#94a3b8;font-style:italic}.v2-perf{height:100%}.v2-perf__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.v2-perf__head .card__title{margin:0}.v2-perf__period{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-perf__grid{display:flex;flex-direction:column;gap:var(--spacing-2)}.v2-perf__metric{display:flex;flex-direction:column;gap:var(--spacing-1);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.v2-perf__metric:last-child{border-bottom:none;padding-bottom:0}.v2-perf__metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.04em}.v2-perf__metric-value{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-text-charcoal);line-height:1.1;cursor:default}.v2-perf__metric-value--warn{color:var(--v2-risk-color)}.v2-perf__metric-sub{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4);align-items:start}.v2-atberth__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.v2-atberth__head .card__title{margin:0}.v2-atberth__groups{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.v2-atberth__summary-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.v2-atberth__summary-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-lighter);text-align:center}.v2-atberth__summary-card--loading{border-color:#06b6d44d;background:#06b6d40f}.v2-atberth__summary-card--unloading{border-color:#3b82f64d;background:#3b82f60f}.v2-atberth__summary-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.04em}.v2-atberth__summary-count{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-text-charcoal);line-height:1.1}.v2-atberth__summary-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:pre-line}.v2-atberth__group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-1)}.v2-atberth__phase-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.v2-atberth__phase-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-2);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-lighter);text-align:center}.v2-atberth__phase-card--loading{border-color:#06b6d44d;background:#06b6d40d}.v2-atberth__phase-card--unloading{border-color:#3b82f64d;background:#3b82f60d}.v2-atberth__phase-icon{font-size:15px;line-height:1}.v2-atberth__phase-label{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-atberth__phase-count{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text-charcoal)}.v2-clearance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-top:var(--spacing-3)}.v2-clearance-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-2) var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--color-border-light);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-steel);text-decoration:none;transition:all var(--duration-fast)}.v2-clearance-card strong{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text-charcoal)}.v2-clearance-card--ready{border-color:#16a34a4d;background:#16a34a0d;cursor:pointer}.v2-clearance-card--ready:hover{border-color:#16a34a99}.v2-clearance-card--sailed{border-color:#94a3b84d;background:#94a3b80d}.v2-clearance-card--pending{border-color:#ef444433;background:#ef444408}.v2-clearance-card--pending.is-active{border-color:#ef444480;background:#ef444414}.v2-clearance-card--pending.is-active strong{color:var(--v2-risk-color)}.v2-weekly{margin-bottom:var(--spacing-3)}.v2-weekly .card__title{margin:0}.v2-weekly__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.v2-weekly__head-right{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.v2-weekly__refreshing{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.v2-weekly__body{position:relative;transition:opacity var(--duration-fast) var(--easing-default)}.v2-weekly--refreshing .v2-weekly__body{opacity:.55;pointer-events:none}.v2-weekly__period{font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-weekly__hint{margin:0 0 var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.v2-weekly__block{margin-bottom:var(--spacing-4)}.v2-weekly__block:last-child{margin-bottom:0}.v2-weekly__block-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin-bottom:var(--spacing-2)}.v2-weekly-line{width:100%;margin-top:var(--spacing-1)}.v2-weekly-line__chart-wrap{position:relative;width:100%}.v2-weekly-line__svg{display:block;width:100%;height:auto;min-height:240px;background:#fff;border-radius:var(--radius-sm);pointer-events:none}.v2-weekly-line__plot-overlay{position:absolute;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box;pointer-events:none}.v2-weekly-line__hit-wrap{flex:1;min-width:0;display:flex;pointer-events:auto}.v2-weekly-line__hit-wrap .jps-tooltip-trigger{flex:1;width:100%;min-height:100%;display:flex;align-items:stretch;max-width:none}.v2-weekly-line__hit-target{flex:1;width:100%;min-height:140px;display:block;cursor:help;border-radius:4px}.v2-weekly-line__hit-target:focus-visible{outline:2px solid rgba(196,58,49,.35);outline-offset:1px}.v2-weekly-line__y-title{font-size:11px;font-weight:var(--font-weight-semibold);fill:var(--color-text-charcoal)}.v2-weekly-line__grid{stroke:var(--color-border-light);stroke-width:1;stroke-dasharray:2 6;shape-rendering:crispEdges}.v2-weekly-line__axis{stroke:var(--color-text-charcoal);stroke-width:1.35;shape-rendering:crispEdges}.v2-weekly-line__stroke{stroke-linecap:round;stroke-linejoin:round}.v2-weekly-line__ytick{font-size:11px;fill:var(--color-text-steel)}.v2-weekly-line__xtext{font-size:10px;fill:var(--color-text-steel)}.v2-weekly-line__x-axis-title{font-size:11px;font-weight:var(--font-weight-semibold);fill:var(--color-text-charcoal)}.v2-weekly__legend-marker{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px #0f172a1f}.v2-weekly__legend-marker--approved{background:var(--v2-chart-approved)}.v2-weekly__legend-marker--sailed{background:var(--v2-chart-sailed)}.v2-weekly__legend{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-steel)}.v2-weekly__legend-item{display:inline-flex;align-items:center;gap:6px}.v2-weekly__swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.v2-weekly__swatch--approved{background:var(--v2-chart-approved)}.v2-weekly__swatch--sailed{background:var(--v2-chart-sailed)}.v2-weekly__row{display:flex;align-items:stretch;gap:var(--spacing-2);min-height:120px}.v2-weekly__y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex-shrink:0;width:28px;font-size:var(--font-size-xs);color:var(--color-text-steel);padding-bottom:20px}.v2-weekly__cols{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:var(--spacing-1);border-left:1px solid var(--color-border-light);padding-left:var(--spacing-2);padding-bottom:0}.v2-weekly__cols--group .v2-weekly__group-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;height:100px}.v2-weekly__col{flex:1;min-width:0;max-width:72px;display:flex;flex-direction:column;align-items:center;gap:4px}.v2-weekly__bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:100px}.v2-weekly__group-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;min-height:100px}.v2-weekly__bar-track{position:relative;width:100%;max-width:40px;height:100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:var(--color-bg-light);border-radius:var(--radius-sm);overflow:hidden}.v2-weekly__cols--group .v2-weekly__bar-track{max-width:22px;flex:1}.v2-weekly__bar-fill{width:100%;min-height:2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--duration-fast)}.v2-weekly__bar-value{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);white-space:nowrap}.v2-weekly__xlabel{font-size:9px;line-height:1.2;color:var(--color-text-steel);text-align:center;max-width:100%;word-break:break-word}.v2-weekly__subnote{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.v2-activity__head{margin-bottom:var(--spacing-3)}.v2-activity__head .card__title{margin:0}@media (max-width: 1200px){.v2-main-grid{grid-template-columns:1fr}.v2-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.v2-bottom-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.v2-pipeline__flow{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-2)}.v2-pipeline__stage{flex:0 0 120px}}@media (max-width: 768px){.v2-pipeline__flow{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-2)}.v2-pipeline__stage{flex:0 0 110px}.v2-chart__body{grid-template-columns:1fr}.v2-date-range{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.v2-filters{flex-direction:column;align-items:stretch;width:100%}.v2-filters .dropdown-multi,.v2-filters .v2-date-range{width:100%}.v2-weekly__cols{overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.v2-weekly__col{flex:0 0 56px}}@media (max-width: 640px){.v2-kpi-row{grid-template-columns:1fr 1fr}.v2-atberth__phase-card--loading,.v2-atberth__phase-card--unloading{padding:var(--spacing-1)}.v2-clearance-row{grid-template-columns:1fr}}.allocation-visual{margin-bottom:var(--spacing-6)}.allocation-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-medium);margin-bottom:0}.allocation-tabs__tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-steel);background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-family:var(--font-primary);transition:color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.allocation-tabs__tab:hover{color:var(--color-text-charcoal)}.allocation-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.allocation-tabpanel{padding-top:var(--spacing-4)}.allocation-tabpanel[hidden]{display:none}.jetty-schedule-gantt{margin-top:0;--jetty-schedule-id-col: 200px}.jetty-schedule-gantt__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-subtle, #f5f5f5);border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.jetty-schedule-gantt__filter-field{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.jetty-schedule-gantt__filter-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-steel);line-height:1.2}.jetty-schedule-gantt__date-input{font-family:var(--font-primary);font-size:var(--font-size-xs);padding:4px 8px;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);box-sizing:border-box;width:9.25rem;max-width:100%;min-height:0;height:32px}.jetty-schedule-gantt__filters .btn.jetty-schedule-gantt__reset{min-height:32px;height:32px;padding:4px 12px;font-size:var(--font-size-small);margin-bottom:0}.jetty-schedule-gantt__compare{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-charcoal);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0}.jetty-schedule-gantt__compare input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.jetty-schedule-gantt__intro{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0 0 var(--spacing-3);max-width:52rem;line-height:1.45}.jetty-schedule-gantt__error{color:#991b1b;font-weight:var(--font-weight-medium)}.jetty-schedule-gantt__legend{margin-bottom:var(--spacing-3)}.jetty-schedule-gantt__now-dot{width:8px;height:8px;border-radius:1px;background:#c43a31;display:inline-block}.jetty-schedule-gantt__scroll{overflow:auto;-webkit-overflow-scrolling:touch;max-height:min(70vh,720px);position:relative}.jetty-schedule-gantt__matrix{min-width:640px}button.jetty-schedule-gantt__bar--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left;transition:filter var(--duration-fast),box-shadow var(--duration-fast)}button.jetty-schedule-gantt__bar--btn:hover{filter:brightness(.97);box-shadow:0 1px 3px #0000001f;z-index:2}button.jetty-schedule-gantt__bar--btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.jetty-schedule-gantt__header-row{display:grid;align-items:stretch;border:1px solid var(--color-border-light);border-bottom:none;background:var(--color-bg-subtle, #f5f5f5);font-size:var(--font-size-small);position:sticky;top:0;z-index:5}.jetty-schedule-gantt__corner,.jetty-schedule-gantt__th-day{padding:var(--spacing-2) var(--spacing-3);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);border-right:1px solid var(--color-border-light);text-align:center}.jetty-schedule-gantt__corner{text-align:left;color:var(--color-text-steel);position:sticky;left:0;z-index:7;background:var(--color-bg-subtle, #f5f5f5)}.jetty-schedule-gantt__th-day:last-child{border-right:none}.jetty-schedule-gantt__body{border:1px solid var(--color-border-light);background:#fff}.jetty-schedule-gantt__body-inner{position:relative;--jetty-schedule-id-col: 200px}.jetty-schedule-gantt__now-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#c43a31;z-index:2;pointer-events:none;box-shadow:0 0 0 1px #fff9}.jetty-schedule-gantt__row{display:grid;align-items:stretch;border-bottom:1px solid var(--color-border-light);min-height:48px}.jetty-schedule-gantt__row:last-child{border-bottom:none}.jetty-schedule-gantt__row--oos .jetty-schedule-gantt__id-cell{background:#7878781f;border-left:3px solid rgba(90,90,90,.65)}.jetty-schedule-gantt__row--oos .jetty-schedule-gantt__timeline-cell{background:repeating-linear-gradient(-12deg,rgba(120,120,120,.06),rgba(120,120,120,.06) 8px,transparent 8px,transparent 16px)}.allocation-jetty-oos-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:1px 6px;vertical-align:middle;border-radius:var(--radius-sm);background:#5a5a5a26;color:var(--color-text-steel);border:1px solid rgba(90,90,90,.35)}.jetty-schedule-gantt__id-cell{padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-subtle, #f5f5f5);border-right:1px solid var(--color-border-light);text-align:left;display:flex;flex-direction:column;justify-content:center;position:sticky;left:0;z-index:4}.jetty-schedule-gantt__jetty-id{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);font-size:var(--font-size-small)}.jetty-schedule-gantt__lane-label{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-steel);margin-top:2px;line-height:1.1}.jetty-schedule-gantt__jetty-status{font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:2px}.jetty-schedule-gantt__timeline-cell{position:relative;min-width:0;border-right:none;background:#00000005}.jetty-schedule-gantt__timeline-inner{position:relative;width:100%;min-height:100%}.jetty-schedule-gantt__timeline-daylines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;z-index:0;pointer-events:none}.jetty-schedule-gantt__timeline-dayline{border-right:1px solid var(--color-border-light)}.jetty-schedule-gantt__timeline-dayline:last-child{border-right:none}.jetty-schedule-gantt__timeline-tracks{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;padding:2px 0}.jetty-schedule-gantt__timeline-tracks--dual{gap:4px}.jetty-schedule-gantt__timeline-tracks--dual .jetty-schedule-gantt__track--planned{border-bottom:1px dashed var(--color-border-light);padding-bottom:0;margin-bottom:0}.jetty-schedule-gantt__track{position:relative;width:100%}.jetty-schedule-gantt__bar{position:absolute;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;line-height:1.2;z-index:1;max-width:100%}.jetty-schedule-gantt__bar .loading-list__badge--purpose{padding:0 4px;font-size:10px;line-height:1.3;flex-shrink:0}.jetty-schedule-gantt__bar-text{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.jetty-schedule-gantt__bar-ship{flex-shrink:0;opacity:.9}.jetty-schedule-gantt__bar--planned-solid{background:rgba(var(--gantt-planned-rgb),.2);border:1px solid rgba(var(--gantt-planned-rgb),.5);color:var(--gantt-planned-text)}.jetty-schedule-gantt__bar--planned-grad{border:1px solid rgba(var(--gantt-planned-rgb),.35);color:var(--gantt-planned-text);background:linear-gradient(to right,rgba(var(--gantt-planned-rgb),.78),rgba(var(--gantt-planned-rgb),.06))}.jetty-schedule-gantt__bar--actual-solid{background:rgba(var(--gantt-actual-rgb),.16);border:1px solid rgba(var(--gantt-actual-rgb),.5);color:var(--gantt-actual-text)}.jetty-schedule-gantt__bar--actual-grad{border:1px solid rgba(var(--gantt-actual-rgb),.38);color:var(--gantt-actual-text);background:linear-gradient(to right,rgba(var(--gantt-actual-rgb),.72),rgba(var(--gantt-actual-rgb),.06))}.jetty-schedule-gantt__bar--st-arriving{border-style:dashed;border-width:1px}.jetty-schedule-gantt__bar--st-sailed-off{opacity:.72;filter:saturate(.55)}.jetty-schedule-gantt__bar--st-sailed-off.jetty-schedule-gantt__bar--planned-solid,.jetty-schedule-gantt__bar--st-sailed-off.jetty-schedule-gantt__bar--planned-grad,.jetty-schedule-gantt__bar--st-sailed-off.jetty-schedule-gantt__bar--actual-solid,.jetty-schedule-gantt__bar--st-sailed-off.jetty-schedule-gantt__bar--actual-grad{background:#6b72802e;border-color:#6b728099;color:#4b5563}.jetty-schedule-gantt__legend--two{flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4)}.jetty-schedule-gantt__swatch{width:22px;height:10px;border-radius:2px;display:inline-block;vertical-align:middle}.jetty-schedule-gantt__swatch--planned-solid{background:rgba(var(--gantt-planned-rgb),.45);border:1px solid rgba(var(--gantt-planned-rgb),.6)}.jetty-schedule-gantt__swatch--planned-grad{background:linear-gradient(to right,rgba(var(--gantt-planned-rgb),.75),rgba(var(--gantt-planned-rgb),.1));border:1px solid rgba(var(--gantt-planned-rgb),.35)}.jetty-schedule-gantt__swatch--actual-solid{background:rgba(var(--gantt-actual-rgb),.4);border:1px solid rgba(var(--gantt-actual-rgb),.55)}.jetty-schedule-gantt__swatch--actual-grad{background:linear-gradient(to right,rgba(var(--gantt-actual-rgb),.7),rgba(var(--gantt-actual-rgb),.1));border:1px solid rgba(var(--gantt-actual-rgb),.35)}.jetty-schedule-gantt__swatch--actual-etc-overdue{--etc-overdue-start: 55%;background:repeating-linear-gradient(135deg,#c43a3124 0,#c43a3124 3px,#c43a3138 3px,#c43a3138 6px),linear-gradient(to right,rgba(var(--gantt-actual-rgb),.4) 0%,rgba(var(--gantt-actual-rgb),.4) var(--etc-overdue-start, 55%),rgba(196,58,49,.25) var(--etc-overdue-start, 55%),rgba(196,58,49,.25) 100%);border:1px solid rgba(196,58,49,.5)}.jetty-schedule-gantt__swatch--status-arriving{background:repeating-linear-gradient(135deg,#6366f133 0,#6366f133 4px,#6366f114 4px,#6366f114 8px);border:1px dashed rgba(99,102,241,.65)}.jetty-schedule-gantt__swatch--status-berthing{background:rgba(var(--gantt-actual-rgb),.3);border:1px solid rgba(var(--gantt-actual-rgb),.55)}.jetty-schedule-gantt__swatch--status-sailed-off{background:#6b728033;border:1px solid rgba(107,114,128,.55)}.jetty-schedule-gantt__empty{padding:var(--spacing-4);font-size:var(--font-size-small);color:var(--color-text-steel);margin:0}.allocation-schedule{margin-top:0}.allocation-schedule__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3)}.allocation-schedule__legend{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-steel)}.allocation-schedule__legend-item{display:inline-flex;align-items:center;gap:var(--spacing-1)}.allocation-schedule__legend-dot{width:8px;height:8px;border-radius:50%}.allocation-schedule__legend-dot--active{background:var(--color-primary)}.allocation-schedule__legend-dot--berthing{background:var(--color-text-charcoal)}.allocation-schedule__legend-dot--expected{background:var(--color-text-steel)}.allocation-schedule__table-wrap{overflow-x:auto}.allocation-schedule__table{width:100%;min-width:720px;border-collapse:collapse;font-size:var(--font-size-small)}.allocation-schedule__th-id,.allocation-schedule__cell-id{width:90px;min-width:90px;padding:var(--spacing-2) var(--spacing-3);text-align:left;border:1px solid var(--color-border-light);background:var(--color-bg-subtle, #f5f5f5);vertical-align:middle}.allocation-schedule__th-slot{min-width:64px;padding:var(--spacing-2);text-align:center;border:1px solid var(--color-border-light);background:var(--color-bg-subtle, #f5f5f5);font-weight:var(--font-weight-medium);color:var(--color-text-steel)}.allocation-schedule__cell{min-width:64px;padding:var(--spacing-2);border:1px solid var(--color-border-light);vertical-align:middle}.allocation-schedule__cell--vessel{padding:var(--spacing-1)}.allocation-schedule__jetty-id{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.allocation-schedule__jetty-status{display:block;font-size:var(--font-size-xs);color:var(--color-text-steel);margin-top:2px}.allocation-schedule__pill{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-1) var(--spacing-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;background:#2173c71f;color:#2173c7;border:1px solid rgba(33,115,199,.3)}.allocation-schedule__pill--expected,.allocation-schedule__pill--berthing{background:#fff;color:var(--color-text-charcoal);border:1px solid var(--color-border-medium)}.allocation-schedule__pill-icon{font-size:.9em}.allocation-page__intro{color:var(--color-text-steel);font-size:var(--font-size-small);margin:0 0 var(--spacing-4);max-width:640px}.allocation-plan-status-filter{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap}.allocation-plan-status-filter__label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.allocation-plan-status-filter__option{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-small);color:var(--color-text-charcoal)}.allocation-plan-status-filter__option input[type=checkbox]{width:14px;height:14px}.allocation-plan-status-filter__empty{margin:var(--spacing-3) 0 0;font-size:var(--font-size-small);color:var(--color-text-steel)}.si-cargo-qty-cell{white-space:pre-line}.allocation-table__expand-col{width:36px;text-align:center;vertical-align:middle}.allocation-table__th{padding:var(--spacing-2) var(--spacing-3)}.allocation-table__th-label{display:inline-flex;align-items:center;gap:4px}.allocation-table__th-info{display:inline-flex;align-items:center;justify-content:center;font-size:.85em;line-height:1;color:var(--color-text-steel);cursor:help}.allocation-table__sort{display:inline-flex;align-items:center;gap:var(--spacing-1);background:none;border:none;padding:0;font:inherit;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--easing-default)}.allocation-table__sort:hover{color:var(--color-primary)}.allocation-table__sort-icon{font-size:var(--font-size-xs);color:var(--color-text-steel)}.allocation-table__filter-row th{padding:var(--spacing-2);background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.allocation-table__filter{width:100%;padding:var(--spacing-2);font-size:var(--font-size-xs);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-family:var(--font-primary);box-sizing:border-box}.allocation-table__row{cursor:pointer;transition:background var(--duration-fast) var(--easing-default)}.allocation-table__vessel-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1, 4px)}.allocation-table__vessel-etc-badge{display:inline-flex;margin-left:var(--spacing-1, 4px)}.allocation-table__row:hover,.allocation-table__row--expanded{background:var(--color-bg-lighter)}.allocation-table__row--plan-summary{cursor:default;background:var(--color-bg-subtle, #f4f6f8);font-size:var(--font-size-small)}.allocation-table__row--plan-summary:hover{background:var(--color-bg-subtle, #f4f6f8)}.allocation-table__plan-summary-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .35rem}.allocation-table__plan-ref{font-weight:var(--font-weight-semibold, 600)}.allocation-table__row--plan-child td:not(.allocation-table__expand-col):not(.allocation-table__action-col){padding-left:var(--spacing-4)}.allocation-mobile-card--plan{border-left:3px solid var(--color-primary)}.at-berth__group-header{background:var(--color-surface-muted, rgba(0, 0, 0, .03))}.at-berth-mobile-group-children{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light, #e5e7eb);display:flex;flex-direction:column;gap:var(--spacing-3)}.at-berth-mobile-child{padding-left:var(--spacing-2);border-left:2px solid var(--color-border-medium, #d1d5db)}.at-berth-mobile-child__actions{margin-top:.35rem}.allocation-table__action-btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.allocation-table__action-btns .btn--success{background:#2d7a3e;color:#fff;border-color:#2d7a3e}.allocation-table__action-btns .btn--success:hover{background:#246b32;border-color:#246b32}.allocation-table__expand-icon{font-size:10px;color:var(--color-text-steel)}.allocation-table__jetty-select{padding:var(--spacing-1) var(--spacing-2);font-size:inherit;font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background:var(--color-bg-base);cursor:pointer;min-width:4ch}.allocation-table__action-col{width:1%;white-space:nowrap;padding:var(--spacing-2) var(--spacing-3);vertical-align:middle}.allocation-table__action-btns{display:inline-flex;gap:var(--spacing-2)}.allocation-table__sequence-cell{display:inline-flex;align-items:center;gap:var(--spacing-2)}.allocation-table__sequence-btns{display:inline-flex;flex-direction:column;gap:0}.allocation-table__sequence-btn{padding:2px 6px;min-height:auto;line-height:1}.allocation-table__sequence-btn:disabled{opacity:.5;cursor:not-allowed}.allocation-table__action-col .btn--small{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.allocation-table__row--editing{background:var(--color-bg-lighter)}.allocation-table__input{width:100%;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-small);font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);box-sizing:border-box}.allocation-table__input--datetime{min-width:11rem}.allocation-table__input--text{min-width:8rem}.allocation-table__detail-row{background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border-light)}.allocation-table__detail-cell{padding:var(--spacing-4);vertical-align:top}.allocation-detail{max-width:720px}.allocation-detail__title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2)}.allocation-detail__grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-small);margin:0}.allocation-detail__grid dt{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.allocation-detail__grid dd{margin:0;color:var(--color-text-charcoal)}.allocation-detail__shipping-table-wrap{margin-top:var(--spacing-4)}.allocation-detail__subtitle{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2)}.allocation-detail__shipping-table{width:100%;max-width:560px;font-size:var(--font-size-small)}.allocation-detail__shipping-table th,.allocation-detail__shipping-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border:1px solid var(--color-border-light)}.allocation-detail__shipping-table th{background:var(--color-bg-subtle);font-weight:var(--font-weight-medium);color:var(--color-text-steel)}.allocation-arrival-form__section-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2)}.allocation-arrival-form__readonly{margin:0;font-size:var(--font-size-small);color:var(--color-text-charcoal);padding:var(--spacing-2) 0}.allocation-arrival-form__readonly--bold{font-weight:var(--font-weight-semibold)}.allocation-arrival-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}.allocation-arrival-form__grid .input-group{margin-bottom:0}.allocation-arrival-form__grid .input-group input,.allocation-arrival-form__grid .input-group select{max-width:100%}.vessel-detail-modal__body{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-2)}.vessel-detail-modal__last-updated{margin:0;font-size:var(--font-size-small);color:var(--color-text-steel, #5c6b7a);line-height:1.4}.vessel-detail-modal__meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin:0}.vessel-detail-modal__meta-row .vessel-detail-modal__last-updated{flex:1;min-width:12rem}.vessel-detail-modal__times-extras{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.vessel-detail-modal__card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.vessel-detail-modal__card-title--inline{margin:0}.vessel-detail-modal__icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border-subtle, #d0d7de);border-radius:var(--radius-sm, 4px);background:var(--color-surface, #fff);color:var(--color-text-charcoal, #333);cursor:pointer}.vessel-detail-modal__icon-btn:hover{background:var(--color-surface-muted, #f4f6f8)}.vessel-detail-modal__icon-btn:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.vessel-detail-modal__edit-hint{margin:0 0 var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-steel, #5c6b7a)}.vessel-detail-modal__footer{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;justify-content:flex-end}.vessel-detail-modal__section-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2)}.phase-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);margin:0}.phase-stepper__current-text{margin:0 0 var(--spacing-1);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.phase-stepper__hint{margin:0 0 var(--spacing-2);display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-steel)}.phase-stepper__hint-item{display:inline-flex;align-items:center;gap:6px}.phase-stepper__hint-item:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.phase-stepper__hint-item--completed:before{background:#2563eb}.phase-stepper__hint-item--in-progress:before{background:#d97706}.phase-stepper__hint-item--not-started:before{background:#6b7280}.phase-stepper__step{display:inline-flex;align-items:center;gap:var(--spacing-1);position:relative;padding:var(--spacing-1) var(--spacing-2);border-radius:999px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.phase-stepper__circle{width:10px;height:10px;border-radius:50%;flex-shrink:0}.phase-stepper__step--completed .phase-stepper__circle{background:#2563eb;border:2px solid #1d4ed8}.phase-stepper__step--completed{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.phase-stepper__step--in-progress .phase-stepper__circle{background:#f59e0b;border:2px solid #d97706}.phase-stepper__step--in-progress{background:#fffbeb;border:1px solid #fcd34d;color:#b45309}.phase-stepper__step--not-started .phase-stepper__circle{background:#9ca3af;border:2px solid #6b7280}.phase-stepper__step--not-started{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.phase-stepper__current-mark{position:absolute;top:-4px;right:-2px;font-size:10px;line-height:1;color:#d97706}.phase-stepper__step-label{white-space:nowrap}.phase-stepper__step-label--link{color:inherit;text-decoration:underline}.phase-stepper__step-label--link:hover{text-decoration:none}.phase-stepper__step-label--btn{background:transparent;border:none;padding:0;font:inherit;cursor:pointer}.phase-stepper__step-label--btn:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.phase-stepper__connector{color:var(--color-text-steel);font-size:var(--font-size-small);margin:0 var(--spacing-1);flex-shrink:0}.phase-stepper__connector--completed{color:#1e40af;font-weight:var(--font-weight-semibold)}.phase-stepper__connector--current{color:#b45309;font-weight:var(--font-weight-semibold)}.modal-overlay--nested{z-index:1100}.modal.modal--si-embed{width:min(96vw,1080px);max-width:min(96vw,1080px);max-height:92vh;padding:var(--spacing-3)}.si-detail-modal__iframe{width:100%;height:min(78vh,900px);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white)}.vessel-detail-modal__timing{padding-top:0}.vessel-detail-modal__dl{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-1) var(--spacing-4);margin:0;font-size:var(--font-size-small)}.vessel-detail-modal__dl dt{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.vessel-detail-modal__dl dd{margin:0;color:var(--color-text-charcoal)}.vessel-detail-modal__photos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.vessel-detail-modal__photo-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.vessel-detail-modal__photo-img{max-width:200px;max-height:150px;object-fit:contain;border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.vessel-detail-modal__photo-caption{font-size:var(--font-size-small);color:var(--color-text-steel);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.berthing-modal__body{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-2)}.berthing-modal__col-vessel{min-width:0}.berthing-modal__col-form{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.berthing-modal__card{padding:var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.berthing-modal__card--vessel{background:var(--color-bg-subtle)}.berthing-modal__card-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.berthing-modal__vessel-dl{margin:0;font-size:var(--font-size-small)}.berthing-modal__vessel-row{display:grid;grid-template-columns:100px 1fr;gap:var(--spacing-2);align-items:baseline;margin-bottom:var(--spacing-2)}.berthing-modal__vessel-row:last-child{margin-bottom:0}.berthing-modal__vessel-dl dt{color:var(--color-text-steel);font-weight:var(--font-weight-medium);margin:0}.berthing-modal__vessel-dl dd{margin:0;color:var(--color-text-charcoal)}.berthing-modal__docs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.berthing-modal__doc-link{color:var(--color-primary, #c43a31);text-decoration:none;font-weight:var(--font-weight-medium)}.berthing-modal__doc-link:hover{text-decoration:underline}.berthing-modal__vessel-dl--bold{font-weight:var(--font-weight-semibold)}.berthing-modal__form-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.berthing-modal__form-section-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-1)}.berthing-modal__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.berthing-modal__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal)}.berthing-modal__input{width:100%;max-width:320px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm)}.berthing-modal__textarea{width:100%;min-height:72px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);resize:vertical}.berthing-modal__file-zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:80px;padding:var(--spacing-3);border:2px dashed var(--color-border-medium);border-radius:var(--radius-sm);background:var(--color-bg-subtle);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default)}.berthing-modal__file-zone:hover{border-color:var(--color-primary);background:#c43a310a}.berthing-modal__file-zone-text{font-size:var(--font-size-small);color:var(--color-text-steel)}.berthing-modal__doc-open-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;margin:0;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background:#fff;color:var(--color-primary, #c43a31);cursor:pointer;transition:background var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.berthing-modal__doc-open-btn:hover{background:var(--color-bg-subtle, #f5f5f5);border-color:var(--color-primary, #c43a31)}.berthing-modal__doc-open-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.berthing-modal__doc-open-btn svg{display:block}.berthing-modal__nor-delete-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;margin:0;border:1px solid rgba(196,58,49,.4);border-radius:var(--radius-sm);background:#fff;color:#c43a31;cursor:pointer;transition:background var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.berthing-modal__nor-delete-btn:hover{background:#c43a3114;border-color:#c43a31}.berthing-modal__nor-delete-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.berthing-modal__nor-delete-btn:disabled{opacity:.45;cursor:not-allowed}.berthing-modal__nor-delete-btn svg{display:block}.berthing-modal__file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.berthing-modal__photo-list{list-style:none;margin:var(--spacing-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.berthing-modal__photo-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.berthing-modal__photo-thumb{width:120px;height:90px;object-fit:cover;border-radius:var(--radius-sm)}.berthing-modal__photo-name{font-size:var(--font-size-small);color:var(--color-text-charcoal);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.berthing-modal__photo-remove{margin-top:var(--spacing-1)}.berthing-modal__error{margin:0 var(--spacing-4) var(--spacing-2)}.allocation-page__intro{color:var(--color-text-steel);margin-bottom:var(--spacing-4);font-size:var(--font-size-small)}.allocation-page__intro--sub{margin-top:calc(-1 * var(--spacing-2));margin-bottom:var(--spacing-3)}.loading-list{list-style:none;margin:0;padding:0}.loading-list li{margin-bottom:var(--spacing-2)}.loading-list__link{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-charcoal);text-decoration:none;transition:background var(--duration-fast),border-color var(--duration-fast)}.loading-list__main{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.purpose-banner{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);margin:0 calc(-1 * var(--spacing-4)) var(--spacing-3);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);letter-spacing:.05em;box-shadow:0 2px 4px #0000000f}.purpose-banner--loading{background:#2d7a3e2e;color:#1a5f2a;border-bottom:3px solid #2d7a3e}.purpose-banner--unloading{background:#2173c72e;color:#1e40af;border-bottom:3px solid #2563eb}.purpose-banner__icon{font-size:1.25em;line-height:1}.purpose-banner__text{font-family:var(--font-primary)}.loading-list__link:hover{background:var(--color-bg-subtle);border-color:var(--color-primary)}.loading-list__name{font-weight:var(--font-weight-semibold);display:block}.loading-list__meta{font-size:var(--font-size-small);color:var(--color-text-steel)}.loading-back-link{font-size:var(--font-size-small);color:var(--color-primary);text-decoration:none}.loading-back-link:hover{text-decoration:underline}.loading-step-card--completed .berthing-modal__card-title{color:var(--color-success, #0d6832)}.loading-step-card--in-progress .berthing-modal__card-title{color:var(--color-primary)}.loading-step-placeholder{margin:0;font-size:var(--font-size-small);color:var(--color-text-steel)}.loading-hub{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-3);margin-top:var(--spacing-4)}.loading-hub__card{display:block;padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-charcoal);transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.loading-hub__card:hover{background:var(--color-bg-subtle);border-color:var(--color-primary);box-shadow:0 2px 8px #0000000f}.loading-hub__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);display:block;margin-bottom:var(--spacing-1)}.loading-hub__desc{font-size:var(--font-size-small);color:var(--color-text-steel);display:block}.loading-section-tabs{display:flex;gap:0;margin:0 0 var(--spacing-4);padding:0;border-bottom:1px solid var(--color-border-light)}.loading-section-tabs__tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-steel);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast),border-color var(--duration-fast)}.loading-section-tabs__tab:hover{color:var(--color-primary)}.loading-section-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.loading-si-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-3)}.loading-si-switcher__label{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);flex-shrink:0}.loading-si-switcher__select{min-width:min(100%,20rem);max-width:100%;padding:var(--spacing-2) 2.25rem var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-family:var(--font-primary);line-height:1.35;color:var(--color-text-charcoal);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background-color:var(--color-bg-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.75rem;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.loading-si-switcher__select::-ms-expand{display:none}.loading-si-switcher__select:hover{border-color:var(--color-primary)}.loading-si-switcher__select:focus{outline:none}.loading-si-switcher__select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}.loading-si-switcher__select:disabled{opacity:.65;cursor:not-allowed}.loading-stage-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin:0 0 var(--spacing-4)}.loading-stage-tabs__tab{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white);color:var(--color-text-charcoal);padding:10px 12px;min-height:48px;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.loading-stage-tabs__tab:hover{border-color:var(--color-primary);background:var(--color-bg-subtle)}.loading-stage-tabs__tab--active{border-color:var(--color-primary);background:var(--color-bg-subtle);box-shadow:inset 0 -2px 0 var(--color-primary)}.loading-stage-tabs__tab--done{border-color:#a7f3d0}.loading-stage-tabs__tab--in-progress{border-color:#fde68a}.loading-stage-tabs__label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.loading-stage-tabs__meta{font-size:var(--font-size-xs);color:var(--color-text-steel)}.loading-stage-tabs__topline{display:inline-flex;align-items:center;gap:8px}.loading-stage-tabs__dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(0,0,0,.08);flex:0 0 auto}.loading-stage-tabs__dot--done{background:#10b981;border-color:#10b98173}.loading-stage-tabs__dot--in-progress{background:#f59e0b;border-color:#f59e0b73}.loading-stage-tabs__dot--not-started{background:#94a3b8;border-color:#94a3b880}.loading-process-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--spacing-4);align-items:start}.loading-process-layout--stage-collapsed{grid-template-columns:92px minmax(0,1fr)}.loading-process-rail{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden;align-self:start;position:relative}.loading-process-rail__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-white);min-height:44px}.loading-process-rail__header-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);letter-spacing:.04em;text-transform:uppercase}.loading-process-rail__collapse{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.rail-chevron{display:inline-block;font-size:15px;line-height:1;font-weight:700;transform:translateY(-1px)}.loading-process-rail__icon{width:18px;display:inline-flex;align-items:center;justify-content:center}.loading-process-rail__label{display:inline-block}.loading-process-rail--collapsed{width:92px}.loading-process-rail--collapsed .loading-process-rail__header-title{display:none}.loading-process-rail--collapsed .loading-process-rail__header{justify-content:center;padding:var(--spacing-2)}.loading-process-rail__collapse.btn--secondary{background:transparent;border:none;box-shadow:none;color:var(--color-text-steel)}.loading-process-rail__collapse.btn--secondary:hover{background:#00000008}.loading-process-rail__collapse svg,.precheck-checklist-header__collapse svg{display:block}.loading-process-rail--collapsed .loading-process-rail__item{padding:var(--spacing-2) var(--spacing-2)}.loading-process-rail--collapsed .loading-process-rail__title{display:flex;align-items:center;gap:8px}.loading-process-rail__item{display:block;padding:var(--spacing-3);border-bottom:1px solid var(--color-border-light);text-decoration:none;color:var(--color-text-charcoal)}.loading-process-rail__item:last-child{border-bottom:none}.loading-process-rail__item:hover{background:var(--color-bg-lighter)}.loading-process-rail__item--active{background:var(--color-bg-subtle);box-shadow:inset 3px 0 0 var(--color-primary)}.loading-process-rail__title{display:block;font-weight:var(--font-weight-semibold)}.loading-process-rail__meta{display:block;margin-top:var(--spacing-1);color:var(--color-text-steel);font-size:var(--font-size-small)}.precheck-checklist-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:none;border-bottom:1px solid var(--color-border-light);border-radius:0;background:var(--color-bg-white);margin-bottom:0;min-height:44px}.precheck-checklist-header__collapse.btn--secondary:hover{background:#00000008}.precheck-checklist{padding:var(--spacing-2)}.precheck-master-detail__list--collapsed .precheck-checklist-header{padding:var(--spacing-2);justify-content:center}.precheck-master-detail__list--collapsed .precheck-checklist-header__title{display:none}.precheck-master-detail__list--collapsed .precheck-checklist-header__collapse{width:100%;justify-content:center}.precheck-master-detail__list--collapsed .precheck-checklist__item{padding:0}.precheck-master-detail__list--collapsed .precheck-checklist__compact-btn{justify-content:center;padding:var(--spacing-3) var(--spacing-2);gap:8px}.precheck-master-detail__list--collapsed .precheck-checklist__code{font-size:11px}.precheck-checklist-header__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);letter-spacing:.04em;text-transform:uppercase}.precheck-checklist__compact-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:var(--spacing-2);border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.precheck-checklist__compact-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.precheck-checklist__code{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.04em}.precheck-status-dot{width:10px;height:10px;border-radius:999px;background:var(--color-border-medium);border:1px solid rgba(0,0,0,.08);flex:0 0 auto}.precheck-status-dot--done{background:#10b981;border-color:#10b98166}.precheck-status-dot--in-progress{background:#f59e0b;border-color:#f59e0b73}.precheck-status-dot--not-started{background:#94a3b8;border-color:#94a3b880}.precheck-checklist{display:grid;gap:var(--spacing-2)}.precheck-checklist__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg);padding:var(--spacing-2) var(--spacing-2);transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.precheck-checklist__item--active{border-color:var(--color-primary);background:#fff8f6;box-shadow:inset 0 0 0 1px #c43a3133}.precheck-checklist__item:hover{background:var(--color-bg-lighter)}.precheck-checklist__left{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);flex:1;min-width:0}.precheck-checklist__topline{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.precheck-checklist__saved{font-size:var(--font-size-xs);color:var(--color-text-steel);opacity:.92}.precheck-checklist__title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.precheck-checklist__status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:999px;border:1px solid var(--color-border-medium);color:var(--color-text-steel);background:var(--color-bg-lighter)}.precheck-checklist__status--done{color:#046c4e;border-color:#9de9d5;background:#ecfdf5}.precheck-checklist__status--in-progress{color:#8a4b00;border-color:#ffd99f;background:#fff7ed}.precheck-checklist__status--not-started{color:var(--color-text-steel);border-color:var(--color-border-medium);background:var(--color-bg-lighter)}.precheck-checklist__status--na{color:#5b21b6;border-color:#ddd6fe;background:#f5f3ff}.precheck-status-dot--na{background:#8b5cf6;border-color:#8b5cf673}.required-star{color:var(--color-danger, #c53030);font-weight:var(--font-weight-semibold)}.operational-milestone-progress{margin:var(--spacing-2) var(--spacing-3) var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-steel)}.operational-milestone-composer__title{margin:0 0 var(--spacing-1)}.operational-milestone-composer__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.operational-milestone-composer__title-row .operational-milestone-composer__title{margin:0;flex:1;min-width:0}.operational-milestone-composer__title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.operational-milestone-composer__title-group .operational-milestone-composer__title{flex:unset}.field-help-btn{flex-shrink:0;width:1.75rem;height:1.75rem;margin:0;padding:0;border:1px solid var(--color-border-medium);border-radius:50%;background:var(--color-bg-elevated, #f1f5f9);color:var(--color-text-steel);font:inherit;cursor:help;display:inline-flex;align-items:center;justify-content:center}.field-help-btn:hover,.field-help-btn:focus-visible{border-color:var(--color-text-steel);color:var(--color-text-charcoal);outline:none}.field-help-btn__glyph{font-size:var(--font-size-xs);font-weight:700;font-style:italic;line-height:1}.field-help-btn--inline{width:1.375rem;height:1.375rem;vertical-align:middle}.operational-cargo-ops-basis-label-row{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap}.operational-cargo-ops-inline-hint{font-size:var(--font-size-xs);margin:var(--spacing-1) 0 0;line-height:1.35}.operational-milestone-composer__subtitle{font-size:var(--font-size-small);margin:0 0 var(--spacing-3);line-height:1.4}.operational-milestone-active__na{color:var(--color-text-steel);font-weight:400}.operational-cargo-ops-block{margin-bottom:var(--spacing-2)}.operational-cargo-ops-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-2)}.operational-cargo-line-card__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width: 640px){.operational-cargo-line-card__grid{grid-template-columns:1fr}}.operational-milestone-composer .operational-cargo-line-card .berthing-modal__input{max-width:100%;min-width:0;width:100%;box-sizing:border-box}@media (max-width: 520px){.operational-cargo-ops-grid{grid-template-columns:1fr}}.operational-cargo-ops-readonly{font-weight:600;margin-top:var(--spacing-1)}.operational-cargo-ops-hint{font-size:var(--font-size-xs);margin:var(--spacing-1) 0 0;line-height:1.35}.operational-cargo-ops-basis{margin-bottom:var(--spacing-2)}.cargo-ops-progress{margin-bottom:var(--spacing-3)}.cargo-ops-progress__labels{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-1);font-size:var(--font-size-small)}.cargo-ops-progress__loaded{font-weight:600;color:var(--color-text-primary, #1a1a1a)}.cargo-ops-progress__balance{font-size:.8rem;white-space:nowrap}.cargo-ops-progress__bar-track{height:10px;border-radius:999px;background:var(--color-border-light, #e2e8f0);overflow:hidden}.cargo-ops-progress__bar-fill{height:100%;border-radius:999px;background:var(--color-primary, #c41e3a);transition:width .3s ease;min-width:0}.cargo-ops-progress__totals{margin-top:var(--spacing-1);font-size:.78rem;text-align:right}.operational-cargo-line-card{border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);padding:var(--spacing-2);margin-bottom:var(--spacing-2);background:var(--color-bg-elevated, #f8fafc)}.operational-cargo-line-card__title{margin-bottom:var(--spacing-1)}.operational-cargo-line-actions{margin-top:var(--spacing-1);display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.cargo-ops-modal-meta{font-size:var(--font-size-small, .85rem);margin:2px 0 0;line-height:1.4}.cargo-ops-modal-meta__sep{opacity:.5}.cargo-ops-section{margin-bottom:var(--spacing-3)}.cargo-ops-section__label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted, #94a3b8);margin:0 0 var(--spacing-2);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border-light, #e2e8f0)}.cargo-ops-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.cargo-ops-section__label--inline{border-bottom:none;padding-bottom:0;margin-bottom:0}.cargo-ops-section--progress{background:var(--color-bg-subtle, #f8fafc);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-md, 8px);padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-3)}.cargo-ops-section--progress .cargo-ops-section__label{border-bottom:none;margin-bottom:var(--spacing-1);padding-bottom:0}.cargo-ops-time-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.cargo-ops-time-range--start-only{grid-template-columns:minmax(0,1fr)}.cargo-ops-time-range__field{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.cargo-ops-time-range__field .berthing-modal__input{width:100%;min-width:0;box-sizing:border-box}.cargo-ops-time-range__caption{font-size:.78rem;color:var(--color-text-muted, #94a3b8);padding-left:2px}.cargo-ops-time-range__arrow{font-size:.9rem;color:var(--color-text-muted, #94a3b8);padding-top:11px;-webkit-user-select:none;user-select:none;flex-shrink:0}@media (max-width: 580px){.cargo-ops-time-range{grid-template-columns:1fr}.cargo-ops-time-range__arrow{display:none}}.cargo-line-card{border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-2);overflow:hidden;background:var(--color-bg-surface, #fff)}.cargo-line-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg-elevated, #f8fafc);border-bottom:1px solid var(--color-border-light, #e2e8f0)}.cargo-line-card__entry-chip{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary, #64748b)}.cargo-line-card__remove{background:none;border:1px solid transparent;border-radius:var(--radius-sm, 4px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.cargo-line-card__remove:hover{color:var(--color-danger, #c41e3a);border-color:var(--color-danger-light, #fecdd3);background:var(--color-danger-bg, #fff1f2)}.cargo-line-card__body{padding:var(--spacing-2) var(--spacing-2) var(--spacing-1);display:flex;flex-direction:column;gap:var(--spacing-2)}.cargo-line-card__qty-field{margin-bottom:0!important}.cargo-line-card__qty-input-wrap{display:flex;align-items:center;gap:var(--spacing-1)}.cargo-line-card__qty-input-wrap .berthing-modal__input{flex:1;min-width:0}.cargo-line-card__unit{font-size:.82rem;font-weight:600;color:var(--color-text-secondary, #64748b);white-space:nowrap;flex-shrink:0}.cargo-line-card__derived{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-1);font-size:.8rem;color:var(--color-text-muted, #94a3b8);padding-top:var(--spacing-1);border-top:1px solid var(--color-border-light, #e2e8f0)}.cargo-line-card__derived strong{color:var(--color-text-secondary, #64748b);font-weight:600}.cargo-line-card__derived-sep{opacity:.4}.cargo-ops-notes-section{border-top:1px solid var(--color-border-light, #e2e8f0);padding-top:var(--spacing-3);margin-top:var(--spacing-1)}.operational-duration-hint{font-size:var(--font-size-xs);color:var(--color-text-steel);margin:calc(-1 * var(--spacing-1)) 0 var(--spacing-2)}.operational-form-error{margin:0 0 var(--spacing-2);font-size:var(--font-size-small);color:var(--color-danger, #c53030)}.operational-milestone-actions{margin-top:var(--spacing-2)}.operational-na-actions{margin-top:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid var(--color-border-light)}.operational-na-banner{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:var(--radius-sm);font-size:var(--font-size-small)}.operational-na-banner p{margin:0;flex:1;min-width:12rem}.operational-log-intro{margin:calc(-1 * var(--spacing-2)) 0 var(--spacing-3);font-size:var(--font-size-small)}.operation-activity-timeline{margin-top:var(--spacing-4)}.precheck-master-detail__panel .operation-activity-timeline,.operational-milestone-detail .operation-activity-timeline{margin-top:0}.operation-activity-timeline__table-wrap{overflow-x:auto;margin-top:var(--spacing-2)}.operation-activity-timeline__table thead th{position:sticky;top:0;z-index:1;background:var(--color-bg-subtle)}.operation-activity-timeline__table tbody tr:hover{background:var(--color-bg-lighter)}.operation-activity-timeline__row--cargo-group{background:var(--color-bg-subtle, #f5f5f5)}.operation-activity-timeline__row--cargo-group>td{border-bottom-color:var(--color-border-light, #e8e8e8)}.operation-activity-timeline__row--cargo-children-wrap>td{padding:0;border-bottom:1px solid var(--color-border-medium, #ddd);background:var(--color-bg-lighter, #fafafa)}.operation-activity-timeline__cargo-children-cell{vertical-align:top}.operation-activity-timeline__cargo-children{padding:var(--spacing-2) var(--spacing-2) var(--spacing-3)}.operation-activity-timeline__nested-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.operation-activity-timeline__nested-table thead th{position:static;background:var(--color-bg-subtle, #f0f0f0);font-weight:600;text-align:left;padding:var(--spacing-1) var(--spacing-2);border-bottom:1px solid var(--color-border-medium, #ccc)}.operation-activity-timeline__nested-table tbody tr:hover{background:#fff}.operation-activity-timeline__row--cargo-nested>td:first-child{padding-left:var(--spacing-3);box-shadow:inset 3px 0 0 var(--color-primary, #c41e3a)}.operation-activity-timeline__group-toggle{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left;max-width:100%}.operation-activity-timeline__group-toggle:hover .operation-activity-timeline__group-title-text{text-decoration:underline}.operation-activity-timeline__group-toggle--mobile{flex:1;min-width:0}.operation-activity-timeline__group-toggle--mobile strong{text-align:left}.operation-activity-timeline__group-chevron{flex-shrink:0;width:1.1em;font-size:.75em;opacity:.85}.operation-activity-timeline__group-title-text{font-weight:600}.operation-activity-timeline__mobile-card--cargo-group{border-left:3px solid var(--color-primary, #c41e3a)}.operation-activity-timeline__mobile-cargo-children{margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px dashed var(--color-border-medium, #ccc);display:flex;flex-direction:column;gap:var(--spacing-2)}.operation-activity-timeline__mobile-card--nested{margin-left:var(--spacing-2);padding-left:var(--spacing-2);border-left:2px solid var(--color-border-medium, #ddd)}.operation-activity-timeline__detail,.operation-activity-timeline__status,.operation-activity-timeline__remark,.operation-activity-timeline__documents{max-width:20rem;word-break:break-word;font-size:var(--font-size-small);line-height:1.45}.operation-activity-timeline__status{white-space:nowrap}.operation-activity-timeline__remark{white-space:pre-line}.operation-activity-timeline__documents{max-width:14rem}.operation-activity-timeline__doc-list{margin:0;padding-left:1.1rem;list-style:disc}.operation-activity-timeline__doc-list li{margin-bottom:.2rem}.operation-activity-timeline__doc-link{color:var(--color-primary, #0d6efd);text-decoration:underline;text-underline-offset:2px}.operation-activity-timeline__doc-link:hover{text-decoration-thickness:2px}.operation-activity-timeline__time{white-space:nowrap;font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.operation-activity-timeline__actions{white-space:nowrap;vertical-align:middle}.operation-activity-timeline__action-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-1);align-items:center}.operation-activity-timeline__action-btns .btn{min-width:3.75rem}.operation-activity-timeline__action-btns .btn--secondary{background:#fff}.modal .operational-milestone-actions{position:sticky;bottom:0;z-index:2;margin:0 calc(-1 * var(--spacing-1));padding:var(--spacing-2) var(--spacing-1) 0;background:linear-gradient(to top,#fff 72%,#ffffffd9)}.loading-page .btn:focus-visible,.loading-page .loading-stage-tabs__tab:focus-visible,.loading-page .precheck-checklist__compact-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 900px){.loading-process-layout,.precheck-master-detail{grid-template-columns:1fr}.precheck-master-detail__list{position:static}}.allocation-tabs.precheck-subtabs{flex-wrap:wrap}.allocation-tabs.precheck-subtabs .allocation-tabs__tab{white-space:nowrap}.loading-step-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.loading-step-card__actions .btn{width:auto}.loading-step-card__file-list{list-style:none;margin:var(--spacing-1) 0 0;padding:0;font-size:var(--font-size-small);color:var(--color-text-steel)}.loading-step-card__file-list li{padding:var(--spacing-1) 0}.precheck-sections{display:flex;flex-direction:column;gap:var(--spacing-4)}.precheck-master-detail{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--spacing-4);align-items:start}.precheck-master-detail__list--collapsed{width:88px}.precheck-master-detail:has(.precheck-master-detail__list--collapsed){grid-template-columns:88px minmax(0,1fr)}.precheck-master-detail__list{align-self:start;position:relative;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.precheck-master-detail__panel{min-width:0}.precheck-section-card{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-4);background:var(--color-bg)}.precheck-section-card--disabled .precheck-section-card__body{opacity:.95}.precheck-section-card--editing .precheck-section-card__body{pointer-events:auto}.precheck-section-card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.precheck-section-card__head .berthing-modal__card-title,.precheck-section-card>.berthing-modal__card-title{margin:0}.precheck-doc-list{list-style:none;margin:var(--spacing-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.precheck-doc-list__item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small)}.precheck-doc-list__name{flex:1;min-width:0;word-break:break-word}.precheck-doc-list__link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.precheck-doc-list__link:hover{text-decoration:none}.precheck-section-card__actions{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.precheck-section-card__actions--footer{margin-top:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid var(--color-border-light)}.precheck-section-card__actions--footer .btn{white-space:nowrap}.precheck-section-card__body{display:flex;flex-direction:column;gap:var(--spacing-3)}.precheck-section__row{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:baseline}.precheck-section__row--block{flex-direction:column;gap:var(--spacing-1)}.precheck-section__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-steel);min-width:10rem}.precheck-section__value{color:var(--color-text-charcoal)}.precheck-section__readonly,.precheck-section__placeholder{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0}.loading-tab-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.loading-tab-card{margin:0}.loading-card--collapsible{padding:0}.loading-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);background:transparent;border:none;cursor:pointer;font-family:var(--font-primary);text-align:left;transition:background var(--duration-fast) var(--easing-default)}.loading-card__header:hover{background:var(--color-bg-lighter)}.loading-card__header .berthing-modal__card-title{margin:0}.loading-card__chevron{flex-shrink:0;margin-left:var(--spacing-2);color:var(--color-text-steel);font-size:.75em}.vessel-detail-card .loading-card__header{padding:var(--spacing-3) var(--spacing-4)}.vessel-detail-card .loading-card__header[aria-expanded=true]{border-bottom:1px solid var(--color-border-light)}.vessel-detail-card .allocation-detail__grid{margin:0;padding:var(--spacing-3) var(--spacing-4) var(--spacing-4);max-width:52rem;display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);row-gap:var(--spacing-2);column-gap:var(--spacing-4)}.vessel-detail-card .allocation-detail__grid dt,.vessel-detail-card .allocation-detail__grid dd{margin:0}.loading-card--collapsible .loading-tab-dl{padding:0 var(--spacing-4) var(--spacing-4)}.loading-tab-dl{display:grid;gap:var(--spacing-2);margin:0}.loading-tab-dl__row{display:grid;grid-template-columns:120px 1fr;gap:var(--spacing-2);align-items:baseline}.loading-tab-dl__row dt{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0}.loading-tab-dl__row dd{margin:0;font-size:var(--font-size-small)}.loading-tab-hint{margin:0 0 var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-steel)}.loading-timelog-list{list-style:none;margin:0;padding:0}.loading-timelog-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.loading-timelog-item:last-child{border-bottom:none}.loading-timelog-label{flex:0 0 120px;font-weight:var(--font-weight-medium);font-size:var(--font-size-small)}.loading-timelog-value{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small)}.loading-timelog-btn-edit{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-small);padding:0;text-decoration:underline}.loading-timelog-btn-edit:hover{text-decoration:none}.loading-timelog-edit{display:inline-flex;align-items:center;gap:var(--spacing-2)}.loading-timelog-input{max-width:220px}.loading-tab-progress{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:flex-start}.loading-tab-value{font-size:var(--font-size-small)}.loading-tab-value--bold{font-weight:var(--font-weight-semibold)}.loading-notes-list{list-style:none;margin:0 0 var(--spacing-3);padding:0}.loading-note-item{padding:var(--spacing-2);margin-bottom:var(--spacing-1);background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-small)}.loading-note-time{display:block;color:var(--color-text-steel);margin-bottom:var(--spacing-1)}.loading-note-text{display:block}.loading-note-add{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.loading-note-add .berthing-modal__input{flex:1;min-width:200px}.loading-detail-activity-form{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.loading-detail-activity-times{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.loading-detail-activity-times .berthing-modal__input{max-width:220px}.operational-milestone-composer .loading-detail-activity-times{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:var(--spacing-2);width:100%}.operational-milestone-composer .loading-detail-activity-times .berthing-modal__field{width:100%;max-width:100%}.operational-milestone-composer .loading-detail-activity-times .berthing-modal__input{max-width:100%;width:100%;min-width:0;box-sizing:border-box}.loading-detail-activity-table-wrap{overflow-x:auto;margin-top:var(--spacing-2)}.loading-detail-activity-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.loading-detail-activity-table th,.loading-detail-activity-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-light)}.loading-detail-activity-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-steel);background:var(--color-bg-subtle)}.loading-detail-activity-table td{vertical-align:top}.loading-detail-activity-table .loading-detail-activity-empty{color:var(--color-text-steel);font-style:italic;text-align:center;padding:var(--spacing-4)}.loading-detail-activity-table .btn{margin-right:var(--spacing-1)}.sampling-entry-block{margin-top:var(--spacing-2)}.sampling-entry-block__title{margin:0 0 var(--spacing-2);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.sampling-entry-block__title--table{margin-bottom:var(--spacing-2)}.sampling-entry-block__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--spacing-2) var(--spacing-3);align-items:end}.sampling-entry-block__grid .berthing-modal__input{width:100%;max-width:none;min-width:0}.sampling-entry-block__actions{justify-content:flex-start;margin-bottom:0;min-width:96px}.sampling-entry-block__hint{margin:var(--spacing-3) 0 0;font-size:var(--font-size-small);color:var(--color-text-steel)}@media (max-width: 1240px){.sampling-entry-block__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sampling-entry-block__actions{grid-column:1 / -1;justify-content:flex-end}}.sampling-summary-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.sampling-summary-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-bg-lighter);font-size:var(--font-size-small);color:var(--color-text-charcoal)}.sampling-cell--numeric{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 980px){.sampling-entry-block__grid{grid-template-columns:1fr}}.berthing-modal__errors{margin:var(--spacing-3) 0 var(--spacing-2);padding:var(--spacing-3);background:#c43a3114;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-charcoal)}.berthing-modal__errors-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1)}.berthing-modal__errors-list{margin:0;padding-left:var(--spacing-4);font-size:var(--font-size-small);line-height:1.5}.at-berth-summary{margin-bottom:var(--spacing-3)}.at-berth-summary__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);align-items:start}@media (max-width: 720px){.at-berth-summary__groups{grid-template-columns:1fr}}.at-berth-summary__group{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0}.at-berth-summary__group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0;padding-bottom:var(--spacing-1);border-bottom:2px solid var(--color-border-medium)}.at-berth-summary__group:first-child .at-berth-summary__group-title{color:#1a5f2a;border-bottom-color:#2d7a3e}.at-berth-summary__group:last-child .at-berth-summary__group-title{color:#1e40af;border-bottom-color:#2563eb}.at-berth-summary__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-2);width:100%;min-width:0}@media (max-width: 520px){.at-berth-summary__grid{grid-template-columns:1fr}}.at-berth-summary__grid--2{grid-template-columns:repeat(2,1fr)}.at-berth-card{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-bg-white);box-shadow:var(--shadow-sm);min-width:0;overflow-wrap:anywhere}.at-berth-card__title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-1);line-height:1.3}.at-berth-card__count{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.at-berth-card--loading{background:#2d7a3e12;border-color:#2d7a3e38}.at-berth-card--unloading{background:#2173c712;border-color:#2173c73d}.at-berth-card--loading .at-berth-card__title{color:#1a5f2a}.at-berth-card--loading .at-berth-card__count{color:#2d7a3e}.at-berth-card--unloading .at-berth-card__title{color:#1e40af}.at-berth-card--unloading .at-berth-card__count{color:#2563eb}.at-berth-card--clearance-ready .at-berth-card__title{color:#b45309}.at-berth-card--clearance-ready .at-berth-card__count{color:#d97706}.at-berth-card--clearance-departed .at-berth-card__title{color:#0f766e}.at-berth-card--clearance-departed .at-berth-card__count{color:#0d9488}.at-berth-list-section .card__title{margin-bottom:var(--spacing-3)}.card__header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.card__header-row .card__title{margin-bottom:0}.at-berth-list-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.at-berth-list-section__header .card__title{margin-bottom:0}.clearance-status-filter{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.clearance-table thead th{position:sticky;top:0;z-index:1;background:var(--color-bg-subtle)}.clearance-table .allocation-table__action-col{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-1px 0 0 var(--color-border-light)}.clearance-table thead .allocation-table__action-col{z-index:2;background:var(--color-bg-subtle)}.at-berth-filter{border-bottom:none;margin-bottom:0}.at-berth-table__vessel{font-weight:var(--font-weight-semibold)}.loading-page .berthing-modal__card,.loading-page .berthing-modal__card--vessel,.loading-page .precheck-section-card,.loading-page .loading-step-card,.loading-page .loading-hub__card{background:var(--color-bg-white)}.loading-page .loading-hub__card:hover,.loading-page .berthing-modal__file-zone{background:var(--color-bg-lighter)}.loading-page .berthing-modal__file-zone:hover{background:#c43a310a}.loading-page .loading-note-item,.loading-page .loading-detail-activity-table th{background:var(--color-bg-white)}.loading-page .btn--soft{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.loading-page .btn--soft:hover{background:#e5e7eb;border-color:#cbd5e1}.loading-page .btn--ghost{background:#fff;color:#334155;border-color:#cbd5e1}.loading-page .btn--ghost:hover{background:#f8fafc;border-color:#94a3b8}.loading-page .btn--danger-soft{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.loading-page .btn--danger-soft:hover{background:#fee2e2;border-color:#fca5a5}.toast{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);z-index:10050;display:flex;align-items:flex-start;gap:var(--spacing-2);max-width:420px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;font-size:var(--font-size-small)}.toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.toast--warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.toast--warning .toast__icon{background:#d97706}.toast--stacked{bottom:calc(var(--spacing-4) + 5.5rem)}.allocation-arrival-save-msg{margin:0 0 var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-small);line-height:1.4}.allocation-arrival-save-msg--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.toast__icon{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#10b981;color:#fff;border-radius:50%;font-weight:var(--font-weight-semibold);font-size:11px}.toast__message{flex:1;margin:0;line-height:1.4}.toast__close{flex-shrink:0;width:28px;height:28px;padding:0;border:none;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;opacity:.8;border-radius:var(--radius-sm)}.toast__close:hover{opacity:1;background:#0000000f}.reporting-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.reporting-list__card{display:block;padding:var(--spacing-4);text-decoration:none;color:inherit;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.reporting-list__card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.reporting-list__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2);color:var(--color-text-charcoal)}.reporting-list__card-desc{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0 0 var(--spacing-3);line-height:1.4}.reporting-list__card-link{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-primary)}.daily-activities-report__filters{margin-bottom:var(--spacing-4)}.daily-activities-report__filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.daily-activities-report__multi-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@media (max-width: 640px){.daily-activities-report__multi-section{grid-template-columns:1fr}}.daily-activities-report__dropdown{min-width:0}.daily-activities-report__dropdown.dropdown-multi{width:100%;max-width:280px}.daily-activities-report__actions{margin-top:var(--spacing-2);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.daily-activities-report__download-btn:disabled{opacity:.6;cursor:not-allowed}.dropdown-multi{position:relative;display:inline-block;min-width:160px}.dropdown-multi__label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);margin-bottom:var(--spacing-1)}.dropdown-multi__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-family:var(--font-primary);color:var(--color-text-charcoal);background:#fff;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);cursor:pointer;text-align:left}.dropdown-multi__trigger:hover{border-color:var(--color-primary)}.dropdown-multi__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-multi__chevron{flex-shrink:0;margin-left:var(--spacing-2);font-size:.6rem;color:var(--color-text-steel)}.dropdown-multi__panel{position:absolute;z-index:10;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001f;max-height:220px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default),visibility var(--duration-fast) var(--easing-default)}.dropdown-multi__panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-multi__list{list-style:none;margin:0;padding:var(--spacing-1)}.dropdown-multi__list li{margin:0}.dropdown-multi__option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-small);cursor:pointer;color:var(--color-text-charcoal)}.dropdown-multi__option:hover{background:var(--color-bg-subtle, #f5f5f5)}.dropdown-multi__option input[type=checkbox]{width:1rem;height:1rem;margin:0;cursor:pointer}.dropdown-multi__empty{padding:var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-steel)}.searchable-select{position:relative;display:block;width:100%}.searchable-select__trigger{width:100%}.searchable-select__portal-root{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000002e;overflow:hidden}.searchable-select__search-wrap{padding:var(--spacing-2);border-bottom:1px solid var(--color-border-medium);flex-shrink:0}.searchable-select__search{width:100%;box-sizing:border-box;padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-small);font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm)}.searchable-select__list{list-style:none;margin:0;padding:var(--spacing-1);overflow-y:auto;flex:1;min-height:0}.searchable-select__list li{margin:0}.searchable-select__option{display:block;width:100%;text-align:left;padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-small);font-family:var(--font-primary);color:var(--color-text-charcoal);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.searchable-select__option:hover,.searchable-select__option:focus-visible{background:var(--color-bg-subtle, #f5f5f5);outline:none}.searchable-select__option--selected{font-weight:var(--font-weight-semibold)}.searchable-select__empty{padding:var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-steel)}.daily-activities-report__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.daily-activities-report__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal)}.daily-activities-report__input{padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-small);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-family:var(--font-primary)}.daily-activities-report__vessel{margin-bottom:var(--spacing-4)}.daily-activities-report__vessel-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light);color:var(--color-text-charcoal)}.daily-activities-report__section-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);margin:0 0 var(--spacing-2)}.daily-activities-report__header,.daily-activities-report__timelog,.daily-activities-report__progress{margin-bottom:var(--spacing-4)}.daily-activities-report__header:last-child,.daily-activities-report__timelog:last-child,.daily-activities-report__progress:last-child{margin-bottom:0}.daily-activities-report__header-dl{display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-1) var(--spacing-4);margin:0;max-width:800px}.daily-activities-report__header-row{display:contents}.daily-activities-report__header-row dt,.daily-activities-report__header-row dd{padding:var(--spacing-1) 0}.daily-activities-report__header-row dt{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0}.daily-activities-report__header-row dd{font-size:var(--font-size-small);margin:0;color:var(--color-text-charcoal)}.daily-activities-report__progress-dl{grid-template-columns:180px 1fr;max-width:600px}.daily-activities-report__table{width:100%}.jetty-vessel-report__groups{display:flex;flex-direction:column;gap:var(--spacing-2)}.jetty-vessel-report__details{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-lighter, #fafafa)}.jetty-vessel-report__summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4);align-items:baseline}.jetty-vessel-report__summary::-webkit-details-marker{display:none}.jetty-vessel-report__summary-title{font-weight:var(--font-weight-semibold, 600)}.jetty-vessel-report__summary-meta{font-size:var(--font-size-small)}.jetty-vessel-report__list{margin:var(--spacing-3) 0 var(--spacing-1) var(--spacing-4);padding:0;list-style:disc}.jetty-vessel-report__item{margin-bottom:var(--spacing-2)}.jetty-layout-editor{display:flex;flex-direction:column;gap:var(--spacing-4)}.jetty-layout-editor__field{max-width:280px}.jetty-layout-editor__field .modal__label{margin-bottom:var(--spacing-1)}.jetty-layout-editor__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.jetty-layout-editor__saved{color:var(--color-primary);font-size:var(--font-size-small);margin:0}.jetty-layout-editor__hint{font-size:var(--font-size-small);color:var(--color-text-steel);margin:0 0 var(--spacing-2)}.jetty-layout-editor__grid-wrap{overflow-x:auto;padding-bottom:var(--spacing-2)}.jetty-layout-editor__grid{display:flex;flex-direction:row;gap:var(--spacing-3);min-width:min-content}.jetty-layout-editor__column{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:140px;padding:var(--spacing-2);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-lighter, #fafafa)}.jetty-layout-editor__cell-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-steel);margin-bottom:var(--spacing-1)}.jetty-layout-editor__cell .modal__input{width:100%;box-sizing:border-box}.allocation-mobile-cards{display:none}.allocation-mobile-card{margin-bottom:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white)}.allocation-mobile-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.allocation-mobile-card__header-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2, 8px)}.allocation-mobile-card__grid{display:grid;grid-template-columns:minmax(7rem,38%) minmax(0,1fr);gap:var(--spacing-1) var(--spacing-2);margin:0;font-size:var(--font-size-small)}.allocation-mobile-card__grid dt{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.allocation-mobile-card__grid dd{margin:0;color:var(--color-text-charcoal);word-break:break-word}.allocation-mobile-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.allocation-mobile-card__detail{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light)}.allocation-mobile-card__detail .allocation-detail,.allocation-mobile-card__detail .shipping-instruction-detail{max-width:100%}@media (max-width: 900px){.allocation-plan-status-filter,.clearance-status-filter{gap:var(--spacing-2)}.allocation-table__action-btns{gap:var(--spacing-1)}.clearance-table .allocation-table__action-col{position:static;box-shadow:none}}@media (max-width: 640px){.allocation-table-desktop,.shipping-instruction-table-desktop,.operation-activity-timeline__desktop{display:none}.allocation-mobile-cards,.operation-activity-timeline__mobile{display:block}.allocation-tabs{overflow-x:auto;scrollbar-width:thin}.allocation-tabs__tab{white-space:nowrap;flex:0 0 auto}.allocation-plan-status-filter{flex-direction:column;align-items:flex-start}.clearance-status-filter{display:flex;width:100%}.clearance-status-filter .btn{flex:1 1 auto}.loading-process-layout,.precheck-master-detail{grid-template-columns:1fr}.loading-process-rail,.precheck-master-detail__list,.precheck-master-detail__list--collapsed{width:100%}.loading-section-tabs,.loading-stage-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-1)}}.loading-list__badge{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.loading-list__badge--purpose[data-purpose=Loading]{background:#2d7a3e26;color:#1a5f2a}.loading-list__badge--purpose[data-purpose=Unloading]{background:#2173c726;color:#1e40af}.si-view-page{max-width:800px}.si-view-page--embed{max-width:none;padding:0}.si-view-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.si-view-meta{font-size:var(--font-size-small);color:var(--color-text-steel)}.si-view-unavailable{max-width:520px;padding:var(--spacing-6)}.si-view-unavailable__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3)}.si-view-doc{padding:var(--spacing-6)}.si-view-summary{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6);font-size:var(--font-size-small)}.si-view-summary__row{display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-3);align-items:baseline}.si-view-summary__label{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.si-view-summary__value{color:var(--color-text-charcoal)}.si-view-table-wrap{overflow-x:auto}.si-view-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.si-view-table__th{text-align:left;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-medium);background:var(--color-bg-subtle, #f5f5f5);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.si-view-table__th--num{text-align:right}.si-view-table__cell{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-light);color:var(--color-text-charcoal)}.si-view-table__cell--num{text-align:right}.si-view-table__total .si-view-table__cell{font-weight:var(--font-weight-semibold);background:var(--color-bg-subtle, #f5f5f5)}.si-view-table__cell--total-label{text-align:right;padding-right:var(--spacing-3)}.si-view-table__cell--total{font-weight:var(--font-weight-semibold)}.si-document-modal__body{max-height:min(78vh,720px);overflow-y:auto;margin-top:var(--spacing-3)}.si-approval-page{max-width:1200px}.si-approval-external{max-width:520px;padding:var(--spacing-6)}.si-approval-external__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3)}.si-approval-external__text{margin:0 0 var(--spacing-2);color:var(--color-text-charcoal)}.si-approval-external__hint{margin:0 0 var(--spacing-4);font-size:var(--font-size-small)}@media print{.no-print,.si-approval-page .si-approval-header,.si-approval-page .si-approval-sidebar{display:none!important}.si-approval-page .si-approval-layout{display:block}.si-approval-page .si-approval-main{max-width:none}}.si-form{background:#fff;padding:var(--spacing-6);max-width:800px;font-size:var(--font-size-small);color:#333}.si-form__header{margin-bottom:var(--spacing-4)}.si-form__company{font-weight:700;font-size:1.1rem;color:#1a5f2a;margin-bottom:var(--spacing-1)}.si-form__address{font-size:var(--font-size-xs);color:#444;margin-bottom:var(--spacing-2)}.si-form__line{height:2px;background:#1a5f2a;width:100%}.si-form__recipient{margin-bottom:var(--spacing-4);font-size:var(--font-size-small);color:#333;line-height:1.4}.si-form__title{text-align:center;font-size:1.25rem;font-weight:700;text-decoration:underline;margin:0 0 var(--spacing-1)}.si-form__docno{text-align:center;font-weight:700;margin:0 0 var(--spacing-4)}.si-form__body{display:grid;grid-template-columns:auto 1fr;gap:2px var(--spacing-4);margin:0 0 var(--spacing-6);align-items:baseline}.si-form__body dt{font-weight:500;color:#333;margin:0}.si-form__body dd{margin:0;color:#333}.si-form__body dd strong{font-weight:700}.si-form__reference-dates{display:grid;grid-template-columns:auto 1fr;gap:4px var(--spacing-4);margin:0 0 var(--spacing-5);padding:var(--spacing-3);background:#f7f9f8;border:1px solid #e0e8e3;border-radius:4px;font-size:var(--font-size-xs);align-items:baseline}.si-form__reference-dates dt{margin:0;font-weight:600;color:#444}.si-form__reference-dates dd{margin:0;color:#222}.si-form__approval{text-align:right;margin-top:var(--spacing-8);padding-top:var(--spacing-4)}.si-form__approval-place,.si-form__approval-company{font-size:var(--font-size-small);margin-bottom:var(--spacing-2)}.si-form__approval-remark{font-size:var(--font-size-xs);color:#1a5f2a;margin-bottom:var(--spacing-4);line-height:1.4}.si-form__approval-remark .si-form__approval-id{font-weight:700}.si-form__approval-signature{min-height:48px;border-bottom:1px solid #333;margin-bottom:var(--spacing-2);width:200px;margin-left:auto}.si-form__approval-name{font-weight:700;margin-bottom:2px}.si-form__approval-title{font-size:var(--font-size-xs);color:#555}.si-approval-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.si-approval-header__left{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.si-approval-back{flex-shrink:0}.si-approval-status{display:inline-block;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);border-radius:999px;background:#e8e8e8;color:#333}.si-approval-status--approved{background:#2d7a3e26;color:#2d7a3e}.si-approval-status--rejected{background:#c43a311f;color:var(--color-primary)}.si-approval-header__actions{display:flex;gap:var(--spacing-2)}.si-approval-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-4);align-items:start}@media (max-width: 1023px){.si-approval-layout{grid-template-columns:1fr}}.si-approval-main{display:flex;flex-direction:column;gap:var(--spacing-4)}.si-approval-meta{padding:var(--spacing-4)}.si-approval-meta__id{display:flex;flex-direction:column;gap:var(--spacing-1)}.si-approval-meta__id strong{font-size:var(--font-size-lg);color:var(--color-text-charcoal)}.si-approval-meta__generated,.si-approval-meta__class{font-size:var(--font-size-small);color:var(--color-text-steel)}.si-approval-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.si-approval-card__grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-4);margin:0;font-size:var(--font-size-small)}.si-approval-card__grid dt{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.si-approval-card__grid dd{margin:0;color:var(--color-text-charcoal)}.si-approval-attachments{list-style:none;padding:0;margin:0 0 var(--spacing-3)}.si-approval-attachments__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-small)}.si-approval-attachments__item:last-of-type{border-bottom:none}.si-approval-attachments__name{flex:1;color:var(--color-text-charcoal)}.si-approval-attachments__size{color:var(--color-text-steel);font-size:var(--font-size-xs)}.si-approval-attachments__action{flex-shrink:0}.si-approval-upload{margin-top:var(--spacing-2)}.si-approval-upload__label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);margin-bottom:var(--spacing-2)}.si-approval-upload__input{display:block;width:100%;max-width:320px;padding:var(--spacing-2);font-size:var(--font-size-small);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm)}.si-approval-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4)}.si-approval-signoff__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.si-approval-signoff__section{margin-bottom:var(--spacing-3)}.si-approval-signoff__comments{width:100%;min-height:80px;resize:vertical}.si-approval-signoff__certify{margin-bottom:var(--spacing-4)}.si-approval-signoff__certify-label{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-charcoal);cursor:pointer}.si-approval-signoff__certify-checkbox{flex-shrink:0;margin-top:2px}.si-approval-signoff__actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.si-approval-signoff__reject{border-color:var(--color-primary);color:var(--color-primary)}.si-approval-signoff__reject:hover{background:#c43a3114}.si-approval-result{padding:var(--spacing-4)}.si-approval-result--success p:first-child{color:#2d7a3e}.si-approval-result--rejected p:first-child{color:var(--color-primary)}.si-approval-result p{margin:0 0 var(--spacing-2)}.si-approval-result .btn{margin-top:var(--spacing-3)}.si-approval-lifecycle__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.si-approval-lifecycle__list{list-style:none;padding:0;margin:0;font-size:var(--font-size-small)}.si-approval-lifecycle__item{padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:2px}.si-approval-lifecycle__item:last-child{border-bottom:none}.si-approval-lifecycle__item--current{color:var(--color-primary);font-weight:var(--font-weight-medium)}.si-approval-lifecycle__label{font-weight:var(--font-weight-medium);color:inherit}.si-approval-lifecycle__by,.si-approval-lifecycle__time{color:var(--color-text-steel);font-size:var(--font-size-xs)}.si-approval-lifecycle__item--current .si-approval-lifecycle__by,.si-approval-lifecycle__item--current .si-approval-lifecycle__time{color:inherit;opacity:.9}.shipment-plan-approval__section{padding:var(--spacing-5)}.shipment-plan-approval__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.shipment-plan-approval__si-count{margin:0 0 var(--spacing-4);font-size:var(--font-size-small)}.shipment-plan-approval__si-list{display:flex;flex-direction:column;gap:var(--spacing-5)}.shipment-plan-approval__si-card{margin:0;border:1px solid var(--color-border-medium);border-radius:6px}.shipment-plan-approval__si-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3);color:var(--color-text-charcoal)}.shipment-plan-approval__si-status{font-weight:var(--font-weight-regular);font-size:var(--font-size-small)}.shipment-plan-approval__si-summary{margin-bottom:var(--spacing-4)}.shipment-plan-approval__actions-card{padding:var(--spacing-5)}.shipment-plan-approval__certify-box{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-5);background:var(--color-bg-subtle, #f7f9f8);border:1px solid var(--color-border-light);border-radius:6px;max-width:52rem}.shipment-plan-approval__certify-checkbox{width:1.125rem;height:1.125rem;min-width:1.125rem;margin:.2rem 0 0;flex-shrink:0;cursor:pointer;accent-color:#2d7a3e}.shipment-plan-approval__certify-label{margin:0;font-size:var(--font-size-base);line-height:1.45;color:var(--color-text-charcoal);cursor:pointer;flex:1}.shipment-plan-approval__reason-group{max-width:52rem;margin-bottom:var(--spacing-2)}.shipment-plan-approval__reason-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.shipment-plan-approval__reason-textarea{width:100%;margin-top:var(--spacing-2);box-sizing:border-box}.shipment-plan-approval__error{color:#a32d2d;margin-top:var(--spacing-3)}.shipment-plan-approval-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4);align-items:center}.shipment-plan-approval-actions__approve{background:#2d7a3e;border:1px solid #2d7a3e;color:#fff}.shipment-plan-approval-actions__approve:hover:not(:disabled){filter:brightness(1.06)}.shipment-plan-approval-actions__approve:disabled{opacity:.45;cursor:not-allowed}.shipment-plan-approval-actions__reject{border-color:var(--color-border-medium)}.si-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.si-page-header__text{flex:1;min-width:0}.si-page-header__subtitle{color:var(--color-text-steel);font-size:var(--font-size-small);margin:.25em 0 0;max-width:640px}.si-page-header__cta{flex-shrink:0}.si-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.si-summary-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.si-summary-card__icon{font-size:1rem;opacity:.9}.si-summary-card__icon--check{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#2d7a3e;color:#fff;font-size:.7rem;font-weight:var(--font-weight-semibold)}.si-summary-card__value{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);line-height:1.2}.si-summary-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.02em}@media (max-width: 1023px){.si-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.si-summary-cards{grid-template-columns:1fr}}.si-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.si-toolbar--actions-only{justify-content:flex-end}.si-toolbar__search{flex:1;min-width:200px;max-width:400px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:var(--font-primary);box-sizing:border-box}.si-toolbar__search::placeholder{color:var(--color-text-steel)}.si-toolbar__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #c43a3126}.si-toolbar__actions{display:flex;gap:var(--spacing-2)}.si-toolbar__btn--active{border-color:var(--color-primary);background:#c43a3114;color:var(--color-primary)}.si-filters-panel__row--reset{flex-basis:100%;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-border-light)}.si-filters-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);margin-bottom:var(--spacing-3);background:var(--color-bg-lighter);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.si-filters-panel__row{display:flex;align-items:center;gap:var(--spacing-2)}.si-filters-panel__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal)}.si-filters-panel__row--document-date{align-items:center;gap:var(--spacing-3)}.si-filters-panel__date-range{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.si-filters-panel__date-input{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:var(--font-primary)}.si-filters-panel__date-range-sep{font-size:var(--font-size-small);color:var(--color-text-steel)}.si-filters-panel__select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-family:var(--font-primary);min-width:140px}.si-table__col-checkbox{width:44px;text-align:center;vertical-align:middle}.si-table__col-checkbox input[type=checkbox]{cursor:pointer}.si-table__vessel-agent{display:flex;flex-direction:column;gap:2px}.si-table__agent{font-size:var(--font-size-xs);color:var(--color-text-steel);font-weight:var(--font-weight-normal)}.si-status-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:999px;white-space:nowrap}.si-status-badge--draft{background:#e8e8e8;color:#555}.si-status-badge--submitted{background:#d0d0d0;color:#333}.si-status-badge--approved{background:#2d7a3e26;color:#2d7a3e}.si-status-badge--rejected{background:#b432321f;color:#a32d2d}.si-status-badge--received{background:#d0d0d0;color:#333}.si-status-badge--confirmed{background:#2d7a3e26;color:#2d7a3e}.si-status-badge--external{margin-left:var(--spacing-1);background:#2173c71a;color:#2173c7;font-size:10px}.si-table__col-actions{width:1%;white-space:nowrap;padding:var(--spacing-2) var(--spacing-3);vertical-align:middle}.shipping-instruction-table__th--actions{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);padding:var(--spacing-2) var(--spacing-3)}.si-table__action-slots{display:inline-flex;align-items:center;gap:var(--spacing-1);flex-wrap:nowrap}.si-table__action-slot{display:inline-flex;align-items:center;justify-content:center;min-width:26px}.si-table__action-btn{margin-right:0}.si-table__action-btn:last-child{margin-right:0}.si-table__action-slots .si-table__action-icon{min-width:26px;padding:2px 5px;line-height:1}.si-table__action-slots .si-table__action-icon svg{width:14px;height:14px;display:block}.si-table__action-slots .si-table__action-btn.btn--primary:disabled,.si-table__action-slots .si-table__action-btn.btn--secondary:disabled{opacity:.55;cursor:not-allowed}.si-table__action-btn--view-si:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-steel);border-color:var(--color-border-light);background:var(--color-bg-subtle, #f0f0f0)}.si-table__action-btn--view-si:disabled:hover{opacity:.5;background:var(--color-bg-subtle, #f0f0f0);border-color:var(--color-border-light)}.si-table__action-btn--delete-si:not(:disabled){color:#9a3412;border-color:#9a341259}.si-table__action-btn--delete-si:not(:disabled):hover{color:#7c2d12;border-color:#7c2d128c;background:#9a34120f}.shipping-instruction-page__intro{color:var(--color-text-steel);font-size:var(--font-size-small);margin:0 0 var(--spacing-4);max-width:640px}.shipping-instruction-form__section{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.shipping-instruction-form .shipping-instruction-form__section:first-child,.shipping-instruction-form .shipping-instruction-form__section:nth-child(2){margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.shipping-instruction-form__section:last-of-type{border-bottom:none}.shipping-instruction-form__section-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3)}.shipping-instruction-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.shipping-instruction-form__grid--vessel-trip{grid-template-columns:1fr;grid-template-areas:none;gap:var(--spacing-2)}.shipping-instruction-form__grid--vessel-trip .input-group{margin-bottom:0}.shipping-instruction-form__grid--vessel-trip .input-group label{margin-bottom:6px}.shipping-instruction-form__grid--vessel-trip .input-group input,.shipping-instruction-form__grid--vessel-trip .input-group select{max-width:400px;min-height:38px;padding:6px 10px;font-size:.95rem}.shipping-instruction-form__vessel,.shipping-instruction-form__ref,.shipping-instruction-form__docdate,.shipping-instruction-form__eta-from,.shipping-instruction-form__eta-to,.shipping-instruction-form__jetty,.shipping-instruction-form__voyage{grid-area:auto}@media (max-width: 760px){.shipping-instruction-form__grid--vessel-trip{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-areas:none}.shipping-instruction-form__vessel,.shipping-instruction-form__ref,.shipping-instruction-form__docdate,.shipping-instruction-form__eta-from,.shipping-instruction-form__eta-to,.shipping-instruction-form__jetty,.shipping-instruction-form__voyage{grid-area:auto}}.shipping-instruction-form__grid--quality{grid-template-columns:repeat(2,minmax(120px,200px))}.shipping-instruction-form__actions{margin-top:var(--spacing-4)}.shipping-instruction-breakdown-table .shipping-instruction-inline-input{width:100%;min-width:0;padding:var(--spacing-2);font-size:var(--font-size-small);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-family:var(--font-primary);box-sizing:border-box}.shipping-instruction-breakdown-table td{vertical-align:middle}.shipping-instruction-breakdown-table th:nth-child(1),.shipping-instruction-breakdown-table td:nth-child(1){min-width:9rem}.shipping-instruction-breakdown-table th:nth-child(2),.shipping-instruction-breakdown-table td:nth-child(2){min-width:11rem}.shipping-instruction-breakdown-table th:nth-child(3),.shipping-instruction-breakdown-table td:nth-child(3){min-width:5.5rem}.shipping-instruction-breakdown-table th:nth-child(4),.shipping-instruction-breakdown-table td:nth-child(4){min-width:8.5rem}.shipping-instruction-breakdown-table th:nth-child(5),.shipping-instruction-breakdown-table td:nth-child(5){min-width:7rem}.shipping-instruction-breakdown-table th:nth-child(6),.shipping-instruction-breakdown-table td:nth-child(6){min-width:6rem}.shipping-instruction-breakdown-table th:nth-child(7),.shipping-instruction-breakdown-table td:nth-child(7){min-width:6rem}.shipping-instruction-breakdown-table th:nth-child(8),.shipping-instruction-breakdown-table td:nth-child(8){min-width:8rem}.shipping-instruction-breakdown-table th:nth-child(9),.shipping-instruction-breakdown-table td:nth-child(9){width:1%;min-width:4.5rem;white-space:nowrap}.shipping-instruction-inline-input--num{text-align:right}.shipping-instruction-btn-remove{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);min-height:36px}.shipping-instruction-total-label{font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-3)}.shipping-instruction-total-value{font-weight:var(--font-weight-semibold);text-align:right;padding:var(--spacing-2) var(--spacing-3)}.shipping-instruction-docs{list-style:none;padding:0;margin:0 0 var(--spacing-2)}.shipping-instruction-docs__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-small)}.shipping-instruction-docs__item:last-child{border-bottom:none}.shipping-instruction-docs__name{flex:1;color:var(--color-text-charcoal)}@media (max-width: 639px){.shipping-instruction-form__grid{grid-template-columns:1fr}.shipping-instruction-breakdown-table{font-size:var(--font-size-xs)}}.shipping-instruction-table{min-width:1080px;font-size:var(--font-size-xs)}.shipping-instruction-table td{vertical-align:middle}.shipping-instruction-table__expand-col{width:36px;text-align:center;vertical-align:middle}.shipping-instruction-table__th{padding:var(--spacing-2) var(--spacing-3)}.shipping-instruction-table__sort{display:inline-flex;align-items:center;gap:var(--spacing-1);background:none;border:none;padding:0;font:inherit;font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--easing-default)}.shipping-instruction-table__sort:hover{color:var(--color-primary)}.shipping-instruction-table__sort-icon{font-size:var(--font-size-xs);color:var(--color-text-steel)}.shipping-instruction-table__filter-row th{padding:var(--spacing-2);background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.shipping-instruction-table__filter{width:100%;padding:var(--spacing-2);font-size:var(--font-size-xs);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-family:var(--font-primary);box-sizing:border-box}.shipping-instruction-table__row{cursor:pointer;transition:background var(--duration-fast) var(--easing-default)}.shipping-instruction-table__row:hover,.shipping-instruction-table__row--expanded{background:var(--color-bg-lighter)}.shipping-instruction-table__expand-icon{font-size:10px;color:var(--color-text-steel)}.shipping-instruction-table__detail-row{background:var(--color-bg-lighter);border-bottom:1px solid var(--color-border-light)}.shipping-instruction-table__detail-cell{padding:var(--spacing-4);vertical-align:top}.shipping-instruction-detail{max-width:720px}.shipping-instruction-detail__title,.shipping-instruction-detail__subtitle{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2)}.shipping-instruction-detail__subtitle{margin-top:var(--spacing-4)}.shipping-instruction-detail__grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-small);margin:0}.shipping-instruction-detail__grid dt{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.shipping-instruction-detail__grid dd{margin:0;color:var(--color-text-charcoal)}.shipping-instruction-detail__table{font-size:var(--font-size-xs);margin-top:var(--spacing-2)}.shipping-instruction-detail__docs{margin-top:var(--spacing-3)}.shipping-instruction-detail__docs-list{list-style:none;padding:0;margin:0;font-size:var(--font-size-small)}.shipping-instruction-detail__docs-list li{padding:var(--spacing-1) 0;color:var(--color-text-charcoal)}.si-extract-panel{margin:0 0 var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--color-border, #c9d1d9);font-size:var(--font-size-small)}.si-extract-panel--success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.si-extract-panel--warning,.si-extract-panel--sparse{background:#fffbeb;border-color:#fde68a;color:#92400e}.si-extract-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2)}.si-extract-panel__summary{margin:0;flex:1 1 12rem;line-height:1.4;font-weight:var(--font-weight-medium)}.si-extract-panel__actions{display:flex;flex-wrap:wrap;gap:.5rem}.si-extract-panel__body{margin-top:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid rgba(0,0,0,.08)}.si-extract-panel__section{margin-bottom:var(--spacing-2)}.si-extract-panel__section-title{cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);padding:var(--spacing-1) 0}.si-extract-panel__section-body{padding:0 0 var(--spacing-2) var(--spacing-2)}.si-extract-panel__list{list-style:none;margin:0;padding:0}.si-extract-panel__list>li{padding:.35rem 0;border-bottom:1px solid rgba(0,0,0,.06);line-height:1.35}.si-extract-panel__list>li:last-child{border-bottom:none}.si-extract-panel__field{font-weight:var(--font-weight-medium);margin-right:.35rem}.si-extract-panel__meta{display:inline-block;font-size:.75rem;opacity:.85;margin-right:.5rem}.si-extract-panel__value{display:block;margin-top:.15rem;word-break:break-word;opacity:.95}.si-extract-panel__list--tags{display:flex;flex-wrap:wrap;gap:.35rem}.si-extract-panel__list--tags>li{border:none;padding:0}.si-extract-panel__tag{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-sm);background:#0000000f;font-size:.75rem}.si-extract-panel__empty{margin:0;opacity:.85;font-style:italic}.si-extract-conflict-warnings{margin-bottom:1rem;padding:var(--spacing-2) var(--spacing-3);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:var(--font-size-small)}.si-extract-conflict-warnings__title{margin:0 0 .35rem;font-weight:var(--font-weight-semibold);color:#92400e}.si-extract-conflict-warnings__hint{margin:0 0 .5rem;color:#92400e;opacity:.9}.si-extract-conflict-warnings ul{margin:0;padding-left:1.25rem;color:#78350f}.si-toast{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);z-index:10050;display:flex;align-items:flex-start;gap:var(--spacing-2);max-width:420px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;font-size:var(--font-size-small)}.si-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.si-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.si-toast--warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.si-toast__icon{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#10b981;color:#fff;border-radius:50%;font-weight:var(--font-weight-semibold);font-size:11px}.si-toast--error .si-toast__icon{background:#dc2626}.si-toast--warning .si-toast__icon{background:#f59e0b}.si-toast__message{flex:1;margin:0;line-height:1.4}.si-toast__close{flex-shrink:0;width:28px;height:28px;padding:0;border:none;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;opacity:.8;border-radius:var(--radius-sm)}.si-toast__close:hover{opacity:1;background:#0000000f}@media (max-width: 900px){.si-toolbar{align-items:stretch}.si-toolbar__search{min-width:0;max-width:none;width:100%}.si-toolbar__actions{width:100%;flex-wrap:wrap}.shipping-instruction-table{min-width:980px}}@media (max-width: 640px){.shipping-instruction-table-desktop{display:none}.shipping-instruction-mobile-cards{display:block}.si-filters-panel{gap:var(--spacing-2);padding:var(--spacing-2)}.si-filters-panel__row{width:100%;align-items:flex-start;flex-direction:column}.si-filters-panel__select,.si-filters-panel__date-input{width:100%;min-width:0}.si-toast{right:var(--spacing-2);left:var(--spacing-2);max-width:none}}.etc-breach-badge{display:inline-flex;align-items:center;gap:3px;min-height:18px;padding:0 6px;border-radius:var(--radius-sm);border:1px solid var(--color-etc-breach, #C43A31);background:var(--color-etc-breach-bg, rgba(196, 58, 49, .07));color:var(--color-etc-breach, #C43A31);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-semibold, 600);line-height:1.2;vertical-align:middle;white-space:nowrap}.etc-breach-badge--md{min-height:22px;padding:0 8px;font-size:var(--font-size-sm, 12px)}.etc-breach-badge--icon-only{padding:0 4px;min-width:18px;justify-content:center}.etc-breach-badge--interactive{cursor:pointer;font-family:inherit;transition:background var(--duration-fast, .15s) var(--easing-default, ease-out),border-color var(--duration-fast, .15s) var(--easing-default, ease-out)}.etc-breach-badge--interactive:hover{background:var(--color-etc-breach-bg-strong, rgba(196, 58, 49, .14));border-color:var(--color-etc-breach-deep, #9E2C25)}.etc-breach-badge--interactive:focus-visible{outline:2px solid var(--color-etc-breach, #C43A31);outline-offset:2px}.etc-breach-badge__icon{flex-shrink:0}.etc-breach-badge__text{letter-spacing:.02em}.allocation-table__row--etc-breach{border-left:3px solid var(--color-etc-breach, #C43A31);background:var(--color-etc-breach-bg, rgba(196, 58, 49, .07))}.allocation-table__row--etc-breach:hover{background:var(--color-etc-breach-bg-strong, rgba(196, 58, 49, .12))}.allocation-mobile-card--etc-breach{border-left:3px solid var(--color-etc-breach, #C43A31)}.allocation-detail__dd--etc-breach{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2, 8px)}.jetty-schedule-gantt__bar--actual-etc-overdue.jetty-schedule-gantt__bar--actual-solid{background:repeating-linear-gradient(135deg,var(--color-etc-breach-bg-strong, rgba(196, 58, 49, .14)) 0,var(--color-etc-breach-bg-strong, rgba(196, 58, 49, .14)) 4px,var(--color-etc-breach-stripe, rgba(196, 58, 49, .22)) 4px,var(--color-etc-breach-stripe, rgba(196, 58, 49, .22)) 8px),linear-gradient(to right,rgba(var(--gantt-actual-rgb),.16) 0%,rgba(var(--gantt-actual-rgb),.16) var(--etc-overdue-start, 100%),rgba(196,58,49,.12) var(--etc-overdue-start, 100%),rgba(196,58,49,.12) 100%);border-color:#c43a3180;color:var(--color-etc-breach-deep, #9E2C25)}.jetty-schedule-gantt__bar--actual-etc-overdue.jetty-schedule-gantt__bar--actual-grad{background:repeating-linear-gradient(135deg,var(--color-etc-breach-bg-strong, rgba(196, 58, 49, .14)) 0,var(--color-etc-breach-bg-strong, rgba(196, 58, 49, .14)) 4px,var(--color-etc-breach-stripe, rgba(196, 58, 49, .22)) 4px,var(--color-etc-breach-stripe, rgba(196, 58, 49, .22)) 8px),linear-gradient(to right,rgba(var(--gantt-actual-rgb),.72) 0%,rgba(var(--gantt-actual-rgb),.16) var(--etc-overdue-start, 100%),rgba(196,58,49,.35) var(--etc-overdue-start, 100%),rgba(196,58,49,.06) 100%);border-color:#c43a3173;color:var(--color-etc-breach-deep, #9E2C25)}.jetty-slot__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-1, 4px);width:100%}.jetty-slot__title-row .jetty-slot__title{flex:1;min-width:0}@container (max-width: 400px){.jetty-schematic__slot .etc-breach-badge__text{font-size:9px}}.etc-breach-badge-hit{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-12px -8px;padding:12px 8px}@media (min-width: 769px){.etc-breach-badge-hit{min-width:0;min-height:0;margin:0;padding:0}}.at-berth-etc-cell{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1, 4px)}.at-berth-etc-cell__badge{display:inline-flex}.at-berth-overdue-filter{margin-left:var(--spacing-2, 8px)}.at-berth-summary-card__overdue-chip{display:inline-flex;align-items:center;margin-left:var(--spacing-2, 8px);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-semibold, 600);color:var(--color-etc-breach, #C43A31)}.jetty-schematic-section .card__title,.jetty-schematic__filters{margin-bottom:var(--spacing-3)}.jetty-schematic__historical-hint{margin:0 0 var(--spacing-3);font-size:var(--font-size-sm);color:#6b7280}.jetty-schematic-wrap{overflow-x:auto;overflow-y:visible;padding-bottom:var(--spacing-4)}.jetty-schematic{display:flex;flex-direction:row;gap:var(--spacing-2);min-width:560px}.jetty-schematic__column{--jetty-schematic-zone-height: 220px;--jetty-schematic-pipeline-height: 36px;display:grid;grid-template-rows:var(--jetty-schematic-zone-height) var(--jetty-schematic-pipeline-height) var(--jetty-schematic-zone-height);align-items:stretch;align-content:start;flex:1 1 0;min-width:0;gap:var(--spacing-2)}.jetty-schematic__berth-zone{--jetty-name-band-height: 22px;--jetty-schematic-lanes-available: calc( var(--jetty-schematic-zone-height) - var(--jetty-name-band-height) - var(--spacing-2) );display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;gap:var(--spacing-2)}.jetty-schematic__berth-zone--placeholder{height:100%;min-height:0;display:flex;flex-direction:column}.jetty-schematic__berth-zone--placeholder .jetty-schematic__slot.jetty-schematic__slot--empty{flex:1 1 auto;min-height:0;height:auto}.jetty-schematic__jetty-name-band{flex:0 0 var(--jetty-name-band-height);height:var(--jetty-name-band-height);min-height:var(--jetty-name-band-height);display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:#374151;background:#e5e7eb;border:1px solid #d1d5db;border-radius:var(--radius-sm)}.jetty-schematic__jetty-name-label{pointer-events:none;-webkit-user-select:none;user-select:none}.jetty-schematic__cctv-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:18px;padding:0;margin:0;border:1px solid #9ca3af;border-radius:3px;background:#f9fafb;cursor:pointer;line-height:1}.jetty-schematic__cctv-btn:hover:not(:disabled){background:#fff;border-color:#6b7280}.jetty-schematic__cctv-btn:disabled{opacity:.45;cursor:not-allowed;background:#e5e7eb}.jetty-schematic__cctv-btn-icon{font-size:11px;line-height:1}.jetty-schematic__berth-stack{--berth-lane-height-divisor: 2;display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start;gap:var(--spacing-1);width:100%;flex:1 1 0;min-height:0;box-sizing:border-box;position:relative;overflow:hidden}.jetty-schematic__berth-stack--above-pipeline{flex-direction:column-reverse}.jetty-schematic__berth-stack--oos{opacity:.88}.jetty-schematic__berth-stack--oos .jetty-schematic__lane{filter:grayscale(.35);border-color:#64646459}.jetty-schematic__oos-badge{position:absolute;top:4px;right:4px;z-index:2;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.04em;padding:2px 6px;border-radius:var(--radius-sm);background:#5a5a5aeb;color:#fff;pointer-events:none}.jetty-schematic__lane{--lane-pixel-height: calc( ( var(--jetty-schematic-lanes-available, var(--jetty-schematic-zone-height)) - (var(--berth-lane-height-divisor) - 1) * var(--spacing-1) ) / var(--berth-lane-height-divisor) );position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;box-sizing:border-box;padding:2px var(--spacing-2) 4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:left;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default);background:var(--color-bg-lighter);color:var(--color-text-charcoal);flex:0 0 var(--lane-pixel-height);height:var(--lane-pixel-height);min-height:0;max-height:var(--lane-pixel-height);overflow-x:hidden;overflow-y:auto;font-family:inherit}.jetty-schematic__lane-suffix{position:absolute;top:3px;left:4px;z-index:2;font-size:.58rem;font-weight:var(--font-weight-semibold);line-height:1.1;letter-spacing:.02em;padding:1px 4px;border-radius:var(--radius-sm);background:#e5e7eb;border:1px solid #d1d5db;color:#4b5563;pointer-events:none;-webkit-user-select:none;user-select:none}.jetty-schematic__lane-etc{position:absolute;top:3px;right:4px;z-index:2}.jetty-schematic__lane .jetty-slot__inner,.jetty-schematic__lane .jetty-slot__vessel-block{display:flex;flex-direction:column;gap:1px;padding-left:18px;padding-right:4px;min-width:0;width:100%;text-align:left}.jetty-schematic__lane--etc-breach .jetty-slot__inner,.jetty-schematic__lane--etc-breach .jetty-slot__vessel-block{padding-right:22px}.jetty-schematic__lane .jetty-slot__title{display:block;font-size:.7rem;line-height:1.12;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jetty-schematic__lane .jetty-slot__line--purpose{overflow:visible}.jetty-schematic__lane .jetty-slot__line--purpose .loading-list__badge--purpose{font-size:9px;line-height:1.15;padding:0 4px}.jetty-schematic__lane .jetty-slot__line--plan-ref,.jetty-schematic__lane .jetty-slot__line--material{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%}.jetty-schematic__lane .jetty-schematic__slot-jetty-name{font-size:.62rem;margin-bottom:1px;line-height:1.1;padding:1px 4px}.jetty-schematic__slot--vacant .jetty-schematic__slot-jetty-name{align-self:center}.jetty-schematic__lane .jetty-slot__line{font-size:8.5px;line-height:1.18}.jetty-schematic__lane .jetty-slot__line--incoming{font-size:9px}.jetty-schematic__lane:disabled{cursor:default;opacity:1}.jetty-slot__vessel-block{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;min-width:0}.jetty-slot__line--overflow{color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.jetty-slot__line--incoming{color:var(--color-text-charcoal);font-size:10px}button.jetty-schematic__lane:hover:not(:disabled):not(.jetty-schematic__slot--vacant){border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}button.jetty-schematic__lane:hover:not(:disabled).jetty-schematic__slot--vacant{border-color:var(--color-border-dark)}button.jetty-schematic__lane:focus-visible{outline:2px solid rgba(196,58,49,.35);outline-offset:2px}.jetty-schematic__slot{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;box-sizing:border-box;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:left;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default);background:var(--color-bg-lighter);color:var(--color-text-charcoal);min-height:88px;height:auto;overflow:hidden}.jetty-schematic__slot-jetty-name{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:var(--font-weight-semibold);color:#4b5563;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-1);flex-shrink:0;padding:2px 6px;border-radius:var(--radius-sm);background:#e5e7eb;border:1px solid #d1d5db}.jetty-schematic__slot--disch{background:#2173c71f;border-color:#2173c761;color:var(--color-text-charcoal)}.jetty-schematic__slot--load{background:#2d7a3e1f;border-color:#2d7a3e61;color:var(--color-text-charcoal)}.jetty-schematic__slot--rag-red{border-left-width:4px;border-left-color:#c43a31;background:#fef9e6}.jetty-schematic__slot--rag-amber{border-left-width:4px;border-left-color:#e6a23c;background:#fefbf0}.jetty-schematic__slot--rag-green{border-left-width:4px;border-left-color:#2e7d32;background:#f0f8f0}.jetty-schematic__slot--disch.jetty-schematic__slot--rag-red{background:#fef5f5f2}.jetty-schematic__slot--disch.jetty-schematic__slot--rag-amber{background:#fffbf0fa}.jetty-schematic__slot--disch.jetty-schematic__slot--rag-green{border-left-color:#2173c7d9;background:#eff6fff2}.jetty-schematic__slot--load.jetty-schematic__slot--rag-red{background:#fef5f5f2}.jetty-schematic__slot--load.jetty-schematic__slot--rag-amber{background:#fffbf0fa}.jetty-schematic__slot--load.jetty-schematic__slot--rag-green{border-left-color:#2d7a3ed9;background:#f0fdf4f2}.jetty-slot__inner{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:flex-start}.jetty-slot__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);line-height:1.2;color:var(--color-text-charcoal);white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.jetty-slot__meta,.jetty-slot__line{font-size:11px;color:var(--color-text-steel);line-height:1.3}.jetty-slot__line--purpose{overflow:visible;white-space:normal}.jetty-slot__line--purpose .loading-list__badge--purpose{font-size:10px;line-height:1.2;padding:1px 5px}.jetty-slot__vessel-card{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:var(--spacing-1) 0;border:0;background:transparent;color:inherit;cursor:pointer}.jetty-slot__vessel-card+.jetty-slot__vessel-card{border-top:1px solid rgba(0,0,0,.08);margin-top:var(--spacing-1);padding-top:var(--spacing-2)}.jetty-slot__vessel-card--static{cursor:default}.jetty-slot__vessel-card:focus-visible{outline:2px solid rgba(196,58,49,.35);outline-offset:2px;border-radius:var(--radius-sm)}.jetty-slot__row{display:flex;align-items:center;gap:var(--spacing-2);width:100%}.jetty-slot__age{font-size:11px;color:var(--color-text-steel)}.jetty-slot__rag{width:8px;height:8px;border-radius:50%;flex-shrink:0}.jetty-slot__rag--red{background:#c43a31;box-shadow:0 0 0 1px #c43a314d}.jetty-slot__rag--amber{background:#e6a23c;box-shadow:0 0 0 1px #e6a23c4d}.jetty-slot__rag--green{background:#2e7d32;box-shadow:0 0 0 1px #2e7d324d}.jetty-slot__eta{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-charcoal)}.jetty-schematic__slot--vacant{background:var(--color-bg-white);color:var(--color-text-steel);border-style:dashed;text-align:center;justify-content:center;align-items:center}.jetty-schematic__slot--vacant .jetty-slot__inner{align-items:center;padding-left:0}.jetty-schematic__slot--empty{cursor:default;pointer-events:none}.jetty-schematic__berth-zone--placeholder .jetty-schematic__slot.jetty-schematic__slot--empty{box-sizing:border-box}.jetty-schematic__slot--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #c43a3140}button.jetty-schematic__slot:hover:not(.jetty-schematic__slot--vacant){border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.jetty-schematic__pipeline-segment{display:flex;align-items:center;justify-content:center;height:var(--jetty-schematic-pipeline-height, 36px);min-height:var(--jetty-schematic-pipeline-height, 36px);flex-shrink:0;background:var(--color-text-charcoal);color:var(--color-text-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-sm);pointer-events:none;cursor:default;width:100%;box-sizing:border-box}.jetty-schematic__placeholder{margin:0;padding:var(--spacing-4) var(--spacing-3);font-size:var(--font-size-small);line-height:1.5;color:var(--color-text-charcoal);background:var(--color-bg-subtle, #f5f5f5);border:1px dashed var(--color-border-medium);border-radius:var(--radius-sm)}.jetty-schematic__placeholder--muted{color:var(--color-text-steel);font-style:italic}.si-detail-modal{max-width:920px}.si-detail-modal__content{display:grid;gap:1rem}.si-detail-modal__grid{display:grid;grid-template-columns:180px 1fr;gap:.375rem .875rem;margin:0}.si-detail-modal__grid dt{margin:0;font-weight:600;color:var(--color-text-charcoal)}.si-detail-modal__grid dd{margin:0;color:var(--color-text-charcoal)}.si-detail-modal__pre{white-space:pre-wrap}.si-detail-modal__subhead{margin:.25rem 0 0}.si-detail-modal__subhead--spaced{margin-top:1rem}.si-detail-modal__operation-summary{border-top:1px solid var(--color-border-subtle, rgba(0, 0, 0, .08));padding-top:.75rem}.si-detail-modal__muted{margin:.25rem 0 0;font-size:.875rem}.si-detail-modal__inline-error{margin:.25rem 0 0;font-size:.875rem;color:#b91c1c}.si-detail-modal__table-wrap{margin-top:.35rem}.si-detail-modal__summary-table{width:100%;border-collapse:collapse;font-size:.8125rem}.si-detail-modal__summary-table th,.si-detail-modal__summary-table td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--color-border-subtle, rgba(0, 0, 0, .06));vertical-align:top}.si-detail-modal__summary-table thead th{font-weight:600;color:var(--color-text-charcoal);border-bottom-color:#0000001f}.si-detail-modal__summary-table tbody th[scope=row]{font-weight:600;width:9rem;color:var(--color-text-charcoal)}.si-detail-modal__state-cell{display:inline-flex;align-items:center;gap:.375rem}.si-detail-modal__stage-dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(0,0,0,.08);flex:0 0 auto}.si-detail-modal__stage-dot--done{background:#10b981;border-color:#10b98173}.si-detail-modal__stage-dot--in-progress{background:#f59e0b;border-color:#f59e0b73}.si-detail-modal__stage-dot--not-started{background:#94a3b8;border-color:#94a3b880}.si-detail-modal__nested-overlay{z-index:1100}.si-detail-modal--nested{max-width:min(960px,96vw);max-height:min(92vh,900px);display:flex;flex-direction:column}.si-detail-modal__nested-body{overflow:auto;min-height:0;flex:1}.si-detail-modal__executions-log-link-wrap{margin:.5rem 0 0}.admin-status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.admin-status-badge--active{background:#e8f5e9;color:#1b5e20}.admin-status-badge--inactive{background:var(--color-bg-lighter);color:var(--color-text-steel)}.admin-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-3)}.admin-tabs__tab{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-steel);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.admin-tabs__tab:hover{color:var(--color-text-charcoal)}.admin-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-permission-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.admin-permission-table th,.admin-permission-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-light)}.admin-permission-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal)}.admin-permission-table th.admin-permission-table__th--check{width:80px;text-align:center}.admin-permission-table td.admin-permission-table__cell--check{text-align:center}.admin-permission-table input[type=checkbox]{margin:0}.admin-permission-table__si-subrow td{background:var(--color-surface-muted, rgba(0, 0, 0, .03));padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-xs);vertical-align:middle}.admin-permission-table__si-subrow--readonly td{padding-left:var(--spacing-3)}.admin-permission-table__si-subindent{display:inline-block;margin-right:var(--spacing-2);color:var(--color-text-steel);font-weight:var(--font-weight-semibold)}.admin-permission-table__si-approve-label{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer;margin:0;font-weight:400}.admin-permission-table__si-approve-label input[type=checkbox]{flex-shrink:0;margin-top:.15em}.admin-permission-table__si-approve-text{line-height:1.35}.admin-permission-table__si-approve-hint{color:var(--color-text-steel);font-weight:400}.admin-section-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-2)}.admin-role-summary{font-size:var(--font-size-xs);color:var(--color-text-steel)}.admin-role-form__basic{margin-bottom:var(--spacing-4)}.admin-role-form__section-title{margin-top:0}.admin-role-page-access-wrap{margin-top:var(--spacing-2);max-height:22rem;overflow:auto}.admin-roles-table .allocation-table__row{cursor:pointer}.admin-roles-table .allocation-table__action-col{cursor:default}.admin-multiselect{border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);padding:var(--spacing-2);max-height:200px;overflow-y:auto;background:var(--color-bg-white)}.admin-multiselect__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) 0}.admin-multiselect__item input{margin:0}.drc-voyage-context{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-lighter);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.drc-voyage-context__title{margin:0 0 var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);text-transform:uppercase;letter-spacing:.04em}.drc-voyage-context__dl{margin:0;display:grid;grid-template-columns:minmax(7rem,9rem) 1fr;gap:var(--spacing-2) var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-small)}.drc-voyage-context__dl dt{margin:0;color:var(--color-text-steel);font-weight:var(--font-weight-medium)}.drc-voyage-context__dl dd{margin:0;color:var(--color-text-charcoal)}.drc-voyage-context__hint{margin:var(--spacing-3) 0 0;font-size:var(--font-size-small);color:var(--color-text-steel);line-height:1.45}.drc-voyage-context__edit{margin-top:var(--spacing-3);font-size:var(--font-size-small)}.drc-scenario{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.drc-scenario__title{margin:0 0 var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);text-transform:uppercase;letter-spacing:.04em}.drc-scenario__intro{margin:0 0 var(--spacing-3);font-size:var(--font-size-small);line-height:1.45}.drc-scenario__base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3)}@media (max-width: 720px){.drc-scenario__base-grid{grid-template-columns:1fr}}.drc-scenario__field{min-width:0}.drc-scenario__field-label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);margin-bottom:var(--spacing-1)}.drc-scenario__field-desc{margin:0 0 var(--spacing-2);font-size:11px;line-height:1.35;color:var(--color-text-steel)}.drc-scenario__field .modal__input{max-width:100%}.drc-scenario__buffer-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-2) var(--spacing-3)}.drc-scenario__buffer-row .modal__input{max-width:10rem}.drc-scenario__helper{margin:var(--spacing-2) 0 0;font-size:var(--font-size-small);color:var(--color-text-steel);line-height:1.45}.drc-stale-hint{margin:var(--spacing-2) 0 0;font-size:var(--font-size-small);color:var(--color-brand-red-deep, #9e2c25)}.drc-advanced{margin-top:var(--spacing-4);border-top:1px solid var(--color-border-light);padding-top:var(--spacing-3)}.drc-advanced summary{cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);-webkit-user-select:none;user-select:none}.drc-advanced summary:hover{color:var(--color-primary)}.drc-advanced__body{margin-top:var(--spacing-3)}.drc-filter-card .card__title{margin-bottom:var(--spacing-2)}@media (max-width: 900px){.drc-grid{grid-template-columns:1fr!important}}.jetty-live-health-card.jetty-live-health-card--collapsible{padding:0}.jetty-live-health-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-small, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-charcoal, #1e293b);background:transparent;border:none;cursor:pointer;font-family:var(--font-primary, inherit);text-align:left;transition:background .15s ease}.jetty-live-health-card__header:hover{background:var(--color-bg-lighter, #f8fafc)}.jetty-live-health-card--open .jetty-live-health-card__header{border-bottom:1px solid var(--color-border-light, #e5e7eb)}.jetty-live-health-card__header-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-2, 8px);min-width:0}.jetty-live-health-card__title{margin:0}.jetty-live-health-card__summary{font-size:var(--font-size-small, .875rem);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.jetty-live-health-card__summary--online{color:var(--color-success-text, #15803d)}.jetty-live-health-card__summary--starting{color:#b45309}.jetty-live-health-card__summary--offline{color:var(--color-danger, #b91c1c)}.jetty-live-health-card__chevron{flex-shrink:0;margin-left:var(--spacing-2, 8px);color:var(--color-text-steel, #64748b);font-size:.75em}.jetty-live-health-card__body{padding:var(--spacing-3, 12px) var(--spacing-4, 16px) var(--spacing-4, 16px)}.jetty-live-health-card__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.jetty-live-health-card__alert{margin-top:.75rem;color:var(--color-danger, #c00)}.jetty-live-health-card__actions{margin-top:1rem}.jetty-live-canvas-wrap{position:relative;overflow:hidden;border-radius:var(--radius-card, 12px);background:#0a0a0a;border:1px solid var(--color-border-light, #e5e7eb)}.jetty-live-canvas-wrap canvas{display:block;width:100%;height:auto;max-height:min(70vh,720px);margin:0 auto}.jetty-live-meta{font-size:var(--font-size-small, .875rem);color:var(--color-text-muted, #64748b)}.jetty-live-status--online{color:var(--color-success-text, #15803d);font-weight:var(--font-weight-semibold, 600)}.jetty-live-status--starting{color:#b45309;font-weight:var(--font-weight-semibold, 600)}.jetty-live-status--offline{color:var(--color-danger, #b91c1c);font-weight:var(--font-weight-semibold, 600)}:root{--color-brand-red: #C43A31;--color-brand-red-deep: #9E2C25;--color-text-charcoal: #2B2B2B;--color-text-steel: #6B6B6B;--color-text-white: #FFFFFF;--color-bg-white: #FFFFFF;--color-bg-light: #F4F4F4;--color-bg-lighter: #FAFAFA;--color-border-light: #E0E0E0;--color-border-medium: #C4C4C4;--color-border-dark: #9E9E9E;--color-primary: var(--color-brand-red);--color-primary-foreground: var(--color-text-white);--color-primary-hover: var(--color-brand-red-deep);--color-secondary: var(--color-bg-light);--color-secondary-foreground: var(--color-text-charcoal);--color-secondary-hover: #E8E8E8;--color-destructive: var(--color-brand-red);--color-destructive-foreground: var(--color-text-white);--color-etc-breach: #C43A31;--color-etc-breach-deep: #9E2C25;--color-etc-breach-bg: rgba(196, 58, 49, .07);--color-etc-breach-bg-strong: rgba(196, 58, 49, .14);--color-etc-breach-stripe: rgba(196, 58, 49, .22);--gantt-planned: #ea580c;--gantt-planned-text: #9a3412;--gantt-planned-rgb: 234, 88, 12;--gantt-actual: #7c3aed;--gantt-actual-text: #5b21b6;--gantt-actual-rgb: 124, 58, 237;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Merriweather", Georgia, serif;--font-size-h1: 33px;--font-size-h2: 26px;--font-size-h3: 20px;--font-size-lg: 15px;--font-size-base: 13px;--font-size-sm: 12px;--font-size-small: 11px;--font-size-xs: 10px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-default: 1.5;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 40px;--spacing-7: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--easing-default: ease-out}body{margin:0;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-default);color:var(--color-text-charcoal);background:var(--color-bg-light);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3);color:var(--color-text-charcoal)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}a:hover{color:var(--color-primary-hover)}.alert{border-left:4px solid var(--color-primary);background:var(--color-bg-lighter);padding:var(--spacing-3);color:var(--color-text-charcoal)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal{background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:420px;width:100%;max-height:90vh;overflow:auto;padding:var(--spacing-4)}.modal--small{max-width:320px}.modal--wide{max-width:720px}.modal--shipment-plan-form{max-width:min(96vw,1080px);width:100%;max-height:92vh;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.modal--shipment-plan-form .shipping-instruction-form{min-width:0}.modal__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);margin:0 0 var(--spacing-3)}.modal__section{margin-bottom:var(--spacing-3)}.modal__section:last-of-type{margin-bottom:0}.modal__label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);margin-bottom:var(--spacing-1)}.modal__input{width:100%;padding:var(--spacing-2);font-size:var(--font-size-small);font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);box-sizing:border-box}.modal__textarea{width:100%;padding:var(--spacing-2);font-size:var(--font-size-small);font-family:var(--font-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);box-sizing:border-box;resize:vertical;min-height:72px}.modal__tags{display:flex;flex-direction:column;gap:var(--spacing-2)}.modal__tag{justify-content:flex-start;text-align:left}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-4)}.modal--password{max-width:440px;padding:0}.modal--password .modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-4) 0}.modal--password form{padding:0 var(--spacing-4) var(--spacing-4)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2)}.modal__title--flush{margin:0}.modal__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-steel, #6b7280);cursor:pointer}.modal__close:hover{background:var(--color-bg-subtle, #f4f6f8);color:var(--color-text-charcoal)}.modal__divider{margin:var(--spacing-3) 0 0;border:none;border-top:1px solid var(--color-border-light, #e5e9ef)}.modal--password .modal__divider{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.modal__alert{margin:var(--spacing-3) 0 0;padding:var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-small)}.modal__alert--error{background:#c41e3a14;color:var(--color-destructive, #c41e3a);border:1px solid rgba(196,30,58,.2)}.modal__alert--success{background:#2d7a3e1a;color:#1a5f2a;border:1px solid rgba(45,122,62,.25)}.password-field__wrap{position:relative}.password-field__input{padding-right:2.5rem}.password-field__toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-steel, #6b7280);cursor:pointer;border-radius:var(--radius-sm)}.password-field__toggle:hover{color:var(--color-text-charcoal)}.password-field__toggle:disabled{opacity:.5;cursor:not-allowed}.app{display:flex;flex-direction:column;min-height:100vh}.flow-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}.flow-pill--md{padding:6px 10px;font-size:var(--font-size-xs)}.flow-pill--sm{padding:4px 8px;font-size:11px}.flow-pill__icon{font-size:1.05em;line-height:1}.flow-pill--loading{background:#2d7a3e24;border-color:#2d7a3e47;color:#1a5f2a}.flow-pill--unloading{background:#2173c724;border-color:#2173c747;color:#1e40af}.page-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.topbar__brand{display:inline-flex;align-items:center;gap:var(--spacing-3);min-width:0}.topbar__brand-logo{height:32px;width:auto;flex-shrink:0}.topbar__brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.topbar__brand-title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__brand-tagline{font-size:.78rem;color:var(--color-text-steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__nav-toggle{display:none;background:none;border:1px solid var(--color-border-medium);padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-charcoal);min-width:44px;min-height:44px}@media (max-width: 1023px){.topbar__nav-toggle{display:flex;align-items:center;justify-content:center}}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-3)}.topbar__greeting{font-size:var(--font-size-small);color:var(--color-text-steel)}.topbar__tz-stack{display:flex;flex-direction:column;align-items:flex-end;max-width:280px}.topbar__tz-seg{cursor:help}.topbar__logout{display:inline-flex;align-items:center;gap:var(--spacing-2)}.main-wrap{display:flex;flex:1;overflow:hidden;min-height:0}.sidebar{width:260px;flex-shrink:0;background:var(--color-bg-white);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;transition:transform var(--duration-slow) var(--easing-default),width var(--duration-slow) var(--easing-default)}.sidebar__inner{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding-bottom:var(--spacing-2)}.sidebar__collapse-fab{display:none;position:absolute;z-index:3;right:0;top:28px;transform:translate(50%);width:30px;height:30px;align-items:center;justify-content:center;padding:0;margin:0;border:2px solid var(--color-bg-light);border-radius:50%;background:var(--color-primary);color:var(--color-primary-foreground);cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.sidebar__collapse-fab:hover{background:var(--color-primary-hover);box-shadow:0 2px 12px #00000029}.sidebar__collapse-fab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar__brand{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-6);flex-shrink:0}.sidebar__brand-mark{width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-foreground);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.02em;flex-shrink:0}.sidebar__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar__brand-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);line-height:1.25}.sidebar__brand-sub{font-size:var(--font-size-small);color:var(--color-text-steel);line-height:1.2}.sidebar nav{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-1) var(--spacing-2) 0}.sidebar a{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-charcoal);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-left:3px solid transparent;border-radius:var(--radius-md);margin:0 var(--spacing-1);text-decoration:none}.sidebar-nav__label{min-width:0}.sidebar-nav__icon{flex-shrink:0;font-size:1.15em;line-height:1}.sidebar a:hover{background:var(--color-bg-lighter);color:var(--color-primary)}.sidebar a.active{border-left-color:transparent;background:var(--color-primary);color:var(--color-primary-foreground)}.sidebar a.active:hover{background:var(--color-primary-hover);color:var(--color-primary-foreground)}.sidebar-nav-group{margin-top:var(--spacing-2)}.sidebar-nav-group:first-child{margin-top:0}.sidebar-nav-group__label{display:block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-steel);text-transform:uppercase;letter-spacing:.02em}.sidebar-nav-group a{padding-left:var(--spacing-4)}@media (min-width: 1024px){.main-wrap{padding:var(--spacing-3);gap:var(--spacing-3);background:var(--color-bg-light);align-items:stretch}.sidebar{align-self:stretch;width:260px;border-right:none;border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:visible}.sidebar__collapse-fab{display:flex}.sidebar.sidebar--collapsed{width:72px}.sidebar.sidebar--collapsed .sidebar__brand{justify-content:center;padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.sidebar.sidebar--collapsed .sidebar__brand-text{display:none}.sidebar.sidebar--collapsed .sidebar-nav__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar.sidebar--collapsed .sidebar a{position:relative;justify-content:center;padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin-left:var(--spacing-1);margin-right:var(--spacing-1);gap:0}.sidebar.sidebar--collapsed .sidebar a.active{background:transparent;color:var(--color-text-charcoal)}.sidebar.sidebar--collapsed .sidebar a.active .sidebar-nav__icon{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:var(--spacing-1);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-foreground)}.sidebar.sidebar--collapsed .sidebar-nav-group__label{display:none}.sidebar.sidebar--collapsed .sidebar-nav-group a{padding-left:var(--spacing-2)}.content{border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);background:var(--color-bg-white)}}@media (max-width: 1023px){.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:100;transform:translate(-100%);box-shadow:var(--shadow-lg);border-radius:0;border-right:1px solid var(--color-border-light)}.sidebar.open{transform:translate(0)}.sidebar.sidebar--collapsed{width:260px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99}.sidebar-overlay.open{display:block}}.content{flex:1;overflow:auto;padding:var(--spacing-4);background:var(--color-bg-light)}.card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4)}.card__title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3);color:var(--color-text-charcoal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.btn--primary{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:var(--color-secondary);color:var(--color-secondary-foreground);border-color:var(--color-border-medium)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--ghost{background:transparent;color:var(--color-text-charcoal);border-color:transparent}.btn--ghost:hover{background:var(--color-bg-subtle, #f4f6f8)}.input-group{margin-bottom:var(--spacing-3)}.input-group label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-charcoal);margin-bottom:var(--spacing-2)}.input-group input,.input-group select,.input-group textarea{width:100%;max-width:400px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:var(--font-primary);min-height:44px;box-sizing:border-box}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:var(--color-primary)}.table-wrap{overflow-x:auto;max-width:100%;min-width:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}:root{--bp-mobile-max: 639px;--bp-tablet-max: 1023px}.mobile-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.mobile-safe-inline-end{padding-inline-end:clamp(.75rem,2vw,1.5rem)}table.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}table.data-table th,table.data-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-light)}table.data-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-charcoal);background:var(--color-bg-lighter)}table.data-table tr:hover td{background:var(--color-bg-lighter)}.page-title{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4);color:var(--color-text-charcoal)}.text-steel{color:var(--color-text-steel)}.lineup-list{list-style:none;padding:0;margin:0}.lineup-list__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.lineup-list__order{min-width:28px;font-weight:var(--font-weight-semibold);color:var(--color-text-steel)}.lineup-list__name{flex:1;min-width:140px}.lineup-list__berth{color:var(--color-text-steel);font-size:var(--font-size-small)}.lineup-list__actions{display:flex;gap:var(--spacing-2)}.palka-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-3)}.palka-card{padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-lighter)}.palka-card .input-group{margin-bottom:var(--spacing-2)}.palka-card .input-group:last-child{margin-bottom:0}.palka-card input{max-width:100%}@media (max-width: 900px){.topbar{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.topbar__brand{gap:var(--spacing-2);min-width:0}.topbar__brand-logo{height:28px}.topbar__brand-title{font-size:var(--font-size-base)}.topbar__brand-tagline{display:none}.topbar__actions{width:100%;margin-left:0;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-2)}}@media (max-width: 640px){.content{padding:var(--spacing-3);padding-bottom:calc(var(--spacing-6) + 3.5rem)}.topbar__greeting{font-size:var(--font-size-xs)}.topbar__actions .btn--small{min-height:38px;padding:var(--spacing-1) var(--spacing-2)}}