@layer components{.route-map{border-radius:inherit;background:var(--map-bg);height:100%;min-height:420px;color:var(--map-text);isolation:isolate;position:relative;overflow:hidden}.route-map :focus-visible{outline-color:var(--sidebar-accent)}.route-map__canvas{width:100%;height:100%}.route-map__toolbar{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px}.route-map__tool{border:1px solid var(--map-border);border-radius:var(--radius-sm);background:var(--map-panel);min-height:32px;color:var(--map-text);font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.route-map__tool:hover:not(:disabled){border-color:#34c3b48c}.route-map__tool:disabled{opacity:.5;cursor:default}.route-map__notice{z-index:2;border-radius:var(--radius-sm);background:var(--map-panel);color:#ffd98a;max-width:calc(100% - 32px);font-size:var(--text-xs);border:1px solid #f5b52e73;padding:8px 12px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.route-map__overlay{z-index:3;padding:var(--space-6);color:var(--map-muted);font-size:var(--text-sm);text-align:center;align-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.route-map__overlay--error strong{color:var(--map-text);font-size:var(--text-md)}.route-map__spinner{border:2px solid #94b2ba40;border-top-color:#34c3b4;border-radius:50%;width:22px;height:22px;animation:.9s linear infinite route-map-spin}@keyframes route-map-spin{to{transform:rotate(360deg)}}.map-legend{z-index:2;border:1px solid var(--map-border);border-radius:var(--radius-sm);background:var(--map-panel);max-width:calc(100% - 140px);color:var(--map-muted);font-size:var(--text-2xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:6px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:12px}.map-legend--collapsible{display:none}.map-legend__group{flex-wrap:wrap;gap:4px 12px;display:flex}.map-legend__item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.map-legend__line{border-top:3px solid var(--map-muted);border-radius:2px;width:18px;height:0;display:inline-block}.map-legend__line--low{border-color:#1fad7b}.map-legend__line--medium{border-color:#f5b52e}.map-legend__line--high{border-color:#f07a2a}.map-legend__line--critical{border-color:#d63a68}.map-legend__line--sea{border-color:#c4d4d8}.map-legend__line--air{border-color:#c4d4d8;border-top-style:dashed}.map-legend__line--travelled{border-color:#7f989f}.map-legend__line--preview{border-color:#34c3b4;border-top-style:dashed}.map-legend__zone{background:#d63a684d;border:1px solid #d63a68;border-radius:50%;width:12px;height:12px;display:inline-block}.map-legend__zone.is-forecast{background:#d63a681f;border-style:dashed}@media (max-width:767px){.route-map{min-height:360px}.map-legend--expanded{display:none}.map-legend--collapsible{max-width:calc(100% - 168px);padding:7px 10px;display:grid;top:12px;bottom:auto;left:104px}.map-legend--collapsible summary{color:var(--map-text);font-size:var(--text-xs);cursor:pointer;font-weight:600}.route-map__tool span{display:none}}}.route-map .maplibregl-ctrl-group{border:1px solid var(--map-border);border-radius:var(--radius-sm);background:var(--map-panel);box-shadow:none;overflow:hidden}.route-map .maplibregl-ctrl-group button{width:32px;height:32px}.route-map .maplibregl-ctrl-group button+button{border-top:1px solid var(--map-border)}.route-map .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert()brightness(1.3)}.route-map .maplibregl-ctrl-group button:hover{background-color:#ffffff0f}.route-map .maplibregl-ctrl-group button:focus,.route-map .maplibregl-ctrl-attrib-button:focus{box-shadow:none}.route-map .maplibregl-ctrl-group button:focus-visible,.route-map .maplibregl-canvas:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:-2px}.route-map .maplibregl-ctrl-attrib-button:focus-visible{outline:2px solid var(--sidebar-accent)}.route-map .maplibregl-ctrl-attrib{background:var(--map-panel);color:var(--map-muted);font-size:10px}.route-map .maplibregl-ctrl-attrib a{color:#b8cdd2}.route-map .maplibregl-ctrl-attrib.maplibregl-compact{border-radius:var(--radius-sm)}.route-map .maplibregl-ctrl-attrib-button{filter:invert()}.route-map .maplibregl-ctrl-scale{border-color:var(--map-muted);background:var(--map-panel);color:var(--map-muted);font-size:10px}.map-popup .maplibregl-popup-content{border:1px solid var(--map-border);border-radius:var(--radius-sm);color:var(--map-text);font-family:var(--font-ui);font-size:var(--text-xs);background:#0b1a21;gap:2px;padding:8px 10px;display:grid;box-shadow:0 10px 28px #0006}.map-popup .maplibregl-popup-content strong{font-size:var(--text-sm)}.map-popup .maplibregl-popup-content span{color:var(--map-muted)}.map-popup .maplibregl-popup-tip{display:none}
@layer components{.control-room{align-items:stretch;gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.story-bar,.kpi-strip,.cr-corridor{grid-column:1/-1}.cr-map{grid-column:span 8;min-height:620px}.inspector{grid-column:span 4}.response{grid-column:span 5}.cr-inventory{grid-column:span 4}.cr-events{grid-column:span 3}.story-bar{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr) auto;display:grid}.story-bar__intro h2{font-size:var(--text-lg)}.story-bar__hint{color:var(--text-secondary);font-size:var(--text-sm);margin-top:2px}.story-bar__steps{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-step{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex;position:relative}.story-step__marker{border:1px solid var(--border-strong);background:var(--surface);width:26px;height:26px;color:var(--text-secondary);font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.story-step__text{min-width:0;display:grid}.story-step__text strong{font-size:var(--text-sm)}.story-step__text small{color:var(--text-tertiary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-step.is-current{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft)}.story-step.is-current .story-step__text small{color:var(--text-secondary)}.story-step.is-current .story-step__marker{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.story-step.is-done .story-step__marker{border-color:var(--risk-low);background:var(--risk-low-soft);color:var(--risk-low)}.kpi-strip{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.kpi{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);align-content:start;gap:6px;display:grid}.kpi--critical{border-color:color-mix(in srgb, var(--risk-critical) 35%, var(--border));box-shadow:inset 0 3px 0 var(--signal-critical), var(--shadow-sm)}.kpi__head{align-items:center;gap:8px;min-width:0;display:flex}.kpi__icon{border-radius:var(--radius-sm);background:var(--surface-sunken);width:26px;height:26px;color:var(--text-secondary);flex:none;place-items:center;display:grid}.kpi--critical .kpi__icon{background:var(--risk-critical-soft);color:var(--risk-critical)}.kpi__label{color:var(--text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.kpi__value{font-size:var(--text-2xl);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-weight:600;line-height:1.1;display:flex}.kpi__sub{color:var(--text-tertiary);font-size:var(--text-xs)}.cr-map{overflow:hidden}.cr-map__select{width:min(320px,40vw)}.cr-map__select .field__select{padding-left:var(--space-3)}.cr-map__body{border-top:1px solid var(--border);flex:1;min-height:520px;position:relative}.cr-map__body .route-map{border-radius:0 0 var(--radius-md) var(--radius-md);min-height:0;position:absolute;inset:0}.inspector__body{align-content:start;gap:var(--space-4);display:grid}.inspector__route{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inspector__progress{gap:6px;display:grid}.inspector__progress-caption{color:var(--text-tertiary);font-size:var(--text-xs);justify-content:space-between;display:flex}.inspector__late{color:var(--risk-critical)}.inspector__section-title{color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-weight:600}.inspector__sku{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);gap:8px;display:grid}.inspector__sku+.inspector__sku{margin-top:8px}.inspector__sku-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.response--incident{border-color:color-mix(in srgb, var(--risk-critical) 30%, var(--border));box-shadow:inset 0 3px 0 var(--signal-critical), var(--shadow-sm)}.response--mitigated{box-shadow:inset 0 3px 0 var(--signal-low), var(--shadow-sm)}.response__body{gap:var(--space-4);display:grid}.response__impact{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.response__impact>div{border-radius:var(--radius-sm);background:var(--surface-sunken);padding:10px 12px}.response__impact dt{color:var(--text-tertiary);font-size:var(--text-xs)}.response__impact dd{font-size:var(--text-lg);font-weight:600}.response__lead{color:var(--text-secondary);font-size:var(--text-sm)}.response__recommendation{gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:var(--radius-md);background:var(--accent-soft);display:grid}.response__recommendation-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.response__recommendation-head small{color:var(--text-secondary);font-size:var(--text-xs);display:block}.response__recommendation-head strong{font-size:var(--text-lg)}.response__score{color:var(--accent);font-size:var(--text-2xl);justify-items:end;font-weight:600;line-height:1;display:grid}.response__score small{color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:500}.response__reasons{font-size:var(--text-sm);gap:6px;display:grid}.response__reasons li{gap:8px;display:flex}.response__reasons svg{flex:none;margin-top:2px}.response__reasons .is-positive svg{color:var(--risk-low)}.response__reasons .is-negative svg{color:var(--risk-critical)}.response__reasons .is-neutral svg{color:var(--text-tertiary)}.response__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.response__actions .btn--primary{flex:200px}.response__result{gap:var(--space-3);display:grid}.response__result p{font-size:var(--text-sm);gap:8px;display:flex}.response__result svg{color:var(--risk-low);flex:none;margin-top:2px}.exposure-row{border-bottom:1px solid var(--divider);gap:8px;padding:10px 0;display:grid}.exposure-row:last-child{border-bottom:0}.exposure-row__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.event-feed{gap:var(--space-3);display:grid}.event-feed__item{grid-template-columns:8px minmax(0,1fr);gap:10px;display:grid}.event-feed__dot{background:var(--signal-neutral);border-radius:50%;width:8px;height:8px;margin-top:6px}.event-feed__item.is-medium .event-feed__dot{background:var(--signal-medium)}.event-feed__item.is-high .event-feed__dot{background:var(--signal-high)}.event-feed__item.is-critical .event-feed__dot{background:var(--signal-critical)}.event-feed__item.is-low .event-feed__dot{background:var(--signal-low)}.event-feed__item strong{font-size:var(--text-sm);display:block}.event-feed__item p{color:var(--text-secondary);font-size:var(--text-sm)}.event-feed__item time{color:var(--text-tertiary);font-size:var(--text-xs)}@media (max-width:1279px){.cr-map,.inspector{grid-column:1/-1}.inspector__body{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector__body>.inspector__route,.inspector__body>.inspector__progress{grid-column:1/-1}.response{grid-column:span 7}.cr-inventory{grid-column:span 5}.cr-events{grid-column:1/-1}.kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{grid-column:span 2}.kpi:nth-child(n+4){grid-column:span 3}.story-bar{grid-template-columns:minmax(0,1fr) auto}.story-bar__steps{grid-area:2/1/auto/-1}}@media (max-width:1023px){.response,.cr-inventory{grid-column:1/-1}.cr-map{min-height:0}.cr-map__body{min-height:460px}}@media (max-width:767px){.control-room{gap:var(--space-3)}.story-bar{padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.story-bar__steps{grid-row:auto;gap:6px}.story-step{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}.story-step__text small{display:none}.story-bar__action .btn{width:100%}.kpi-strip{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.kpi,.kpi:nth-child(n+4){padding:var(--space-3);grid-column:auto}.kpi:first-child{grid-column:1/-1}.kpi__value{font-size:var(--text-xl)}.cr-map .panel__header{flex-direction:column}.cr-map__select{width:100%}.cr-map__body{min-height:62vh}.inspector__body{grid-template-columns:minmax(0,1fr)}.response__impact{grid-template-columns:repeat(2,minmax(0,1fr))}}}
@layer components{.login{--login-land:#dbe4e6;--login-water:#f7fafa;background:radial-gradient(1200px 600px at 12% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), transparent;flex-direction:column;min-height:100dvh;display:flex}:root[data-deeplink=pending] .login{visibility:hidden;animation:0s 3s forwards login-reveal}@keyframes login-reveal{to{visibility:visible}}:root[data-theme=dark] .login{--login-land:#1a2a30;--login-water:#0d171b}.login__header{align-items:center;gap:var(--space-4);width:min(1320px,100%);padding:var(--space-5) var(--gutter);margin:0 auto;display:flex}.login__brand{align-items:center;gap:10px;display:flex}.login__brand strong{font-size:var(--text-lg);line-height:1.2;display:block}.login__brand small{color:var(--text-tertiary);font-size:var(--text-xs)}.login__mark{color:#eafffb;background:linear-gradient(140deg,#16938a,#0a5a54);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.login__disclosure{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--text);font-size:var(--text-xs);align-items:center;gap:8px;margin-left:auto;padding:6px 12px;font-weight:600;display:inline-flex}.login__disclosure i{background:var(--accent);border-radius:50%;width:7px;height:7px}.login__main{align-items:start;gap:var(--space-8);width:min(1320px,100%);padding:var(--space-4) var(--gutter) var(--space-10);flex:1;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);margin:0 auto;display:grid}.login__eyebrow{margin-bottom:var(--space-2);color:var(--accent);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.login__story h1{letter-spacing:-.02em;max-width:21ch;font-size:clamp(1.75rem,1.1rem + 2vw,2.6rem);line-height:1.08}.login__lead{max-width:62ch;margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-lg)}.login__figure{margin-top:var(--space-6);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--login-water);box-shadow:var(--shadow-md)}.login__figure figcaption{padding:var(--space-3) var(--space-2) var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;gap:6px 18px;display:flex}.login__figure figcaption span{align-items:center;gap:8px;display:inline-flex}.login__key{border-top:2px solid;width:18px;height:0;display:inline-block}.login__key--lane{border-color:var(--text-tertiary)}.login__key--risk{border-top-style:dashed;border-color:var(--signal-critical)}.login__key--alt{border-top-width:3px;border-color:var(--chart-accent)}.case-schematic{aspect-ratio:712/384;width:100%;height:auto}.case-schematic--placeholder{border-radius:var(--radius-md);background:var(--login-land);opacity:.35}.case-schematic__graticule{fill:none;stroke:var(--border);stroke-width:1px}.case-schematic__land{fill:var(--login-land);stroke:none}.case-schematic__storm{fill:color-mix(in srgb, var(--signal-critical) 16%, transparent);stroke:var(--signal-critical);stroke-dasharray:4 3;stroke-width:1.25px}.case-schematic__lane{fill:none;stroke-linecap:round;stroke-linejoin:round}.case-schematic__lane--travelled{stroke:var(--text-tertiary);stroke-width:2px}.case-schematic__lane--ahead{stroke:var(--signal-critical);stroke-dasharray:6 5;stroke-width:2px}.case-schematic__lane--alternative{stroke:var(--chart-accent);stroke-width:3px}.case-schematic__hub{fill:var(--surface);stroke:var(--text);stroke-width:2px}.case-schematic__vessel{fill:var(--text);stroke:var(--surface);stroke-linejoin:round;stroke-width:1.5px}.case-schematic__vessel-halo{fill:color-mix(in srgb, var(--accent) 22%, transparent)}.case-schematic__label{fill:var(--text);font-family:var(--font-code);paint-order:stroke;stroke:var(--login-water);stroke-width:4px;font-size:13px;font-weight:500}.case-schematic__label--storm{fill:var(--risk-critical);font-family:var(--font-ui);font-weight:600}.login__steps{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.login__steps li{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.login__steps svg{color:var(--accent);flex:none;margin-top:2px}.login__steps strong{font-size:var(--text-sm);display:block}.login__steps span{color:var(--text-secondary);font-size:var(--text-sm)}.login__entry{top:var(--space-5);gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);display:grid;position:sticky}.login__entry h2{font-size:var(--text-2xl);letter-spacing:-.01em}.login__entry-lead{margin-top:calc(var(--space-2) * -1);color:var(--text-secondary)}.login__personas{gap:var(--space-3);display:grid}.persona{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);grid-template-columns:40px minmax(0,1fr) 20px;display:grid}.persona:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.persona__icon{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.persona__body{gap:2px;display:grid}.persona__role{color:var(--accent);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.persona__body strong{font-size:var(--text-lg)}.persona__body small{color:var(--text-secondary);font-size:var(--text-sm)}.persona__body .persona__start{color:var(--text-tertiary);font-size:var(--text-xs)}.persona__arrow{color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}.persona:hover .persona__arrow{color:var(--accent);transform:translate(2px)}.login__note{padding-top:var(--space-4);border-top:1px solid var(--divider);color:var(--text-secondary);font-size:var(--text-sm)}.login__stack{color:var(--text-tertiary);font-family:var(--font-code);font-size:var(--text-xs)}@media (max-width:1023px){.login__main{grid-template-columns:minmax(0,1fr)}.login__entry{order:-1;position:static}}@media (max-width:767px){.login__header{flex-wrap:wrap}.login__disclosure{order:3;margin-left:0}.login__header .icon-btn{margin-left:auto}.login__steps{grid-template-columns:minmax(0,1fr)}.login__entry{padding:var(--space-4)}.login__lead{font-size:var(--text-md)}}}
@layer components{.module{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(320px,380px);display:grid}.module__list{min-width:0}.module__detail{top:calc(var(--topbar-height) + var(--space-4));max-height:calc(100dvh - var(--topbar-height) - var(--space-8));overscroll-behavior:contain;position:sticky;overflow-y:auto}.module__detail .panel__body{gap:var(--space-4);display:grid}.module-stats{gap:var(--space-2);flex-wrap:wrap;display:flex}.module-stats>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);text-align:right;min-width:76px;padding:6px 10px;display:grid}.module-stats dt{color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;order:2;font-weight:600}.module-stats dd{font-size:var(--text-lg);order:1;font-weight:600;line-height:1.2}.module-stats .is-critical{border-color:color-mix(in srgb, var(--risk-critical) 35%, var(--border));background:var(--risk-critical-soft)}.module-stats .is-critical dd{color:var(--risk-critical)}.module-toolbar{gap:var(--space-2);padding:0 var(--space-5) var(--space-4);flex-wrap:wrap;display:flex}.module-toolbar .field{flex:200px}.module-toolbar .field--narrow{flex:0 200px}.module-caption{padding:var(--space-3) var(--space-5);border-top:1px solid var(--divider);color:var(--text-tertiary);font-size:var(--text-xs)}.detail-header{gap:6px;display:grid}.detail-section-title{color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-weight:600;display:flex}.detail-callout{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-sm);gap:8px;display:grid}button.detail-callout{text-align:left;width:100%}button.detail-callout:hover{border-color:var(--border-strong)}.detail-callout--critical{border-color:color-mix(in srgb, var(--risk-critical) 30%, var(--border));background:var(--risk-critical-soft)}.data-table td.cell-wrap{white-space:normal;min-width:220px}.progress-cell--compact{min-width:88px}.cell-code{font-family:var(--font-code);font-weight:500}.value-gap{color:var(--risk-critical);font-weight:600}.value-tight{color:var(--risk-high);font-weight:600}.card-grid{gap:var(--space-3);padding:0 var(--space-5) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.select-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-content:start;gap:10px;display:grid}.select-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.select-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow-md)}.select-card__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.select-card__title{font-size:var(--text-md);font-weight:600}.select-card__meta{color:var(--text-tertiary);font-size:var(--text-xs)}.select-card__metrics{font-size:var(--text-xs);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;display:grid}.select-card__metrics dt{color:var(--text-tertiary)}.select-card__metrics dd{font-size:var(--text-sm);font-weight:600}.supplier-score{align-items:center;gap:10px;display:flex}.supplier-score__value{min-width:2.2ch;font-size:var(--text-xl);font-weight:600}.supplier-score .meter{flex:1}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.mobile-list{display:none}.mobile-card{width:100%;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--divider);text-align:left;background:0 0;gap:6px;display:grid}.mobile-card[aria-pressed=true]{background:var(--surface-selected);box-shadow:inset 3px 0 0 var(--accent)}.mobile-card__top,.mobile-card__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.mobile-card__meta{color:var(--text-secondary);font-size:var(--text-xs);justify-content:flex-start}@media (max-width:1279px){.module{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}}@media (max-width:1023px){.module{grid-template-columns:minmax(0,1fr)}.module__detail{max-height:none;position:static}.module--detail-first .module__detail{order:-1}}@media (max-width:767px){.module .panel__header{flex-direction:column}.module-stats>div{flex:1;min-width:0}.module-toolbar{padding:0 var(--space-4) var(--space-3)}.module-toolbar .field,.module-toolbar .field--narrow{flex-basis:100%}.has-mobile-list .table-wrap{display:none}.has-mobile-list .mobile-list{display:block}.card-grid{padding:0 var(--space-4) var(--space-4);grid-template-columns:minmax(0,1fr)}}.integrations{gap:var(--space-4);display:grid}.integrations__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.integration__metrics{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.integration__metrics>div{border-radius:var(--radius-sm);background:var(--surface-sunken);padding:8px 10px}.integration__metrics dt{color:var(--text-tertiary);font-size:var(--text-xs)}.integration__metrics dd{font-size:var(--text-lg);font-weight:600}.integration__toggle{margin-top:var(--space-3);justify-self:start;padding-left:6px}.integration__toggle svg{transition:transform var(--duration-base) var(--ease-out)}.integration__toggle svg.is-open{transform:rotate(180deg)}.integration__log{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--sidebar-bg);color:#b7f0e6;font-size:var(--text-xs);gap:4px;display:grid}}
@layer components{.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{z-index:30;gap:var(--space-5);height:100dvh;padding:var(--space-4) var(--space-3);border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:2px 6px 14px;display:flex}.sidebar__mark{color:#eafffb;background:linear-gradient(140deg,#16938a,#0a5a54);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.sidebar__brand-text strong{color:#f4fbfb;font-size:var(--text-lg);font-weight:600;line-height:1.2;display:block}.sidebar__brand-text small{color:var(--sidebar-muted);font-size:var(--text-xs)}.sidebar__close{border-color:var(--sidebar-border);color:var(--sidebar-text);background:0 0;margin-left:auto;display:none}.nav{gap:var(--space-4);display:grid}.nav__group{gap:2px;display:grid}.nav__group-label{color:var(--sidebar-muted);font-size:var(--text-2xs);letter-spacing:.07em;text-transform:uppercase;padding:0 10px 4px;font-weight:600}.nav__item{border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--sidebar-text);font-size:var(--text-sm);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex;position:relative}.nav__item svg{color:var(--sidebar-muted);flex:none}.nav__item:hover{background:#ffffff0d}.nav__item[aria-current=page]{background:var(--sidebar-active);color:#fff}.nav__item[aria-current=page] svg{color:var(--sidebar-accent)}.nav__item[aria-current=page]:before{background:var(--sidebar-accent);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.nav__item:focus-visible{outline-color:var(--sidebar-accent)}.nav__badge{border-radius:var(--radius-pill);min-width:20px;height:20px;color:var(--sidebar-text);font-size:var(--text-2xs);background:#ffffff1a;place-items:center;margin-left:auto;padding:0 6px;font-weight:600;display:grid}.nav__badge--accent{background:var(--sidebar-accent);color:#04211d}.sidebar__health{padding:var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);background:var(--sidebar-surface);gap:10px;margin-top:auto;display:flex}.sidebar__health-dot{background:var(--signal-low);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 3px #1fad7b38}.sidebar__health.is-warning .sidebar__health-dot{background:var(--signal-medium);box-shadow:0 0 0 3px #f5b52e38}.sidebar__health.is-critical .sidebar__health-dot{background:var(--signal-critical);box-shadow:0 0 0 3px #d63a683d}.sidebar__health strong{color:#f4fbfb;font-size:var(--text-sm);display:block}.sidebar__health small{color:var(--sidebar-muted);font-size:var(--text-xs)}.shell__main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;min-height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--gutter);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--canvas) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);display:flex;position:sticky;top:0}.topbar__menu{display:none}.topbar__title{min-width:0}.topbar__kicker{color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.topbar__title h1{font-size:var(--text-xl);white-space:nowrap}.search{flex:320px;min-width:0;max-width:520px;margin-left:auto;position:relative}.search__field .field__input{padding-right:64px}.search__field .field__input::-webkit-search-cancel-button{display:none}.search__hint{pointer-events:none;gap:3px;display:flex;position:absolute;right:8px}.search__clear{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-tertiary);background:0 0;border:0;place-items:center;display:grid;position:absolute;right:6px}.search__clear:hover{background:var(--surface-hover);color:var(--text)}.search__popover{z-index:40;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:min(70vh,480px);box-shadow:var(--shadow-lg);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search__option{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:8px 10px;display:grid}.search__option[aria-selected=true]{background:var(--surface-selected);color:var(--accent)}.search__option-main{min-width:0;display:grid}.search__option-main strong,.search__option-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search__option-main strong{color:var(--text);font-size:var(--text-sm)}.search__option-main small{color:var(--text-tertiary);font-size:var(--text-xs)}.search__empty{padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);gap:4px;display:grid}.search__empty strong{color:var(--text)}.topbar__actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.topbar__snapshot{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-content:center;min-height:36px;padding:0 10px;line-height:1.15;display:grid}.topbar__snapshot small{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.625rem;font-weight:600}.topbar__snapshot strong{font-size:var(--text-xs);white-space:nowrap;font-weight:600}.alerts,.alerts__button{position:relative}.alerts__count{border-radius:var(--radius-pill);background:var(--signal-critical);color:#fff;min-width:18px;height:18px;font-size:var(--text-2xs);box-shadow:0 0 0 2px var(--canvas);place-items:center;padding:0 5px;font-weight:600;display:grid;position:absolute;top:-6px;right:-6px}.alerts__popover{z-index:40;gap:var(--space-3);width:min(390px,100vw - 32px);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);display:grid;position:absolute;top:calc(100% + 8px);right:0}.alerts__header{justify-content:space-between;align-items:flex-start;display:flex}.alerts__header strong{display:block}.alerts__header small{color:var(--text-tertiary);font-size:var(--text-xs)}.alerts__list{gap:6px;max-height:380px;display:grid;overflow-y:auto}.alerts__item{border-radius:var(--radius-sm);background:var(--surface-sunken);box-shadow:inset 3px 0 0 var(--accent);gap:4px;padding:10px 12px;display:grid}.alerts__item.is-read{box-shadow:none}.alerts__item.is-read .alerts__item-head strong{color:var(--text-secondary);font-weight:500}.alerts__item-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.alerts__item-head strong{font-size:var(--text-sm)}.alerts__item p{color:var(--text-secondary);font-size:var(--text-sm)}.alerts__item time,.alerts__empty{color:var(--text-tertiary);font-size:var(--text-xs)}.topbar__user{align-items:center;gap:8px;padding-left:4px;display:flex}.topbar__avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-strong);font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}:root[data-theme=dark] .topbar__avatar{color:var(--accent)}.topbar__user-text strong{font-size:var(--text-sm);white-space:nowrap;display:block}.topbar__user-text small{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap}.shell__content{min-width:0;padding:var(--gutter);outline:none;flex:1}.statusbar{padding:var(--space-3) var(--gutter) var(--space-5);border-top:1px solid var(--border);color:var(--text-tertiary);font-size:var(--text-xs);flex-wrap:wrap;gap:6px 18px;display:flex}.statusbar__health{margin-left:auto}.shell__backdrop{display:none}@media (max-width:1279px){.topbar__user-text{display:none}}@media (max-width:1023px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:min(300px,86vw);height:auto;box-shadow:var(--shadow-lg);transition:transform var(--duration-slow) var(--ease-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.shell.is-drawer-open .sidebar{transform:none}.sidebar__close,.topbar__menu{display:grid}.shell__backdrop{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040c0f8c;border:0;display:block;position:fixed;inset:0}.topbar__snapshot{display:none}}@media (max-width:767px){.topbar{gap:10px var(--space-2);padding:10px var(--gutter);flex-wrap:wrap;position:static}.topbar__title{flex:1}.topbar__kicker{display:none}.topbar__title h1{font-size:var(--text-lg);text-overflow:ellipsis;overflow:hidden}.topbar__actions{gap:6px}.search{flex-basis:100%;order:3;max-width:none;margin-left:0}.search__hint{display:none}.topbar__actions{margin-left:auto}.topbar__user{display:none}.statusbar__health{margin-left:0}}}
@layer components{.toast-region{bottom:var(--space-5);z-index:60;pointer-events:none;width:min(560px,100vw - 32px);position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--text-sm);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out);padding:12px 12px 12px 14px;font-weight:500;display:flex}.toast>svg{flex:none;margin-top:1px}.toast>span{flex:1}.toast--success>svg{color:var(--risk-low)}.toast--warning>svg{color:var(--risk-medium)}.toast--info>svg{color:var(--accent)}.toast__close{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--text-tertiary);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast__close:hover{background:var(--surface-hover);color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}}