*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#1f2937;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.login-shell{background:#001a33;place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";background:linear-gradient(90deg,#001a33e0,#0033665c),linear-gradient(#001a3338,#001a33b3),url(/assets/login-port-operations-bg.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.035)}.login-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at 76% 36%,#008c952e,#0000 34%),linear-gradient(90deg,#001a33cc 0%,#0000 58%);position:absolute;inset:0}.login-panel{z-index:1;color:#1f2937;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ffffff8a;border-radius:8px;gap:24px;width:min(460px,100%);padding:30px;display:grid;position:relative;box-shadow:0 28px 70px #00000075}.login-brand{text-align:center;justify-items:center;gap:8px;display:grid}.login-brand-head{justify-items:center;gap:8px;display:grid}.login-logo{object-fit:contain;background:#120a4a;border:1px solid #005b962e;border-radius:8px;flex:none;width:72px;height:72px;padding:6px;box-shadow:0 8px 20px #00336624}.login-brand span{color:#008c95;text-transform:uppercase;font-size:12px;font-weight:900}.login-brand h1{color:#036;margin:0;font-size:32px;line-height:1.05}.login-brand p{color:#6b7280;margin:0;font-size:13px;font-weight:600}.login-form{gap:15px;display:grid}.login-form label{gap:7px;display:grid}.login-form label span{color:#374151;text-transform:uppercase;font-size:11px;font-weight:900}.login-form input{color:#111827;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #005b9642;border-radius:6px;outline:none;padding:10px 12px}.login-form input:focus{border-color:#008c95;box-shadow:0 0 0 3px #008c9524}.login-form button,.auth-user-control button{color:#fff;min-height:40px;font:inherit;text-transform:uppercase;cursor:pointer;background:#005b96;border:1px solid #008c95;border-radius:6px;padding:9px 14px;font-size:12px;font-weight:900}.login-form button:hover,.auth-user-control button:hover{background:#008c95}.login-form button{margin-top:2px}.login-form button:disabled,.login-form input:disabled{cursor:not-allowed;opacity:.62}.login-message{color:#b91c1c;min-height:18px;margin:0;font-size:12px;font-weight:700}.auth-loading-panel{gap:18px}.auth-loading-indicator{background:#005b962e;border-radius:999px;width:100%;height:4px;overflow:hidden}.auth-loading-indicator:before{content:"";border-radius:inherit;background:#008c95;width:42%;height:100%;animation:1.1s ease-in-out infinite authLoadingSweep;display:block}@keyframes authLoadingSweep{0%{transform:translate(-110%)}to{transform:translate(250%)}}.jnpa-weather-port-twin{background:linear-gradient(#f0f7faeb,#f4f6f8),radial-gradient(circle at 18% 8%,#008c951f,#0000 34%);width:100%;height:100%;min-height:0;overflow:auto}.jnpa-weather-module{color:#1f2937;min-height:100%;padding:16px}.jnpa-weather-module-loading{width:100%;height:100%;min-height:min(620px,100%);padding:0;display:grid;position:relative;overflow:hidden}.jnpa-weather-module-loading .port-twin-loader{min-height:100%;position:absolute}.jnpa-weather-hero{color:#fff;background:linear-gradient(120deg,#001a33f0,#005b96eb 58%,#008c95eb),radial-gradient(circle at 82% 18%,#ffffff2e,#0000 30%);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(230px,280px);align-items:stretch;gap:18px;margin-bottom:14px;padding:18px;display:grid;box-shadow:0 18px 38px #00336629}.jnpa-weather-tabs{background:#003366b3;border:1px solid #008c9580;border-radius:6px;gap:4px;margin:0 0 8px;padding:4px;display:inline-flex}.jnpa-weather-tabs button{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#005b96;border:none;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:700;transition:background .2s}.jnpa-weather-tabs button:hover{background:#0077b6}.jnpa-weather-tabs button.active{background:#008c95}.jnpa-weather-hero span{text-transform:uppercase;letter-spacing:0;opacity:.86;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.jnpa-weather-hero h2{margin:0;font-size:24px;line-height:1.1}.jnpa-weather-hero p{color:#ffffffdb;max-width:760px;margin:8px 0 0;font-size:13px;font-weight:600}.jnpa-weather-hero-status{background:linear-gradient(#ffffff29,#ffffff17);border:1px solid #ffffff42;border-radius:8px;align-content:center;gap:8px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff2e}.jnpa-weather-hero-status strong{font-size:26px;line-height:1}.jnpa-weather-hero-status small{color:#ffffffd1;font-weight:700}.jnpa-weather-fetch-button{color:#036;width:100%;min-height:36px;font:inherit;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #ffffffc7;border-radius:6px;margin-top:4px;padding:7px 9px;font-size:11px;font-weight:950;box-shadow:0 10px 24px #001a332e}.jnpa-weather-fetch-button:hover:not(:disabled){color:#fff;background:#008c95}.jnpa-weather-fetch-button:disabled{cursor:wait;opacity:.72}.jnpa-weather-freshness-panel{background:#fff;border:1px solid #005b961f;border-radius:8px;gap:8px;margin-bottom:12px;padding:12px;display:grid;box-shadow:0 10px 24px #00336612}.jnpa-weather-freshness-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.jnpa-weather-freshness-title span{color:#008c95;text-transform:uppercase;font-size:11px;font-weight:950}.jnpa-weather-freshness-title strong{color:#036;text-align:right;min-width:0;font-size:13px;line-height:1.3}.jnpa-weather-freshness-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.jnpa-weather-freshness-item{background:linear-gradient(#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:7px;gap:4px;min-width:0;padding:10px;display:grid}.jnpa-weather-freshness-item span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:950}.jnpa-weather-freshness-item strong{overflow-wrap:anywhere;color:#0f172a;min-width:0;font-size:13px;line-height:1.2}.jnpa-weather-freshness-item small{overflow-wrap:anywhere;color:#64748b;min-width:0;font-size:11px;font-weight:700;line-height:1.3}.jnpa-weather-warning{color:#005b96;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:12px;font-weight:800}.jnpa-weather-layout{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.jnpa-weather-primary,.jnpa-weather-secondary{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:12px;min-width:0;display:grid}.jnpa-weather-primary-all,.jnpa-weather-primary-weather,.jnpa-weather-primary-historical{grid-template-columns:1fr}.jnpa-weather-primary-all>.jnpa-weather-card,.jnpa-weather-primary-weather>.jnpa-weather-card,.jnpa-weather-primary-historical>.jnpa-weather-card,.jnpa-weather-summary-card,.jnpa-weather-primary>.jnpa-weather-card:last-child:nth-child(odd){grid-column:1/-1}.jnpa-weather-card-count{color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:900}.jnpa-weather-card-action{color:#fff;cursor:pointer;background:#005b96;border:1px solid #008c95;border-radius:5px;min-height:30px;padding:7px 10px;font-size:10px;font-weight:900}.jnpa-weather-card-action-stack{justify-items:end;gap:3px;display:grid}.jnpa-weather-card-action-stack small{color:#64748b;text-align:right;max-width:190px;font-size:10px;font-weight:800;line-height:1.2}.jnpa-weather-card-action:disabled{cursor:not-allowed;opacity:.65}.jnpa-weather-card{background:#fff;border:1px solid #005b9621;border-radius:8px;min-width:0;padding:14px;box-shadow:0 12px 28px #00336614}.jnpa-weather-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.jnpa-weather-card h3{color:#036;margin:0;font-size:14px;line-height:1.25}.jnpa-weather-grid,.jnpa-weather-decision-grid,.jnpa-weather-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.jnpa-weather-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.jnpa-weather-metric{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #fffc}.jnpa-weather-metric>div{gap:4px;min-width:0;display:grid}.jnpa-weather-icon{color:#005b96;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:inset 0 1px #ffffffc2}.jnpa-weather-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.jnpa-weather-icon.cool{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.jnpa-weather-icon.safe{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.jnpa-weather-icon.caution{color:#b45309;background:#fffbeb;border-color:#fcd34d}.jnpa-weather-icon.restricted{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.jnpa-weather-metric span,.jnpa-decision-row span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.jnpa-weather-metric strong,.jnpa-decision-row strong{overflow-wrap:break-word;color:#111827;min-width:0;font-size:14px;line-height:1.2}.jnpa-weather-status{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.jnpa-weather-status span{text-transform:uppercase;font-size:12px;font-weight:900}.jnpa-weather-status strong{font-size:20px}.jnpa-weather-status.safe,.jnpa-weather-module .safe,.dashboard-sidebar .jnpa-weather-card .safe{color:#166534}.jnpa-weather-status.safe{background:#dcfce7;border:1px solid #86efac}.jnpa-weather-status.caution,.jnpa-weather-module .caution,.dashboard-sidebar .jnpa-weather-card .caution{color:#92400e}.jnpa-weather-status.caution{background:#fef3c7;border:1px solid #fcd34d}.jnpa-weather-status.restricted,.jnpa-weather-module .restricted,.dashboard-sidebar .jnpa-weather-card .restricted{color:#991b1b}.dashboard-sidebar .jnpa-weather-card{padding:12px}.dashboard-sidebar .jnpa-weather-card-header{flex-direction:column;align-items:flex-start;gap:4px}.dashboard-sidebar .jnpa-weather-card h3{font-size:13px}.dashboard-sidebar .jnpa-weather-status{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.dashboard-sidebar .jnpa-weather-status strong{overflow-wrap:break-word;max-width:100%;font-size:clamp(16px,5vw,20px);line-height:1.1}.dashboard-sidebar .jnpa-weather-grid,.dashboard-sidebar .jnpa-weather-decision-grid,.dashboard-sidebar .jnpa-weather-history-grid,.dashboard-sidebar .jnpa-weather-grid.compact{grid-template-columns:1fr}.dashboard-sidebar .jnpa-weather-metric{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:9px}.dashboard-sidebar .jnpa-weather-icon{border-radius:7px;width:30px;height:30px}.dashboard-sidebar .jnpa-weather-icon svg{width:18px;height:18px}.dashboard-sidebar .jnpa-weather-metric span,.dashboard-sidebar .jnpa-decision-row span{font-size:10px;line-height:1.15}.dashboard-sidebar .jnpa-weather-metric strong,.dashboard-sidebar .jnpa-decision-row strong{word-break:normal;overflow-wrap:break-word;font-size:13px;line-height:1.25}.dashboard-sidebar .jnpa-weather-recommendation{font-size:12px;line-height:1.35}.dashboard-sidebar .jnpa-weather-reasons{padding-left:16px;font-size:11px}.dashboard-sidebar .jnpa-weather-card-action{width:100%}.dashboard-sidebar .jnpa-weather-card-action-stack{justify-items:stretch;width:100%}.dashboard-sidebar .jnpa-weather-card-action-stack small{text-align:left;max-width:none}.dashboard-sidebar .jnpa-weather-live-meta{grid-template-columns:1fr}.jnpa-weather-status.restricted{background:#fee2e2;border:1px solid #fca5a5}.jnpa-weather-history-bars{background:#e5e7eb;border-radius:999px;width:100%;height:10px;margin:10px 0;display:flex;overflow:hidden}.jnpa-weather-history-bars span{min-width:2px}.jnpa-weather-history-bars .restricted{background:#dc2626}.jnpa-weather-history-bars .caution{background:#f59e0b}.jnpa-weather-history-bars .safe{background:#16a34a}.jnpa-weather-history-controls{gap:6px;margin-bottom:10px;display:grid}.jnpa-weather-history-range-buttons{flex-wrap:wrap;gap:6px;display:flex}.jnpa-weather-history-controls button{color:#036;cursor:pointer;background:#f8fafc;border:1px solid #005b9638;border-radius:5px;min-height:28px;padding:6px 9px;font-size:10px;font-weight:900}.jnpa-weather-history-controls button.active{color:#fff;background:#005b96;border-color:#008c95}.jnpa-weather-forecast-filter button{color:#036;cursor:pointer;background:#f8fafc;border:1px solid #005b9638;border-radius:5px;min-height:28px;padding:6px 9px;font-size:10px;font-weight:900}.jnpa-weather-forecast-filter button.active{color:#fff;background:#005b96;border-color:#008c95}.jnpa-weather-history-controls button:disabled{cursor:not-allowed;opacity:.6}.jnpa-weather-live-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.jnpa-weather-live-meta div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:3px;min-width:0;padding:8px;display:grid}.jnpa-weather-live-meta span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:900}.jnpa-weather-live-meta strong{overflow-wrap:anywhere;color:#036;min-width:0;font-size:11px;font-weight:900;line-height:1.25}.jnpa-weather-history-manual-range{grid-template-columns:repeat(2,minmax(168px,1fr)) auto;align-items:end;gap:6px;width:100%;padding-top:2px;display:grid}.jnpa-weather-history-manual-range label{color:#5a6b84;text-transform:uppercase;gap:3px;min-width:168px;font-size:10px;font-weight:900;display:grid}.jnpa-weather-history-manual-range input{color:#102033;background:#fff;border:1px solid #005b963d;border-radius:5px;min-height:30px;padding:5px 7px;font-size:11px;font-weight:800}.jnpa-weather-daily-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:8px;max-height:470px;padding-right:3px;display:grid;overflow:auto}.jnpa-weather-hourly-card .jnpa-weather-table{max-height:470px;overflow:auto}.jnpa-weather-trend-dashboard{gap:6px;display:grid}.jnpa-weather-waffle-summary{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;gap:8px;padding:10px;display:grid}.jnpa-weather-waffle-row{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:8px;display:grid}.jnpa-weather-waffle-label{text-align:right;gap:1px;min-width:0;display:grid}.jnpa-weather-waffle-label strong{color:#036;font-size:14px;font-weight:900}.jnpa-weather-waffle-label span,.jnpa-weather-waffle-label small{color:#64748b;font-size:10px;font-weight:900}.jnpa-weather-waffle-cells,.jnpa-weather-date-cells{grid-template-columns:repeat(auto-fill,minmax(16px,16px));align-items:center;gap:3px;display:grid}.jnpa-weather-waffle-cells span,.jnpa-weather-date-cells span{color:#fff;border-radius:3px;place-items:center;width:16px;height:16px;font-size:8px;font-weight:900;display:grid}.jnpa-weather-waffle-row.safe .jnpa-weather-waffle-cells span,.jnpa-weather-date-cells span.safe{background:#16a34a}.jnpa-weather-waffle-row.caution .jnpa-weather-waffle-cells span,.jnpa-weather-date-cells span.caution{background:#f59e0b}.jnpa-weather-waffle-row.restricted .jnpa-weather-waffle-cells span,.jnpa-weather-date-cells span.restricted{background:#dc2626}.jnpa-weather-date-map{background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:8px;padding:10px;display:grid}.jnpa-weather-date-map-header{color:#036;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.jnpa-weather-date-map-header strong{color:#64748b;font-size:10px}.jnpa-weather-operation-bars{gap:7px;display:grid}.jnpa-weather-operation-bars label{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;margin:0;padding:8px;display:grid}.jnpa-weather-operation-bars span{overflow-wrap:anywhere;color:#334155;min-width:0;font-size:11px;font-weight:900}.jnpa-weather-operation-bars strong{color:#036;font-size:12px;font-weight:900}.jnpa-weather-operation-bars em{background:#e2e8f0;border-radius:999px;grid-column:1/-1;height:10px;display:flex;overflow:hidden}.jnpa-weather-operation-bars i{min-width:2px}.jnpa-weather-operation-bars .caution{background:#f59e0b}.jnpa-weather-operation-bars .restricted{background:#dc2626}.jnpa-weather-compact-evidence{gap:6px;max-height:260px;margin-top:10px;display:grid;overflow:auto}.jnpa-weather-compact-evidence-header{z-index:1;color:#036;text-transform:uppercase;background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:10px;font-weight:900;display:flex;position:sticky;top:0}.jnpa-weather-compact-day{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:54px;padding:8px;display:grid}.jnpa-weather-compact-day.safe{background:#f0fdf4;border-color:#86efac}.jnpa-weather-compact-day.caution{background:#fffbeb;border-color:#fcd34d}.jnpa-weather-compact-day.restricted{background:#fff1f2;border-color:#fca5a5}.jnpa-weather-compact-day span,.jnpa-weather-compact-day strong,.jnpa-weather-compact-day small{overflow-wrap:anywhere;min-width:0}.jnpa-weather-compact-day span{color:#036;font-size:12px;font-weight:900}.jnpa-weather-compact-day strong{font-size:10px;font-weight:900}.jnpa-weather-compact-day small{color:#475569;grid-column:1/-1;font-size:11px;font-weight:800}.jnpa-weather-daily-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;grid-template-rows:auto auto auto minmax(28px,1fr);gap:8px;min-height:138px;padding:10px;display:grid}.jnpa-weather-daily-card.restricted{background:#fff1f2;border-color:#fca5a5}.jnpa-weather-daily-card.caution{background:#fffbeb;border-color:#fcd34d}.jnpa-weather-daily-card.safe{background:#f0fdf4;border-color:#86efac}.jnpa-weather-daily-card span,.jnpa-weather-daily-card strong,.jnpa-weather-daily-card small,.jnpa-weather-daily-card em{overflow-wrap:anywhere;min-width:0}.jnpa-weather-daily-card-top,.jnpa-weather-daily-hours,.jnpa-weather-daily-measures{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.jnpa-weather-daily-card-top{justify-content:space-between}.jnpa-weather-daily-card strong{color:#036;font-size:13px;font-weight:900}.jnpa-weather-daily-card-top em{color:#14532d;background:#dcfce7;border-radius:4px;padding:4px 6px;font-size:10px;font-style:normal;font-weight:900}.jnpa-weather-daily-card.restricted .jnpa-weather-daily-card-top em{color:#991b1b;background:#fee2e2}.jnpa-weather-daily-card.caution .jnpa-weather-daily-card-top em{color:#92400e;background:#fef3c7}.jnpa-weather-daily-card small{color:#334155;background:#ffffffb3;border:1px solid #94a3b84d;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:900;line-height:1.2}.jnpa-weather-daily-restrictions{color:#475569;align-self:end;font-size:11px;font-weight:800;line-height:1.25}.jnpa-weather-modal-backdrop{z-index:10000;background:#0f172a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.jnpa-weather-day-modal{background:#fff;border:1px solid #bae6fd;border-radius:8px;gap:12px;width:min(980px,96vw);max-height:88vh;padding:14px;display:grid;overflow:auto;box-shadow:0 22px 70px #0f172a47}.jnpa-weather-day-modal-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px;display:grid}.jnpa-weather-day-modal-header span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:900}.jnpa-weather-day-modal-header h3{color:#036;margin:2px 0 0;font-size:20px}.jnpa-weather-day-decision{color:#14532d;background:#dcfce7;border:1px solid #86efac;border-radius:5px;align-self:center;padding:7px 9px;font-size:11px;font-weight:900}.jnpa-weather-day-decision.caution{color:#92400e;background:#fef3c7;border-color:#fcd34d}.jnpa-weather-day-decision.restricted{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.jnpa-weather-day-modal-header button{color:#036;cursor:pointer;background:#f8fafc;border:1px solid #005b963d;border-radius:5px;width:32px;height:32px;font-size:12px;font-weight:900}.jnpa-weather-operation-statuses{flex-wrap:wrap;gap:6px;display:flex}.jnpa-weather-operation-statuses span{color:#14532d;background:#f0fdf4;border:1px solid #86efac;border-radius:5px;padding:6px 8px;font-size:11px;font-weight:900}.jnpa-weather-operation-statuses span.caution{color:#92400e;background:#fffbeb;border-color:#fcd34d}.jnpa-weather-operation-statuses span.restricted{color:#991b1b;background:#fff1f2;border-color:#fca5a5}.jnpa-weather-day-section-title{color:#036;text-transform:uppercase;font-size:12px;font-weight:900}.jnpa-weather-data-note{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;gap:3px;margin-top:10px;padding:9px 10px;display:grid}.jnpa-weather-data-note strong{color:#036;text-transform:uppercase;font-size:11px;font-weight:900}.jnpa-weather-data-note span{font-size:12px;font-weight:750;line-height:1.35}@media (width<=720px){.jnpa-weather-history-manual-range{grid-template-columns:1fr}.jnpa-weather-day-modal{width:min(100%,96vw);padding:12px}.jnpa-weather-day-modal-header{grid-template-columns:minmax(0,1fr) auto}.jnpa-weather-day-decision{grid-column:1/-1;justify-self:start}.jnpa-weather-history-detail-table{overflow-x:auto}.jnpa-weather-history-detail-table .jnpa-weather-table-head,.jnpa-weather-history-detail-table .jnpa-weather-table-row{min-width:680px}.jnpa-weather-waffle-row{grid-template-columns:1fr}.jnpa-weather-waffle-label{text-align:left}.jnpa-weather-live-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.jnpa-weather-recommendation{color:#1f2937;margin:10px 0 0;font-size:13px;font-weight:700;line-height:1.4}.jnpa-weather-reasons{color:#334155;gap:6px;margin:10px 0 0;padding:0;font-size:12px;line-height:1.35;list-style:none;display:grid}.jnpa-weather-reasons li{overflow-wrap:anywhere;background:linear-gradient(#fff,#f8fafc);border:1px solid #dce8f5;border-left:4px solid #008c95;border-radius:6px;min-width:0;padding:8px 10px 8px 28px;position:relative;box-shadow:0 6px 14px #0f172a0a}.jnpa-weather-reasons li:before{content:"";background:#008c95;border-radius:999px;width:7px;height:7px;position:absolute;top:13px;left:10px;box-shadow:0 0 0 3px #008c9524}.jnpa-weather-summary-card .jnpa-weather-reasons{max-height:150px;padding-right:3px;overflow:auto}.jnpa-weather-footnote,.jnpa-weather-empty{color:#6b7280;margin-top:10px;font-size:11px;font-weight:700;line-height:1.35}.jnpa-weather-alert-list,.jnpa-decision-list,.jnpa-weather-timeline,.jnpa-weather-table{gap:8px;display:grid}.jnpa-weather-alert,.jnpa-decision-row,.jnpa-weather-timeline-row,.jnpa-weather-table-row,.jnpa-weather-table-head{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.jnpa-weather-alert{border-left:4px solid #22c55e;grid-template-columns:minmax(0,1fr) auto}.jnpa-weather-alert.caution{border-left-color:#f59e0b}.jnpa-weather-alert.restricted{border-left-color:#dc2626}.jnpa-weather-alert strong,.jnpa-weather-alert span,.jnpa-weather-alert small{overflow-wrap:anywhere;min-width:0;display:block}.jnpa-weather-alert strong{color:#111827;font-size:12px}.jnpa-weather-alert span,.jnpa-weather-alert small{color:#6b7280;font-size:11px;font-weight:700}.jnpa-weather-timeline-row{grid-template-columns:96px 104px minmax(0,1fr)}.jnpa-weather-timeline-row span,.jnpa-weather-timeline-row small{color:#6b7280;min-width:0;font-size:11px;font-weight:700}.jnpa-weather-forecast-days{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;display:grid}.jnpa-weather-forecast-day{background:#f0fdf4;border:1px solid #86efac;border-radius:7px;gap:8px;min-width:0;padding:10px;display:grid}.jnpa-weather-forecast-day.caution{background:#fffbeb;border-color:#fcd34d}.jnpa-weather-forecast-day.restricted{background:#fff1f2;border-color:#fca5a5}.jnpa-weather-forecast-day-top,.jnpa-weather-forecast-day-hours,.jnpa-weather-forecast-day-metrics{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.jnpa-weather-forecast-day-top{justify-content:space-between}.jnpa-weather-forecast-day strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:950}.jnpa-weather-forecast-day-top span{color:#14532d;background:#dcfce7;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:950}.jnpa-weather-forecast-day.caution .jnpa-weather-forecast-day-top span{color:#92400e;background:#fef3c7}.jnpa-weather-forecast-day.restricted .jnpa-weather-forecast-day-top span{color:#991b1b;background:#fee2e2}.jnpa-weather-forecast-day small{color:#334155;overflow-wrap:anywhere;background:#ffffffb8;border:1px solid #94a3b84d;border-radius:4px;min-width:0;padding:4px 6px;font-size:11px;font-weight:900;line-height:1.2}.jnpa-weather-table-head,.jnpa-weather-table-row{grid-template-columns:minmax(76px,1fr) repeat(3,minmax(52px,.7fr))}.jnpa-weather-history-detail-table .jnpa-weather-table-head,.jnpa-weather-history-detail-table .jnpa-weather-table-row{grid-template-columns:minmax(132px,1.15fr) repeat(5,minmax(62px,.7fr))}.jnpa-weather-table-head{color:#6b7280;text-transform:uppercase;background:#eef2f7;font-size:10px;font-weight:900}.jnpa-weather-table-row span,.jnpa-weather-table-row strong{overflow-wrap:anywhere;min-width:0;font-size:12px}.jnpa-sea-level-bars{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:repeat(16,minmax(6px,1fr));align-items:end;gap:5px;height:120px;padding:8px;display:grid}.jnpa-sea-level-bar{align-items:end;height:100%;display:flex}.jnpa-sea-level-bar span{background:#008c95;border-radius:3px 3px 0 0;width:100%;min-height:8px}.jnpa-weather-condition-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.jnpa-weather-condition-badge strong{color:#0f172a;font-size:14px;font-weight:800}.jnpa-weather-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.jnpa-weather-layer-grid label{color:#374151;text-transform:capitalize;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:8px;font-size:12px;font-weight:800;display:flex}.jnpa-weather-layer-grid input{accent-color:#008c95;flex:none;width:14px;height:14px}.jnpa-weather-map-card{background:#071827;border-color:#008c9542;min-width:0;max-width:100%;padding:0;overflow:hidden;box-shadow:0 18px 42px #001a332e}.jnpa-weather-map-card.fullscreen{z-index:9999;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 24px);display:grid;position:fixed;inset:12px;box-shadow:0 28px 90px #00000070}.jnpa-weather-map-card.fullscreen .jnpa-weather-map-shell{min-height:0;overflow:auto}.jnpa-weather-map-card.fullscreen .jnpa-weather-live-map{min-height:min(72vh,760px)}.jnpa-weather-map-card .jnpa-weather-card-header{color:#fff;background:linear-gradient(90deg,#036,#005b96);border-bottom:1px solid #ffffff1f;margin:0;padding:12px 16px}.jnpa-weather-map-card .jnpa-weather-card-header h3{color:#fff;text-transform:uppercase;font-size:13px}.jnpa-weather-fullscreen-button{color:#fff;min-height:30px;font:inherit;text-transform:uppercase;cursor:pointer;background:#008c95db;border:1px solid #ffffff4d;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:900}.jnpa-weather-fullscreen-button:hover{background:#00a6b0}.jnpa-weather-map-shell{background:linear-gradient(#071827,#fff 58px),#fff;gap:8px;min-width:0;padding:14px;display:grid}.jnpa-weather-map-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start;gap:8px;padding:10px;display:grid;box-shadow:0 8px 20px #0f172a14}.jnpa-weather-decision-strip{background:#fff;border:1px solid #dce8f5;border-left:5px solid #22c55e;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;padding:10px;display:grid;box-shadow:0 8px 20px #0f172a0f}.jnpa-weather-decision-strip.caution{border-left-color:#f59e0b}.jnpa-weather-decision-strip.restricted{border-left-color:#dc2626}.jnpa-weather-decision-strip>div{gap:4px;min-width:0;display:grid}.jnpa-weather-decision-strip span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:950}.jnpa-weather-decision-strip strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.25}.jnpa-weather-decision-strip small,.jnpa-weather-decision-strip p{color:#334155;margin:0;font-size:11px;font-weight:800;line-height:1.35}.jnpa-operation-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));gap:8px;display:grid}.jnpa-operation-tile{background:#fff;border:1px solid #dce8f5;border-top:4px solid #22c55e;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px;display:grid;box-shadow:0 8px 18px #0f172a0d}.jnpa-operation-tile>div{gap:4px;min-width:0;display:grid}.jnpa-operation-tile.caution{border-top-color:#f59e0b}.jnpa-operation-tile.restricted{border-top-color:#dc2626}.jnpa-operation-tile.selected{background:#f0f9ff;outline:2px solid #0ea5e93d}.jnpa-operation-tile span{color:#64748b;text-transform:uppercase;word-break:break-word;font-size:8px;font-weight:800;line-height:1.3}.jnpa-operation-tile strong{color:#0f172a;word-break:break-word;min-width:0;font-size:10px;font-weight:900;line-height:1.2}.jnpa-critical-parameter-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));gap:8px;display:grid}.jnpa-critical-parameter{background:#fff;border:1px solid #dce8f5;border-left:4px solid #22c55e;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:9px;display:grid;box-shadow:0 8px 18px #0f172a0d}.jnpa-critical-parameter>div{gap:3px;min-width:0;display:grid}.jnpa-critical-parameter.caution{border-left-color:#f59e0b}.jnpa-critical-parameter.restricted{border-left-color:#dc2626}.jnpa-critical-parameter.active{background:#f0f9ff;outline:2px solid #0ea5e938}.jnpa-critical-parameter span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:950}.jnpa-critical-parameter strong{color:#0f172a;overflow-wrap:break-word;min-width:0;font-size:13px;line-height:1.2}.jnpa-critical-parameter small{color:#475569;overflow-wrap:break-word;min-width:0;font-size:10px;font-weight:750;line-height:1.25}.jnpa-weather-map-title{gap:4px;min-width:0;display:grid}.jnpa-weather-map-title span,.jnpa-weather-source-title span{color:#008c95;text-transform:uppercase;font-size:10px;font-weight:950}.jnpa-weather-map-title strong,.jnpa-weather-source-title strong{color:#036;font-size:15px;line-height:1.2}.jnpa-weather-map-title small{color:#64748b;font-size:11px;font-weight:750}.jnpa-weather-raster-selector{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.jnpa-weather-raster-selector button{color:#0f172a;min-height:28px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #bbd5f5;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:900}.jnpa-weather-raster-selector button:hover:not(:disabled),.jnpa-weather-raster-selector button.active,.jnpa-weather-core-reset-button{color:#fff;background:#005b96;border-color:#005b96}.jnpa-weather-raster-selector button:disabled{cursor:not-allowed;opacity:.46}.jnpa-weather-raster-selector button.active{box-shadow:0 10px 20px #005b962e}.jnpa-weather-map-toolbar .jnpa-weather-raster-selector{display:none}.jnpa-map-source-key{background:#fff;border:1px solid #dce8f5;border-radius:7px;min-width:0}.jnpa-map-source-key summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.jnpa-map-source-key summary span{color:#005b96;text-transform:uppercase;font-size:11px;font-weight:950}.jnpa-map-source-key summary strong{color:#334155;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:850}.jnpa-map-source-key-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px 10px;display:grid}.jnpa-map-source-key-item{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #008c95;border-radius:6px;gap:3px;min-width:0;padding:7px 9px;display:grid}.jnpa-map-source-key-item span{color:#005b96;text-transform:uppercase;font-size:10px;font-weight:950}.jnpa-map-source-key-item strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:11px}.jnpa-map-source-key-item code{color:#475569;min-width:0;font:inherit;overflow-wrap:anywhere;font-size:10px;font-weight:800;line-height:1.35}.jnpa-weather-live-map{color:#fff;isolation:isolate;background:#102438;border:1px solid #7dd3fc2e;border-radius:8px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 24px 54px #02061757}.jnpa-zoom-weather-menu{z-index:28;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff29;border-radius:8px;width:172px;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 18px 34px #02061757}.jnpa-zoom-weather-menu-title{color:#d7f3ff;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:11px 12px 8px;font-size:10px;font-weight:950;display:flex}.jnpa-zoom-weather-menu button{color:#e5edf4;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:900;display:grid}.jnpa-zoom-weather-menu button:hover,.jnpa-zoom-weather-menu button.active{background:#e2e8f02e}.jnpa-zoom-weather-menu button span:not(.jnpa-weather-icon){overflow-wrap:anywhere;min-width:0}.jnpa-zoom-weather-menu .jnpa-weather-icon{width:24px;height:24px}.jnpa-zoom-weather-forecast{z-index:28;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14364dd1;border:1px solid #ffffff29;border-radius:8px;width:min(292px,100% - 220px);position:absolute;top:14px;right:14px;overflow:hidden;box-shadow:0 20px 40px #02061752}.jnpa-zoom-weather-forecast-title{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 10px;padding:12px 14px 8px;display:grid}.jnpa-zoom-weather-forecast-title span{color:#fff;grid-column:1/-1;font-size:20px;font-weight:950;line-height:1.1}.jnpa-zoom-weather-forecast-title strong{color:#d7f3ff;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:950}.jnpa-zoom-weather-forecast-title small{color:#b7cbd8;font-size:12px;font-weight:900}.jnpa-zoom-weather-forecast-list{display:grid}.jnpa-zoom-weather-forecast-list div{color:#e5edf4;grid-template-columns:54px 58px minmax(64px,1fr);align-items:center;gap:8px;min-width:0;padding:8px 14px;font-size:13px;font-weight:900;display:grid}.jnpa-zoom-weather-forecast-list div.active{background:#ffffff29}.jnpa-zoom-weather-forecast-list span,.jnpa-zoom-weather-forecast-list strong{overflow-wrap:anywhere;min-width:0}.jnpa-zoom-weather-forecast-list i{background:#02061761;border-radius:999px;height:4px;position:relative;overflow:hidden}.jnpa-zoom-weather-forecast-list b{border-radius:inherit;background:linear-gradient(90deg,#7dd3fc,#fef08a);display:block;position:absolute;inset:0 auto 0 0}.jnpa-weather-map-base{z-index:1;background:linear-gradient(#050f2114,#050f2138),#bfd4dc;position:absolute;inset:0;overflow:hidden}.jnpa-weather-base-tile,.jnpa-openweather-tile{color:#0000;text-indent:-9999px;-webkit-user-select:none;user-select:none;pointer-events:none;width:256px;height:256px;display:block;position:absolute}.jnpa-weather-base-tile{z-index:1;filter:none}.jnpa-openweather-tile-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.jnpa-openweather-tile{mix-blend-mode:normal;opacity:1}.jnpa-openweather-tile-layer.WND .jnpa-openweather-tile,.jnpa-openweather-tile-layer.CL .jnpa-openweather-tile,.jnpa-openweather-tile-layer.PA0 .jnpa-openweather-tile,.jnpa-openweather-tile-layer.APM .jnpa-openweather-tile,.jnpa-openweather-tile-layer.TA2 .jnpa-openweather-tile{opacity:1;filter:none}.jnpa-weather-live-map:before{content:none}.jnpa-weather-tile-warning{z-index:120;color:#7f1d1d;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#fef2f2f0;border:1px solid #f87171b8;border-radius:8px;gap:4px;width:min(420px,100% - 32px);padding:10px 12px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #02061733}.jnpa-weather-tile-warning strong{font-size:12px;line-height:1.2}.jnpa-weather-tile-warning span{color:#991b1b;font-size:11px;font-weight:800;line-height:1.3}.jnpa-port-impact-zone{z-index:10;pointer-events:none;background:#22c55e08;border:2px dashed #22c55ec2;position:absolute;box-shadow:0 0 24px #22c55e1f}.jnpa-port-impact-zone.caution{background:#f59e0b0a;border-color:#f59e0bc7;box-shadow:0 0 28px #f59e0b24}.jnpa-port-impact-zone.restricted{background:#dc26260d;border-color:#f87171e6;box-shadow:0 0 32px #dc262629}.jnpa-port-impact-zone.approach{border-radius:999px;width:34%;height:12%;top:44%;left:42%;transform:rotate(-8deg)}.jnpa-port-impact-zone.visibility{border-radius:50%;width:42%;height:32%;top:32%;left:36%}.jnpa-port-impact-zone.anchorage{border-radius:50%;width:22%;height:24%;top:36%;left:58%}.jnpa-port-impact-zone.yard{border-radius:10px;width:16%;height:18%;top:45%;left:48%;transform:rotate(8deg)}.jnpa-port-operation-zones{z-index:14;pointer-events:none;position:absolute;inset:0}.jnpa-port-zone{color:#cbd5e1;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a9e;border:1px solid #94a3b838;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;position:absolute}.jnpa-port-zone.active{color:#fff;opacity:1;background:#008c95db;border-color:#ffffff57;box-shadow:0 0 24px #14b8a652}.jnpa-port-zone.approach{top:57%;left:53%}.jnpa-port-zone.pilot{top:45%;left:57%}.jnpa-port-zone.berth{left:47%;top:max(72px, env(safe-area-inset-top))}.jnpa-port-zone.anchorage{top:42%;left:70%}.jnpa-port-zone.yard{top:65%;left:50%}.jnpa-openweather-layer-readout{display:none}.jnpa-affected-operation-list{flex-wrap:wrap;gap:5px;padding-top:3px;display:flex}.jnpa-affected-operation-list b{color:#082f49;background:#bae6fd;border-radius:999px;padding:4px 6px;font-size:10px}.jnpa-weather-coastline{z-index:10;opacity:.9;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.jnpa-weather-coastline path{fill:none;stroke:#e2e8f0b3;stroke-width:.65px;vector-effect:non-scaling-stroke}.jnpa-weather-boundary-polygon{fill:#facc1529;stroke:#fde047;stroke-width:1.35px;stroke-dasharray:2.4 1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #facc15cc)drop-shadow(0 0 10px #020617e6)}.jnpa-weather-boundary-label{z-index:12;color:#111827;text-transform:uppercase;background:#fef08aeb;border:1px solid #ffffff94;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:950;position:absolute;top:41%;left:49%;box-shadow:0 10px 24px #02061747}.jnpa-map-marking-guide{z-index:22;color:#e5edf4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac7;border:1px solid #cbd5e13d;border-radius:8px;gap:9px;width:min(330px,100% - 24px);max-height:calc(100% - 110px);padding:11px;display:grid;position:absolute;bottom:16px;left:12px;overflow:auto;box-shadow:0 18px 38px #02061752}.jnpa-map-marking-guide-title{cursor:pointer;gap:2px;list-style:none;display:grid}.jnpa-map-marking-guide-title::-webkit-details-marker{display:none}.jnpa-map-marking-guide-title span{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.jnpa-map-marking-guide-title strong{color:#fff;font-size:13px;line-height:1.2}.jnpa-map-marking-guide-list{gap:7px;padding-top:8px;display:grid}.jnpa-map-marking-guide-row{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;display:grid}.jnpa-map-marking-guide-row i{background:#94a3b857;border:1px solid #e2e8f052;border-radius:5px;width:18px;height:18px;margin-top:2px}.jnpa-map-marking-guide-row i.overlay{background:linear-gradient(135deg,#0ea5e9b8,#22c55e9e)}.jnpa-map-marking-guide-row i.safe{background:#22c55e3d;border:2px solid #22c55ed6;border-radius:999px}.jnpa-map-marking-guide-row i.caution{background:#f59e0b3d;border:2px solid #f59e0bdb;border-radius:999px}.jnpa-map-marking-guide-row i.restricted{background:#dc26263d;border:2px solid #f87171e6;border-radius:999px}.jnpa-map-marking-guide-row i.operation{background:#008c95db;border-color:#ffffff70;border-radius:999px;width:22px}.jnpa-map-marking-guide-row i.boundary{background:#facc152e;border:2px dashed #fde047}.jnpa-map-marking-guide-row i.port{background:#111827;border-color:#ffffff73}.jnpa-map-marking-guide-row i.alert{background:#1f2937e0;border-color:#f87171b3}.jnpa-map-marking-guide-row span{color:#fff;font-size:11px;font-weight:950;line-height:1.2;display:block}.jnpa-map-marking-guide-row p{color:#cbd5e1;margin:2px 0 0;font-size:10px;font-weight:800;line-height:1.35}.jnpa-weather-range-rings{z-index:3;pointer-events:none;position:absolute;inset:0}.jnpa-weather-range-rings span{left:61%;top:max(72px, env(safe-area-inset-top));border:1px solid #cbd5e138;border-radius:50%;position:absolute;transform:translate(-50%)}.jnpa-weather-range-rings span:first-child{width:116px;height:116px}.jnpa-weather-range-rings span:nth-child(2){width:220px;height:220px}.jnpa-weather-range-rings span:nth-child(3){width:326px;height:326px}.jnpa-weather-port-marker{left:61%;top:max(72px, env(safe-area-inset-top));z-index:12;justify-items:center;gap:6px;display:grid;position:absolute;transform:translate(-50%)}.jnpa-weather-port-marker span{background:#22c55e;border:3px solid #fff;border-radius:999px;width:24px;height:24px;animation:2.2s ease-in-out infinite weatherMarkerPulse;display:block;box-shadow:0 0 0 11px #22c55e2e,0 0 28px #22c55ec7}.jnpa-weather-port-marker.caution span{background:#f59e0b;box-shadow:0 0 0 10px #f59e0b33,0 0 24px #f59e0bb8}.jnpa-weather-port-marker.restricted span{background:#dc2626;box-shadow:0 0 0 10px #dc262638,0 0 24px #dc2626c2}.jnpa-weather-port-marker strong{color:#fff;background:#020617d1;border:1px solid #ffffff2e;border-radius:6px;padding:5px 8px;font-size:11px;box-shadow:0 10px 22px #02061747}.jnpa-weather-alert-badge{z-index:22;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d1;border:1px solid #f59e0b9e;border-radius:7px;align-items:center;gap:6px;max-width:min(260px,100% - 28px);padding:7px 9px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 12px 28px #02061747}.jnpa-weather-alert-badge.restricted{border-color:#f87171bd}.jnpa-weather-alert-badge span,.jnpa-weather-alert-badge strong{overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:950;line-height:1.15}.jnpa-weather-alert-badge span{color:#fde68a;text-transform:uppercase}.jnpa-weather-alert-badge strong{color:#fff;background:#f59e0b3d;border-radius:5px;padding:3px 5px}.jnpa-weather-alert-badge.restricted strong{background:#dc262657}.jnpa-weather-layer-empty-state{left:50%;top:max(72px, env(safe-area-inset-top));z-index:16;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d1;border:1px solid #e2e8f02e;border-radius:8px;gap:7px;width:min(360px,100% - 32px);padding:14px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 22px 48px #0206175c}.jnpa-weather-layer-empty-state strong{font-size:15px}.jnpa-weather-layer-empty-state span{color:#cbd5e1;font-size:12px;font-weight:800;line-height:1.35}.jnpa-weather-layer-empty-state button{color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#008c95;border:1px solid #ffffff3d;border-radius:6px;justify-self:center;padding:7px 11px;font-size:11px;font-weight:900}.jnpa-weather-map-readout,.jnpa-weather-map-data-card{z-index:13;color:#f8fafc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172adb,#020617c7);border:1px solid #e2e8f029;border-radius:8px;gap:7px;display:grid;position:absolute;box-shadow:0 18px 38px #02061757}.jnpa-weather-map-readout{min-width:190px;padding:10px;top:16px;left:16px}.jnpa-weather-map-readout div{gap:2px;display:grid}.jnpa-weather-map-readout span{color:#a7f3d0;text-transform:uppercase;font-size:9px;font-weight:950}.jnpa-weather-map-readout strong{color:#fff;font-size:12px;line-height:1.25}.jnpa-weather-map-data-card{min-width:min(370px,100% - 32px);padding:12px;bottom:16px;left:16px}.jnpa-weather-map-data-card div{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px;display:grid}.jnpa-weather-map-data-card span{color:#93c5fd;font-size:11px;font-weight:900}.jnpa-weather-map-data-card strong{overflow-wrap:anywhere;color:#fff;min-width:0;font-size:12px}.jnpa-weather-map-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.jnpa-weather-map-legend span{color:#334155;background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:9px 10px;font-size:11px;font-weight:850;display:flex}.jnpa-weather-technical-details{background:#fff;border:1px solid #dce8f5;border-radius:8px}.jnpa-weather-technical-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.jnpa-weather-technical-details summary span{color:#005b96;text-transform:uppercase;font-size:11px;font-weight:950}.jnpa-weather-technical-details summary strong{color:#475569;text-align:right;font-size:11px;font-weight:850}.jnpa-weather-technical-details[open]{gap:8px;padding-bottom:10px;display:grid}.jnpa-weather-technical-details[open]>:not(summary){margin-inline:10px}.jnpa-weather-map-legend i{border-radius:999px;flex:none;width:22px;height:4px}.jnpa-weather-map-legend i.wind{background:#22c55e}.jnpa-weather-map-legend i.waves{background:#0ea5e9}.jnpa-weather-map-legend i.rain{background:#60a5fa}.jnpa-weather-map-legend i.raster{background:linear-gradient(90deg,#38bdf8,#22c55e,#facc15);height:10px}.jnpa-weather-map-legend i.boundary{background:#008c952e;border:2px dashed #facc15;height:10px}.jnpa-weather-map-legend i.status{background:#f59e0b;border-radius:50%;width:10px;height:10px}.jnpa-weather-source-panel{background:linear-gradient(#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:12px;display:grid}.jnpa-weather-source-title{gap:2px;display:grid}.jnpa-weather-source-list{gap:6px;display:grid}.jnpa-weather-source-list details{background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:0;box-shadow:0 8px 16px #0f172a0a}.jnpa-weather-source-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.jnpa-weather-source-list summary span{color:#111827;font-size:12px;font-weight:900}.jnpa-weather-source-list summary small{color:#6b7280;font-size:11px;font-weight:800}.jnpa-weather-source-detail{gap:8px;padding:0 10px 10px;display:grid}.jnpa-weather-source-url{color:#0f172a;white-space:normal;overflow-wrap:anywhere;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;max-height:74px;padding:7px;font-size:10px;line-height:1.35;display:block;overflow:auto}.jnpa-weather-param-list{flex-wrap:wrap;gap:5px;display:flex}.jnpa-weather-param-list code{color:#005b96;background:#e0f2fe;border:1px solid #bae6fd;border-radius:5px;padding:3px 6px;font-size:11px}.jnpa-weather-source-detail p{color:#6b7280;margin:0;font-size:11px;font-weight:700;line-height:1.35}.jnpa-weather-audit-table{gap:6px;display:grid}.jnpa-weather-audit-head,.jnpa-weather-audit-row{border-radius:6px;grid-template-columns:minmax(112px,.95fr) minmax(126px,1fr) minmax(146px,1.1fr) minmax(74px,.6fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.jnpa-weather-audit-head{color:#64748b;text-transform:uppercase;background:#eef2f7;border:1px solid #e2e8f0;font-size:10px;font-weight:950}.jnpa-weather-audit-row{color:#334155;background:#fff;border:1px solid #e2e8f0;font-size:11px;font-weight:750}.jnpa-weather-audit-row span,.jnpa-weather-audit-row code,.jnpa-weather-audit-row strong{overflow-wrap:anywhere;min-width:0}.jnpa-weather-audit-row code{color:#005b96;background:#e0f2fe;border:1px solid #bae6fd;border-radius:5px;padding:3px 5px;font-size:10px}.jnpa-weather-audit-row strong{color:#0f172a;font-size:12px}@keyframes weatherMarkerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (width<=1320px){.jnpa-weather-layout,.jnpa-weather-hero{grid-template-columns:1fr}.jnpa-weather-secondary,.jnpa-weather-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.jnpa-weather-map-legend,.jnpa-weather-map-toolbar,.jnpa-weather-decision-strip{grid-template-columns:1fr}.jnpa-map-source-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jnpa-weather-raster-selector{justify-content:flex-start}.jnpa-weather-freshness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jnpa-weather-freshness-title{flex-direction:column;align-items:start}.jnpa-weather-freshness-title strong{text-align:left}}@media (width<=760px){.jnpa-weather-grid,.jnpa-weather-decision-grid,.jnpa-weather-grid.compact,.jnpa-weather-layer-grid,.jnpa-weather-secondary,.jnpa-weather-timeline-row,.jnpa-weather-alert{grid-template-columns:1fr}.jnpa-weather-live-map{min-height:520px}.jnpa-weather-map-readout,.jnpa-weather-map-data-card,.jnpa-zoom-weather-menu,.jnpa-zoom-weather-forecast,.jnpa-map-marking-guide,.jnpa-weather-alert-badge{width:auto;min-width:0;max-width:none;margin:10px;position:relative;inset:auto;transform:none}.jnpa-map-marking-guide,.jnpa-zoom-weather-menu,.jnpa-zoom-weather-forecast{width:auto;max-height:none}.jnpa-zoom-weather-menu button{min-height:36px}.jnpa-zoom-weather-forecast-list div{grid-template-columns:54px 58px minmax(48px,1fr)}.jnpa-port-operation-zones,.jnpa-port-impact-zone{display:none}.jnpa-weather-freshness-grid,.jnpa-map-source-key-grid{grid-template-columns:1fr}.jnpa-map-source-key summary{flex-direction:column;align-items:flex-start}.jnpa-map-source-key summary strong{text-align:left}.jnpa-weather-audit-head{display:none}.jnpa-weather-audit-row{grid-template-columns:1fr;gap:5px}}.app-navbar{color:#fff;background:#036;border:1px solid #005b96;border-radius:8px;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;min-width:0;padding:8px 12px;display:flex;box-shadow:0 10px 26px #00000029}.navbar-brand{align-items:center;gap:8px;min-width:0;display:flex}.navbar-logo{object-fit:contain;background:#fff;border:1px solid #ffffffb8;border-radius:6px;flex:none;width:44px;height:44px}.navbar-brand strong{color:#fff;font-size:15px;font-weight:900;line-height:1.1;display:block}.navbar-brand span{color:#ffffffc2;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:800;display:block}.auth-user-control{color:#fff;background:#001a336b;border:1px solid #008c9594;border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.auth-user-control span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;padding:0 6px;font-size:12px;font-weight:900;overflow:hidden}.app-shell{background:#f0f4f8;grid-template-rows:52px minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto;gap:6px;width:100%;height:100%;padding:6px;display:grid;position:relative}@media (width>=1025px){.app-shell{min-width:1240px}.left-sidebar,.right-sidebar{min-width:300px}.center-column{min-width:640px}}.panel-resizer{z-index:10;cursor:ew-resize;touch-action:none;background:0 0;width:16px;position:absolute;top:0;bottom:0}.panel-resizer:before{content:"";background:#ffffff73;border-radius:999px;width:3px;height:60px;margin:auto;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.panel-resizer-left{right:0}.panel-resizer-right{left:0}.sidebar-toggle-button{color:#fff;cursor:pointer;background:#0000001f;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:30px;min-width:30px;height:30px;font-weight:700;display:grid}.sidebar-toggle-button:hover{background:#ffffff2e}.dashboard-sidebar.collapsed{z-index:20;pointer-events:none;position:absolute;top:52px;bottom:6px;overflow:visible;background:0 0!important;border:none!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important}.dashboard-sidebar.collapsed.left-sidebar{left:0;right:auto}.dashboard-sidebar.collapsed.right-sidebar{left:auto;right:0}.dashboard-sidebar.collapsed .panel-resizer,.dashboard-sidebar.collapsed .sidebar-content,.dashboard-sidebar.collapsed .analysis-card,.dashboard-sidebar.collapsed .dashboard-chart-panel,.dashboard-sidebar.collapsed .vessel-status-chart-panel{display:none}.dashboard-sidebar.collapsed .sidebar-header{z-index:22;pointer-events:auto;background:0 0;border-bottom:none;justify-content:center;align-items:center;width:auto;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-sidebar.collapsed.left-sidebar .sidebar-header{left:8px}.dashboard-sidebar.collapsed.right-sidebar .sidebar-header{right:8px}.dashboard-sidebar.collapsed .sidebar-header h2,.dashboard-sidebar.collapsed .popup-button.popout-icon-button{display:none}.dashboard-sidebar.collapsed .sidebar-header .sidebar-toggle-button{color:#fff;background:#07192f;border:1px solid #ffffff47;border-radius:14px;width:44px;height:44px;margin:0;font-size:18px;box-shadow:0 12px 26px #0000004d}.dashboard-sidebar.collapsed .sidebar-header .sidebar-toggle-button:hover{background:#0c2643}@media (width<=1440px){.app-shell{grid-template-columns:minmax(260px,22%) minmax(0,1fr) minmax(260px,22%)}}@media (width<=1024px){.app-shell{grid-template-rows:56px auto;grid-template-columns:1fr;min-width:auto}.left-sidebar,.right-sidebar,.panel-resizer{display:none}}.cesium-stage{pointer-events:auto;z-index:1;border-radius:6px;position:absolute;inset:0;overflow:hidden}.center-column{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;grid-area:2/2;gap:0;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.module-tabs{z-index:2;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:4px;min-width:0;padding:6px 8px;display:flex}.tab-button{color:#64748b;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:10px 14px;font-size:11px;font-weight:700;transition:all .2s}.tab-button.active{color:#fff;background:#036;box-shadow:0 2px 8px #0363}.simulation-focused .port-twin-canvas{outline-offset:-2px;outline:2px solid #f59e0b7a}.simulation-map-overlay{z-index:5;pointer-events:none;grid-template-columns:repeat(3,minmax(110px,1fr));gap:8px;max-width:min(560px,100% - 24px);display:grid;position:absolute;bottom:12px;left:12px}.simulation-map-overlay div,.simulation-layer-note{color:#e5f6ff;background:#031520db;border:1px solid #f59e0b6b;border-radius:6px;padding:9px 10px;box-shadow:0 10px 24px #00000038}.simulation-map-overlay span,.simulation-layer-note span{color:#fbbf24;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.simulation-map-overlay strong,.simulation-layer-note strong{color:#fff;text-transform:capitalize;margin-top:3px;font-size:13px;display:block}.simulation-actor-panel{z-index:5;color:#e5f6ff;pointer-events:auto;background:#031520e6;border:1px solid #00e5ff61;border-radius:6px;gap:7px;width:min(300px,100% - 24px);max-height:calc(100% - 112px);padding:10px;display:grid;position:absolute;top:56px;right:12px;overflow:auto;box-shadow:0 12px 28px #00000047}.simulation-actor-panel-head{border-bottom:1px solid #94a3b83d;justify-content:space-between;align-items:center;gap:8px;padding-bottom:5px;display:flex}.simulation-actor-panel-head span{color:#fbbf24;text-transform:uppercase;font-size:10px;font-weight:900}.simulation-actor-panel-head strong{color:#fff;font-size:13px}.simulation-actor-row{background:#0f172ab8;border:1px solid #94a3b838;border-left:4px solid #f59e0b;border-radius:4px;gap:4px;padding:8px;display:grid}.simulation-actor-row.critical,.simulation-actor-row.blocked{border-left-color:#ef4444}.simulation-actor-row.warning{border-left-color:#f59e0b}.simulation-actor-row.improving{border-left-color:#22c55e}.simulation-actor-row.resolved{border-left-color:#00e5ff}.simulation-actor-row div{justify-content:space-between;gap:8px;display:flex}.simulation-actor-row strong{color:#fff;font-size:11px}.simulation-actor-row span{color:#bfe7f4;text-transform:uppercase;flex:none;font-size:9px;font-weight:800}.simulation-actor-row small{color:#dceaf0;font-size:10px;line-height:1.35}.simulation-execution-plan{background:#14532d6b;border:1px solid #22c55e5c;border-radius:4px;gap:7px;margin-top:3px;padding:9px;display:grid}.simulation-execution-plan>span{color:#86efac;text-transform:uppercase;font-size:10px;font-weight:900}.simulation-execution-plan div{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px;display:grid}.simulation-execution-plan strong{color:#052e16;background:#86efac;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.simulation-execution-plan small{color:#dcfce7;font-size:10px;line-height:1.35}.simulation-layer-note{margin-top:10px}.simulation-layer-note small{color:#bfe7f4;margin-top:5px;line-height:1.35;display:block}.dashboard-insight-panel{background:#f7fbfd;border:1px solid #d8e7ef;border-radius:6px;gap:6px;margin-top:12px;padding:11px 12px;display:grid}.dashboard-insight-panel h4{color:#036;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.dashboard-insight-panel p,.dashboard-metric-bar p{color:#4b5563;text-transform:none;margin:0;font-size:10px;font-weight:650;line-height:1.45}.dashboard-donut-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px;display:grid}.dashboard-donut-card{background:#f7fbfd;border:1px solid #d8e7ef;border-radius:7px;grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:11px;display:grid}.dashboard-donut{background:radial-gradient(circle at center, #f7fbfd 0 54%, transparent 56%), conic-gradient(#008c95 var(--dashboard-percent), #e4eef4 0);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.dashboard-donut strong{color:#036;font-size:13px;font-weight:900}.dashboard-donut-card span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900}.dashboard-donut-card>div:last-child>strong{color:#036;margin-top:3px;font-size:13px;display:block}.dashboard-donut-card p{color:#4b5563;margin:4px 0 0;font-size:10px;font-weight:650;line-height:1.35}.dashboard-stacked-chart{gap:8px;display:grid}.dashboard-stacked-track{background:#e8f2f6;border-radius:999px;width:100%;height:18px;display:flex;overflow:hidden}.dashboard-stacked-track i{min-width:0;height:100%;display:block}.dashboard-stacked-legend{flex-wrap:wrap;gap:7px 12px;display:flex}.dashboard-stacked-legend span{color:#4b5563;align-items:center;gap:5px;font-size:10px;font-weight:750;display:inline-flex}.dashboard-stacked-legend i{border-radius:999px;width:8px;height:8px}.dashboard-stacked-legend strong{color:#036}.dashboard-chart-panel{border-top:1px solid #dde5ec;gap:9px;margin-top:12px;padding-top:10px;display:grid}.dashboard-chart-panel h4{color:#036;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.dashboard-metric-bar{gap:5px;display:grid}.dashboard-metric-bar div,.dashboard-insight-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashboard-metric-bar span,.dashboard-insight-row span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:800}.dashboard-metric-bar strong,.dashboard-insight-row strong{color:#036;text-align:right;font-size:10px;font-weight:800}.dashboard-metric-track{background:#e8f2f6;border-radius:999px;width:100%;height:7px;overflow:hidden}.dashboard-metric-track i{border-radius:inherit;background:linear-gradient(90deg,#008c95,#005b96);height:100%;display:block}.stat-item{border-color:#f59e0b38}.simulation-builder-card{box-sizing:border-box;gap:8px;width:100%;min-width:0;max-width:100%;display:grid;overflow-x:clip}.simulation-builder-card.expanded{gap:14px;width:min(980px,100%);margin:0 auto}.simulation-builder-card.expanded .simulation-builder-section{gap:10px}.simulation-builder-card.expanded .simulation-builder-flow-strip,.simulation-builder-card.expanded .simulation-impact-snapshot,.simulation-builder-card.expanded .simulation-response-plan,.simulation-builder-card.expanded .simulation-strategy-picker{padding:14px}.simulation-builder-card.expanded .simulation-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.simulation-builder-card.expanded .simulation-layer-toggle-grid,.simulation-builder-card.expanded .simulation-asset-picker-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.simulation-builder-section{box-sizing:border-box;border-top:1px solid #94a3b838;gap:7px;width:100%;min-width:0;max-width:100%;padding-top:8px;display:grid}.simulation-builder-section:first-of-type{border-top:0;padding-top:0}.simulation-builder-section.active-edit-section{background:#fbfdff;border:1px solid #008c953d;border-left:4px solid #008c95;border-radius:8px;padding:10px;overflow-x:clip;box-shadow:0 8px 18px #0033660f}.simulation-builder-section.active-edit-section:first-of-type{border-top:1px solid #008c953d;padding-top:10px}.simulation-builder-section-title{color:#005b96;text-transform:uppercase;font-size:10px;font-weight:900}.simulation-section-hidden{display:none}.simulation-section-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-section-heading .simulation-builder-section-title{overflow-wrap:anywhere;min-width:0}.simulation-section-popout-button{flex:none;width:28px;height:28px}.simulation-control-strip{box-sizing:border-box;background:linear-gradient(145deg,#f8fbfd 0%,#eef7fa 100%);border:1px solid #c9dce8;border-left:4px solid #008c95;border-radius:8px;gap:8px;width:100%;min-width:0;max-width:100%;padding:10px;display:none;overflow-x:clip}.simulation-selected-card-context{background:#f8fbfd;border:1px solid #005b962e;border-left:4px solid #008c95;border-radius:6px;gap:5px;margin-bottom:10px;padding:10px;display:grid}.simulation-selected-card-context span,.simulation-selected-card-context b{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.25}.simulation-selected-card-context strong{color:#036;font-size:13px;font-weight:900;line-height:1.2}.simulation-selected-card-context small{color:#475569;font-size:10px;font-weight:800;line-height:1.35}.simulation-selected-card-context div{flex-wrap:wrap;gap:6px;display:flex}.simulation-selected-card-context b{color:#036;background:#e8f3f6;border:1px solid #005b9629;border-radius:4px;padding:4px 7px}.simulation-command-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.simulation-command-bar>div{background:#f8fbfd;border:1px solid #005b962e;border-left:4px solid #008c95;border-radius:6px;gap:4px;min-width:0;padding:10px;display:grid}.simulation-command-bar>div.wide{grid-column:1/-1}.simulation-command-bar span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.25}.simulation-command-bar strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:900;line-height:1.15}.simulation-command-bar small{color:#475569;overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:800;line-height:1.35}.simulation-command-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 0 8px;padding:8px 4px 10px;display:grid;position:relative}.simulation-command-timeline:before{content:"";z-index:0;background:#d7e7ef;border-radius:999px;height:3px;position:absolute;top:21px;left:calc(12.5% + 4px);right:calc(12.5% + 4px)}.simulation-command-timeline-step{text-align:center;z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0 4px;display:flex;position:relative}.simulation-command-timeline-step.complete:after{content:"";z-index:0;background:#008c95;border-radius:999px;width:100%;height:3px;position:absolute;top:13px;left:50%}.simulation-command-timeline-step:last-child:after{display:none}.simulation-command-timeline-step b{z-index:2;color:#64748b;background:#e8f3f6;border-radius:999px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid;position:relative}.simulation-command-timeline-step.active b{color:#036;background:#fbbf24}.simulation-command-timeline-step.complete b{color:#fff;background:#008c95}.simulation-command-timeline-step span{z-index:2;color:#036;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.15;position:relative}.simulation-command-timeline-step small{z-index:2;color:#64748b;font-size:9px;font-weight:800;line-height:1.25;position:relative}.simulation-command-actions{justify-content:flex-end;margin:0 0 10px;display:flex}.simulation-command-actions .simulation-reset-button{width:auto;min-width:136px}.simulation-control-primary{gap:3px;min-width:0;display:grid}.simulation-control-primary span,.simulation-control-metrics span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.2}.simulation-control-primary strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:900;line-height:1.2}.simulation-control-primary small{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:800;line-height:1.25}.simulation-control-metrics{grid-template-columns:.72fr .9fr 1.6fr;gap:7px;display:grid}.simulation-control-metrics div{background:#fff;border:1px solid #005b9629;border-radius:7px;gap:3px;min-width:0;padding:8px;display:grid}.simulation-control-metrics strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:900;line-height:1.15}.simulation-preset-model-preview{background:#fff;border:1px solid #008c953d;border-radius:6px;min-height:190px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #0f172a14}.simulation-preset-model-preview:before{content:"";z-index:1;pointer-events:none;border:1px solid #005b961f;border-radius:5px;position:absolute;inset:12px}.simulation-preset-model-preview:after{content:"";z-index:1;filter:blur(7px);pointer-events:none;background:radial-gradient(#0f172a29,#0000 70%);border-radius:999px;height:24px;animation:.72s ease-out both simulationPresetShadowSettle;position:absolute;bottom:24px;left:34px;right:34px}.simulation-preset-model-preview img{z-index:2;object-fit:contain;transform-origin:50% 58%;will-change:transform;background:#fff;width:100%;height:100%;padding:10px;animation:.76s cubic-bezier(.22,.9,.32,1.15) both simulationPresetLoadBounce;position:absolute;inset:0}.simulation-preset-model-preview.digital-twin{border-radius:16px;min-height:250px}.simulation-preset-model-preview.digital-twin:before,.simulation-preset-model-preview.digital-twin:after{display:none}.simulation-preset-model-preview.digital-twin img{object-fit:cover;border-radius:16px;padding:0}@keyframes simulationPresetLoadBounce{0%{opacity:0;transform:translateY(-24px)scale(.96)}58%{opacity:1;transform:translateY(8px)scale(1.025)}78%{transform:translateY(-3px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes simulationPresetShadowSettle{0%{opacity:0;transform:scaleX(.72)}58%{opacity:.24;transform:scaleX(1.12)}to{opacity:.34;transform:scaleX(.96)}}@media (prefers-reduced-motion:reduce){.simulation-preset-model-preview img,.simulation-preset-model-preview:after{animation:none}}.simulation-preset-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.simulation-preset-category-grid button{color:#334155;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #94a3b852;border-radius:4px;min-height:30px;padding:5px 4px;font-size:9px;font-weight:900}.simulation-preset-category-grid button.removable{overflow-wrap:anywhere;padding-left:10px;padding-right:24px}.simulation-preset-category-cell,.simulation-preset-card-cell{gap:4px;min-width:0;display:grid;position:relative}.simulation-preset-category-cell>button:first-child,.simulation-preset-card-cell>button:first-child{width:100%}.simulation-preset-category-grid button.active{color:#fff;background:#036;border-color:#008c95}.simulation-preset-category-grid .simulation-remove-asset-tab-button{z-index:2;color:#fff;text-transform:uppercase;cursor:pointer;background:#dc2626;border:1px solid #fff;border-radius:999px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;font-size:13px;font-weight:1000;line-height:1;position:absolute;top:4px;right:4px;box-shadow:0 3px 8px #0f172a29}.simulation-preset-category-grid .simulation-remove-asset-tab-button:hover,.simulation-preset-category-grid .simulation-remove-asset-tab-button:focus-visible{color:#fff;background:#b91c1c;outline:2px solid #dc262638}.simulation-preset-category-grid .simulation-remove-asset-tab-button:disabled{cursor:not-allowed;opacity:.55}.simulation-preset-category-note{color:#334155;text-transform:uppercase;background:#eaf3f7;border:1px solid #005b962e;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:10px;font-weight:900;display:flex}.simulation-preset-category-note strong{color:#036;font-size:13px}.simulation-preset-category-note small{color:#64748b;font-size:9px;font-weight:900}.simulation-data-hierarchy-control{background:#fff;border:1px solid #005b962e;border-radius:5px;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:7px;padding:8px;display:grid}.simulation-data-hierarchy-control div{gap:2px;min-width:0;display:grid}.simulation-data-hierarchy-control span,.simulation-data-hierarchy-control small{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.25}.simulation-data-hierarchy-control strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:900}.simulation-data-hierarchy-control select{color:#036;background:#f8fafc;border:1px solid #94a3b866;border-radius:5px;width:100%;min-width:0;padding:7px 8px;font-size:10px;font-weight:900}.simulation-data-hierarchy-control>small{color:#005b96;grid-column:1/-1}.simulation-preset-ai-discovery{background:#f6fbfd;border:1px solid #008c9547;border-radius:5px;gap:8px;padding:9px;display:grid}.simulation-preset-ai-discovery-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.simulation-preset-ai-discovery-head div{gap:2px;min-width:0;display:grid}.simulation-preset-ai-discovery-head span,.simulation-preset-ai-discovery-head small{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-preset-ai-discovery-head strong{color:#036;font-size:12px;font-weight:1000}.simulation-preset-ai-discovery-head button,.simulation-preset-suggestion button{color:#fff;text-transform:uppercase;cursor:pointer;background:#007a8a;border:0;border-radius:4px;min-height:30px;padding:7px 12px;font-size:9px;font-weight:1000}.simulation-preset-ai-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.simulation-preset-ai-actions button.secondary{color:#005b96;background:#fff;border:1px solid #005b9647}.simulation-prompt-toolbar,.simulation-suggestion-result-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-prompt-toolbar span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:1000}.simulation-prompt-toolbar button,.simulation-suggestion-result-head button{color:#005b96;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #005b963d;border-radius:4px;min-height:24px;padding:5px 9px;font-size:9px;font-weight:1000}.simulation-suggestion-result-head .simulation-ai-status{overflow-wrap:anywhere;min-width:0}.simulation-preset-ai-discovery-head button:disabled,.simulation-preset-suggestion button:disabled,.simulation-prompt-toolbar button:disabled,.simulation-suggestion-result-head button:disabled{cursor:not-allowed;opacity:.55}.simulation-preset-ai-discovery textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #005b9638;border-radius:4px;width:100%;min-height:46px;padding:8px;font-size:11px}.simulation-ai-thinking{color:#005b96;background:linear-gradient(90deg,#eef9fb,#fff);border:1px solid #008c9542;border-radius:5px;align-items:center;gap:9px;min-height:34px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.simulation-ai-thinking:after{content:"";background:linear-gradient(90deg,#0000,#008c951f,#0000);animation:1.45s ease-in-out infinite simulation-ai-scan;position:absolute;inset:0;transform:translate(-100%)}.simulation-ai-thinking span{z-index:1;align-items:center;gap:4px;display:inline-flex;position:relative}.simulation-ai-thinking b{background:#007a8a;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite simulation-ai-pulse;display:block}.simulation-ai-thinking b:nth-child(2){animation-delay:.14s}.simulation-ai-thinking b:nth-child(3){animation-delay:.28s}.simulation-ai-thinking small{z-index:1;color:#005b96;text-transform:uppercase;font-size:10px;font-weight:1000;position:relative}.simulation-ai-feedback{color:#475569;background:#fff;border:1px solid #005b9624;border-radius:5px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 8px;display:flex}.simulation-ai-feedback span{color:#64748b;text-transform:uppercase;margin-right:2px;font-size:9px;font-weight:1000}.simulation-ai-feedback button{color:#005b96;text-transform:uppercase;cursor:pointer;background:#f8fafc;border:1px solid #005b9638;border-radius:4px;min-height:24px;padding:5px 9px;font-size:9px;font-weight:1000}.simulation-ai-feedback button.active{color:#fff;background:#007a8a;border-color:#007a8a}.simulation-ai-feedback button.negative,.simulation-ai-feedback button.active.negative{color:#fff;background:#dc2626;border-color:#dc2626}@keyframes simulation-ai-pulse{0%,80%,to{opacity:.35;transform:translateY(0)scale(.86)}40%{opacity:1;transform:translateY(-2px)scale(1)}}@keyframes simulation-ai-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.simulation-preset-suggestion-grid{gap:7px;display:grid}.simulation-preset-suggestion{background:#fff;border:1px solid #005b9629;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.simulation-preset-suggestion div{gap:3px;min-width:0;display:grid}.simulation-preset-suggestion .simulation-suggestion-actions{gap:5px;min-width:88px;display:grid}.simulation-preset-suggestion .simulation-suggestion-actions button{width:100%}.simulation-preset-suggestion span{color:#0f172a;text-transform:uppercase;font-size:10px;font-weight:1000}.simulation-preset-suggestion small{color:#475569;font-size:10px;font-weight:700;line-height:1.35}.simulation-preset-workspace{gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.simulation-source-carousel{box-sizing:border-box;background:#f7f9fb;border:1px solid #94a3b833;border-radius:8px;grid-template-columns:clamp(28px,4vw,34px) minmax(0,1fr) clamp(28px,4vw,34px);justify-content:center;align-items:center;gap:clamp(6px,1.2vw,10px);width:100%;min-width:0;max-width:100%;padding:clamp(8px,1.6vw,14px);display:grid;position:relative}.simulation-source-scroll-button{color:#005b96;cursor:pointer;background:#fff;border:1px solid #005b9638;border-radius:7px;place-items:center;width:clamp(28px,4vw,34px);height:clamp(38px,6vw,48px);font-size:24px;font-weight:1000;line-height:1;display:grid}.simulation-source-scroll-button:hover,.simulation-source-scroll-button:focus-visible{color:#fff;background:#008c95;outline:none}.simulation-source-legend{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:0;width:100%;min-width:0;display:flex;overflow:hidden}.simulation-source-legend::-webkit-scrollbar{display:none}.simulation-source-legend>div{color:#0f172a;scroll-snap-align:start;background:#fff;border:1px solid #cbd5e1c7;border-left:5px solid #dc2626;border-radius:8px;flex:0 0 100%;align-items:start;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #0f172a12}.simulation-source-legend>div.ops{border-left-color:#dc2626}.simulation-source-legend>div.ai{border-left-color:#15803d}.simulation-source-legend>div.manual{border-left-color:#6d28d9}.simulation-source-legend>div.preset{border-left-color:#64748b}.simulation-source-card-shade{display:none}.simulation-source-card-content{z-index:1;align-content:start;gap:clamp(7px,1.2vw,10px);min-height:0;padding:clamp(12px,2vw,18px);display:grid;position:relative}.simulation-source-card-head{align-items:center;gap:9px;min-width:0;padding-bottom:2px;display:flex}.simulation-source-icon{background:#fee2e2;border:1px solid #dc262638;border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:inline-grid;position:relative}.simulation-source-icon:before,.simulation-source-icon:after{content:"";position:absolute}.simulation-source-icon.ops:before{border:2px solid #dc2626;border-top-width:4px;border-radius:3px;width:14px;height:12px}.simulation-source-icon.ai{background:#dcfce7;border-color:#15803d38}.simulation-source-icon.ai:before{background:#15803d;border-radius:50%;width:14px;height:14px}.simulation-source-icon.ai:after{background:#dcfce7;border-radius:50%;width:6px;height:6px}.simulation-source-icon.manual{background:#f3e8ff;border-color:#6d28d938}.simulation-source-icon.manual:before{background:#6d28d9;border-radius:999px;width:15px;height:4px;transform:rotate(-35deg)}.simulation-source-icon.manual:after{clip-path:polygon(0 0,100% 50%,0 100%);background:#6d28d9;width:5px;height:5px;bottom:7px;right:6px;transform:rotate(-35deg)}.simulation-source-icon.preset{background:#e2e8f0;border-color:#64748b3d}.simulation-source-icon.preset:before{border:2px solid #64748b;border-radius:3px;width:13px;height:13px}.simulation-source-icon.preset:after{background:#64748b;border-radius:2px;width:7px;height:7px;bottom:6px;right:6px}.simulation-source-legend b{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:clamp(11px,1.35vw,13px);font-weight:1000;line-height:1.2}.simulation-source-legend .ops b{color:#991b1b}.simulation-source-legend .ai b{color:#166534}.simulation-source-legend .manual b{color:#5b21b6}.simulation-source-legend .preset b{color:#475569}.simulation-source-legend span,.simulation-source-legend small{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:clamp(9px,1.15vw,10px);font-weight:900;line-height:1.35}.simulation-source-legend span{font-size:clamp(13px,1.7vw,16px);font-weight:1000;line-height:1.25}.simulation-source-legend .ops span,.simulation-source-legend .ops small strong{color:#b91c1c}.simulation-source-legend .ai span,.simulation-source-legend .ai small strong{color:#15803d}.simulation-source-legend .manual span,.simulation-source-legend .manual small strong{color:#6d28d9}.simulation-source-legend .preset span,.simulation-source-legend .preset small strong{color:#64748b}.simulation-source-legend small{color:#475569;text-transform:none;border-top:1px solid #e2e8f0db;gap:3px;padding-top:7px;font-size:clamp(9px,1.15vw,10px);display:grid}.simulation-source-legend small strong{text-transform:uppercase;font-size:9px;font-weight:1000;display:block}.simulation-ai-feedback small{color:#007a8a;text-transform:uppercase;font-size:9px;font-weight:900}@media (width<=1100px){.simulation-source-carousel{grid-template-columns:30px minmax(0,1fr) 30px}}@media (width<=560px){.simulation-source-carousel{grid-template-columns:1fr;padding:8px 38px}.simulation-source-scroll-button{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.simulation-source-scroll-button:first-child{left:6px}.simulation-source-scroll-button:last-child{right:6px}.simulation-source-card-head{align-items:flex-start}}.simulation-preset-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px;display:grid}.simulation-preset-grid button{color:#1f2937;text-transform:uppercase;cursor:pointer;background:#f8fafc;border:1px solid #94a3b84d;border-radius:5px;align-content:center;gap:4px;min-height:52px;padding:7px 6px;font-size:9px;font-weight:900;display:grid}.simulation-preset-grid .simulation-remove-preset-card-button{z-index:2;color:#fff;text-transform:uppercase;cursor:pointer;background:#dc2626;border:1px solid #fff;border-radius:999px;place-items:center;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;font-size:12px;font-weight:1000;line-height:1;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 3px 8px #0f172a29}.simulation-preset-grid .simulation-remove-preset-card-button:hover,.simulation-preset-grid .simulation-remove-preset-card-button:focus-visible{color:#fff;background:#b91c1c;outline:2px solid #dc262638}.simulation-preset-grid .simulation-remove-preset-card-button:disabled{cursor:not-allowed;opacity:.55}.simulation-remove-mini-button{color:#b91c1c;text-transform:uppercase;cursor:pointer;background:#fff7f7;border:1px solid #dc26264d;border-radius:4px;min-height:22px;padding:4px 7px;font-size:8px;font-weight:1000}.simulation-remove-mini-button:hover,.simulation-remove-mini-button:focus-visible{color:#fff;background:#dc2626;outline:none}.simulation-remove-mini-button:disabled{cursor:not-allowed;opacity:.55}.simulation-preset-grid button span,.simulation-preset-grid button small{overflow-wrap:anywhere;min-width:0;line-height:1.18}.simulation-preset-grid button small{color:#64748b;font-size:8px;font-weight:900}.simulation-preset-count-row{justify-content:center;align-items:center;gap:5px;display:flex}.simulation-preset-count-row b{color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:28px;min-height:20px;padding:2px 7px;font-size:9px;line-height:1;display:flex}.simulation-preset-count-row strong{color:inherit;font-size:11px;font-weight:1000}.simulation-preset-count-row span{color:inherit;font-size:8px;font-weight:1000;display:none}.simulation-preset-count-row .ops{background:#dc2626}.simulation-preset-count-row .ai{background:#16a34a}.simulation-preset-count-row .manual{background:#7c3aed}.simulation-preset-grid button.identified{background:#fff7f7;border-color:#dc262673}.simulation-preset-grid button.identified small{color:#b91c1c}.simulation-preset-grid button.preview{outline-offset:1px;outline:2px solid #008c9552}.simulation-preset-grid button.active{color:#fff;background:#005b96;border-color:#008c95}.simulation-preset-grid button.active small,.simulation-preset-grid button.active.identified small{color:#ddf8ff}.simulation-map-preset-reason{z-index:120;color:#334155;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcf5;border:1px solid #94a3b857;border-left:4px solid #94a3b8;border-radius:6px;gap:10px;width:min(420px,100% - 44px);min-height:138px;max-height:min(68vh,620px);padding:15px 48px 15px 18px;display:grid;position:absolute;top:92px;right:22px;overflow:auto;box-shadow:0 16px 36px #0f172a38}.simulation-map-preset-reason.expanded{width:min(410px,100% - 44px)}.simulation-map-preset-reason.minimized{cursor:grab;border-left-color:#008c95;width:min(260px,100% - 44px);min-height:0;max-height:none;padding:12px 72px 12px 14px;top:auto;bottom:24px;right:24px;overflow:visible}.simulation-map-preset-mini{gap:3px;display:grid}.simulation-map-preset-mini small{white-space:nowrap;text-overflow:ellipsis;max-width:165px;overflow:hidden}.simulation-map-preset-reason.identified{background:#fff7f7f7;border-color:#dc262647 #dc262647 #dc262647 #dc2626}.simulation-map-preset-reason>div{gap:5px;display:grid}.simulation-map-preset-reason span{color:#475569;text-transform:uppercase;font-size:10px;font-weight:900}.simulation-map-preset-reason strong{color:#0f172a;font-size:15px;font-weight:900;line-height:1.25}.simulation-map-preset-reason.identified strong{color:#b91c1c}.simulation-map-preset-reason p,.simulation-map-preset-reason small{color:#475569;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:800;line-height:1.5}.simulation-map-preset-reason small{color:#64748b;font-size:10px}.simulation-map-issue-highlight{z-index:14;pointer-events:none;width:118px;height:118px;position:absolute;top:45%;left:36%;transform:translate(-50%,-50%)}.simulation-map-issue-pulse{background:radial-gradient(circle,#dc262638 0 32%,#0000 34%);border:3px solid #dc2626db;border-radius:999px;animation:1.8s ease-in-out infinite simulationIssuePulse;position:absolute;inset:18px;box-shadow:0 0 0 10px #dc26261f,0 0 28px #dc262657}.simulation-map-issue-focus-label{color:#fff;text-transform:uppercase;background:#dc2626;border:1px solid #ffffffb3;border-radius:999px;place-items:center;min-width:86px;min-height:28px;padding:5px 9px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172a47}.simulation-map-preset-assets{flex-wrap:wrap;gap:6px;display:flex}.simulation-map-preset-assets span{color:#036;text-transform:uppercase;background:#eaf3f7;border:1px solid #005b962e;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900}.simulation-map-replay-picker{background:#eff8fad1;border:1px solid #008c9538;border-radius:6px;gap:8px;padding:9px;display:grid}.simulation-map-replay-picker label{gap:5px;display:grid}.simulation-map-replay-picker label>span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-replay-picker select{color:#0f172a;background:#fff;border:1px solid #005b963d;border-radius:5px;width:100%;min-height:32px;padding:6px 8px;font-size:11px;font-weight:900}.simulation-map-selected-case-name{background:#fff;border:1px solid #005b962e;border-left:3px solid #dc2626;border-radius:6px;gap:3px;min-width:0;padding:8px;display:grid}.simulation-map-selected-case-name span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-selected-case-name strong{color:#0f172a;overflow-wrap:anywhere;font-size:13px;font-weight:1000;line-height:1.15}.simulation-map-selected-case-name small{color:#64748b;overflow-wrap:anywhere;font-size:9px;font-weight:800;line-height:1.25}.simulation-map-replay-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.simulation-map-replay-summary div{background:#ffffffc7;border:1px solid #94a3b838;border-radius:5px;gap:3px;min-width:0;padding:6px 7px;display:grid}.simulation-map-replay-summary span{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-replay-summary strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:900;line-height:1.25}.simulation-map-evidence-list{background:#f8fafc;border:1px solid #0ea5e933;border-radius:6px;gap:5px;padding:7px;display:grid}.simulation-map-evidence-list>span{color:#005b96;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-map-evidence-list small{color:#334155;font-size:10px;font-weight:800;line-height:1.3}.simulation-map-data-used{gap:7px;display:grid}.simulation-map-data-row{background:#fff;border:1px solid #94a3b83d;border-radius:7px;gap:7px;padding:8px;display:grid}.simulation-map-data-row>div:first-child{align-items:center;gap:7px;min-width:0;display:flex}.simulation-map-data-row>div:first-child b{color:#fff;background:#dc2626;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:grid}.simulation-map-data-row strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900}.simulation-map-data-row span,.simulation-map-data-row small{color:#475569;font-size:10px;font-weight:800;line-height:1.3}.simulation-map-data-row small b{place-items:initial;flex:initial;color:#b91c1c;width:auto;height:auto;font-size:inherit;background:0 0;border-radius:0;font-weight:900;display:inline}.simulation-map-data-row dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;display:grid}.simulation-map-data-row dl div{background:#f8fafc;border:1px solid #e2e8f0e6;border-radius:5px;gap:2px;min-width:0;padding:5px 6px;display:grid}.simulation-map-data-row dt{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-data-row dd{color:#0f172a;overflow-wrap:anywhere;min-width:0;margin:0;font-size:10px;font-weight:900}.simulation-map-row-evidence{background:#f8fafc;border:1px solid #005b9624;border-radius:5px;gap:4px;padding:6px;display:grid}.simulation-map-row-evidence span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-row-evidence small{color:#334155}.simulation-map-confirmation-gap{color:#334155;overflow-wrap:anywhere;background:#fff7ed;border:1px solid #fb923c3d;border-radius:5px;padding:7px;display:block}.simulation-map-generated-case{gap:6px;display:grid}.simulation-map-generated-case div{background:#fff;border:1px solid #0080912e;border-radius:5px;gap:4px;padding:8px;display:grid}.simulation-map-generated-case span{color:#007a8a;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-generated-case strong{color:#003b70;font-size:11px;font-weight:900}.simulation-map-generated-case small{color:#475569;font-size:10px;font-weight:700;line-height:1.35}.simulation-map-preset-flow{gap:7px;display:grid}.simulation-map-preset-flow div{background:#ffffffbd;border:1px solid #94a3b838;border-radius:5px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:8px;padding:8px 9px;display:grid}.simulation-map-preset-flow div.cause{border-left:3px solid #f97316}.simulation-map-preset-flow div.impact{border-left:3px solid #dc2626}.simulation-map-preset-flow div.solution{border-left:3px solid #008c95}.simulation-map-preset-flow span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-preset-flow p{color:#334155;margin:0;font-size:10px;font-weight:800;line-height:1.38}.simulation-map-preset-minimize{font-size:20px;right:44px}.simulation-map-preset-expand{text-transform:uppercase;width:52px;font-size:10px;right:10px}.simulation-map-preset-header{gap:6px;display:grid}.simulation-map-competing-vessels{background:#fff7edd1;border:1px solid #f973163d;border-radius:6px;gap:7px;padding:9px;display:grid}.simulation-map-competing-vessels>span{color:#9a3412;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-competing-vessels div{background:#ffffffd1;border:1px solid #f973162e;border-radius:5px;grid-template-columns:22px minmax(0,.5fr) minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;display:grid}.simulation-map-competing-vessels b{color:#fff;background:#f97316;border-radius:999px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.simulation-map-competing-vessels strong{color:#9a3412;font-size:10px;font-weight:900;line-height:1.25}.simulation-map-competing-vessels small{color:#64748b;font-size:9px;font-weight:800;line-height:1.3}.simulation-map-replay-sequence{gap:7px;display:grid}.simulation-map-replay-sequence div{background:#fffc;border:1px solid #94a3b838;border-radius:5px;grid-template-columns:26px minmax(64px,.34fr) minmax(0,1fr);align-items:start;gap:8px;padding:8px 9px;display:grid}.simulation-map-replay-sequence b{color:#fff;background:#005b96;border-radius:999px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid}.simulation-map-replay-sequence span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-replay-sequence strong{color:#334155;font-size:10px;font-weight:800;line-height:1.35}@keyframes simulationIssuePulse{0%,to{opacity:.7;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}.simulation-map-preset-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.simulation-map-preset-metrics div{background:#ffffffc7;border:1px solid #94a3b83d;border-radius:5px;gap:3px;min-width:0;padding:7px 8px;display:grid}.simulation-map-preset-metrics span{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-preset-metrics strong{color:#0f172a;font-size:12px;font-weight:900;line-height:1.15}.simulation-map-preset-reason.identified .simulation-map-preset-metrics strong{color:#b91c1c}.simulation-map-preset-minimize,.simulation-map-preset-expand,.simulation-map-preset-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b873;border-radius:4px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:900;line-height:1;display:grid;position:absolute;top:10px;right:10px}.simulation-map-preset-close:hover,.simulation-map-preset-close:focus-visible{color:#fff;background:#036;border-color:#036}.simulation-phase-strip{background:#f4f6f8;border:1px solid #94a3b83d;border-left:4px solid #94a3b8;border-radius:4px;gap:2px;padding:7px 8px;display:grid}.simulation-phase-strip.problem{border-left-color:#dc2626}.simulation-phase-strip.solution{border-left-color:#16a34a}.simulation-phase-strip span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-phase-strip strong{color:#111827;font-size:11px}.simulation-builder-flow-strip{box-sizing:border-box;background:linear-gradient(145deg,#fff 0%,#f6fafd 100%);border:1px solid #c9dce8;border-radius:8px;gap:10px;width:100%;min-width:0;max-width:100%;padding:11px 10px;display:grid;overflow:hidden}.simulation-builder-flow-strip.problem{border-color:#f59e0b6b}.simulation-builder-flow-strip.solution{border-color:#008c956b}.simulation-builder-flow-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.simulation-builder-flow-head span,.simulation-builder-flow-current span{color:#6b7280;letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.simulation-builder-flow-head strong{color:#fff;text-transform:uppercase;background:#036;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:900;line-height:1}.simulation-builder-flow-strip.problem .simulation-builder-flow-head strong{background:#a16207}.simulation-builder-flow-strip.solution .simulation-builder-flow-head strong{background:#008c95}.simulation-builder-flow-steps{gap:4px;min-width:0;padding-left:2px;display:grid;position:relative}.simulation-builder-flow-steps:before{content:"";background:linear-gradient(#008c95 0%,#f59e0b 52%,#d8e7ef 100%);border-radius:999px;width:2px;position:absolute;top:16px;bottom:16px;left:14px}.simulation-builder-flow-step{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:48px;display:grid;position:relative}.simulation-builder-flow-step>span{z-index:1;color:#6b7280;background:#fff;border:2px solid #d8e7ef;border-radius:999px;place-items:center;width:26px;height:26px;font-size:9px;font-weight:900;display:grid;position:relative;box-shadow:0 0 0 3px #f8fbfd}.simulation-builder-flow-step div{background:#f8fbfd;border:1px solid #d8e7ef;border-radius:7px;min-width:0;padding:7px 9px}.simulation-builder-flow-step strong,.simulation-builder-flow-step small{min-width:0;line-height:1.25;display:block}.simulation-builder-flow-step strong{color:#036;text-transform:uppercase;font-size:10px;font-weight:900}.simulation-builder-flow-step small{color:#4b5563;overflow-wrap:anywhere;margin-top:2px;font-size:9px;font-weight:700}.simulation-builder-flow-step.complete>span{color:#fff;background:#008c95;border-color:#008c95}.simulation-builder-flow-step.complete div{background:#f0fcfb;border-color:#b7e6e2}.simulation-builder-flow-step.active>span{color:#036;background:#fbbf24;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e}.simulation-builder-flow-step.active div{background:#fff8e7;border-color:#f5d38a}.simulation-builder-flow-current{background:#036;border-radius:7px;min-width:0;padding:9px 10px}.simulation-builder-flow-current span{color:#bfe7f4}.simulation-builder-flow-current strong{color:#fff;overflow-wrap:anywhere;margin-top:3px;font-size:11px;font-weight:900;line-height:1.25;display:block}.simulation-builder-edit-state{background:#f8fbfd;border:1px solid #d8e7ef;border-left:4px solid #f59e0b;border-radius:7px;gap:3px;min-width:0;padding:9px 10px;display:grid}.simulation-builder-edit-state span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-builder-edit-state strong{color:#036;font-size:11px;font-weight:900;line-height:1.2}.simulation-builder-edit-state small{color:#334155;overflow-wrap:anywhere;font-size:10px;font-weight:700;line-height:1.3}.simulation-edit-section-rail{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.simulation-edit-section-rail b{color:#5b6778;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;background:#fff;border:1px solid #d8e7ef;border-radius:999px;flex:78px;min-width:0;padding:5px 6px;font-size:8px;font-weight:900;line-height:1.15}.simulation-edit-section-rail b.active{color:#036;background:#fff8e7;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1f}.simulation-layer-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:6px;width:100%;min-width:0;max-width:100%;display:grid}.simulation-layer-toggle-grid label{box-sizing:border-box;color:#1f2937;overflow-wrap:anywhere;background:#f4f6f8;border:1px solid #94a3b838;border-radius:4px;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;min-height:28px;padding:5px 7px;font-size:10px;font-weight:800;display:flex}.simulation-layer-toggle-grid input{accent-color:#005b96;flex:none}.simulation-asset-picker{gap:6px;width:100%;min-width:0;max-width:100%;display:grid}.simulation-asset-picker-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:6px;width:100%;min-width:0;max-width:100%;display:grid}.simulation-asset-picker-grid label{box-sizing:border-box;color:#1f2937;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #005b962e;border-radius:4px;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;min-height:28px;padding:5px 7px;font-size:10px;font-weight:800;display:flex}.simulation-asset-picker-grid input{accent-color:#f59e0b;flex:none}.simulation-asset-picker small{color:#4b5563;font-size:10px;line-height:1.35}.simulation-builder-field{gap:4px;width:100%;min-width:0;max-width:100%;display:grid}.simulation-builder-field span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-builder-field select,.simulation-builder-field input,.simulation-actor-editor-row select,.simulation-actor-editor-row input,.simulation-builder-card textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #005b9638;border-radius:4px;outline:none;width:100%;min-width:0;max-width:100%;font-size:11px}.simulation-builder-field select,.simulation-builder-field input,.simulation-actor-editor-row select,.simulation-actor-editor-row input{min-height:30px;padding:5px 7px}.simulation-builder-card textarea{resize:vertical;min-height:52px;padding:7px;line-height:1.35}.simulation-builder-field select:focus,.simulation-builder-field input:focus,.simulation-actor-editor-row select:focus,.simulation-actor-editor-row input:focus,.simulation-builder-card textarea:focus{border-color:#008c95;box-shadow:0 0 0 2px #008c9524}.simulation-builder-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.simulation-impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.simulation-impact-snapshot{background:#f8fbfd;border:1px solid #d8e7ef;border-left:4px solid #008c95;border-radius:7px;gap:8px;padding:10px;display:grid}.simulation-impact-snapshot.high{border-left-color:#f59e0b}.simulation-impact-snapshot.critical{border-left-color:#dc2626}.simulation-impact-snapshot-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-impact-snapshot-head span,.simulation-impact-snapshot small,.simulation-impact-snapshot-item span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.3}.simulation-impact-snapshot-head strong{color:#fff;text-transform:uppercase;background:#008c95;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:900;line-height:1}.simulation-impact-snapshot.high .simulation-impact-snapshot-head strong{background:#a16207}.simulation-impact-snapshot.critical .simulation-impact-snapshot-head strong{background:#b91c1c}.simulation-impact-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.simulation-impact-snapshot-item{background:#fff;border:1px solid #005b9629;border-radius:6px;gap:3px;min-width:0;padding:8px;display:grid}.simulation-impact-snapshot-item strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:900;line-height:1.05}.simulation-impact-snapshot-item.critical strong,.simulation-impact-snapshot-item.high strong{color:#b91c1c}.simulation-impact-snapshot-item.delay strong{color:#a16207}.simulation-impact-snapshot small{color:#334155;text-transform:none}.simulation-created-problem-card{background:linear-gradient(145deg,#fff 0%,#f7fbfd 100%);border:1px solid #c9dce8;border-left:4px solid #f59e0b;border-radius:8px;gap:9px;padding:11px;display:grid}.simulation-created-problem-card.critical{border-left-color:#dc2626}.simulation-created-problem-card.low,.simulation-created-problem-card.medium{border-left-color:#008c95}.simulation-created-problem-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-created-problem-head span,.simulation-created-problem-grid span,.simulation-created-problem-card small{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.3}.simulation-created-problem-head strong{color:#036;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900;line-height:1.2}.simulation-created-problem-card p{color:#036;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:900;line-height:1.25}.simulation-created-problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.simulation-created-problem-grid div{background:#f8fbfd;border:1px solid #005b9629;border-radius:7px;gap:3px;min-width:0;padding:8px;display:grid}.simulation-created-problem-grid strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:900;line-height:1.15}.simulation-created-problem-card small{color:#334155;text-transform:none}.simulation-created-actor-list{background:#f8fbfd;border:1px solid #005b9629;border-radius:7px;gap:6px;padding:8px;display:grid}.simulation-created-actor-list-head,.simulation-created-actor-row div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-created-actor-list-head span,.simulation-created-actor-row span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-created-actor-list-head strong,.simulation-created-actor-row strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900}.simulation-created-actor-row{background:#fff;border:1px solid #94a3b847;border-left:3px solid #008c95;border-radius:5px;gap:3px;min-width:0;padding:7px;display:grid}.simulation-created-actor-row small{color:#334155;font-size:10px;font-weight:800;line-height:1.3}.simulation-actor-editor{gap:6px;display:grid}.simulation-actor-editor-row{background:#f8fafc;border:1px solid #005b9629;border-radius:4px;grid-template-columns:.8fr 1.1fr 1fr;gap:5px;padding:7px;display:grid}.simulation-actor-editor-row input:nth-of-type(3),.simulation-actor-editor-row input:nth-of-type(4){grid-column:span 3}.simulation-create-button,.simulation-submit-button,.simulation-run-button{box-sizing:border-box;overflow-wrap:anywhere;color:#fff;text-transform:uppercase;cursor:pointer;background:#005b96;border:1px solid #008c95;border-radius:4px;max-width:100%;min-height:30px;padding:7px 9px;font-size:10px;font-weight:900}.simulation-create-button{background:#dc2626;border-color:#f87171}.simulation-submit-button:hover{background:#008c95}.simulation-create-button:hover{background:#b91c1c}.simulation-create-button:disabled{cursor:not-allowed;opacity:.52}.simulation-run-button{background:#16a34a;border-color:#22c55e}.simulation-reset-button{box-sizing:border-box;overflow-wrap:anywhere;color:#036;text-transform:uppercase;cursor:pointer;background:#e8f3f6;border:1px solid #005b9647;border-radius:4px;width:100%;max-width:100%;min-height:28px;padding:6px 8px;font-size:10px;font-weight:900}.simulation-reset-button:hover{color:#fff;background:#005b96}.simulation-run-button:hover{background:#15803d}.simulation-run-button:disabled{cursor:not-allowed;opacity:.5}.simulation-solution-zone{gap:12px}.simulation-strategy-picker{background:#f8fbfd;border:1px solid #c9dce8;border-radius:8px;gap:9px;padding:11px;display:grid}.simulation-strategy-picker-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.simulation-strategy-picker-head span{color:#005b96;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.2}.simulation-strategy-picker-head strong{color:#6b7280;text-transform:uppercase;flex:none;font-size:9px;font-weight:900;line-height:1.2}.simulation-strategy-field select{color:#036;background:#fff;border-color:#005b9657;min-height:38px;padding:8px 10px;font-size:12px;font-weight:800}.simulation-solution-notes textarea{min-height:72px}.simulation-solution-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.simulation-solution-actions-field textarea{min-height:86px}.simulation-solution-actions{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.simulation-solution-actions .simulation-submit-button,.simulation-solution-actions .simulation-run-button{color:#fff;text-align:center;overflow-wrap:anywhere;place-items:center;min-width:0;min-height:36px;line-height:1.15;display:grid}.simulation-ai-action-strip{background:#0080910f;border:1px solid #00809147;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:10px;display:grid}.simulation-ai-action-strip span,.simulation-ai-status,.simulation-suggested-prompts button{text-transform:uppercase;font-size:10px;font-weight:800}.simulation-ai-action-strip strong,.simulation-ai-action-strip small{display:block}.simulation-ai-action-strip strong{color:#003b70;font-size:13px}.simulation-ai-action-strip small,.simulation-ai-status{color:#607086}.simulation-ai-status{margin-top:8px;display:block}.simulation-flow-nav{background:#f8fafc;border:1px solid #005b962e;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:flex}.simulation-flow-nav button{color:#00416f;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #005b9647;border-radius:5px;min-height:32px;padding:0 12px;font-size:11px;font-weight:900}.simulation-flow-nav small{color:#64748b;text-align:right;font-size:10px;font-weight:800}.simulation-suggested-prompts{gap:8px;margin:8px 0 10px;display:grid}.simulation-suggested-prompts button{color:#17324a;text-align:left;background:#f8fcfd;border:1px solid #00809142;border-radius:7px;width:100%;min-height:34px;padding:8px 10px}.simulation-suggested-prompts button:hover{background:#eefbfc;border-color:#008091}.simulation-ai-wide-button{width:100%;margin-bottom:8px}.simulation-map-ai-create{background:#00809114;border:1px solid #0080914d;border-radius:7px;gap:7px;margin-top:10px;padding:10px;display:grid}.simulation-map-ai-create button{color:#fff;text-transform:uppercase;background:#006ea3;border:0;border-radius:7px;min-height:36px;font-size:10px;font-weight:900}.simulation-map-ai-create button:hover:not(:disabled){background:#005b96}.simulation-map-ai-create button:disabled{opacity:.62}.simulation-map-ai-create small{color:#536272;font-size:10px;font-weight:800;line-height:1.35}.simulation-response-plan{background:linear-gradient(145deg,#f8fbfd 0%,#eff8fa 100%);border:1px solid #c9dce8;border-left:4px solid #008c95;border-radius:7px;gap:10px;padding:12px;display:grid}.simulation-response-plan.empty{background:#f8fbfd;border-left-color:#94a3b8}.simulation-response-plan-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-response-plan-head span,.simulation-response-plan-grid span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.3}.simulation-response-plan-head strong{color:#036;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900;line-height:1.2}.simulation-response-plan p{color:#334155;margin:0;font-size:10px;font-weight:800;line-height:1.35}.simulation-response-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.simulation-response-plan-grid div{background:#fff;border:1px solid #005b9629;border-radius:6px;gap:4px;min-width:0;padding:9px;display:grid}.simulation-response-plan-grid strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:900;line-height:1.1}.simulation-solution-result-card{background:linear-gradient(145deg,#f0fcfb 0%,#f8fbfd 100%);border:1px solid #b7e6e2;border-left:4px solid #16a34a;border-radius:8px;gap:10px;padding:12px;display:grid}.simulation-solution-result-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-solution-result-head span,.simulation-solution-result-grid span,.simulation-solution-steps>span{color:#334155;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.3}.simulation-solution-result-head strong{color:#036;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900;line-height:1.2}.simulation-solution-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.simulation-solution-result-grid div{background:#fff;border:1px solid #008c952e;border-radius:7px;gap:3px;min-width:0;padding:8px;display:grid}.simulation-solution-result-grid strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:900;line-height:1.15}.simulation-solution-steps{gap:6px;display:grid}.simulation-solution-steps div{background:#fff;border:1px solid #005b961f;border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:7px;min-width:0;padding:7px;display:grid}.simulation-solution-steps strong{color:#fff;background:#008c95;border-radius:999px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.simulation-solution-steps small{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:800;line-height:1.3}.simulation-builder-summary{background:#f4f6f8;border:1px solid #f59e0b47;border-radius:4px;gap:3px;padding:8px;display:grid}.simulation-builder-summary span{color:#a16207;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-builder-summary strong{color:#111827;font-size:11px}.simulation-builder-summary small{color:#4b5563;font-size:10px;line-height:1.35}.simulation-submitted-list{background:#f8fbfd;border:1px solid #d8e7ef;border-radius:8px;gap:8px;padding:10px;display:grid}.simulation-submitted-head,.simulation-submitted-card-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.simulation-submitted-head strong{color:#fff;background:#036;border-radius:999px;place-items:center;min-width:24px;height:22px;font-size:10px;font-weight:900;display:grid}.simulation-submitted-card{background:#fff;border:1px solid #005b9629;border-left:4px solid #008c95;border-radius:7px;gap:7px;min-width:0;padding:9px;display:grid}.simulation-submitted-card-head span,.simulation-submitted-meta span{color:#334155;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.2}.simulation-submitted-card-head strong{color:#036;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900;line-height:1.2}.simulation-submitted-card p{color:#036;overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:900;line-height:1.25}.simulation-submitted-meta{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.simulation-submitted-meta span{overflow-wrap:anywhere;background:#eef7fa;border:1px solid #005b961f;border-radius:999px;max-width:100%;padding:4px 6px}.simulation-submitted-card small{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:10px;font-weight:700;line-height:1.35}.tab-button:hover{color:#036;background:#e8f3f6}.tab-button.active{color:#fff;background:#036;border-color:#036;box-shadow:0 6px 14px #00336624}.map-section{background:#f4f6f8;border:1px solid #005b96;border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.module-map-stack{flex:auto;min-height:0;position:relative}.module-map-stack.inactive{pointer-events:none;visibility:hidden;flex:0 0 0;height:0;min-height:0;overflow:hidden}.module-map-pane{opacity:0;pointer-events:none;visibility:hidden;min-height:0;display:flex;position:absolute;inset:0}.module-map-pane.active{opacity:1;pointer-events:auto;visibility:visible}.module-map-pane>.map-section{flex:auto;width:100%}.module-map-stack>.map-section{width:100%;height:100%;position:absolute;inset:0}.map-section.maximized,.vessel-dock-operations-section{flex:100%}.hidden-map-section{display:none}.map-header{background:#036;border-bottom:1px solid #005b96;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.map-header h3{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.map-header-actions{align-items:center;gap:7px;display:flex}.popup-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:14px;transition:all .2s;display:flex}.popup-button:hover{color:#008c95;transform:scale(1.1)}.popout-icon-button{color:#fff;background:#008c95;border-radius:4px;flex:0 0 24px;width:24px;height:24px;min-height:24px;padding:0;position:relative}.popout-icon-button:hover{color:#fff;background:#00a9b5;transform:none}.popout-icon-button:before{content:"";border-top:2px solid;border-right:2px solid;width:9px;height:9px;transform:translate(-1px,1px)}.popout-icon-button:after{content:"";transform-origin:50%;background:currentColor;width:11px;height:2px;position:absolute;transform:rotate(-45deg)translate(-1px,1px)}.map-display{pointer-events:auto;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.port-twin-section{flex:100%}.port-twin-section .map-display{justify-content:stretch;align-items:stretch}.persistent-port-twin{width:100%;height:100%;position:relative}.port-twin-view{background:#b9dce6;width:100%;height:100%;position:relative;overflow:hidden}.port-twin-scenario-guide{z-index:6;color:#1f2937;background:#fffffff0;border:1px solid #d32f2f47;border-radius:6px;gap:8px;width:min(360px,100% - 28px);padding:10px;display:grid;position:absolute;top:72px;left:14px;box-shadow:0 12px 32px #0000003d}.port-twin-scenario-guide.resolved{border-color:#16a34a52}.scenario-guide-head{border-bottom:1px solid #6b72802e;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;display:flex}.scenario-guide-head span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:900}.scenario-guide-head strong{color:#036;font-size:11px;font-weight:900}.scenario-guide-step{grid-template-columns:26px 1fr;align-items:start;gap:8px;display:grid}.scenario-guide-step b{color:#fff;background:#d32f2f;border:2px solid #fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;line-height:1;display:grid;box-shadow:0 2px 7px #00000038}.scenario-guide-step.affected b{background:#f59e0b}.scenario-guide-step.fix b{background:#16a34a}.scenario-guide-step div{gap:2px;min-width:0;display:grid}.scenario-guide-step span{color:#6b7280;text-transform:uppercase;font-size:8px;font-weight:900}.scenario-guide-step strong{color:#111827;overflow-wrap:anywhere;font-size:11px;font-weight:900}.scenario-guide-step small{color:#4b5563;font-size:9px;font-weight:700;line-height:1.25}.scenario-guide-technical{border-top:1px solid #6b72802e;gap:5px;padding-top:7px;display:grid}.scenario-guide-technical div{gap:2px;display:grid}.scenario-guide-technical span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.scenario-guide-technical strong{color:#1f2937;font-size:9px;font-weight:800;line-height:1.28}.port-twin-canvas{position:absolute;inset:0}.port-twin-label-overlay{z-index:200000;pointer-events:none;position:absolute;inset:0}.port-twin-dom-label{color:#fff;text-align:center;text-shadow:-1px -1px #036,1px -1px #036,-1px 1px #036,1px 1px #036;white-space:pre-line;transform-origin:50% 100%;will-change:left, top;background:#111827c7;border-radius:2px;min-width:max-content;padding:4px 9px;font:700 15px/1.18 sans-serif;position:absolute;transform:translate(-50%,-100%)}.port-twin-dom-label.road{background:#111827d1}.port-twin-dom-label.parking{background:#111827b8}.port-twin-dom-label.terminal{color:#e0f2fe;background:#0f3a5ad1;border:1px solid #38bdf87a}.port-twin-dom-label.berthingLine{color:#dcfce7;background:#064e3bd1;border:1px solid #22c55e75}.port-twin-dom-label.containerYard{color:#ccfbf1;background:#005056c7;border:1px solid #2dd4bf6b}.port-twin-dom-label.portInfrastructure{color:#fef3c7;background:#5a4200cc;border:1px solid #facc1570}.port-twin-dom-label.railway{color:#fef3c7;text-shadow:-1px -1px #111827,1px -1px #111827,-1px 1px #111827,1px 1px #111827;background:#111827c2;border:1px solid #fde68a6b;padding:3px 7px;font-size:12px}.port-twin-dom-label.selection{color:#fff;background:#004169eb;border:1px solid #38bdf87a}.port-twin-dom-label.railwayPoint{color:#ede9fe;background:#4c1d95b8;border:1px solid #c4b5fd6b;font-size:11px}.port-twin-loader{z-index:300000;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#001627f0,#003366e0),radial-gradient(circle at 25% 20%,#00e5ff3d,#0000 32%),radial-gradient(circle at 75% 80%,#f59e0b2e,#0000 36%);grid-template-rows:auto auto auto auto;align-content:center;place-items:center;row-gap:12px;padding:24px;display:grid;position:absolute;inset:0;overflow:hidden}.port-twin-loader:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.port-twin-loader-radar{aspect-ratio:1;border:1px solid #00e5ff61;border-radius:50%;width:clamp(140px,46%,240px);position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 48px #00e5ff33}.port-twin-loader-radar:before{content:"";transform-origin:0;background:linear-gradient(90deg,#00e5ff,#0000);width:48%;height:2px;animation:1.9s linear infinite portTwinRadarSweep;position:absolute;inset:50% 50% auto}.port-twin-loader-radar:after{content:"";background:#00e5ff;border-radius:50%;width:8px;height:8px;position:absolute;inset:50%;transform:translate(-50%);box-shadow:0 0 18px #00e5ff}.port-twin-loader-radar span{inset:var(--ring-inset,18%);border:1px solid #ffffff29;border-radius:50%;position:absolute}.port-twin-loader-radar span:first-child{--ring-inset:18%}.port-twin-loader-radar span:nth-child(2){--ring-inset:34%}.port-twin-loader-radar span:nth-child(3){--ring-inset:48%}.port-twin-loader-copy{z-index:1;text-align:center;width:min(460px,100% - 8px);min-width:0;margin-top:-8px;position:relative}.port-twin-loader-copy span{color:#00e5ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.port-twin-loader-copy strong{overflow-wrap:anywhere;margin-top:7px;font-size:clamp(18px,5.2vw,24px);line-height:1.12;display:block}.port-twin-loader-copy p{color:#cfeaf5;margin:8px 0 0;font-size:13px;font-weight:700}.port-twin-loader-progress{z-index:1;background:#ffffff29;border-radius:999px;width:min(430px,100% - 8px);height:6px;position:relative;overflow:hidden}.port-twin-loader-progress span{border-radius:inherit;background:linear-gradient(90deg,#00e5ff,#f59e0b);height:100%;transition:width .32s;display:block}.port-twin-loader-steps{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(430px,100% - 8px);display:grid;position:relative}.port-twin-loader-steps div{color:#afc7d5;text-transform:uppercase;align-items:center;gap:7px;min-width:0;font-size:10px;font-weight:800;display:flex}.port-twin-loader-steps small{overflow-wrap:anywhere;min-width:0}.port-twin-loader-steps span{background:#ffffff38;border-radius:50%;flex:none;width:8px;height:8px}.port-twin-loader-steps .complete,.port-twin-loader-steps .skipped{color:#fff}.port-twin-loader-steps .complete span{background:#00e5ff;box-shadow:0 0 12px #00e5ffbd}.port-twin-loader-steps .skipped span{background:#f59e0b}@keyframes portTwinRadarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.parking-status-popup{z-index:250000;color:#e5edf4;background:#003366f0;border:1px solid #008c95;border-radius:8px;width:min(310px,100% - 32px);padding:16px;position:absolute;bottom:48px;right:16px;box-shadow:0 14px 34px #00000057}.parking-status-popup h3{color:#fff;margin:3px 28px 14px 0;font-size:16px}.parking-status-popup.truck-focus{width:min(360px,100% - 32px)}.parking-status-kicker{color:#73d8de;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:800}.parking-status-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:9px}.parking-status-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.parking-status-grid div{background:#ffffff17;border:1px solid #ffffff1f;border-radius:5px;padding:9px 7px}.parking-status-grid span,.parking-status-grid strong{display:block}.parking-status-grid span{color:#b8c8d8;min-height:26px;font-size:9px;line-height:1.25}.parking-status-grid strong{color:#fff;margin-top:4px;font-size:17px}.parking-status-meter{background:#ffffff26;border-radius:999px;height:6px;margin:13px 0 9px;overflow:hidden}.parking-status-meter span{border-radius:inherit;background:#f59e0b;height:100%;display:block}.parking-status-popup small{color:#b8c8d8;font-size:9px}.asset-photo-card{background:#0b1f33;border:1px solid #005b9638;border-radius:6px;min-height:132px;margin-bottom:12px;position:relative;overflow:hidden}.asset-photo-card img{object-fit:cover;filter:saturate(1.05)contrast(1.02);width:100%;height:132px;display:block}.asset-photo-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 34%,#001a33d1);position:absolute;inset:0}.asset-photo-card div{z-index:1;gap:2px;display:grid;position:absolute;bottom:9px;left:10px;right:10px}.asset-photo-card span,.asset-photo-card strong{display:block}.asset-photo-card span{color:#ffffffc2;text-transform:uppercase;font-size:9px;font-weight:900}.asset-photo-card strong{color:#fff;font-size:14px;line-height:1.15}.vehicle-plate{z-index:2;color:#111827;letter-spacing:.4px;background:#f8fafc;border:2px solid #111827;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:10px;right:10px;box-shadow:0 6px 16px #00000057}.parking-status-popup .asset-photo-card{border-color:#73d8de47;min-height:118px}.parking-status-popup .asset-photo-card img{height:118px}.parking-truck-focus-summary{grid-template-columns:1.25fr .65fr 1fr;gap:7px;margin-bottom:10px;display:grid}.parking-truck-focus-summary div,.parking-truck-focus-times div{background:#ffffff17;border:1px solid #ffffff1f;border-radius:5px;min-width:0;padding:8px 7px}.parking-truck-focus-summary span,.parking-truck-focus-summary strong,.parking-truck-focus-times span,.parking-truck-focus-times strong{display:block}.parking-truck-focus-summary span,.parking-truck-focus-times span{color:#b8c8d8;text-transform:uppercase;font-size:8px;font-weight:800}.parking-truck-focus-summary strong,.parking-truck-focus-times strong{color:#fff;overflow-wrap:anywhere;margin-top:4px;font-size:10px}.parking-truck-focus-times{gap:7px;margin-bottom:12px;display:grid}.map-popup-history{max-height:170px;margin-top:4px;overflow-y:auto}.map-popup-history div{border-left-color:#73d8de}.map-popup-history div:before{background:#73d8de}.map-popup-history span{color:#b8c8d8}.map-popup-history strong{color:#fff}.parking-status-analysis-button,.truck-message-button{color:#fff;cursor:pointer;text-transform:uppercase;background:#008c95;border:1px solid #22b8c1;border-radius:4px;width:100%;margin-top:12px;padding:7px 9px;font-size:10px;font-weight:700}.parking-truck-list{gap:7px;max-height:310px;display:grid;overflow-y:auto}.parking-truck-list button{color:#6b7280;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #d7dee7;border-radius:5px;gap:2px;padding:9px;display:grid}.parking-truck-list button.selected{background:#e6f5f6;border-color:#008c95}.parking-truck-list button.overdue{background:#fff3f1;border-color:#d32f2f}.parking-truck-list button.overdue span{color:#b42318;font-weight:700}.parking-truck-list strong{color:#036;font-size:11px}.parking-truck-list span,.parking-truck-list small{font-size:9px}.truck-history-list{gap:0;display:grid}.truck-history-list div{border-left:2px solid #b8dde0;gap:3px;padding:0 0 14px 17px;display:grid;position:relative}.truck-history-list div:before{content:"";background:#008c95;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:-5px}.truck-history-list span{color:#6b7280;font-size:9px}.truck-history-list strong{color:#1f2937;font-size:10px}.truck-message-button:disabled{cursor:not-allowed;opacity:.45}.port-overview-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.port-overview-grid div{background:#f4f7fa;border:1px solid #dde5ec;border-radius:5px;padding:9px}.port-overview-grid span,.port-overview-grid strong{display:block}.port-overview-grid span{color:#6b7280;font-size:9px}.port-overview-grid strong{color:#036;margin-top:4px;font-size:14px}.weather-overview-card{gap:10px;display:grid}.weather-overview-status{background:#f7fbfd;border:1px solid #d8e7ef;border-left:4px solid #008c95;border-radius:5px;gap:4px;padding:10px 11px;display:grid}.weather-overview-card.caution .weather-overview-status{border-left-color:#f59e0b}.weather-overview-card.restricted .weather-overview-status{border-left-color:#d32f2f}.weather-overview-status span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:800}.weather-overview-status strong{color:#036;font-size:15px;font-weight:900}.weather-overview-card.caution .weather-overview-status strong{color:#92400e}.weather-overview-card.restricted .weather-overview-status strong{color:#b91c1c}.weather-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-overview-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;color:#008c95;width:20px;height:20px}.weather-overview-status{grid-template-columns:24px minmax(0,1fr);align-items:center}.weather-overview-card.caution .weather-overview-icon,.weather-overview-card.caution .weather-overview-status .weather-overview-icon{color:#f59e0b}.weather-overview-card.restricted .weather-overview-icon,.weather-overview-card.restricted .weather-overview-status .weather-overview-icon{color:#d32f2f}.weather-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.weather-overview-metric{background:#f7fbfd;border:1px solid #d8e7ef;border-radius:6px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:68px;padding:10px;display:grid}.weather-overview-metric div{gap:4px;min-width:0;display:grid}.weather-overview-metric span{color:#6b7280;font-size:10px;line-height:1.2}.weather-overview-metric strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:900}.weather-overview-note{margin-top:0}.operation-analysis-tabs{grid-template-columns:1fr 1fr;gap:7px;display:grid}.operation-analysis-tabs button,.operation-focus-row{cursor:pointer}.operation-analysis-tabs button{color:#fff;text-align:left;background:#005b96;border:1px solid #008c95;border-radius:6px;gap:5px;padding:10px;display:grid}.operation-analysis-tabs strong{font-size:10px}.operation-analysis-tabs span{color:#c9e4ec;font-size:8px;line-height:1.35}.operation-focus-row{color:#6b7280;background:0 0;border:0;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:9px 0;font-size:10px;display:flex}.operation-focus-row strong{color:#005b96;font-size:12px}.operation-focus-row.active{color:#036;background:#008c951a;border-color:#008c95;padding-inline:8px}.vessel-source-picker{gap:5px;margin:8px 0;display:grid}.vessel-source-picker span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.vessel-source-picker select{color:#036;background:#fff;border:1px solid #005b9647;border-radius:5px;width:100%;min-width:0;min-height:34px;padding:0 10px;font-size:11px;font-weight:900}.operation-fetch-button{color:#fff;cursor:pointer;background:#008c95;border:1px solid #00e5ff61;border-radius:5px;width:100%;min-height:34px;margin-bottom:4px;font-size:10px;font-weight:900}.operation-fetch-button:disabled{cursor:not-allowed;opacity:.55}.operation-analysis-home{color:#fff;cursor:pointer;text-align:left;background:#005b96;border:1px solid #008c95;border-radius:5px;width:100%;padding:9px 11px;font-size:10px;font-weight:700}.operation-analysis-home:before{content:"<";margin-right:7px}.port-twin-canvas canvas{width:100%;height:100%;display:block}.port-twin-error-panel{z-index:250000;color:#1f2937;background:#fffffff0;border:1px solid #d32f2f66;border-radius:6px;gap:6px;width:min(420px,100% - 32px);padding:12px 14px;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1f29372e}.port-twin-error-panel strong{color:#d32f2f;text-transform:uppercase;font-size:12px}.port-twin-error-panel span{color:#4b5563;font-size:11px;font-weight:700}.port-twin-layer-switcher{z-index:220000;box-sizing:border-box;background:#ffffffe0;border:1px solid #0363;border-radius:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 68px);padding:6px 7px;display:flex;position:absolute;top:14px;right:54px;box-shadow:0 8px 24px #1f29371f}.port-twin-layer-switcher label{color:#6b7280;text-transform:uppercase;flex:none;font-size:9px;font-weight:800}.port-twin-reset-button,.port-layer-controls button{color:#fff;text-transform:uppercase;cursor:pointer;background:#036;border:1px solid #008c95;border-radius:4px;flex:none;height:28px;padding:0 10px;font-size:9px;font-weight:800}.port-twin-reset-button:hover,.port-layer-controls button:hover{background:#008c95}.port-twin-camera-status{box-sizing:border-box;color:#036;text-align:right;overflow-wrap:anywhere;pointer-events:none;background:#ffffffdb;border:1px solid #00336629;border-radius:4px;max-width:min(280px,100vw - 24px);padding:3px 7px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;top:calc(100% + 4px);right:7px;box-shadow:0 6px 16px #1f29371a}.layer-dropdown{color:#fff;text-transform:uppercase;flex:none;font-size:10px;font-weight:800;position:relative}.layer-dropdown summary{box-sizing:border-box;white-space:nowrap;cursor:pointer;background:#005b96;border:1px solid #008c95;border-radius:4px;align-items:center;gap:6px;height:28px;padding:0 9px;list-style:none;display:flex}.layer-dropdown summary::-webkit-details-marker{display:none}.layer-dropdown summary:after{content:"▾";color:#fff;font-size:10px}.layer-dropdown[open] summary:after{transform:rotate(180deg)}.layer-dropdown summary small{color:#036;text-align:center;background:#fff;border-radius:8px;min-width:24px;padding:2px 4px}.layer-dropdown-menu{z-index:20;overscroll-behavior:contain;scrollbar-width:thin;background:#003366f5;border:1px solid #008c95;border-radius:5px;gap:2px;width:max-content;min-width:190px;max-width:min(320px,100vw - 18px);max-height:min(340px,100vh - 118px);padding:6px;display:grid;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden auto;box-shadow:0 10px 24px #00000052}.port-twin-layer-switcher .layer-dropdown-menu label,.port-layer-controls .layer-dropdown-menu label{color:#fff;text-transform:uppercase;cursor:pointer;border-radius:3px;align-items:center;gap:7px;min-width:0;min-height:28px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2;display:flex}.layer-dropdown-menu label span,.layer-dropdown-menu button span{white-space:normal;overflow-wrap:anywhere;min-width:0}.port-twin-layer-switcher .layer-dropdown-menu label:hover,.port-layer-controls .layer-dropdown-menu label:hover{background:#008c958c}.layer-dropdown-menu input{accent-color:#00a9b5;flex:none}.base-layer-dropdown .layer-dropdown-menu{min-width:170px;left:0;right:auto}.layer-dropdown:last-of-type .layer-dropdown-menu,.port-twin-layer-switcher .layer-dropdown:last-of-type .layer-dropdown-menu,.port-layer-controls .layer-dropdown:last-of-type .layer-dropdown-menu{left:auto;right:0}.port-twin-layer-switcher .layer-dropdown-menu,.port-layer-controls .layer-dropdown-menu{max-height:min(340px,100vh - 118px)}.base-layer-dropdown .layer-dropdown-menu button{color:#fff;min-height:30px;font:inherit;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:10px;font-weight:800;display:flex}.base-layer-dropdown .layer-dropdown-menu button:hover,.base-layer-dropdown .layer-dropdown-menu button.active{background:#008c95}.port-twin-movie-caption{z-index:210000;color:#fff;pointer-events:none;background:#111827db;border:1px solid #00e5ff6b;border-radius:6px;width:min(390px,100% - 28px);padding:9px 11px;position:absolute;top:58px;right:14px;box-shadow:0 10px 26px #0000003d}.port-twin-movie-caption span{color:#00e5ff;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.port-twin-movie-caption strong{font-size:12px;line-height:1.28;display:block}.port-twin-movie-caption.problem_detected,.port-twin-movie-caption.waiting_for_approval{border-color:#d32f2f94}.port-twin-movie-caption.problem_detected span,.port-twin-movie-caption.waiting_for_approval span{color:#fca5a5}.port-twin-movie-caption.resolved{border-color:#16a34a94}.port-twin-movie-caption.resolved span{color:#86efac}.port-twin-overlay{z-index:200000;pointer-events:none;grid-template-columns:repeat(4,minmax(110px,1fr));gap:6px;display:grid;position:absolute;inset:14px 470px auto 14px}@media (width<=1280px){.port-twin-overlay{top:58px;right:14px}}@media (width<=1120px){.port-twin-overlay{grid-template-columns:repeat(2,minmax(110px,1fr));top:58px;right:14px}}.port-twin-panel{color:#1f2937;background:#ffffffc2;border:1px solid #0033662e;border-radius:6px;padding:7px 9px;box-shadow:0 8px 24px #1f29371f}.port-twin-panel h4{color:#6b7280;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.port-twin-panel strong{color:#036;font-size:16px;line-height:1;display:block}.port-twin-panel span{color:#6b7280;font-size:10px;font-weight:700}.port-twin-panel.seaside{border-color:#005b9673}.port-twin-panel.yardside{border-color:#008c9573}.port-twin-panel.landside{border-color:#2e7d3273}.port-twin-panel.integrated{border-color:#f59e0b8c}.port-twin-problem-board{z-index:200000;pointer-events:none;gap:7px;width:min(430px,100% - 32px);display:none;position:absolute;bottom:46px;right:16px}.port-twin-problem-board div{background:#ffffffd1;border:1px solid #0033662e;border-radius:5px;padding:7px 9px}.port-twin-problem-board strong{color:#036;text-transform:uppercase;font-size:10px;display:block}.port-twin-problem-board span{color:#6b7280;margin-top:3px;font-size:10px;font-weight:700;display:block}.port-twin-resource-strip{z-index:200000;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.vessel-focus-filter-strip{pointer-events:auto;justify-content:flex-start}.vessel-focus-filter-dropdown{position:relative}.vessel-focus-filter-dropdown summary,.vessel-focus-filter-menu button{color:#fff;text-transform:uppercase;cursor:pointer;background:linear-gradient(#064e7a 0%,#036 100%);border:1px solid #64e6eac7;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #001f3d47}.vessel-focus-filter-dropdown summary{min-width:210px;list-style:none}.vessel-focus-filter-dropdown summary::-webkit-details-marker{display:none}.vessel-focus-filter-dropdown summary:before{content:"";background:linear-gradient(#cff7ff,#cff7ff) 2px 3px/11px 2px no-repeat,linear-gradient(#cff7ff,#cff7ff) 2px 7px/8px 2px no-repeat,linear-gradient(#cff7ff,#cff7ff) 2px 11px/5px 2px no-repeat,radial-gradient(circle,#cff7ff 0 2px,#0000 2.5px) 11px 1.5px/5px 5px no-repeat,radial-gradient(circle,#cff7ff 0 2px,#0000 2.5px) 8px 5.5px/5px 5px no-repeat,radial-gradient(circle,#cff7ff 0 2px,#0000 2.5px) 5px 9.5px/5px 5px no-repeat;flex:none;width:15px;height:15px}.vessel-focus-filter-dropdown summary:after{content:"";border-bottom:2px solid #cff7ff;border-right:2px solid #cff7ff;flex:none;width:7px;height:7px;margin-left:2px;transition:transform .16s;transform:rotate(45deg)}.vessel-focus-filter-dropdown[open] summary:after{transform:rotate(225deg)}.vessel-focus-filter-dropdown summary:hover,.vessel-focus-filter-dropdown summary:focus-visible,.vessel-focus-filter-menu button:hover,.vessel-focus-filter-menu button:focus-visible{border-color:#b9fbff;outline:none}.vessel-focus-filter-menu{z-index:200010;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00274ef7;border:1px solid #64e6ea8c;border-radius:8px;gap:6px;width:min(286px,100vw - 32px);max-height:min(340px,100vh - 160px);padding:9px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 34px #001f3d5c}.vessel-focus-filter-menu button{width:100%;box-shadow:none;background:#003f70eb}.vessel-focus-filter-menu button.active{color:#002f4f;background:linear-gradient(#e6fbff 0%,#c9f3ff 100%);border-color:#69e9f1}.vessel-focus-filter-strip span{white-space:nowrap}.vessel-focus-filter-strip strong{min-width:20px;height:20px;color:inherit;background:#fff3;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:9px;display:inline-flex}.vessel-focus-filter-menu button.active strong{background:#002f4f1f}.overall-map-section,.selected-map-section{pointer-events:auto;flex:1;position:relative}.overall-map-section .map-display{pointer-events:auto;overflow:hidden}.popout-shell{background:#f4f6f8;width:100%;height:100%}.popout-map-window{width:100%;height:100%;position:relative}.popout-map-window .map-display{width:100%;height:100%}.popout-map-window .cesium-stage{border-radius:0}.popout-weather-shell{height:100dvh;min-height:100dvh;overflow:auto}.jnpa-weather-popout{min-height:100%;padding:8px}.jnpa-weather-popout .jnpa-weather-tabs{width:100%;margin-bottom:0;display:flex}.jnpa-weather-popout .jnpa-weather-module{min-height:auto}.popout-panel{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.popout-simulation-control{padding:16px}.popout-simulation-control .simulation-builder-card.expanded{width:100%;max-width:none;margin:0}.selected-module-info{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.info-card{background:#fff;border:1px solid #005b96;border-radius:6px;width:100%;max-width:100%;padding:18px;box-shadow:0 14px 32px #1f293724}.info-card h4{color:#1f2937;margin:0 0 12px;font-size:16px;font-weight:700}.info-row{border-bottom:1px solid #94a3b81a;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;line-height:1.35;display:flex}.info-row:last-child{border-bottom:none}.info-row .label{color:#6b7280;flex:none;font-weight:700}.info-row .value{color:#005b96;overflow-wrap:anywhere;text-align:right;min-width:0;font-weight:800}.no-selection{color:#6b7280;text-align:center;justify-content:center;align-items:center;min-height:200px;display:flex}.no-selection p{margin:0;font-size:13px}.selected-vessel-focus{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0d2d32e0,#07121cf5),repeating-linear-gradient(0deg,#008c9533 0 1px,#0000 1px 32px),repeating-linear-gradient(90deg,#008c952e 0 1px,#0000 1px 32px),repeating-linear-gradient(0deg,#0000 0 127px,#7dd3fc42 127px 129px),repeating-linear-gradient(90deg,#0000 0 127px,#7dd3fc3d 127px 129px);width:100%;height:100%;position:relative;overflow:hidden}.selected-vessel-focus.is-panning{cursor:grabbing}.selected-vessel-focus.is-rotating{cursor:crosshair}.dock-focused-port-twin{background:#071018;width:100%;height:100%;position:relative;overflow:hidden}.dock-focused-port-twin .port-twin-view{width:100%;height:100%}.dock-focused-port-twin .dock-focus-tabs,.dock-focused-3d-filters{z-index:260000}.dock-focused-3d-filters{max-width:calc(100% - 20px)}.focus-map-viewport{transform-origin:50%;will-change:transform;transition:transform .42s;position:absolute;inset:0}.focus-map-controls{z-index:4;background:#036;border:1px solid #008c95;border-radius:4px;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px}.dock-focus-tabs{z-index:4;background:#036;border:1px solid #008c95;border-radius:4px;gap:5px;padding:4px;display:flex;position:absolute;top:10px;left:10px}.dock-focus-tabs button{color:#fff;height:28px;font:inherit;text-transform:uppercase;cursor:pointer;background:#005b96;border:1px solid #0000;border-radius:3px;padding:0 9px;font-size:10px;font-weight:800}.dock-focus-tabs button.active,.dock-focus-tabs button:hover{color:#fff;background:#008c95}:is(.landside-focused,.seaside-focused) .dock-focus-tabs{scrollbar-width:thin;width:max-content;max-width:calc(100% - 20px);right:auto;overflow-x:auto}.landside-focused .dock-focus-tabs{flex-wrap:wrap;width:min(680px,100% - 20px);overflow:visible}:is(.landside-focused,.seaside-focused) .dock-focus-tabs button{flex:none}.landside-focused .dock-focus-tabs button{flex:104px}:is(.landside-focused,.seaside-focused) .port-twin-layer-switcher{justify-content:flex-end;width:max-content;max-width:calc(100% - 28px);inset:auto 14px 14px auto}:is(.landside-focused,.seaside-focused) .port-twin-camera-status{top:auto;bottom:calc(100% + 4px)}:is(.landside-focused,.seaside-focused) .port-twin-layer-switcher .layer-dropdown-menu{top:auto;bottom:calc(100% + 5px)}.focus-layer-controls{z-index:6;background:#036;border:1px solid #008c95;border-radius:4px;flex-wrap:wrap;gap:8px;padding:7px 9px;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 8px 20px #00000047}.focus-layer-controls label{color:#fff;text-transform:uppercase;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.focus-layer-controls input{accent-color:#005b96}.status-filter-control{align-items:center;gap:5px;display:flex}.status-filter-control span{color:#fff;text-transform:uppercase;font-size:10px;font-weight:800}.status-filter-control select{color:#fff;max-width:150px;height:24px;font:inherit;background:#005b96;border:1px solid #6b72803d;border-radius:3px;font-size:10px;font-weight:800}.focus-map-controls button{color:#fff;min-width:28px;height:28px;font:inherit;cursor:pointer;background:#005b96;border:1px solid #94a3b847;border-radius:3px;padding:0 8px;font-size:11px;font-weight:800}.focus-map-controls button:hover{color:#fff;background:#008c95}.focus-map{width:100%;height:100%;display:block;position:absolute;inset:0}.focus-map-base{fill:#08131d70}.focus-map-tile{opacity:.78;filter:saturate(.9)brightness(.94)}.focus-area{fill:#0000;stroke:#0000;stroke-width:0;stroke-linejoin:round}.focus-dock-layer{stroke-width:2.5px;stroke-linejoin:round;opacity:1;cursor:pointer;filter:drop-shadow(0 1px 2px #000000b3)}.focus-dock-layer.active{stroke-width:3.5px;filter:drop-shadow(0 1px 2px #000000c7)}.focus-dock-label-bg{fill:#060f12e0;stroke:#e2e8f05c;stroke-width:1px}.focus-dock-label{paint-order:normal;stroke:none;dominant-baseline:middle;text-anchor:middle;letter-spacing:.6px;pointer-events:none;filter:none;font-size:12px;font-weight:800}.focus-gate-point{stroke-width:2.2px;filter:drop-shadow(0 1px 2px #000000b3);cursor:pointer}.focus-gate-label-bg{fill:#060f12e6;stroke:#e2e8f061;stroke-width:1px}.focus-gate-label{fill:#1f2937;dominant-baseline:middle;letter-spacing:.3px;pointer-events:none;text-anchor:middle;font-size:10px;font-weight:800}.focus-vessel-layer{position:absolute;inset:0}.focus-vessel{color:#1f2937;cursor:pointer;background:0 0;border:0;grid-template-columns:34px max-content;align-items:center;gap:5px;max-width:190px;padding:0;display:grid;position:absolute;transform:translate(-17px,-17px)}.focus-vessel:after{display:none}.focus-vessel:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#b91c1cd1 0%,#991b1b75 42%,#7f1d1d00 74%);border:1px solid #b91c1cb3;border-radius:999px;width:18px;height:18px;position:absolute;top:17px;left:17px;transform:translate(-50%,-50%)scale(.25);box-shadow:0 0 14px #b91c1c94,0 0 28px #7f1d1d6b}.heading-chevron{pointer-events:none;border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:10px solid var(--status-color,#008c95);width:0;height:0;filter:drop-shadow(0 0 1px #020617) drop-shadow(0 0 5px color-mix(in srgb, var(--status-color,#008c95) 72%, transparent));opacity:.98;transform:translate(-50%, -17px) rotate(var(--heading-rotation,0deg));transform-origin:50% 17px;z-index:3;position:absolute;top:17px;left:17px}.radar-beam{pointer-events:none;filter:blur(4px);opacity:0;width:38px;height:13px;transform:rotate(var(--beam-rotation,-90deg)) translateX(12px);transform-origin:0;z-index:0;background:linear-gradient(90deg,#b91c1cd1,#7f1d1d47,#0000);border-radius:999px;position:absolute;top:17px;left:17px}.focus-vessel.moving .radar-beam,.focus-vessel.selected .radar-beam,.focus-vessel:hover .radar-beam{opacity:.85;animation:1.4s ease-in-out infinite radarBeamPulse}.focus-vessel.moving .heading-chevron,.focus-vessel.selected .heading-chevron,.focus-vessel:hover .heading-chevron{opacity:.95}@keyframes radarBeamPulse{0%{opacity:.35;transform:rotate(var(--beam-rotation,-90deg)) translateX(8px) scaleX(.82)}50%{opacity:.9;transform:rotate(var(--beam-rotation,-90deg)) translateX(12px) scaleX(1)}to{opacity:.35;transform:rotate(var(--beam-rotation,-90deg)) translateX(8px) scaleX(.82)}}.heading-ray{pointer-events:none;border-top:2px solid var(--status-color,#008c95);width:16px;height:0;box-shadow:0 0 0 1px #020617e0, 0 0 5px color-mix(in srgb, var(--status-color,#008c95) 72%, transparent);opacity:.9;transform:rotate(var(--heading-rotation,-90deg)) translateX(15px);transform-origin:0;z-index:1;border-radius:999px;position:absolute;top:17px;left:17px}.heading-ray:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--status-color,#008c95);width:0;height:0;filter:drop-shadow(0 0 1px #020617) drop-shadow(0 0 4px color-mix(in srgb, var(--status-color,#008c95) 68%, transparent));position:absolute;top:-4px;right:-5px}.focus-vessel.moving .heading-ray,.focus-vessel.selected .heading-ray,.focus-vessel:hover .heading-ray{opacity:.95}.focus-vessel.moving:before,.vessel-marker.moving:before{animation:2.4s cubic-bezier(.22,.61,.36,1) infinite sonarPulse}.focus-vessel.moving img,.vessel-marker.moving .vessel-ship{animation:2s ease-in-out infinite sonarCoreFlicker}.focus-vessel img{object-fit:contain;width:34px;height:34px;transform:rotate(var(--ship-rotation,-45deg));filter:drop-shadow(0 2px 4px #000c);z-index:2;position:relative}.focus-vessel-label{opacity:0;pointer-events:none;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000000d9;background:#001a33f5;border:1px solid #008c95c7;border-radius:6px;gap:4px;max-width:190px;padding:7px 9px;font-size:12px;font-weight:800;line-height:1.18;transition:opacity .16s,transform .16s;display:grid;overflow:hidden;transform:translate(-4px);box-shadow:0 10px 24px #00000057}.focus-vessel small{color:#5eead4;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.focus-vessel.selected .focus-vessel-label,.focus-vessel:hover .focus-vessel-label{color:#fff;opacity:1;pointer-events:auto;background:#001a33fa;border-color:#5eead4db;transform:translate(0)}.focus-vessel.selected small,.focus-vessel:hover small{color:#5eead4}.dashboard-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#036;border:1px solid #6b72803d;border-radius:8px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.sidebar-content{min-width:0}.left-sidebar{grid-area:2/1}.right-sidebar{grid-area:2/3}.sidebar-header{background:linear-gradient(#036,#024);border-bottom:1px solid #005b9633;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar-header h2{color:#fff;letter-spacing:.01em;margin:0;font-size:13px;font-weight:700}.sidebar-content{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.analysis-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:8px;padding:10px 12px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000a}.analysis-card:hover{box-shadow:0 2px 8px #0000000f}.analysis-card-header{justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.analysis-card h3{color:#64748b;text-transform:uppercase;letter-spacing:.04em;min-width:0;margin:0;font-size:11px;font-weight:700}.analysis-card>h3{margin:0 0 10px}.card-popup-button{flex:0 0 24px}.analysis-card .card-popup-button{background:#036;border-radius:4px}.analysis-card .card-popup-button:hover{background:#005b96}.stat-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:#64748b;font-size:11px;font-weight:500}.stat-value{color:#1e293b;font-weight:700}.stat-status{color:#008c95;background:#008c951a;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.module-summary{flex-direction:column;gap:6px;display:flex}.module-item{color:#6b7280;background:#f4f6f8;border-radius:4px;padding:6px 8px;font-size:11px}.module-item strong{color:#005b96}.berthing-plan-card{gap:8px;display:grid}.berthing-summary-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.berthing-summary-grid div{background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;padding:7px}.berthing-summary-grid span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.berthing-summary-grid strong{color:#036;margin-top:3px;font-size:15px;display:block}.berthing-dock-list{gap:2px;display:grid}.berthing-plan-list{gap:8px;display:grid}.berthing-plan-item{background:#f4f6f8;border:1px solid #6b728033;border-radius:5px;gap:4px;padding:9px;display:grid}.berthing-plan-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.berthing-plan-item strong{color:#1f2937;font-size:10px}.berthing-plan-item small{color:#6b7280;font-size:9px;line-height:1.25}.berthing-plan-item em{color:#d32f2f;font-size:9px;font-style:normal;font-weight:700}.berthing-plan-status{color:#fff;text-transform:uppercase;background:var(--plan-status-color,#005b96);border-radius:3px;flex:none;padding:3px 5px;font-size:8px;font-weight:800}.empty-state.compact{min-height:auto;padding:8px}.simulation-card{gap:8px;display:grid}.simulation-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.simulation-card-header h3{flex:auto;min-width:0;margin:0}.simulation-card-header select{color:#fff;background:#005b96;border:1px solid #008c95;border-radius:4px;outline:none;flex:0 118px;min-width:92px;max-width:118px;padding:5px 6px;font-size:9px;font-weight:800}.simulation-card-header select:focus{border-color:#008c95;box-shadow:0 0 0 2px #008c952e}.simulation-card-body{gap:8px;display:grid}.simulation-description{color:#6b7280;margin:0;font-size:10px;line-height:1.35}.simulation-kpi-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.simulation-kpi-grid div{background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;padding:7px}.simulation-kpi-grid span{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.simulation-kpi-grid strong{color:#036;margin-top:3px;font-size:14px;display:block}.simulation-resource-note{color:#005b96;background:#005b9614;border-radius:4px;padding:6px 7px;font-size:10px;font-weight:700}.simulation-dock-list,.simulation-delay-list{gap:7px;display:grid}.simulation-dock-item{gap:5px;display:grid}.simulation-dock-item div:first-child{color:#6b7280;justify-content:space-between;gap:8px;font-size:10px;font-weight:700;display:flex}.simulation-dock-item strong{color:#1f2937}.simulation-progress{background:#6b728024;border-radius:999px;height:4px;overflow:hidden}.simulation-progress span{background:#008c95;height:100%;display:block}.simulation-delay-item{background:#f4f6f8;border:1px solid #d32f2f2e;border-radius:4px;gap:2px;padding:7px;display:grid}.simulation-delay-item strong{color:#1f2937;font-size:10px}.simulation-delay-item small,.simulation-clear{color:#6b7280;font-size:9px}.multi-vessel-card{gap:8px;display:grid}.multi-vessel-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.multi-vessel-controls button,.multi-vessel-controls select,.multi-vessel-controls label{color:#fff;background:#005b96;border:1px solid #008c95;border-radius:4px;min-width:0;min-height:28px;padding:5px 6px;font-size:9px;font-weight:800}.multi-vessel-controls button:hover{background:#008c95}.multi-vessel-controls select{outline:none;grid-column:span 2}.multi-vessel-mitigation-button{grid-column:span 2}.multi-vessel-controls button:disabled{cursor:not-allowed;opacity:.55}.multi-vessel-controls label{grid-column:span 2;justify-content:center;align-items:center;gap:5px;display:flex}.multi-vessel-controls input{width:12px;height:12px;margin:0}.multi-vessel-status-row{color:#005b96;background:#005b9614;border-radius:4px;justify-content:space-between;gap:8px;padding:7px;font-size:10px;font-weight:800;display:flex}.multi-vessel-status-row span,.multi-vessel-status-row strong{overflow-wrap:anywhere;min-width:0}.multi-vessel-scenario-note{color:#6b7280;font-size:9px;font-weight:700;line-height:1.35}.multi-vessel-story{background:#d32f2f14;border:1px solid #d32f2f47;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;display:grid}.multi-vessel-story.resolved{background:#16a34a14;border-color:#16a34a47}.multi-vessel-story div{gap:2px;min-width:0;display:grid}.multi-vessel-story span{color:#6b7280;text-transform:uppercase;font-size:8px;font-weight:900}.multi-vessel-story strong{color:#1f2937;overflow-wrap:anywhere;font-size:10px;font-weight:900}.multi-vessel-story small{color:#4b5563;overflow-wrap:anywhere;font-size:9px;font-weight:700;line-height:1.25}@media (width<=1100px){.multi-vessel-story{grid-template-columns:repeat(2,minmax(0,1fr))}}.multi-vessel-kpis{grid-template-columns:repeat(2,1fr)}.multi-vessel-flow{grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr;align-items:center;gap:4px;display:grid}.multi-vessel-flow div{color:#036;text-align:center;background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;min-width:0;padding:6px 4px;font-size:9px;font-weight:800}.multi-vessel-flow span{background:#008c95;height:2px;position:relative}.multi-vessel-flow span:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #008c95;position:absolute;top:-3px;right:-1px}.multi-vessel-lanes,.multi-vessel-list{gap:7px;display:grid}.multi-vessel-lane{background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;gap:6px;padding:8px;display:grid}.multi-vessel-lane-head{gap:2px;display:grid}.multi-vessel-lane-head strong{color:#1f2937;font-size:10px}.multi-vessel-lane-head span,.multi-vessel-lane-counts span{color:#6b7280;font-size:9px;font-weight:700}.multi-vessel-lane-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.multi-vessel-lane-counts span{text-align:center;background:#fff;border-radius:3px;min-width:0;padding:4px}.multi-vessel-report-grid{grid-template-columns:1fr;gap:6px;display:grid}.multi-vessel-report-grid div{background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;justify-content:space-between;gap:8px;padding:7px;display:flex}.multi-vessel-report-grid span,.multi-vessel-list>strong{color:#6b7280;text-transform:uppercase;font-size:9px;font-weight:800}.multi-vessel-report-grid strong{color:#036;font-size:10px}.multi-vessel-playbook{background:#005b9612;border:1px solid #008c9538;border-radius:4px;gap:7px;padding:8px;display:grid}.multi-vessel-playbook>strong{color:#036;text-transform:uppercase;font-size:10px;font-weight:900}.multi-vessel-playbook small{color:#4b5563;font-size:9px;font-weight:700;line-height:1.3}.multi-vessel-playbook-decision,.multi-vessel-playbook-impact{background:#fff;border-radius:4px;gap:2px;padding:7px;display:grid}.multi-vessel-playbook-decision span,.multi-vessel-playbook-impact span,.multi-vessel-playbook-grid span,.multi-vessel-playbook-list span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.multi-vessel-playbook-decision b{color:#111827;text-transform:capitalize;font-size:10px}.multi-vessel-playbook-grid,.multi-vessel-playbook-list{gap:5px;display:grid}.multi-vessel-playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-vessel-playbook-grid div,.multi-vessel-playbook-list div{background:#fff;border-radius:4px;gap:2px;min-width:0;padding:6px;display:grid}.multi-vessel-list-item{background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;gap:2px;padding:7px;display:grid}.multi-vessel-list-item.alert{border-color:#d32f2f38}.multi-vessel-list-item span{color:#1f2937;font-size:10px;font-weight:800}.multi-vessel-list-item small{color:#6b7280;font-size:9px;line-height:1.25}.port-resource-card,.resource-summary-list{gap:8px;display:grid}.resource-summary-item{background:#f4f6f8;border:1px solid #6b72802e;border-radius:4px;gap:5px;padding:8px;display:grid}.resource-summary-row{justify-content:space-between;gap:8px;display:flex}.resource-summary-row strong{color:#1f2937;font-size:10px}.resource-summary-row span{color:#005b96;font-size:10px;font-weight:800}.resource-progress{background:#6b728024;border-radius:999px;height:4px;overflow:hidden}.resource-progress span{background:#008c95;height:100%;display:block}.resource-summary-item small{color:#6b7280;font-size:9px}.status-legend-list{gap:7px;display:grid}.status-legend-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #94a3b81a;grid-template-columns:14px 1fr auto;align-items:center;gap:7px;padding:5px 0;display:grid}.status-legend-item:last-child{border-bottom:none}.status-legend-item:hover,.status-legend-item.active{background:#008c9517}.status-filter-reset{color:#6b7280;width:100%;font:inherit;text-align:left;text-transform:uppercase;cursor:pointer;background:#f4f6f8;border:1px solid #94a3b82e;border-radius:4px;margin:0 0 6px;padding:5px 7px;font-size:10px;font-weight:800}.status-filter-reset:hover,.status-filter-reset.active{color:#fff;background:#008c95;border-color:#008c95}.status-dot{background:var(--status-color,#6b7280);width:11px;height:11px;box-shadow:0 0 10px var(--status-color,#6b7280);border:2px solid #071317;border-radius:999px}.status-name{color:#6b7280;font-size:10px;font-weight:700}.status-legend-item strong{color:#1f2937;font-size:12px}.service-health-card{border-color:#008c9552}.service-health-summary{margin-bottom:8px}.health-ok,.health-warning{text-transform:uppercase;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.health-ok{color:#fff;background:#2e7d32}.health-warning{color:#1f2937;background:#f59e0b}.service-health-list{gap:7px;display:grid}.service-health-item{border-bottom:1px solid #94a3b81a;grid-template-columns:12px 1fr;align-items:center;gap:8px;padding:7px 0;display:grid}.service-health-item:last-child{border-bottom:none}.service-health-item strong{color:#1f2937;font-size:11px;line-height:1.2;display:block}.service-health-item small{color:#6b7280;text-transform:uppercase;font-size:10px}.service-dot{border:2px solid #071317;border-radius:999px;width:10px;height:10px}.service-dot.online{background:#2e7d32;box-shadow:0 0 10px #2e7d32cc}.service-dot.offline{background:#d32f2f;box-shadow:0 0 10px #d32f2fbf}.vessel-analysis-list{gap:8px;display:grid}.vessel-analysis-item{background:#f4f6f8;border:1px solid #94a3b824;border-radius:4px;gap:3px;padding:8px;display:grid}.vessel-analysis-item.selected{background:#008c9524;border-color:#008c9599}.vessel-analysis-item strong{color:#1f2937;font-size:11px}.vessel-analysis-item span{color:#008c95;font-size:10px;font-weight:700}.vessel-analysis-item small{color:#6b7280;font-size:10px}.cargo-progress{background:#f4f6f8;border:1px solid #94a3b82e;border-radius:999px;height:5px;overflow:hidden}.cargo-progress span{border-radius:inherit;background:linear-gradient(90deg,#008c95,#f59e0b);height:100%;display:block}.empty-state{color:#6b7280;text-align:center;justify-content:center;align-items:center;min-height:120px;display:flex}.empty-state p{margin:0;font-size:11px}.port-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.port-boundary{fill:#008c9529;stroke:#67f8df;stroke-dasharray:9 6;stroke-linejoin:round;stroke-width:4px;filter:drop-shadow(0 0 7px #008c95cc)}.dock-zone{stroke-linejoin:round;stroke-width:3.5px;filter:drop-shadow(0 0 7px #000000d6)}.dock-line{fill:none;stroke-linecap:round;stroke-width:5px;filter:drop-shadow(0 0 5px #000000d6)}.unloading-gate{stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 6px #ffffff6b)drop-shadow(0 0 4px #000000e6)}.gate-label{fill:#fff;paint-order:stroke;stroke:#000000c7;stroke-width:3px;font-size:10px;font-weight:700}.dock-label{fill:#fff;paint-order:stroke;pointer-events:none;stroke:#000000e0;stroke-width:4px;text-anchor:middle;letter-spacing:.8px;filter:drop-shadow(0 1px 2px #000000b3);font-size:10px;font-weight:800}.port-layer-controls{z-index:5;background:#036;border:1px solid #008c95;border-radius:4px;flex-wrap:nowrap;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 20px #00000047}.port-layer-controls label{color:#fff;text-transform:uppercase;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.port-layer-controls input{accent-color:#005b96}.map-vessel-source-control select{color:#036;background:#fff;border:1px solid #00e5ff66;border-radius:4px;min-width:110px;min-height:30px;padding:0 8px;font-size:10px;font-weight:900}.map-vessel-source-control span{color:#b8f6ff}.vessel-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.vessel-marker{color:#1f2937;max-width:200px;font:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:none;grid-template-columns:48px max-content;align-items:center;gap:6px;padding:0;line-height:1;transition:all .2s;position:absolute;transform:translate(-26px,-31px)}.vessel-marker:after{display:none}.vessel-marker:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#b91c1cd1 0%,#991b1b75 42%,#7f1d1d00 74%);border:1px solid #b91c1cb3;border-radius:999px;width:22px;height:22px;position:absolute;top:24px;left:24px;transform:translate(-50%,-50%)scale(.25);box-shadow:0 0 16px #b91c1c94,0 0 32px #7f1d1d6b}.vessel-marker .heading-ray{width:20px;transform:rotate(var(--heading-rotation,-90deg)) translateX(22px);z-index:1;border-top-width:2px;top:24px;left:24px}.vessel-marker .heading-ray:after{border-top-width:4px;border-bottom-width:4px;border-left-width:6px;top:-4px;right:-5px}.vessel-marker.moving .heading-ray,.vessel-marker:hover .heading-ray,.vessel-marker:focus-visible .heading-ray{opacity:.95}.vessel-marker .heading-chevron{opacity:.98;transform:translate(-50%, -21px) rotate(var(--heading-rotation,0deg));transform-origin:50% 21px;border-bottom-width:10px;border-left-width:5px;border-right-width:5px;top:24px;left:24px}.vessel-marker .radar-beam{width:44px;height:14px;transform:rotate(var(--beam-rotation,-90deg)) translateX(14px);top:24px;left:24px}.vessel-marker.moving .radar-beam,.vessel-marker.selected .radar-beam,.vessel-marker:hover .radar-beam,.vessel-marker:focus-visible .radar-beam{opacity:.85;animation:1.4s ease-in-out infinite radarBeamPulseLarge}.vessel-marker.moving .heading-chevron,.vessel-marker.selected .heading-chevron,.vessel-marker:hover .heading-chevron,.vessel-marker:focus-visible .heading-chevron{opacity:.98}@keyframes radarBeamPulseLarge{0%{opacity:.35;transform:rotate(var(--beam-rotation,-90deg)) translateX(10px) scaleX(.82)}50%{opacity:.9;transform:rotate(var(--beam-rotation,-90deg)) translateX(14px) scaleX(1)}to{opacity:.35;transform:rotate(var(--beam-rotation,-90deg)) translateX(10px) scaleX(.82)}}.vessel-marker:hover{transform:translate(-26px,-31px)scale(1.05)}.vessel-ship{object-fit:contain;filter:drop-shadow(0 2px 4px #000000c7);width:48px;height:48px;transform:rotate(var(--ship-rotation,-45deg));transform-origin:50%;z-index:2;position:relative}.vessel-name{color:#fff;opacity:0;pointer-events:none;text-overflow:ellipsis;text-shadow:0 1px 2px #000000d9;white-space:nowrap;z-index:5;background:#001a33f5;border:1px solid #008c95c7;border-radius:6px;gap:4px;max-width:210px;padding:7px 9px;font-size:12px;font-weight:800;line-height:1.18;transition:opacity .16s,transform .16s;display:grid;overflow:hidden;transform:translate(-4px);box-shadow:0 10px 24px #00000057}.vessel-marker.selected .vessel-name,.vessel-marker:hover .vessel-name,.vessel-marker:focus-visible .vessel-name{opacity:1;pointer-events:auto;background:#001a33fa;border-color:#5eead4db;transform:translate(0)}.vessel-marker.selected .vessel-name{box-shadow:0 0 0 1px #008c9547,0 10px 22px #00000057}.vessel-name small{color:#5eead4;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}@keyframes sonarPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}16%{opacity:.95}62%{opacity:.28}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes sonarCoreFlicker{0%,to{filter:drop-shadow(0 2px 4px #000c)drop-shadow(0 0 7px #b91c1c6b)}50%{filter:drop-shadow(0 2px 4px #000c)drop-shadow(0 0 15px #b91c1cb8)}}.draggable-window{z-index:350000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:350000;pointer-events:auto;background:#036;border:1px solid #6b72803d;border-radius:8px;flex-direction:column;min-width:300px;max-width:min(600px,100vw - 32px);max-height:min(680px,100vh - 150px);display:flex;position:fixed;box-shadow:0 20px 50px #00000080}.window-header{cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#036;border-bottom:1px solid #005b96;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.window-header h3{color:#fff;pointer-events:none;margin:0;font-size:14px;font-weight:700}.window-close{color:#fff;cursor:pointer;pointer-events:auto;z-index:100001;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:20px;transition:all .2s;display:flex}.window-close:hover{color:#d32f2f}.window-content{color:#6b7280;pointer-events:auto;flex:1;padding:14px 16px;font-size:12px;line-height:1.6;overflow-y:auto}.popup-content h4{color:#005b96;margin:0 0 10px;font-size:13px}.popup-content p{color:#6b7280;margin:0 0 8px;font-size:12px}.popup-content strong{color:#1f2937}.vessel-card-popup{color:#eaf4ff;background:linear-gradient(#062f57 0%,#021e3a 100%);gap:14px;width:min(460px,100vw - 48px);min-width:min(410px,100vw - 48px);max-width:460px;display:grid}.vessel-card-hero{border-bottom:1px solid #b8d8f333;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.vessel-card-kicker,.vessel-card-section-title,.vessel-card-label,.vessel-card-list span,.vessel-card-position span{color:#9eb6cc;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.vessel-card-title{color:#fff;margin-top:4px;font-size:22px;font-weight:900;line-height:1.05}.vessel-card-speed{background:#eaf4ff;border-radius:8px;place-items:center;min-width:78px;min-height:64px;padding:7px 9px;display:grid}.vessel-card-speed strong{color:#003b6b;font-size:22px;line-height:1}.vessel-card-speed span{color:#005b96;text-transform:uppercase;font-size:10px;font-weight:900}.vessel-card-meta{flex-wrap:wrap;gap:8px;display:flex}.vessel-card-meta span{color:#d9ecff;background:#ffffff17;border:1px solid #b8d8f329;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.vessel-card-meta .warning{color:#ffe7b0;background:#f59e0b2e;border-color:#f59e0b59}.vessel-card-section{gap:8px;display:grid}.vessel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vessel-card-grid.compact .wide{grid-column:1/-1}.vessel-card-row,.vessel-card-position div,.vessel-card-list div{background:#ffffff12;border:1px solid #b8d8f329;border-radius:6px;padding:10px 11px}.vessel-card-value,.vessel-card-position strong,.vessel-card-list strong{color:#fff;margin-top:4px;font-size:15px;font-weight:900;line-height:1.2;display:block}.vessel-card-position{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vessel-card-list{gap:6px;display:grid}.vessel-card-list div{justify-content:space-between;align-items:center;gap:12px;display:flex}.vessel-card-list strong{text-align:right;margin-top:0;font-size:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.movement-error-toasts{z-index:200000;pointer-events:none;gap:8px;width:min(440px,100vw - 36px);display:grid;position:fixed;top:86px;right:18px}@media (width<=1400px){.app-shell{grid-template-columns:minmax(280px,310px) minmax(0,1fr) minmax(260px,300px);gap:8px;padding:10px}.analysis-card,.sidebar-content{padding:10px}}@media (width<=1200px){.app-shell{grid-template-rows:62px minmax(520px,1fr) minmax(280px,34vh);grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.left-sidebar{grid-area:2/1/4;min-width:0}.center-column{grid-area:2/2}.right-sidebar{grid-area:3/2;min-width:0}.port-twin-layer-switcher{gap:6px;right:48px}}@media (width<=980px){html,body,#root{height:auto;min-height:100%}body{overflow:auto}.app-shell{grid-template-rows:auto minmax(560px,68vh) auto auto;grid-template-columns:minmax(0,1fr);gap:8px;height:auto;min-height:100dvh;overflow:visible}.app-navbar{grid-area:1/1;gap:8px;min-height:62px}.center-column{grid-area:2/1;min-height:560px}.right-sidebar{grid-area:3/1}.left-sidebar{grid-area:4/1}.dashboard-sidebar{min-height:320px;max-height:none}.sidebar-content{max-height:none}.module-tabs{scrollbar-width:thin;overflow-x:auto}.tab-button{flex:none;min-width:172px}.navbar-brand span{display:none}.auth-user-control span{max-width:120px}.port-layer-controls,.dock-focus-tabs{max-width:calc(100% - 20px);overflow-x:auto}.port-twin-layer-switcher,.port-layer-controls{max-width:calc(100% - 16px);overflow:visible}.layer-dropdown-menu{max-height:min(320px,100vh - 112px)}}@media (width<=700px){.port-twin-overlay{display:none}}@media (width<=520px){.login-shell{height:auto;min-height:100dvh;padding:16px}.login-panel{padding:24px}.login-brand-head{gap:12px}.login-logo{width:60px;height:60px}.login-brand h1{font-size:27px}.app-shell{grid-template-rows:auto minmax(500px,72vh) auto auto;gap:8px;padding:8px}.app-navbar{flex-wrap:wrap;padding:8px}.navbar-brand{flex:100%}.navbar-logo{width:38px;height:38px}.navbar-brand strong{font-size:14px}.auth-user-control{justify-content:space-between;width:100%}.auth-user-control span{max-width:none}.center-column{gap:6px;min-height:500px;padding:6px}.map-header{min-height:42px;padding:7px 9px}.map-header h3{font-size:11px}.module-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;display:grid;overflow:visible}.tab-button{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:8px 6px;font-size:9px;line-height:1.15}.port-twin-layer-switcher{justify-content:flex-start;gap:4px;max-width:none;padding:5px;top:8px;left:8px;right:42px}.layer-dropdown summary,.port-twin-reset-button,.port-layer-controls button{height:25px;padding-inline:6px;font-size:8px}.layer-dropdown summary{gap:4px}.layer-dropdown{flex:auto;min-width:0}.layer-dropdown summary small{min-width:18px;padding-inline:3px}.layer-dropdown-menu,.base-layer-dropdown .layer-dropdown-menu{width:min(280px,100vw - 20px);min-width:0;max-width:calc(100vw - 20px);max-height:min(300px,100vh - 126px);left:0;right:auto}.port-twin-loader{row-gap:9px;padding:16px}.port-twin-loader-radar{width:clamp(118px,42%,170px)}.port-twin-loader-copy{margin-top:-4px}.port-twin-loader-copy span{letter-spacing:.1em;font-size:9px}.port-twin-loader-copy strong{font-size:20px}.port-twin-loader-copy p{font-size:11px}.port-twin-loader-progress{height:5px}.port-twin-loader-steps{gap:5px 6px}.port-twin-loader-steps div{gap:5px;font-size:8px}.port-twin-loader-steps span{width:7px;height:7px}.dock-focus-tabs{gap:4px;padding:4px;top:8px;left:8px}:is(.landside-focused,.seaside-focused) .dock-focus-tabs{width:max-content;max-width:calc(100% - 16px);right:auto}.landside-focused .dock-focus-tabs{width:min(560px,100% - 16px);overflow:visible}.landside-focused .dock-focus-tabs button{flex:88px}.dock-focus-tabs button{height:26px;padding-inline:7px;font-size:9px}:is(.landside-focused,.seaside-focused) .port-twin-layer-switcher{justify-content:flex-end;width:max-content;max-width:calc(100% - 16px);max-height:min(42vh,210px);inset:auto 8px 8px auto;overflow:visible auto}:is(.landside-focused,.seaside-focused) .port-twin-layer-switcher .layer-dropdown-menu{max-height:min(300px,100vh - 142px);top:auto;bottom:calc(100% + 5px)}.focus-layer-controls{max-width:calc(100% - 16px);left:8px;right:8px}.sidebar-header{padding:11px}.sidebar-content{gap:9px;padding:9px}}@media (width<=380px){.port-twin-layer-switcher{right:38px}:is(.landside-focused,.seaside-focused) .port-twin-layer-switcher{right:8px}.layer-dropdown summary,.port-twin-reset-button{padding-inline:5px;font-size:7px}.layer-dropdown summary small{display:none}.port-twin-overlay{top:100px}.port-twin-loader{row-gap:8px;padding:12px}.port-twin-loader-radar{width:112px}.port-twin-loader-copy strong{font-size:18px}.port-twin-loader-steps{grid-template-columns:minmax(0,1fr)}}.movement-error-toast{color:#fff;background:#7f1d1df7;border:1px solid #fca5a5;border-left:5px solid #ef4444;border-radius:7px;grid-template-columns:30px 1fr;gap:12px;padding:14px 16px;animation:.2s ease-out movementErrorToastIn;display:grid;box-shadow:0 16px 34px #0000006b}.movement-error-icon{background:#ef4444;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;font-weight:900;display:grid}.movement-error-toast strong,.movement-error-toast span,.movement-error-toast p{display:block}.movement-error-toast strong{text-transform:uppercase;font-size:14px}.movement-error-toast div>span{color:#fecaca;margin-top:2px;font-size:12px;font-weight:800}.movement-error-toast p{color:#fff;margin:5px 0 0;font-size:12px;line-height:1.35}@keyframes movementErrorToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vessel-fetch-controls{grid-template-columns:minmax(96px,1fr) minmax(126px,1.15fr);gap:8px;margin:8px 0 6px;display:grid}.vessel-fetch-controls label{color:#5f6b7a;gap:4px;min-width:0;font-size:10px;font-weight:800;display:grid}.vessel-fetch-controls input{color:#003b6b;background:#fff;border:1px solid #b8c7d9;border-radius:4px;width:100%;min-height:34px;padding:6px 8px;font-size:13px;font-weight:800}.vessel-fetch-controls button{color:#fff;background:#005b96;border:1px solid #008c95;border-radius:4px;min-height:52px;padding:7px 9px;font-size:11px;font-weight:900;line-height:1.15}.vessel-fetch-controls button:hover:not(:disabled){background:#008c95}.vessel-fetch-controls button:disabled{cursor:not-allowed;opacity:.65}.vessel-fetch-status{color:#003b6b;background:#eaf4ff;border:1px solid #b8d8f3;border-radius:4px;margin:4px 0 8px;padding:7px 8px;font-size:11px;font-weight:800;line-height:1.25}.selected-vessel-window{left:50%;top:max(72px, env(safe-area-inset-top));width:min(720px,100vw - 32px);max-width:min(720px,100vw - 32px);max-height:calc(100vh - max(96px, env(safe-area-inset-top)));transform:translate(-50%)}.selected-vessel-window .window-content{padding:10px 14px 12px;overflow-y:auto}.selected-vessel-window .window-header{padding:12px 16px}.selected-vessel-window .window-header h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.selected-vessel-window .vessel-card-popup{gap:8px;width:100%;min-width:0;max-width:none}.selected-vessel-window .vessel-card-hero{gap:14px;padding-bottom:9px}.selected-vessel-window .vessel-card-title{overflow-wrap:anywhere;font-size:20px;line-height:1.08}.selected-vessel-window .vessel-card-speed{min-width:86px;min-height:52px;padding:6px 10px}.selected-vessel-window .vessel-card-section{gap:6px}.selected-vessel-window .vessel-card-grid,.selected-vessel-window .vessel-card-position{gap:7px}.selected-vessel-window .vessel-card-row,.selected-vessel-window .vessel-card-position div,.selected-vessel-window .vessel-card-list div{padding:7px 9px}.selected-vessel-window .vessel-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.selected-vessel-window .vessel-card-list div{min-width:0}.selected-vessel-window .vessel-card-list strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=680px),(height<=700px){.selected-vessel-window{width:min(560px,100vw - 20px);max-height:calc(100vh - 24px)}.selected-vessel-window .vessel-card-list,.selected-vessel-window .vessel-card-position{grid-template-columns:1fr}}.vessel-marker .vessel-ship{opacity:0}.vessel-marker .heading-chevron{border-bottom-color:var(--status-color,#00e5ff);filter:drop-shadow(0 1px 4px #000c)}.selected-vessel-window .vessel-card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-vessel-window .vessel-card-grid.compact .wide{grid-column:span 3}.selected-vessel-window .vessel-card-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:3px;font-size:13px;line-height:1.18;overflow:hidden}.selected-vessel-window .vessel-card-value.is-empty{color:#b8c7d6;font-size:12px;font-weight:800}.selected-vessel-window .vessel-card-popup .vessel-card-section-title{font-size:9px}.selected-vessel-window .window-content::-webkit-scrollbar-thumb{background:#9eb6cc9e;border-radius:999px}@media (width<=480px){.selected-vessel-window{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.selected-vessel-window .window-header{padding:10px 12px}.selected-vessel-window .window-content{padding:8px 10px 10px}.selected-vessel-window .vessel-card-hero{align-items:stretch}.selected-vessel-window .vessel-card-speed{min-width:72px}.selected-vessel-window .vessel-card-grid.compact,.selected-vessel-window .vessel-card-position,.selected-vessel-window .vessel-card-list{grid-template-columns:1fr}.selected-vessel-window .vessel-card-grid.compact .wide{grid-column:auto}}.seaside-fetch-action{gap:6px;margin-top:10px;display:grid}.seaside-fetch-action button{color:#fff;text-transform:uppercase;cursor:pointer;background:linear-gradient(#008c95 0%,#005b96 100%);border:1px solid #008c9580;border-radius:5px;min-height:36px;padding:0 12px;font-size:10px;font-weight:900}.seaside-fetch-action button:disabled{cursor:wait;opacity:.72}.seaside-fetch-action small{color:#4b5563;font-size:10px;font-weight:800;line-height:1.35}.vessel-status-legend-card{gap:12px;display:grid}.vessel-status-chart-panel{background:linear-gradient(135deg,#f8fbfd 0%,#fff 100%);border:1px solid #d8e7ef;border-radius:7px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}@media (width<=540px){.vessel-status-chart-panel{grid-template-columns:1fr;gap:12px;padding:12px}.vessel-status-chart-wrap{justify-self:center;width:100%;max-width:320px;height:min(240px,68vw)}.vessel-status-chart-wrap svg{width:100%!important;height:100%!important}.vessel-status-chart-center{inset:20%}.vessel-status-chart-copy{padding:0}.status-legend-list,.status-legend-item{min-width:0}.status-legend-item{grid-template-columns:14px minmax(0,1fr) auto}}.vessel-status-chart-wrap{width:104px;height:104px;position:relative}.vessel-status-chart-center{pointer-events:none;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset:30px;box-shadow:inset 0 0 0 1px #00336614}.vessel-status-chart-center span,.vessel-status-chart-center strong{text-align:center;line-height:1;display:block}.vessel-status-chart-center span{color:#036;align-self:end;font-size:19px;font-weight:900}.vessel-status-chart-center strong{color:#6b7280;letter-spacing:0;text-transform:uppercase;align-self:start;margin-top:4px;font-size:8px;font-weight:900}.vessel-status-chart-copy{min-width:0}.vessel-status-chart-copy span{color:#6b7280;letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.vessel-status-chart-copy strong{color:#036;overflow-wrap:anywhere;margin-top:6px;font-size:15px;font-weight:900;line-height:1.2;display:block}.vessel-status-chart-copy small{color:#6b7280;margin-top:5px;font-size:11px;font-weight:700;display:block}.vessel-status-total-row{color:#fff;background:#008c95;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.vessel-status-total-row span,.vessel-status-total-row strong{min-width:0;line-height:1}.vessel-status-total-row span{text-transform:uppercase;font-size:11px;font-weight:900}.vessel-status-total-row strong{font-size:18px;font-weight:900}.vessel-status-legend-card .status-legend-list{border:1px solid #e5edf4;border-radius:7px;gap:0;overflow:hidden}.vessel-status-legend-card .status-legend-item{background:#fff;min-height:42px;padding:10px 11px}.vessel-status-legend-card .status-legend-item+.status-legend-item{border-top:1px solid #edf2f7}.vessel-status-legend-card .status-name{color:#4b5563;font-size:11px;font-weight:800}.vessel-status-legend-card .status-legend-item strong{color:#1f2937;font-size:13px}@media (width<=420px){.vessel-status-chart-panel{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px}.vessel-status-chart-wrap{width:84px;height:84px}.vessel-status-chart-center{inset:25px}.vessel-status-chart-center span{font-size:16px}.vessel-status-chart-copy strong{font-size:13px}}.vessel-status-tooltip{color:#1f2937;background:#fff;border:1px solid #d8e7ef;border-radius:6px;align-items:center;gap:8px;min-width:150px;padding:8px 10px;display:flex;box-shadow:0 10px 24px #00336629}.vessel-status-tooltip>span{background:var(--status-color);width:10px;height:10px;box-shadow:0 0 0 2px #ffffffe6, 0 0 0 3px var(--status-color);border-radius:50%;flex:none}.vessel-status-tooltip strong,.vessel-status-tooltip small{line-height:1.15;display:block}.vessel-status-tooltip strong{color:#036;font-size:11px;font-weight:900}.vessel-status-tooltip small{color:#6b7280;margin-top:3px;font-size:10px;font-weight:700}.vessel-status-chart-panel.expanded{grid-template-columns:minmax(260px,360px) minmax(260px,1fr);min-height:260px;padding:22px}.vessel-status-chart-panel.expanded .vessel-status-chart-wrap{justify-self:center;width:min(330px,34vw);min-width:240px;height:min(330px,34vw);min-height:240px}.vessel-status-chart-panel.expanded .vessel-status-chart-center{inset:34%}.vessel-status-chart-panel.expanded .vessel-status-chart-center span{font-size:30px}.vessel-status-chart-panel.expanded .vessel-status-chart-center strong,.vessel-status-chart-panel.expanded .vessel-status-chart-copy span{font-size:10px}.vessel-status-chart-panel.expanded .vessel-status-chart-copy strong{font-size:24px}.vessel-status-chart-panel.expanded .vessel-status-chart-copy small{font-size:13px}.vessel-status-analysis-grid{grid-template-columns:minmax(360px,1.25fr) minmax(240px,.75fr);gap:14px;display:grid}.vessel-status-bar-panel,.vessel-status-insight-panel{background:#fff;border:1px solid #d8e7ef;border-radius:7px;min-width:0;padding:14px}.vessel-status-bar-panel h4,.vessel-status-insight-panel h4{color:#036;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.vessel-status-insight-panel p{color:#4b5563;margin:0 0 14px;font-size:13px;font-weight:700;line-height:1.45}.vessel-status-insight-panel div{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.vessel-status-insight-panel span{color:#6b7280;font-size:11px;font-weight:800}.vessel-status-insight-panel strong{color:#036;font-size:18px;font-weight:900}@media (width<=760px){.vessel-status-chart-panel.expanded,.vessel-status-analysis-grid{grid-template-columns:1fr}.vessel-status-chart-panel.expanded .vessel-status-chart-wrap{width:min(260px,72vw);height:min(260px,72vw)}}.dashboard-analysis-grid{gap:14px;display:grid}.dashboard-analysis-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-recharts-panel{width:100%;min-width:0}@media (width<=980px){.dashboard-analysis-grid.two-column{grid-template-columns:1fr}}.dashboard-chart-tooltip{color:#036;background:#fff;border:1px solid #c9dce8;border-radius:7px;gap:3px;padding:9px 11px;display:grid;box-shadow:0 10px 24px #00336629}.dashboard-chart-tooltip strong{font-size:12px;font-weight:900}.dashboard-chart-tooltip small{color:#4b5563;font-size:11px;font-weight:700}.recharts-donut-card{grid-template-columns:96px minmax(0,1fr)}.dashboard-recharts-donut{width:86px;height:86px;position:relative}.dashboard-recharts-donut>strong{color:#036;pointer-events:none;place-items:center;font-size:17px;font-weight:900;line-height:1;display:grid;position:absolute;inset:31%}@media (width<=760px){.dashboard-analysis-grid.two-column{grid-template-columns:1fr}}.database-domain-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.database-domain-strip>div{border:1px solid #d8e7ef;border-left:4px solid var(--domain-color,#008c95);background:#fff;border-radius:7px;gap:5px;padding:12px;display:grid}.database-domain-strip span{color:#5e6a7d;text-transform:uppercase;font-size:10px;font-weight:900}.database-domain-strip strong{color:#036;font-size:22px;font-weight:900;line-height:1}.database-domain-strip small{color:#6b7280;font-size:11px;font-weight:700}.database-domain-legend{gap:7px;margin-top:8px;display:grid}.database-domain-legend>div{background:#f8fbfd;border:1px solid #e4eef5;border-radius:6px;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.database-domain-legend span{background:var(--domain-color,#008c95);border-radius:999px;width:10px;height:10px}.database-domain-legend strong,.database-domain-legend b{color:#036;font-size:11px;font-weight:900}.database-domain-legend em{color:#4b5563;font-size:11px;font-style:normal;font-weight:700}.database-empty-chart{color:#6b7280;text-align:center;background:#f8fbfd;border:1px dashed #c9dce8;border-radius:7px;place-items:center;min-height:120px;padding:14px;font-size:12px;font-weight:800;display:grid}.database-empty-chart.compact{min-height:56px}.bathymetry-depth-legend{z-index:219000;box-sizing:border-box;color:#eaf6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001d37e0;border:1px solid #00a9b57a;border-radius:6px;width:min(270px,100% - 72px);padding:10px 11px;position:absolute;top:64px;right:54px;box-shadow:0 12px 28px #00000047}.bathymetry-depth-legend-head{letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:10px;font-weight:900;display:flex}.bathymetry-depth-legend-head strong{color:#fff;white-space:nowrap}.bathymetry-depth-gradient{background:linear-gradient(90deg,#440154 0%,#3b52a4 18%,#2191b4 34%,#5ec962 50%,#fde725 68%,#f98e08 84%,#d7191c 100%);border:1px solid #ffffff5c;border-radius:999px;height:12px;overflow:hidden}.bathymetry-depth-legend.blue .bathymetry-depth-gradient{background:linear-gradient(90deg,#e4f6ff 0%,#4cbfe0 35%,#0070bc 70%,#002d69 100%)}.bathymetry-depth-scale{color:#cfefff;text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px;font-size:9px;font-weight:800;line-height:1.25;display:grid}.bathymetry-depth-scale span:nth-child(2){text-align:center}.bathymetry-depth-scale span:last-child{text-align:right}.bathymetry-depth-scale b{color:#fff;font-size:10px}.bathymetry-depth-legend p{color:#d8ecf8;margin:8px 0 0;font-size:10px;font-weight:700;line-height:1.35}.bathymetry-depth-legend{width:min(330px,100% - 36px);top:auto;bottom:18px;right:18px}@media (width<=700px){.bathymetry-depth-legend{width:min(300px,100% - 20px);bottom:76px;right:10px}}.bathymetry-depth-legend{width:min(260px,100% - 36px);padding:8px 9px;bottom:84px;right:18px}.bathymetry-depth-legend-head{margin-bottom:6px;font-size:9px}.bathymetry-depth-gradient{height:10px}.bathymetry-depth-scale{gap:6px;margin-top:6px;font-size:8px}.bathymetry-depth-scale b{font-size:9px}.bathymetry-depth-legend p{margin-top:6px;font-size:9px;line-height:1.25}@media (width<=900px){.bathymetry-depth-legend{width:min(230px,100% - 24px);bottom:96px;right:12px}}@media (width<=700px){.bathymetry-depth-legend{width:min(210px,100% - 20px);bottom:122px;right:10px}.bathymetry-depth-legend p{display:none}}@media (width<=900px){.bathymetry-depth-legend{width:min(225px,100% - 28px);bottom:112px;right:14px}}@media (width<=700px){.bathymetry-depth-legend{width:min(205px,100% - 20px);bottom:136px;right:10px}}.bathymetry-depth-legend{width:min(250px,100% - 40px);bottom:24px;right:20px}@media (width<=900px){.bathymetry-depth-legend{width:min(225px,100% - 24px);bottom:24px;right:12px}}@media (width<=700px){.bathymetry-depth-legend{width:min(205px,100% - 20px);bottom:78px;right:10px}}@media (width<=520px){.simulation-control-metrics,.simulation-created-problem-grid,.simulation-solution-result-grid{grid-template-columns:1fr}.simulation-strategy-picker-head{flex-direction:column;align-items:flex-start;gap:3px}.simulation-solution-actions{grid-template-columns:1fr}}.simulation-operation-window{resize:both;background:#f8fbfd;width:min(448px,100vw - 20px);max-width:min(448px,100vw - 20px);max-height:min(620px,100vh - 80px);overflow:hidden}.simulation-operation-window .window-content{background:#f8fbfd;padding:0;overflow:auto}.simulation-operation-popup{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0;overflow-x:clip}.simulation-operation-popup .simulation-builder-card{width:100%;min-width:0;max-width:100%;box-shadow:none;background:0 0;border:0}.simulation-operation-popup .analysis-card-header{display:none}.simulation-operation-popup .simulation-builder-section{background:#f8fbfd;border:0;border-left:4px solid #008c95;border-radius:0;padding:8px}.simulation-operation-popup .simulation-builder-section.simulation-section-hidden,.simulation-operation-popup .simulation-section-heading .simulation-section-popout-button{display:none}.simulation-operation-popup .simulation-preset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,136px),1fr))}.simulation-operation-popup .simulation-layer-toggle-grid,.simulation-operation-popup .simulation-asset-picker-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.simulation-operation-popup .simulation-builder-flow-current{background:0 0;border-radius:0;padding:0}.simulation-operation-popup .simulation-builder-flow-current span{color:#6b7280}.simulation-operation-popup .simulation-builder-flow-current strong{color:#036;margin-top:2px}.simulation-operation-popup .simulation-builder-flow-strip{gap:7px;padding:8px}.simulation-operation-popup .simulation-builder-edit-state{padding:7px}.simulation-operation-popup,.simulation-operation-popup *{color:inherit}.simulation-operation-popup .simulation-builder-section-title,.simulation-operation-popup .simulation-strategy-picker-head span,.simulation-operation-popup .simulation-impact-snapshot-head span,.simulation-operation-popup .simulation-response-plan-head span,.simulation-operation-popup .simulation-builder-field span,.simulation-operation-popup .simulation-impact-snapshot-item span,.simulation-operation-popup .simulation-response-plan-grid span,.simulation-operation-popup .simulation-builder-edit-state span,.simulation-operation-popup .simulation-builder-flow-head span{color:#005b96}.simulation-operation-popup .simulation-builder-field select,.simulation-operation-popup .simulation-builder-field input,.simulation-operation-popup textarea,.simulation-operation-popup .simulation-layer-toggle-grid label,.simulation-operation-popup .simulation-asset-picker-grid label,.simulation-operation-popup .simulation-builder-flow-step strong,.simulation-operation-popup .simulation-impact-snapshot-item strong,.simulation-operation-popup .simulation-response-plan-grid strong,.simulation-operation-popup .simulation-response-plan-head strong,.simulation-operation-popup .simulation-builder-edit-state strong{color:#036}.simulation-operation-popup .simulation-builder-flow-step small,.simulation-operation-popup .simulation-builder-edit-state small,.simulation-operation-popup .simulation-impact-snapshot small,.simulation-operation-popup .simulation-response-plan p,.simulation-operation-popup .simulation-asset-picker small{color:#334155}.smart-assist-section{background:linear-gradient(135deg,#001627f5,#003366eb);border:1px solid #00e5ff47;border-radius:8px;margin-top:4px;padding:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00e5ff1f,0 0 0 1px #00e5ff14}.smart-assist-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.smart-assist-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff1f,#0000 60%);width:200px;height:200px;position:absolute;top:-40%;right:-20%}.smart-assist-title{color:#00e5ff;text-transform:uppercase;letter-spacing:.12em;z-index:1;text-shadow:0 0 12px #00e5ff66;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex;position:relative}.smart-assist-title svg{color:#00e5ff;filter:drop-shadow(0 0 4px #00e5ff99);flex-shrink:0}.smart-assist-badge{color:#001627;letter-spacing:.08em;min-width:28px;height:18px;text-shadow:none;background:linear-gradient(135deg,#00e5ff,#4dd0e1);border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:9px;font-weight:900;display:inline-flex;box-shadow:0 0 14px #00e5ff80,inset 0 1px #ffffff4d}.smart-assist-decision-bar{z-index:1;grid-template-columns:minmax(180px,1fr) minmax(112px,auto);align-items:end;gap:10px;margin-top:10px;display:grid;position:relative}.smart-assist-decision-bar label,.smart-assist-remarks{gap:5px;min-width:0;display:grid}.smart-assist-decision-bar label span,.smart-assist-remarks span{text-transform:uppercase;letter-spacing:.08em;color:#b8f6ff;font-size:8px;font-weight:900}.smart-assist-decision-bar select,.smart-assist-remarks textarea{color:#036;background:#fffffff5;border:1px solid #00e5ff4d;border-radius:5px;outline:none;width:100%;font-size:11px;font-weight:800}.smart-assist-decision-bar select{text-overflow:ellipsis;min-width:0;min-height:38px;padding:0 34px 0 10px}.smart-assist-decision-bar button{color:#fff;white-space:nowrap;cursor:pointer;background:#00a7b5;border:1px solid #00e5ff73;border-radius:5px;min-width:112px;min-height:38px;padding:0 12px;font-size:10px;font-weight:900}.smart-assist-decision-bar button:disabled{cursor:wait;opacity:.7}@media (width<=720px){.smart-assist-decision-bar{grid-template-columns:1fr}.smart-assist-decision-bar button{width:100%}}.smart-assist-save-state{color:#ddfbff;z-index:1;margin:8px 0 0;font-size:10px;font-weight:700;line-height:1.35;position:relative}.smart-assist-save-state.saved{color:#8ff0c8}.smart-assist-save-state.error{color:#ffb4a8}.smart-assist-remarks{z-index:1;margin-top:10px;position:relative}.smart-assist-remarks textarea{resize:vertical;min-height:54px;padding:8px;line-height:1.35}.smart-assist-modules{z-index:1;gap:10px;margin-top:12px;display:grid;position:relative}.smart-assist-module{background:#fffffffa;border:1px solid #00e5ff33;border-radius:7px;overflow:hidden;box-shadow:0 3px 12px #0000001a,0 0 0 1px #00e5ff0f}.smart-assist-module-header{color:#fff;background:linear-gradient(90deg,#036,#005b96);border-bottom:none;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:800;display:flex}.smart-assist-module-header svg{color:#00e5ff;filter:drop-shadow(0 0 3px #00e5ff80)}.smart-assist-module-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.smart-assist-column{min-width:0;padding:10px 12px}.smart-assist-column.manual{background:#f8fafc;border-top:1px solid #008c951f}.smart-assist-column-label{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;border-bottom:1px solid #0000000f;margin-bottom:6px;padding-bottom:4px;font-size:8px;font-weight:900}.smart-assist-column:not(.manual) .smart-assist-column-label{color:#008c95}.smart-assist-column.ai-results{min-width:0}.smart-assist-context-strip{z-index:1;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-top:10px;display:grid;position:relative}.smart-assist-context-strip div{background:#ffffff17;border:1px solid #00e5ff29;border-radius:5px;min-width:0;padding:7px 8px}.smart-assist-context-strip span,.smart-assist-reasons-list span{color:#b8f6ff;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.smart-assist-context-strip strong{color:#fff;overflow-wrap:anywhere;min-width:0;margin-top:3px;font-size:10px;font-weight:900;display:block}.smart-assist-ai-list{gap:8px;display:grid}.smart-assist-ai-card{background:#f8fbfc;border:1px solid #008c9524;border-radius:6px;min-width:0;padding:9px 10px}.smart-assist-ai-card-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:7px;display:flex}.smart-assist-ai-card-head strong{color:#036;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:900}.smart-assist-ai-card-head span{color:#005b96;text-transform:uppercase;background:#008c951a;border:1px solid #008c952e;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:8px;font-weight:900}.smart-assist-ai-facts{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:5px;display:grid}.smart-assist-ai-facts div{background:#fff;border:1px solid #0f172a12;border-radius:4px;min-width:0;padding:5px 6px}.smart-assist-ai-facts span{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.smart-assist-ai-facts strong{color:#036;overflow-wrap:anywhere;min-width:0;margin-top:2px;font-size:10px;font-weight:900;display:block}.smart-assist-reasons-list{gap:5px;margin-top:8px;display:grid}.smart-assist-reasons-list span{color:#008c95}.smart-assist-reasons-list ul{columns:2;column-gap:18px;margin:0;padding-left:15px}.smart-assist-reasons-list li{break-inside:avoid;color:#334155;overflow-wrap:anywhere;margin-bottom:4px;font-size:9px;font-weight:700;line-height:1.45}.smart-assist-empty-ai{color:#64748b;background:#f8fbfc;border:1px dashed #64748b47;border-radius:5px;padding:8px;font-size:10px;font-weight:800}.smart-assist-column.manual .smart-assist-column-label{margin-bottom:8px}.smart-assist-column.manual .smart-assist-field{grid-template-columns:80px minmax(0,160px);justify-content:start}@media (width<=720px){.smart-assist-reasons-list ul{columns:1}.smart-assist-column.manual .smart-assist-field{grid-template-columns:1fr}.smart-assist-field input{max-width:none}}.smart-assist-field{grid-template-columns:minmax(70px,1fr) minmax(92px,auto);align-items:center;gap:8px;min-height:28px;padding:2px 0;display:grid}.smart-assist-field span{color:#6b7280;font-size:9px;font-weight:700}.smart-assist-field strong{color:#036;font-size:11px;font-weight:800}.smart-assist-confidence{color:#008c95!important}.smart-assist-field input{color:#036;background:#fff;border:1px solid #dde5ec;border-radius:4px;outline:none;width:100%;max-width:132px;height:28px;padding:0 6px;font-size:9px;font-weight:700;transition:border-color .15s,box-shadow .15s}.smart-assist-field input:focus{border-color:#008c95;box-shadow:0 0 0 2px #008c9524}.smart-assist-field input::placeholder{color:#b0bec5;font-weight:600}.smart-assist-reason{background:linear-gradient(90deg,#008c950f,#005b9608);border-top:1px solid #008c951a;padding:8px 12px}.smart-assist-reason-header{align-items:center;gap:5px;margin-bottom:4px;display:flex}.smart-assist-reason-header svg{color:#f59e0b;filter:drop-shadow(0 0 3px #f59e0b66)}.smart-assist-reason-header span{text-transform:uppercase;letter-spacing:.08em;color:#f59e0b;font-size:8px;font-weight:900}.smart-assist-reason p{color:#4b5563;margin:0;padding-left:15px;font-size:9px;font-weight:600;line-height:1.5}.smart-assist-chevron{opacity:.7;color:#00e5ff;margin-left:auto;transition:transform .2s}details.smart-assist-module[open] .smart-assist-chevron{transform:rotate(180deg)}details.smart-assist-module summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}details.smart-assist-module summary::-webkit-details-marker{display:none}details.smart-assist-module:not([open]) .smart-assist-module-header{background:linear-gradient(90deg,#004080,#003060);border-radius:6px}details.smart-assist-module:not([open]) .smart-assist-module-header:hover{background:linear-gradient(90deg,#005090,#003870);box-shadow:0 0 8px #00e5ff26}.draggable-window--resizable{resize:both;min-width:360px;min-height:280px;overflow:auto}.selected-vessel-window.draggable-window--resizable{width:min(720px,100vw - 32px);max-height:calc(100vh - max(96px, env(safe-area-inset-top)))}@media (width<=760px){.simulation-preset-workspace{grid-template-columns:1fr}.simulation-map-preset-reason{width:auto;min-height:132px;max-height:min(260px,100% - 104px);padding-right:46px;top:82px;left:12px;right:12px;overflow:auto}}.simulation-map-preset-minimize{z-index:2;right:44px}.simulation-map-preset-close,.simulation-map-preset-expand{z-index:2;right:10px}.simulation-map-preset-reason.expanded{width:min(420px,100% - 48px);min-height:0;max-height:calc(100% - 72px);padding:18px 56px 22px 18px;top:50%;bottom:auto;right:24px;overflow:hidden auto;transform:translateY(-50%)}.simulation-map-preset-reason.expanded .simulation-map-preset-minimize,.simulation-map-preset-reason.expanded .simulation-map-preset-close{float:none;z-index:3;margin:0;position:absolute;top:12px}.simulation-map-preset-reason.expanded .simulation-map-preset-minimize{right:46px}.simulation-map-preset-reason.expanded .simulation-map-preset-close{right:12px}.simulation-map-preset-reason{z-index:120}.simulation-map-preset-header,.simulation-map-preset-mini{cursor:move;-webkit-user-select:none;user-select:none}.simulation-map-preset-reason.expanded,.simulation-map-preset-reason.minimized{z-index:120}.simulation-map-preset-reason,.simulation-map-preset-reason.expanded,.simulation-map-preset-reason.minimized{z-index:400500}.simulation-map-preset-reason .simulation-map-preset-minimize,.simulation-map-preset-reason .simulation-map-preset-expand,.simulation-map-preset-reason .simulation-map-preset-close{z-index:400501}.simulation-map-preset-reason,.simulation-map-preset-reason.expanded,.simulation-map-preset-reason.minimized{z-index:400500;position:fixed}.simulation-map-preset-reason.expanded{max-height:calc(100vh - 72px);top:50vh;right:24px}.simulation-map-preset-reason.minimized{width:min(292px,100vw - 48px);padding-right:78px;bottom:28px;right:24px;overflow:visible}.simulation-map-preset-reason .simulation-map-preset-expand{white-space:nowrap;width:58px;height:30px;padding:0 8px;font-size:11px;right:10px;overflow:hidden}.simulation-map-preset-drag-edge{z-index:400502;cursor:move;touch-action:none;background:0 0;position:absolute}.simulation-map-preset-drag-edge.top{height:14px;top:0;left:0;right:72px}.simulation-map-preset-drag-edge.right{width:14px;top:42px;bottom:0;right:0}.simulation-map-preset-drag-edge.bottom{height:14px;bottom:0;left:0;right:0}.simulation-map-preset-drag-edge.left{width:14px;top:0;bottom:0;left:0}.simulation-map-preset-reason.minimized .simulation-map-preset-drag-edge.top{right:76px}.simulation-map-replay-context{z-index:400320;color:#fff;background:#005b96e0;border:1px solid #ffffff3d;border-radius:6px;gap:8px;width:min(390px,100% - 36px);padding:10px;display:grid;position:absolute;top:86px;left:18px;box-shadow:0 12px 26px #0f172a33}.simulation-map-replay-context>div:first-child{gap:3px;display:grid}.simulation-map-replay-context>div:first-child span{color:#bae6fd;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-map-replay-context>div:first-child strong{font-size:13px;font-weight:900;line-height:1.15}.simulation-map-replay-context>div:first-child small{color:#e0f2fe;font-size:10px;font-weight:800;line-height:1.3}.simulation-map-replay-legend{color:#fff;background:#0f172a8a;border:1px solid #ffffff2e;border-radius:5px;flex-wrap:wrap;gap:6px;padding:6px 7px;display:flex}.simulation-map-replay-legend span{text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:900;display:inline-flex}.simulation-map-replay-legend b{border:1px solid #fff;border-radius:999px;width:8px;height:8px}.simulation-map-replay-legend b.vessel{background:#dc2626}.simulation-map-replay-legend b.competing{background:#f97316}.simulation-map-replay-legend b.dock{background:#00e5ff}.simulation-map-replay-legend b.gate{background:#22c55e}.simulation-map-replay-legend b.crane{background:#f97316}.simulation-map-replay-actors{background:#f8fafcdb;border:1px solid #005b9629;border-radius:6px;gap:7px;padding:9px;display:grid}.simulation-map-replay-actors>span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-replay-actors>div{flex-wrap:wrap;gap:6px;display:flex}.simulation-map-replay-actors small{color:#334155;background:#fff;border:1px solid #94a3b842;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 7px;font-size:9px;font-weight:900;line-height:1.2;display:inline-flex}.simulation-map-replay-actors b{color:#fff;background:#005b96;border-radius:999px;place-items:center;min-width:22px;height:18px;padding:0 5px;display:inline-grid}.simulation-map-replay-actors small.vessel b{background:#dc2626}.simulation-map-replay-actors small.competing b{background:#f97316}.simulation-map-replay-actors small.dock b{background:#008c95}.simulation-map-replay-actors small.gate b{background:#16a34a}.simulation-map-replay-actors small.crane b{background:#ea580c}.simulation-map-confidence-note{background:#ffffffc2;border:1px solid #94a3b83d;border-left:3px solid #64748b;border-radius:6px;gap:4px;margin-top:2px;padding:8px;display:grid}.simulation-map-confidence-note.probable{border-left-color:#f97316}.simulation-map-confidence-note.preset{border-left-color:#64748b}.simulation-map-confidence-note b{color:#0f172a;text-transform:uppercase;font-size:9px;font-weight:900}.simulation-map-confidence-note span,.simulation-map-data-gap{color:#475569;margin:0;font-size:10px;font-weight:800;line-height:1.35}.simulation-map-replay-details{background:#f8fafce0;border:1px solid #94a3b838;border-radius:6px;gap:8px;padding:8px;display:grid}.simulation-map-replay-details.secondary{background:#ffffffb8}.simulation-map-replay-details summary{color:#005b96;text-transform:uppercase;cursor:pointer;font-size:10px;font-weight:900;list-style-position:inside}.simulation-map-rule-insight{gap:6px;display:grid}.simulation-map-rule-insight div{background:#fff;border:1px solid #94a3b838;border-radius:6px;grid-template-columns:86px minmax(0,1fr);align-items:start;gap:8px;padding:7px;display:grid}.simulation-map-rule-insight b{color:#005b96;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.2}.simulation-map-rule-insight span{color:#334155;font-size:10px;font-weight:800;line-height:1.35}.simulation-map-rule-insight .simulation-map-rule-list{grid-template-columns:86px minmax(0,1fr)}.simulation-map-rule-list span{gap:4px;display:grid}.simulation-map-rule-list small{color:#334155;padding-left:10px;font-size:10px;font-weight:800;line-height:1.3;display:block;position:relative}.simulation-map-rule-list small:before{content:"";background:#005b96;border-radius:50%;width:4px;height:4px;position:absolute;top:.45em;left:0}.simulation-map-rule-proof-list span{gap:7px}.simulation-map-rule-insight .simulation-map-rule-proof-list{grid-template-columns:1fr}.simulation-map-rule-proof-list>b{width:100%}.simulation-map-rule-list .simulation-map-rule-proof{background:#f8fafc;border:1px solid #94a3b83d;border-left:3px solid #f59e0b;border-radius:6px;grid-template-columns:auto minmax(0,1fr);gap:4px 7px;min-width:0;padding:7px;display:grid}.simulation-map-rule-list .simulation-map-rule-proof:before{display:none}.simulation-map-rule-proof strong{color:#fff;text-transform:uppercase;background:#f59e0b;border-radius:999px;align-self:start;padding:3px 5px;font-size:8px;font-weight:1000;line-height:1}.simulation-map-rule-proof.met{border-left-color:#16a34a}.simulation-map-rule-proof.met strong{background:#16a34a}.simulation-map-rule-proof.missing{border-left-color:#dc2626}.simulation-map-rule-proof.missing strong{background:#dc2626}.simulation-map-rule-proof em,.simulation-map-rule-proof i,.simulation-map-rule-proof u{color:#334155;overflow-wrap:anywhere;min-width:0;font-style:normal;text-decoration:none}.simulation-map-rule-proof em{font-size:10px;font-weight:900;line-height:1.25}.simulation-map-rule-proof i,.simulation-map-rule-proof u{grid-column:1/-1;font-size:9px;font-weight:800;line-height:1.35}.simulation-map-rule-proof u{color:#005b96;text-transform:uppercase;font-size:8px}.simulation-map-replay-story{background:#f0f9ffd6;border:1px solid #005b962e;border-radius:6px;gap:9px;padding:10px;display:grid}.simulation-map-replay-story-head,.simulation-map-replay-step-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.simulation-map-replay-story-head span,.simulation-map-replay-current-step span{color:#005b96;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-replay-story-head strong{color:#0f172a;font-size:10px;font-weight:900}.simulation-map-replay-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.simulation-map-replay-step-tabs button{color:#334155;text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-height:38px;padding:6px 7px;display:grid}.simulation-map-replay-step-tabs button.active{color:#fff;background:#005b96;border-color:#005b96;box-shadow:0 8px 18px #005b962e}.simulation-map-replay-step-tabs b{color:#fff;background:#64748b;border-radius:999px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid}.simulation-map-replay-step-tabs button.active b{color:#005b96;background:#fff}.simulation-map-replay-step-tabs span{text-transform:uppercase;min-width:0;font-size:9px;font-weight:900;line-height:1.15}.simulation-map-replay-current-step{background:#fff;border:1px solid #005b962e;border-left:3px solid #005b96;border-radius:6px;gap:4px;padding:9px;display:grid}.simulation-map-replay-current-step small{color:#475569;font-size:10px;font-weight:800;line-height:1.35}.simulation-map-replay-current-step strong{color:#334155;font-size:10px;font-weight:850;line-height:1.35}.simulation-map-replay-step-detail p{color:#334155;margin:0;font-size:10px;font-weight:800;line-height:1.4}.simulation-map-replay-step-detail b{color:#b91c1c}.simulation-map-replay-step-actions button{color:#fff;text-transform:uppercase;cursor:pointer;background:#005b96;border:0;border-radius:6px;min-width:76px;min-height:30px;font-size:10px;font-weight:900}.simulation-map-replay-step-actions button:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.simulation-map-replay-step-tabs button.active,.simulation-map-replay-step-tabs button.active span{color:#fff}.simulation-map-replay-step-tabs button.active:focus-visible{outline-offset:-4px;outline:2px solid #fff}.simulation-map-preset-reason.fix{background:#f0fdf4f7;border-color:#16a34a57 #16a34a57 #16a34a57 #16a34a}.simulation-map-preset-reason.fix .simulation-map-preset-header strong,.simulation-map-preset-reason.fix .simulation-map-preset-metrics strong{color:#15803d}.simulation-map-fix-card{background:#ffffffd1;border:1px solid #16a34a33;border-radius:6px;gap:10px;padding:10px;display:grid}.simulation-map-fix-back{color:#166534;text-transform:uppercase;cursor:pointer;background:#dcfce7;border:1px solid #16a34a3d;border-radius:6px;justify-self:start;min-height:30px;padding:0 10px;font-size:10px;font-weight:900}.simulation-map-fix-target,.simulation-map-fix-actions,.simulation-map-fix-flow div{background:#fff;border:1px solid #94a3b833;border-radius:6px;gap:5px;padding:9px;display:grid}.simulation-map-fix-target span,.simulation-map-fix-actions span,.simulation-map-fix-flow span{color:#15803d;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-fix-target strong,.simulation-map-fix-actions strong{color:#14532d;font-size:11px;font-weight:900;line-height:1.35}.simulation-map-fix-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.simulation-map-fix-plan div{background:#fff;border:1px solid #16a34a2e;border-radius:6px;align-content:start;gap:5px;min-width:0;padding:8px;display:grid}.simulation-map-fix-plan b{color:#fff;background:#16a34a;border-radius:999px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid}.simulation-map-fix-plan span{color:#15803d;text-transform:uppercase;font-size:8px;font-weight:900}.simulation-map-fix-plan strong{color:#14532d;font-size:10px;font-weight:900;line-height:1.28}.simulation-map-fix-flow{gap:7px;display:grid}.simulation-map-fix-flow p{color:#334155;margin:0;font-size:10px;font-weight:800;line-height:1.4}.oil-spill-fetch-window{min-width:520px;max-width:580px}.oil-spill-popup{gap:16px;padding:6px 0;display:grid}.oil-spill-section{background:#00142859;border:1px solid #4fc3f71f;border-radius:8px;gap:12px;padding:14px;display:grid}.oil-spill-section-title{text-transform:uppercase;letter-spacing:.06em;color:#4fc3f7;border-bottom:1px solid #4fc3f726;padding-bottom:4px;font-size:11px;font-weight:800}.oil-spill-form{gap:10px;display:grid}.oil-spill-date-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.oil-spill-field{gap:4px;display:grid}.oil-spill-field span{text-transform:uppercase;letter-spacing:.04em;color:#8eafc0;font-size:10px;font-weight:700}.oil-spill-field input[type=date]{color:#fff;background:#001428b3;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.oil-spill-field input[type=date]:focus{border-color:#4fc3f7}.oil-spill-fetch-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5722,#e64a19);border:none;border-radius:6px;margin-top:4px;padding:10px 16px;font-size:12px;font-weight:700;transition:background .2s,opacity .2s,transform .1s;box-shadow:0 4px 12px #ff57224d}.oil-spill-fetch-button:hover:not(:disabled){background:linear-gradient(135deg,#e64a19,#d84315);transform:translateY(-1px)}.oil-spill-fetch-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.oil-spill-error{color:#ef9a9a;background:#f443361f;border:1px solid #f4433659;border-radius:6px;padding:10px 12px;font-size:11px;font-weight:600;line-height:1.4}.oil-spill-summary{background:#4caf5014;border:1px solid #4caf5040;border-radius:6px;gap:6px;padding:10px 12px;display:grid}.oil-spill-summary div{justify-content:space-between;align-items:center;font-size:11px;display:flex}.oil-spill-summary span{color:#a5d6a7}.oil-spill-summary strong{color:#fff}.oil-spill-button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.oil-spill-timeline-button{color:#4fc3f7;cursor:pointer;background:#0064964d;border:1px solid #4fc3f780;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0096c826}.oil-spill-timeline-button:hover:not(:disabled){color:#fff;background:#008cb480;border-color:#4fc3f7cc;transform:translateY(-1px)}.oil-spill-timeline-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.oil-spill-timeline{background:#001e3c80;border:1px solid #4fc3f733;border-radius:8px;gap:12px;padding:14px;display:grid}.oil-spill-timeline-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.oil-spill-timeline-header span{text-transform:uppercase;letter-spacing:.05em;color:#4fc3f7;font-size:10px;font-weight:800}.oil-spill-timeline-header strong{color:#fff;letter-spacing:-.01em;font-size:15px}.oil-spill-timeline-header small{color:#8eafc0;margin-left:auto;font-size:11px;font-weight:600}.oil-spill-timeline-close{text-transform:uppercase;color:#8eafc0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .15s}.oil-spill-timeline-close:hover{color:#fff;background:#f4433633;border-color:#f4433680}.oil-spill-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#4fc3f733,#ff57224d);border-radius:4px;outline:none;width:100%;height:8px;margin:4px 0}.oil-spill-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:linear-gradient(135deg,#ff5722,#ff7043);border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 8px #0006}.oil-spill-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.oil-spill-slider::-moz-range-thumb{cursor:grab;background:linear-gradient(135deg,#ff5722,#ff7043);border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0006}.oil-spill-timeline-labels{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.oil-spill-timeline-labels span{color:#8eafc0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .15s}.oil-spill-timeline-labels span:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.oil-spill-timeline-labels span.active{color:#fff;background:linear-gradient(135deg,#ff5722,#e64a19);border-color:#ff5722;box-shadow:0 2px 8px #ff572259}@media (width<=720px){.smart-assist-field input{max-width:none}}.smart-assist-status-pill{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#6b7280;border-radius:3px;align-items:center;margin-left:8px;padding:2px 8px;font-size:8px;font-weight:900;display:inline-flex}.smart-assist-status-pill.approved,.smart-assist-status-pill.clear,.smart-assist-status-pill.allocated{background:#22c55e}.smart-assist-status-pill.denied,.smart-assist-status-pill.skipped{background:#ef4444}.smart-assist-status-pill.hold,.smart-assist-status-pill.contingency,.smart-assist-status-pill.fallback{background:#f59e0b}.smart-assist-status-pill.not-started{background:#6b7280}.weather-map-3panel{background:#0f172a;border:1px solid #005b9626;border-radius:8px;grid-template-columns:155px 1fr 175px;gap:0;height:calc(100vh - 220px);min-height:480px;display:grid;overflow:hidden}.weather-map-left-panel{background:linear-gradient(#0f172a,#1e293b);border-right:1px solid #33415580;overflow-y:auto}.weather-map-center{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.weather-map-center .jnpa-weather-live-map{width:100%;height:100%;min-height:0;box-shadow:none;border:none;border-radius:0}.weather-map-right-panel{background:linear-gradient(#0f172a,#1e293b);border-left:1px solid #33415580;padding:10px;overflow-y:auto}.weather-layer-list{padding:8px 0}.weather-layer-group{margin-bottom:4px}.weather-layer-group-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:6px 12px 3px;font-size:8px;font-weight:800}.weather-layer-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;margin:0 2px;padding:7px 12px;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:flex}.weather-layer-item:hover{color:#fff;background:#1e293bb3}.weather-layer-item.active{color:#00e5ff;background:linear-gradient(90deg,#008c9533,#005b961a);border-left:3px solid #00e5ff;padding-left:9px}.weather-layer-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.weather-layer-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weather-info-card{background:#0f172a80;border:1px solid #33415566;border-radius:8px;padding:12px}.weather-info-card-title{color:#00e5ff;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #33415566;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-size:11px;font-weight:800;display:flex}.weather-info-card-title span{color:#94a3b8;text-transform:none;font-size:9px;font-weight:600}.weather-info-card-hint{color:#64748b;font-size:10px;line-height:1.5}.weather-info-card-rows{gap:2px;display:grid}.weather-info-row{border-bottom:1px solid #33415533;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.weather-info-row:last-child{border-bottom:none}.weather-info-row span{color:#94a3b8;font-size:10px;font-weight:600}.weather-info-row strong{color:#fff;font-size:12px;font-weight:800}.weather-grid-debug-toggle{z-index:10;background:#0f172ae6;border:1px solid #33415599;border-radius:5px;padding:6px 10px;position:absolute;bottom:10px;left:10px}.weather-grid-debug-toggle label{cursor:pointer;color:#cbd5e1;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.weather-grid-debug-toggle input[type=checkbox]{accent-color:#00e5ff}.weather-grid-debug-toggle small{color:#64748b;font-size:9px}.weather-grid-debug-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.weather-grid-point{cursor:pointer;pointer-events:all;background:#00e5ff99;border:1.5px solid #00e5ff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-top:-9px;margin-left:-9px;transition:transform .15s,background .15s;display:flex;position:absolute}.weather-grid-point span{color:#fff;text-shadow:0 0 3px #000c;font-size:7px;font-weight:900}.weather-grid-point:hover{z-index:6;background:#00e5ffe6;transform:scale(1.4)}.weather-grid-point.selected{z-index:7;background:#f59e0b;border-color:#fff;transform:scale(1.5)}.weather-grid-popup{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172af5,#111827f0);border:1px solid #38bdf852;border-radius:10px;width:220px;max-height:380px;padding:12px;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 18px 40px #0206176b}.weather-grid-popup-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1;position:absolute;top:6px;right:8px}.weather-grid-popup-close:hover{color:#fff}.weather-grid-popup-title{color:#67e8f9;border-bottom:1px solid #47556994;margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:800}.weather-grid-popup-rows{gap:4px;display:grid}.weather-grid-popup-rows>div{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.weather-grid-popup-rows span{color:#94a3b8;font-size:9px;font-weight:600}.weather-grid-popup-rows strong{color:#fff;font-size:10px;font-weight:800}.weather-grid-popup-divider{text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #4755698f;margin-top:6px;padding-top:6px;color:#fbbf24!important;font-size:9px!important;font-weight:800!important}.weather-grid-legend{z-index:10;pointer-events:all;background:linear-gradient(#0f172af0,#111827eb);border:1px solid #47556994;border-radius:8px;min-width:140px;padding:8px 12px;position:absolute;bottom:10px;right:10px;box-shadow:0 16px 30px #02061752}.weather-grid-legend-title{color:#cbd5e1;text-transform:capitalize;margin-bottom:6px;font-size:9px;font-weight:800}.weather-grid-legend-bar{border-radius:3px;height:10px;display:flex;overflow:hidden}.weather-grid-legend-bar span{flex:1}.weather-grid-legend-labels{color:#94a3b8;justify-content:space-between;margin-top:4px;font-size:8px;font-weight:700;display:flex}.weather-vector-legend{z-index:20;pointer-events:all;background:linear-gradient(#0f172af2,#111827eb);border:1px solid #38bdf847;border-radius:8px;min-width:120px;padding:5px 10px;position:absolute;bottom:8px;right:8px;box-shadow:0 14px 28px #0206174d}.weather-vector-legend-title{color:#67e8f9;text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;font-weight:800;display:flex}.weather-vector-legend-title span{color:#94a3b8;font-size:8px;font-weight:600}.weather-vector-legend-bar{border-radius:2px;height:8px;display:flex;overflow:hidden}.weather-vector-legend-bar span{flex:1}.weather-vector-legend-range{color:#94a3b8;justify-content:space-between;margin-top:3px;font-size:8px;font-weight:700;display:flex}.weather-grid-popup-expand{color:#67e8f9;cursor:pointer;background:linear-gradient(#0e74902e,#0284c724);border:1px solid #38bdf857;border-radius:6px;width:100%;margin-top:10px;padding:7px 0;font-size:10px;font-weight:700;transition:background .15s,border-color .15s;display:block}.weather-grid-popup-expand:hover{background:linear-gradient(#0e749047,#0284c73d);border-color:#67e8f975}.weather-grid-popup-full{border-top:1px solid #33415580;gap:4px;margin-top:10px;padding-top:8px;display:grid}.weather-grid-popup-full>div{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.weather-grid-popup-full span{color:#94a3b8;font-size:9px;font-weight:600}.weather-grid-popup-full strong{color:#fff;font-size:10px;font-weight:800}.manual-intervention-toggle.active{background:#0b7ea8;border-color:#6dd4ff;box-shadow:inset 0 0 0 1px #6dd4ff2e}.manual-intervention-status{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.manual-intervention-status.on{color:#adffdd;background:#119c5229;border-color:#5ee4af47}.manual-intervention-status.off{color:#cfd7e3;background:#ffffff0d;border-color:#ffffff1f}.auth-user-control{align-items:center;gap:6px;display:flex}.navbar-actions .manual-intervention-toggle{letter-spacing:.02em;min-height:30px;padding:5px 10px;font-size:10px}.navbar-actions .manual-intervention-toggle.active{background:#0b7ea8;border-color:#6dd4ff;box-shadow:inset 0 0 0 1px #6dd4ff2e}.manual-intervention-mode .left-sidebar,.manual-intervention-mode .center-column,.manual-intervention-mode .right-sidebar{display:none}.manual-intervention-embedded{background:#07111c;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;height:100dvh;display:grid;overflow:hidden}.manual-intervention-embedded,.manual-intervention-embedded *{box-sizing:border-box}.manual-intervention-mobile-header{min-width:0;padding:calc(12px + env(safe-area-inset-top,0px)) 10px 9px;background:#036;border-bottom:1px solid #77dcff52;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.manual-intervention-mobile-brand{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.manual-intervention-mobile-brand div{gap:2px;min-width:0;display:grid}.manual-intervention-mobile-brand strong,.manual-intervention-mobile-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manual-intervention-mobile-brand strong{color:#fff;font-size:12px;font-weight:900}.manual-intervention-mobile-brand span{color:#dbf1ffc7;text-transform:uppercase;font-size:10px;font-weight:800}@media (width<=720px){.manual-intervention-mobile-header{padding-top:calc(34px + env(safe-area-inset-top,0px))}.manual-intervention-mobile-brand .navbar-logo{width:34px;height:34px}.manual-intervention-embedded .auth-user-control{min-width:0!important;padding:4px 6px!important}.manual-intervention-embedded .auth-user-control span{max-width:78px;font-size:11px!important}.manual-intervention-embedded .auth-user-control button{min-height:32px;white-space:nowrap!important;padding:7px 9px!important;font-size:10px!important}}@media (width<=360px){.manual-intervention-mobile-header{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px}.manual-intervention-embedded .auth-user-control{justify-self:stretch;max-width:none!important}.manual-intervention-embedded .auth-user-control span{max-width:none}}.manual-intervention-embedded .auth-user-control{flex:none;justify-self:end;max-width:min(46vw,190px)}.manual-intervention-embedded .auth-user-control span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.manual-intervention-embedded .manual-intervention-page{width:100%;min-width:0;height:100%;overflow:hidden}.manual-intervention-embedded .manual-intervention-shell{border-radius:0!important;height:100%!important;min-height:0!important}.manual-intervention-overlay{z-index:auto!important;padding:0!important;position:relative!important;inset:auto!important;overflow:visible!important}.manual-intervention-shell{width:100%!important;min-height:calc(100vh - 84px)!important}.manual-intervention-page{grid-area:2/1/auto/-1!important;min-width:0!important}.manual-intervention-mode .dashboard-sidebar,.manual-intervention-mode .center-column{display:none!important}.manual-intervention-mode{grid-template-rows:52px minmax(0,1fr)!important;grid-template-columns:1fr!important}.auth-user-control{align-items:center!important;gap:6px!important}.auth-user-control span{padding-right:8px!important}.manual-intervention-toggle{white-space:nowrap!important;min-height:32px!important;padding:6px 10px!important;font-size:11px!important;line-height:1!important}.navbar-actions{align-items:center!important;gap:14px!important;margin-left:auto!important;display:flex!important}.navbar-actions .manual-intervention-toggle{color:#f8fcff!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer!important;background:linear-gradient(#0f7db0,#085589)!important;border:1px solid #77dcffb3!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;min-height:36px!important;padding:7px 16px!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important;transition:transform .16s,box-shadow .16s,border-color .16s,filter .16s!important;display:inline-flex!important;box-shadow:0 8px 18px #0003,inset 0 0 0 1px #ffffff14!important}.navbar-actions .manual-intervention-toggle.off{background:linear-gradient(#0c4060,#062a40)!important;border-color:#77dcff59!important}.navbar-actions .manual-intervention-toggle:hover{filter:saturate(1.06)brightness(1.06)!important;border-color:#a3ebfffa!important;transform:translateY(-1px)!important;box-shadow:0 10px 20px #0000003d,inset 0 0 0 1px #ffffff1a!important}.navbar-actions .manual-intervention-toggle:focus-visible{border-color:#d9f5ff!important;outline:none!important;box-shadow:0 0 0 3px #72d6ff47,0 10px 20px #00000038!important}.navbar-actions .manual-intervention-toggle.active{background:linear-gradient(#17b76e,#0b765c)!important;border-color:#bef2d8!important}.manual-intervention-status{color:#b8f1ff!important;letter-spacing:.06em!important;text-transform:uppercase!important;background:#ffffff0a!important;border:1px solid #ffffff1f!important;border-radius:999px!important;align-items:center!important;min-height:36px!important;padding:0 12px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important}.navbar-actions .auth-user-control{background:#001a3357!important;border:1px solid #ffffff1f!important;border-radius:12px!important;align-items:center!important;gap:8px!important;padding:5px 8px 5px 4px!important;display:flex!important}.navbar-actions .auth-user-control span{color:#f7fbff!important;padding-right:8px!important;font-size:12px!important;font-weight:900!important}.jnpa-weather-module,.jnpa-weather-module *{box-sizing:border-box}.jnpa-weather-module{min-width:0;overflow-x:hidden}.jnpa-weather-tabs{scrollbar-width:thin;max-width:100%;overflow-x:auto}.jnpa-weather-tabs button{flex:none}.jnpa-weather-card-header{flex-wrap:wrap;align-items:flex-start}.jnpa-weather-card-header>*{min-width:0}.jnpa-weather-card-action-stack{min-width:min(100%,210px)}.jnpa-weather-card-action-stack .jnpa-weather-card-action,.jnpa-weather-history-controls button{width:100%}.jnpa-weather-history-range-buttons{align-items:stretch}.jnpa-weather-history-range-buttons>button{flex:none}.jnpa-weather-history-range-buttons .jnpa-weather-card-action-stack{flex:220px}.jnpa-weather-history-manual-range{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(82px,auto)}.jnpa-weather-history-manual-range label{min-width:0}.jnpa-weather-history-manual-range input{width:100%;min-width:0}.jnpa-critical-parameter-strip,.jnpa-operation-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr))}.jnpa-weather-freshness-grid,.jnpa-weather-live-meta,.jnpa-weather-grid,.jnpa-weather-decision-grid,.jnpa-weather-history-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.jnpa-weather-daily-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));max-height:min(56vh,520px)}.jnpa-weather-daily-card{grid-template-rows:auto auto auto auto;min-height:0}.jnpa-weather-waffle-row{grid-template-columns:minmax(72px,86px) minmax(0,1fr)}.jnpa-weather-waffle-cells,.jnpa-weather-date-cells{grid-template-columns:repeat(auto-fill,minmax(16px,18px));overflow:hidden}.jnpa-weather-date-map{min-width:0}.jnpa-weather-date-map-header{flex-wrap:wrap}.jnpa-weather-operation-bars label{min-width:0}.jnpa-weather-table,.jnpa-weather-audit-table{min-width:0;overflow-x:auto}.jnpa-weather-table-head,.jnpa-weather-table-row,.jnpa-weather-audit-head,.jnpa-weather-audit-row{min-width:min-content}.weather-map-3panel{grid-template-columns:minmax(132px,155px) minmax(0,1fr) minmax(150px,175px);width:100%;min-width:0;height:clamp(520px,100dvh - 220px,760px)}.weather-map-left-panel,.weather-map-center,.weather-map-right-panel,.weather-info-card,.weather-layer-item,.weather-info-row,.weather-grid-popup-rows>div,.weather-grid-popup-full>div{min-width:0}.weather-layer-label,.weather-info-row span,.weather-info-row strong,.weather-grid-popup-rows span,.weather-grid-popup-rows strong,.weather-grid-popup-full span,.weather-grid-popup-full strong{overflow-wrap:anywhere;min-width:0}.weather-grid-popup{width:min(260px,100% - 20px);max-height:min(420px,100% - 20px)}.weather-vector-legend,.weather-grid-legend{max-width:calc(100% - 20px)}@media (width<=1320px){.weather-map-3panel{grid-template-rows:minmax(420px,1fr) auto;grid-template-columns:minmax(128px,148px) minmax(0,1fr);height:auto;min-height:0}.weather-map-left-panel{grid-area:1/1}.weather-map-center{grid-area:1/2;min-height:420px}.weather-map-right-panel{border-top:1px solid #33415580;border-left:0;grid-area:2/1/auto/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.weather-map-center .jnpa-weather-live-map{min-height:420px}}@media (width<=980px){.jnpa-weather-module{padding:10px}.jnpa-weather-card{padding:12px}.jnpa-weather-status{flex-direction:column;align-items:flex-start;gap:6px}.jnpa-weather-status strong{overflow-wrap:anywhere;font-size:18px;line-height:1.15}.weather-map-3panel{grid-template-rows:auto minmax(420px,auto) auto;grid-template-columns:1fr}.weather-map-left-panel{border-bottom:1px solid #33415580;border-right:0;grid-area:1/1;overflow:visible}.weather-layer-list{gap:8px;padding:8px;display:grid}.weather-layer-group{min-width:0;margin:0}.weather-layer-group-title{padding:0 2px 5px}.weather-layer-group>div:not(.weather-layer-group-title),.weather-layer-list{min-width:0}.weather-layer-item{border:1px solid #47556985;width:auto;max-width:100%;margin:0 4px 4px 0;padding:7px 9px;display:inline-flex}.weather-layer-item.active{border-left:1px solid #00e5ff;padding-left:9px}.weather-layer-label{white-space:normal}.weather-map-center{grid-area:2/1;min-height:420px}.weather-map-center .jnpa-weather-live-map{min-height:420px}.weather-map-right-panel{grid-area:3/1}}@media (width<=720px){.jnpa-weather-module{padding:8px}.jnpa-weather-card{border-radius:7px;padding:10px}.jnpa-weather-card-header{grid-template-columns:1fr;display:grid}.jnpa-weather-card-action-stack,.jnpa-weather-card-action-stack small{text-align:left;justify-items:stretch;width:100%;max-width:none}.jnpa-weather-history-range-buttons{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.jnpa-weather-history-range-buttons .jnpa-weather-card-action-stack{grid-column:1/-1}.jnpa-weather-history-manual-range{grid-template-columns:1fr}.jnpa-weather-metric{grid-template-columns:30px minmax(0,1fr);padding:9px}.jnpa-weather-icon{width:30px;height:30px}.jnpa-weather-icon svg{width:18px;height:18px}.jnpa-weather-daily-list{grid-template-columns:1fr;max-height:min(60vh,520px)}.jnpa-weather-waffle-row{grid-template-columns:1fr}.jnpa-weather-waffle-label{text-align:left}.jnpa-weather-waffle-cells,.jnpa-weather-date-cells{grid-template-columns:repeat(auto-fill,minmax(18px,1fr))}.jnpa-weather-waffle-cells span,.jnpa-weather-date-cells span{width:100%;min-width:18px}.jnpa-weather-operation-bars label{grid-template-columns:1fr}.jnpa-weather-operation-bars strong{justify-self:start}.weather-map-3panel{grid-template-rows:auto minmax(360px,auto) auto}.weather-map-center,.weather-map-center .jnpa-weather-live-map{min-height:360px}.weather-grid-popup{width:auto;max-height:min(330px,100% - 16px);top:8px;left:8px;right:8px}.weather-vector-legend,.weather-grid-legend{width:auto;min-width:0;bottom:8px;left:8px;right:8px}.jnpa-weather-day-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.jnpa-weather-history-detail-table .jnpa-weather-table-head,.jnpa-weather-history-detail-table .jnpa-weather-table-row{min-width:640px}.jnpa-weather-audit-head,.jnpa-weather-audit-row{min-width:680px}}@media (width<=420px){.jnpa-weather-tabs button,.jnpa-weather-card-action,.jnpa-weather-history-controls button{padding-inline:7px;font-size:9px}.jnpa-weather-history-range-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.jnpa-weather-status strong{font-size:16px}.weather-map-center,.weather-map-center .jnpa-weather-live-map{min-height:320px}.weather-map-right-panel{padding:8px}}