/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Pages/Intelligence/DataAlpha.razor.rz.scp.css */
/* ── Data Alpha / Intelligence Network — olive-oil premium theme ── */

/* ── Vault hero info bar ── */
.vault-hero[b-gicm4mphfk] {
    position: relative;
    margin-bottom: 14px;
    padding: 14px 20px;
    border: 1px solid rgba(91, 138, 245, 0.25);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(91, 138, 245, 0.08), rgba(74, 222, 128, 0.06));
    overflow: visible;
}

.vault-hero-meta[b-gicm4mphfk] {
    font-size: 13px;
    color: var(--text);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    line-height: 1.8;
    font-weight: 500;
}

.vault-hero-meta .dot[b-gicm4mphfk] {
    color: var(--cyan, #22d3ee);
    font-weight: 700;
}

.vault-method[b-gicm4mphfk] {
    font-size: 12.5px;
    color: var(--text-secondary, var(--text2));
    margin: 0 0 14px;
    line-height: 1.5;
}

.vault-method strong[b-gicm4mphfk] { color: var(--text); }

/* ── Top findings ── */
.finding-grid[b-gicm4mphfk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 12px;
}

.finding-card[b-gicm4mphfk] {
    padding: 14px 15px;
    border: 1px solid var(--border);
    border-left: 3px solid rgba(91, 138, 245, 0.55);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(91, 138, 245, 0.04), rgba(255, 255, 255, 0.01));
}

.finding-top[b-gicm4mphfk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.finding-rank[b-gicm4mphfk] { font-weight: 800; color: var(--cyan, #22d3ee); font-size: 13px; }

.finding-tag[b-gicm4mphfk] {
    font-size: 10px;
    letter-spacing: 1.2px;
    font-weight: 700;
    color: var(--cyan, #22d3ee);
    border: 1px solid rgba(91, 138, 245, 0.35);
    border-radius: 5px;
    padding: 2px 7px;
}

.finding-conf[b-gicm4mphfk] { margin-left: auto; font-size: 11px; color: var(--text-muted, var(--text3)); }

.finding-headline[b-gicm4mphfk] { font-weight: 700; font-size: 14px; color: var(--text); margin-bottom: 6px; }

.finding-detail[b-gicm4mphfk] { font-size: 12.5px; color: var(--text-secondary, var(--text2)); line-height: 1.5; margin-bottom: 8px; }

.finding-sowhat[b-gicm4mphfk] { font-size: 12.5px; color: var(--text); line-height: 1.5; }

.sowhat-label[b-gicm4mphfk] { color: #86efac; font-weight: 600; }

/* ── Generic table wrap ── */
.vault-table-wrap[b-gicm4mphfk] { overflow-x: auto; }

.cell-rec[b-gicm4mphfk] { font-size: 12px; color: var(--text-secondary, var(--text2)); max-width: 360px; line-height: 1.45; }

.opp-pill[b-gicm4mphfk] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid var(--border);
}

.opp-hot[b-gicm4mphfk] { color: #0a0a0a; background: #fbbf24; border-color: #fbbf24; }
.opp-cold[b-gicm4mphfk] { color: var(--negative, #ef4444); border-color: rgba(252, 165, 165, 0.4); }

/* ── Premiumization curve ── */
.premium-curve[b-gicm4mphfk] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    height: 200px;
    padding: 10px 4px 0;
}

.curve-col[b-gicm4mphfk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    border-radius: 8px;
    padding: 6px 4px;
}

.curve-col.is-frontier[b-gicm4mphfk] {
    background: linear-gradient(180deg, rgba(74, 222, 128, 0.10), transparent);
    box-shadow: inset 0 0 0 1px rgba(74, 222, 128, 0.3);
}

.curve-bars[b-gicm4mphfk] { display: flex; align-items: flex-end; gap: 5px; height: 130px; }

.curve-bar[b-gicm4mphfk] { width: 16px; border-radius: 4px 4px 0 0; min-height: 2px; transition: height .3s; }

.curve-gmv[b-gicm4mphfk] { background: linear-gradient(180deg, #fbbf24, #d97706); }
.curve-vol[b-gicm4mphfk] { background: linear-gradient(180deg, #6b7280, #374151); }

.curve-density[b-gicm4mphfk] { margin-top: 8px; font-weight: 800; font-size: 13px; color: #fbbf24; }
.curve-label[b-gicm4mphfk] { font-size: 11.5px; color: var(--text); font-weight: 600; margin-top: 2px; }
.curve-sub[b-gicm4mphfk] { font-size: 10.5px; color: var(--text-muted, var(--text3)); }

.curve-legend[b-gicm4mphfk] { margin-top: 12px; font-size: 11.5px; color: var(--text-secondary, var(--text2)); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.lg[b-gicm4mphfk] { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: middle; }
.lg-gmv[b-gicm4mphfk] { background: #fbbf24; }
.lg-vol[b-gicm4mphfk] { background: #6b7280; }
.lg-den[b-gicm4mphfk] { width: auto; color: #fbbf24; font-weight: 700; }
.lg-peak[b-gicm4mphfk] { background: #86efac; }

.frontier-key[b-gicm4mphfk] { color: #fbbf24; font-weight: 600; }

/* ── Concentration ── */
.conc-split[b-gicm4mphfk] { display: grid; grid-template-columns: 220px 1fr; gap: 24px; }

.conc-big[b-gicm4mphfk] { font-size: 40px; font-weight: 800; color: var(--cyan, #22d3ee); line-height: 1; }
.conc-big span[b-gicm4mphfk] { display: block; font-size: 12px; color: var(--text-muted, var(--text3)); letter-spacing: 2px; margin-top: 4px; }
.conc-verdict[b-gicm4mphfk] { margin: 10px 0; font-weight: 600; color: var(--text); }
.conc-list[b-gicm4mphfk] { list-style: none; padding: 0; margin: 0 0 12px; font-size: 12.5px; color: var(--text-secondary, var(--text2)); }
.conc-list li[b-gicm4mphfk] { padding: 3px 0; border-bottom: 1px solid var(--border); }
.conc-list strong[b-gicm4mphfk] { color: var(--text); }
.conc-rec[b-gicm4mphfk] { font-size: 12.5px; color: #86efac; line-height: 1.5; }

.conc-bars[b-gicm4mphfk] { display: flex; flex-direction: column; gap: 8px; }
.conc-row[b-gicm4mphfk] { display: grid; grid-template-columns: 130px 1fr 56px auto; align-items: center; gap: 10px; font-size: 12px; }
.conc-name[b-gicm4mphfk] { color: var(--text); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conc-track[b-gicm4mphfk] { height: 8px; border-radius: 4px; background: rgba(255, 255, 255, 0.06); overflow: hidden; }
.conc-fill[b-gicm4mphfk] { display: block; height: 100%; background: linear-gradient(90deg, var(--blue, #5b8af5), var(--cyan, #22d3ee)); }
.conc-pct[b-gicm4mphfk] { color: var(--cyan, #22d3ee); font-weight: 700; text-align: right; }
.conc-meta[b-gicm4mphfk] { color: var(--text-muted, var(--text3)); white-space: nowrap; }

/* ── Momentum quadrant badges ── */
.quad-badge[b-gicm4mphfk] { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; border: 1px solid var(--border); }
.quad-star[b-gicm4mphfk] { color: #0a0a0a; background: #86efac; border-color: #86efac; }
.quad-leader[b-gicm4mphfk] { color: var(--cyan, #22d3ee); border-color: rgba(91, 138, 245, 0.45); }
.quad-niche[b-gicm4mphfk] { color: var(--text-secondary, var(--text2)); }
.quad-decline[b-gicm4mphfk] { color: var(--negative, #ef4444); border-color: rgba(252, 165, 165, 0.35); }

/* ── Hidden champions ── */
.champ-grid[b-gicm4mphfk] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.champ-card[b-gicm4mphfk] { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: linear-gradient(180deg, rgba(134, 239, 172, 0.04), transparent); }
.champ-name[b-gicm4mphfk] { font-weight: 700; color: var(--text); margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.champ-metric[b-gicm4mphfk] { font-size: 26px; font-weight: 800; color: #86efac; line-height: 1; margin-bottom: 10px; }
.champ-metric span[b-gicm4mphfk] { display: block; font-size: 10.5px; color: var(--text-muted, var(--text3)); letter-spacing: 1px; font-weight: 500; margin-top: 3px; }
.champ-row[b-gicm4mphfk] { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-secondary, var(--text2)); padding: 3px 0; border-top: 1px solid var(--border); }
.champ-row strong[b-gicm4mphfk] { color: var(--text); }

/* ── Two-column section ── */
.vault-twocol[b-gicm4mphfk] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* ── Seasonality ── */
.season-chart[b-gicm4mphfk] { display: flex; align-items: flex-end; gap: 6px; height: 160px; padding-top: 8px; }
.season-col[b-gicm4mphfk] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.season-bar[b-gicm4mphfk] { width: 100%; max-width: 26px; border-radius: 4px 4px 0 0; min-height: 2px; background: linear-gradient(180deg, #6b7280, #374151); transition: height .3s; }
.season-bar.is-peak[b-gicm4mphfk] { background: linear-gradient(180deg, #86efac, #3f9c64); }
.season-label[b-gicm4mphfk] { font-size: 10px; color: var(--text-muted, var(--text3)); margin-top: 6px; }

@media (max-width: 1100px) {
    .conc-split[b-gicm4mphfk] { grid-template-columns: 1fr; }
    .vault-twocol[b-gicm4mphfk] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Logistics/ChinaCorridor.razor.rz.scp.css */
.corridor-shell[b-emld8lo1w1] {
    --corridor-bg: #071013;
    --corridor-panel: rgba(7, 16, 19, .92);
    --corridor-line: rgba(134, 213, 206, .2);
    --corridor-mint: #73e0c1;
    --corridor-cyan: #5fb9d6;
    --corridor-amber: #f1b85b;
    --corridor-red: #ee6c63;
    position: relative;
    height: min(780px, calc(100vh - 178px));
    min-height: 610px;
    overflow: hidden;
    border: 1px solid var(--corridor-line);
    border-radius: 6px;
    background: var(--corridor-bg);
    color: #edf7f5;
    font-family: Inter, "Segoe UI", sans-serif;
}

.corridor-commandbar[b-emld8lo1w1] {
    position: absolute;
    z-index: 20;
    inset: 0 0 auto 0;
    height: 58px;
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    padding: 0 18px;
    border-bottom: 1px solid var(--corridor-line);
    background: rgba(5, 13, 16, .9);
    backdrop-filter: blur(14px);
}

.corridor-identity[b-emld8lo1w1] { display: grid; gap: 2px; }
.corridor-kicker[b-emld8lo1w1] { color: #6e9694; font-size: 9px; letter-spacing: 1.8px; }
.corridor-identity strong[b-emld8lo1w1] { font-size: 13px; letter-spacing: .8px; }
.corridor-statuses[b-emld8lo1w1], .corridor-actions[b-emld8lo1w1] { display: flex; align-items: center; gap: 8px; }

.status-pill[b-emld8lo1w1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid var(--corridor-line);
    border-radius: 3px;
    color: #9ab7b4;
    font: 600 9px/1 "JetBrains Mono", Consolas, monospace;
    letter-spacing: .7px;
}

.status-pill i[b-emld8lo1w1] { width: 6px; height: 6px; border-radius: 50%; background: var(--corridor-mint); box-shadow: 0 0 10px var(--corridor-mint); }
.status-segment[b-emld8lo1w1] { border-color: rgba(95, 185, 214, .38); color: var(--corridor-cyan); }
.status-snapshot[b-emld8lo1w1] { border-color: rgba(241, 184, 91, .32); color: var(--corridor-amber); }
.scene-counter[b-emld8lo1w1] { color: #d7e9e6; font: 700 11px/1 "JetBrains Mono", Consolas, monospace; }

.icon-command[b-emld8lo1w1], .timeline-arrow[b-emld8lo1w1] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--corridor-line);
    border-radius: 3px;
    background: rgba(12, 27, 30, .8);
    color: #a9c8c4;
    font: 700 11px/1 "JetBrains Mono", Consolas, monospace;
    cursor: pointer;
}

.icon-command:hover[b-emld8lo1w1], .timeline-arrow:hover[b-emld8lo1w1] { border-color: var(--corridor-mint); color: var(--corridor-mint); }
.corridor-workspace[b-emld8lo1w1] { position: absolute; inset: 58px 0 70px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; transition: grid-template-columns .28s ease; }
.drawer-closed .corridor-workspace[b-emld8lo1w1] { grid-template-columns: minmax(0, 1fr) 0; }
.map-focus .corridor-workspace[b-emld8lo1w1] { grid-template-columns: minmax(0, 1fr) 0; }
.map-stage[b-emld8lo1w1] { position: relative; min-width: 0; overflow: hidden; background: #0a171b; }
.corridor-map[b-emld8lo1w1] { position: absolute; inset: 0; }
.map-vignette[b-emld8lo1w1] { position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 120px rgba(3, 8, 10, .8); background: linear-gradient(90deg, rgba(4, 11, 13, .82) 0, rgba(4, 11, 13, .22) 40%, transparent 68%); }

.corridor-fallback[b-emld8lo1w1] { position: absolute; inset: 0; overflow: hidden; background: #0a1b20; }
.fallback-grid[b-emld8lo1w1] { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(95, 185, 214, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(95, 185, 214, .2) 1px, transparent 1px); background-size: 64px 64px; transform: perspective(600px) rotateX(8deg) scale(1.1); }
.fallback-land[b-emld8lo1w1] { position: absolute; color: rgba(104, 145, 143, .42); font: 700 12px/1 "JetBrains Mono", Consolas, monospace; letter-spacing: 5px; }
.fallback-europe[b-emld8lo1w1] { left: 16%; top: 24%; }
.fallback-asia[b-emld8lo1w1] { right: 18%; top: 28%; }
.fallback-africa[b-emld8lo1w1] { left: 31%; bottom: 24%; }
.fallback-route[b-emld8lo1w1] { position: absolute; left: 22%; top: 54%; width: 57%; height: 2px; transform: rotate(-9deg); transform-origin: left; background: linear-gradient(90deg, var(--corridor-mint), var(--corridor-cyan), var(--corridor-amber)); box-shadow: 0 0 12px rgba(115, 224, 193, .7); }
.fallback-node[b-emld8lo1w1] { position: absolute; width: 10px; height: 10px; border: 2px solid #dffdf5; border-radius: 50%; background: var(--corridor-mint); box-shadow: 0 0 16px var(--corridor-mint); }
.node-origin[b-emld8lo1w1] { left: 21%; top: 52%; }.node-port[b-emld8lo1w1] { left: 25%; top: 55%; }.node-suez[b-emld8lo1w1] { left: 38%; top: 58%; }.node-ningbo[b-emld8lo1w1] { right: 20%; top: 41%; background: var(--corridor-amber); }
.mapbox-ready .corridor-fallback[b-emld8lo1w1] { display: none; }

.scene-copy[b-emld8lo1w1] { position: absolute; z-index: 5; left: 28px; top: 34px; width: min(500px, 48%); }
.scene-location[b-emld8lo1w1] { display: flex; align-items: center; gap: 12px; color: #9cb4b1; font: 600 11px/1.2 "JetBrains Mono", Consolas, monospace; text-transform: uppercase; }
.scene-location span[b-emld8lo1w1] { color: var(--corridor-mint); }
.scene-copy h1[b-emld8lo1w1] { margin: 14px 0 10px; max-width: 480px; color: #f2fbf9; font-size: clamp(28px, 4.2vh, 46px); line-height: 1; letter-spacing: 0; text-transform: uppercase; }
.scene-copy p[b-emld8lo1w1] { max-width: 430px; margin: 0; color: #b5c8c5; font-size: 13px; line-height: 1.6; }
.scene-evidence[b-emld8lo1w1] { display: flex; gap: 8px; margin-top: 17px; }
.scene-evidence span[b-emld8lo1w1] { padding: 6px 8px; border-left: 2px solid var(--corridor-amber); background: rgba(6, 15, 18, .68); color: #9fb4b1; font: 600 9px/1.2 "JetBrains Mono", Consolas, monospace; text-transform: uppercase; }
.scene-evidence span:first-child[b-emld8lo1w1] { color: var(--corridor-amber); }

.operations-chain[b-emld8lo1w1] { position: absolute; z-index: 6; top: 14px; right: 22px; display: flex; align-items: center; gap: 5px; max-width: calc(100% - 590px); padding: 7px 9px; border: 1px solid rgba(134, 213, 206, .14); background: rgba(5, 14, 17, .76); backdrop-filter: blur(8px); }
.chain-label[b-emld8lo1w1] { margin-right: 5px; color: #678683; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }
.chain-node[b-emld8lo1w1] { display: inline-flex; align-items: center; gap: 4px; color: #617c79; font: 700 7px/1 "JetBrains Mono", Consolas, monospace; white-space: nowrap; }
.chain-node[b-emld8lo1w1]::after { content: "/"; margin-left: 2px; color: #35504e; }
.chain-node:last-child[b-emld8lo1w1]::after { display: none; }
.chain-node i[b-emld8lo1w1] { width: 5px; height: 5px; border: 1px solid #54706d; border-radius: 50%; }
.chain-node.complete[b-emld8lo1w1] { color: #79a8a2; }
.chain-node.complete i[b-emld8lo1w1] { border-color: var(--corridor-cyan); background: var(--corridor-cyan); }
.chain-node.active[b-emld8lo1w1] { color: #f2fbf9; }
.chain-node.active i[b-emld8lo1w1] { border-color: var(--corridor-mint); background: var(--corridor-mint); box-shadow: 0 0 10px var(--corridor-mint); }

.scene-showpiece[b-emld8lo1w1] { position: absolute; z-index: 5; top: 73px; right: 28px; width: 330px; padding: 16px; border: 1px solid rgba(134, 213, 206, .21); background: rgba(5, 15, 18, .88); box-shadow: 0 18px 50px rgba(0, 0, 0, .28); backdrop-filter: blur(12px); animation: showpiece-in-b-emld8lo1w1 .45s ease both; }
.showpiece-label[b-emld8lo1w1] { display: block; margin-bottom: 13px; color: #789895; font: 700 8px/1.2 "JetBrains Mono", Consolas, monospace; letter-spacing: 1px; }

.dual-track-core[b-emld8lo1w1] { display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--corridor-line); }
.dual-track-core strong[b-emld8lo1w1] { color: #f3faf8; font-size: 22px; }
.dual-track-core span[b-emld8lo1w1] { color: var(--corridor-mint); font: 600 7px/1.2 "JetBrains Mono", Consolas, monospace; text-align: right; }
.dual-track-lanes[b-emld8lo1w1] { display: grid; gap: 7px; }
.dual-track-lanes div[b-emld8lo1w1] { position: relative; display: grid; grid-template-columns: 45px 1fr; gap: 3px 8px; padding: 10px; border-left: 3px solid var(--corridor-cyan); background: rgba(95, 185, 214, .07); }
.dual-track-lanes div:last-child[b-emld8lo1w1] { border-left-color: var(--corridor-amber); background: rgba(241, 184, 91, .06); }
.dual-track-lanes b[b-emld8lo1w1] { grid-row: 1 / 3; align-self: center; color: var(--corridor-cyan); font: 800 9px/1 "JetBrains Mono", Consolas, monospace; }
.dual-track-lanes div:last-child b[b-emld8lo1w1] { color: var(--corridor-amber); }
.dual-track-lanes strong[b-emld8lo1w1] { color: #e8f4f1; font-size: 12px; }
.dual-track-lanes small[b-emld8lo1w1] { color: #77918e; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }
.system-rail[b-emld8lo1w1] { display: flex; align-items: center; justify-content: space-between; margin-top: 13px; color: #88aaa6; font: 700 7px/1 "JetBrains Mono", Consolas, monospace; }
.system-rail i[b-emld8lo1w1] { width: 12px; height: 1px; background: #40615e; }

.portfolio-count[b-emld8lo1w1] { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--corridor-line); }
.portfolio-count strong[b-emld8lo1w1] { color: var(--corridor-mint); font: 800 58px/.85 "Segoe UI", sans-serif; }
.portfolio-count span[b-emld8lo1w1] { color: #acc5c1; font: 700 10px/1.3 "JetBrains Mono", Consolas, monospace; }
.selection-funnel[b-emld8lo1w1] { display: grid; justify-items: center; gap: 6px; padding: 11px 0 8px; }
.selection-funnel span[b-emld8lo1w1] { color: #789895; font: 600 8px/1 "JetBrains Mono", Consolas, monospace; }
.selection-funnel i[b-emld8lo1w1] { width: 72%; height: 1px; background: var(--corridor-cyan); box-shadow: 0 0 10px rgba(95,185,214,.45); }
.selection-funnel b[b-emld8lo1w1] { color: #fff; font-size: 21px; }
.selection-funnel small[b-emld8lo1w1] { color: var(--corridor-amber); font: 700 8px/1 "JetBrains Mono", Consolas, monospace; }
.selection-proof[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.selection-proof span[b-emld8lo1w1] { padding: 6px 3px; border: 1px solid rgba(115, 224, 193, .18); color: #789895; font: 600 6px/1 "JetBrains Mono", Consolas, monospace; text-align: center; }

.segment-shift-row[b-emld8lo1w1] { display: grid; grid-template-columns: 1fr 34px 1fr; align-items: center; gap: 4px; }
.segment-old[b-emld8lo1w1], .segment-new[b-emld8lo1w1] { display: grid; gap: 5px; padding: 10px; border: 1px solid rgba(238, 108, 99, .25); color: #b9817c; font: 800 11px/1 "JetBrains Mono", Consolas, monospace; }
.segment-new[b-emld8lo1w1] { border-color: rgba(115, 224, 193, .45); color: var(--corridor-mint); }
.segment-old small[b-emld8lo1w1], .segment-new small[b-emld8lo1w1] { color: #78918e; font-size: 7px; }
.shift-arrow[b-emld8lo1w1] { color: var(--corridor-amber); font-size: 22px; text-align: center; }
.segment-band[b-emld8lo1w1] { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px; margin-top: 9px; padding: 8px; border: 1px solid var(--corridor-line); }
.segment-band.active[b-emld8lo1w1] { border-color: rgba(115, 224, 193, .5); background: rgba(115, 224, 193, .07); }
.segment-band b[b-emld8lo1w1] { color: var(--corridor-mint); }
.segment-band span[b-emld8lo1w1] { color: #e1eeeb; font: 700 10px/1 "JetBrains Mono", Consolas, monospace; }
.segment-band small[b-emld8lo1w1] { color: #7c9a96; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }
.gmv-orbit[b-emld8lo1w1] { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.gmv-orbit strong[b-emld8lo1w1] { display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid var(--corridor-amber); border-radius: 50%; color: var(--corridor-amber); font-size: 25px; box-shadow: inset 0 0 22px rgba(241, 184, 91, .08), 0 0 22px rgba(241, 184, 91, .08); }
.gmv-orbit span[b-emld8lo1w1] { color: #afc3bf; font: 700 9px/1.5 "JetBrains Mono", Consolas, monospace; }

.sku-objects[b-emld8lo1w1] { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 22px; min-height: 145px; }
.bottle-object[b-emld8lo1w1], .tin-object[b-emld8lo1w1] { display: grid; justify-items: center; gap: 5px; color: #dcebe8; }
.bottle-object i[b-emld8lo1w1] { display: block; width: 42px; height: 95px; border: 2px solid var(--corridor-mint); border-radius: 8px 8px 4px 4px; background: rgba(115, 224, 193, .08); box-shadow: inset 0 -22px 25px rgba(115, 224, 193, .12), 0 0 18px rgba(115, 224, 193, .1); }
.bottle-object i[b-emld8lo1w1]::before { content: ""; display: block; width: 18px; height: 18px; margin: -20px auto 0; border: 2px solid var(--corridor-mint); border-bottom: 0; }
.tin-object i[b-emld8lo1w1] { display: block; width: 65px; height: 105px; border: 2px solid var(--corridor-amber); border-radius: 3px; background: rgba(241, 184, 91, .07); box-shadow: inset 0 0 0 5px rgba(241, 184, 91, .03), 0 0 18px rgba(241, 184, 91, .08); }
.bottle-object strong[b-emld8lo1w1], .tin-object strong[b-emld8lo1w1] { font-size: 14px; }
.bottle-object span[b-emld8lo1w1], .tin-object span[b-emld8lo1w1], .bottle-object small[b-emld8lo1w1], .tin-object small[b-emld8lo1w1] { color: #78918e; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }
.bottle-object small[b-emld8lo1w1] { color: var(--corridor-mint); }.tin-object small[b-emld8lo1w1] { color: var(--corridor-amber); }
.mix-bar[b-emld8lo1w1] { position: relative; display: flex; justify-content: space-between; margin-top: 12px; padding-top: 9px; border-top: 3px solid #253f3d; color: #78918e; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }
.mix-bar i[b-emld8lo1w1] { position: absolute; left: 0; top: -3px; width: 75%; height: 3px; background: var(--corridor-mint); }

.lane-showpiece[b-emld8lo1w1] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lane-showpiece .showpiece-label[b-emld8lo1w1], .tax-compare[b-emld8lo1w1] { grid-column: 1 / -1; }
.lane-ring[b-emld8lo1w1] { display: grid; place-items: center; align-content: center; aspect-ratio: 1; border: 2px solid var(--corridor-cyan); border-radius: 50%; box-shadow: inset 0 0 24px rgba(95, 185, 214, .08); }
.lane-ring.secondary[b-emld8lo1w1] { border-color: var(--corridor-amber); }
.lane-ring strong[b-emld8lo1w1] { color: #f4fbfa; font-size: 32px; line-height: .9; }.lane-ring > span[b-emld8lo1w1] { color: #8db5af; font-size: 11px; }
.lane-ring small[b-emld8lo1w1] { max-width: 95px; margin-top: 6px; color: #76918e; font: 600 6px/1.3 "JetBrains Mono", Consolas, monospace; text-align: center; }
.tax-compare[b-emld8lo1w1] { display: flex; align-items: center; justify-content: space-between; padding-top: 9px; border-top: 1px solid var(--corridor-line); color: #839b98; font: 600 8px/1 "JetBrains Mono", Consolas, monospace; }
.tax-compare strong[b-emld8lo1w1] { color: var(--corridor-mint); }.tax-compare s[b-emld8lo1w1] { color: var(--corridor-red); }

.finance-showpiece[b-emld8lo1w1] { width: 385px; }
.finance-head[b-emld8lo1w1] { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.finance-head strong[b-emld8lo1w1] { color: var(--corridor-amber); font: 700 8px/1.2 "JetBrains Mono", Consolas, monospace; text-align: right; }
.scenario-control[b-emld8lo1w1] { display: grid; grid-template-columns: 110px 1fr 46px; align-items: center; gap: 9px; margin: 10px 0; color: #91aaa7; font: 600 8px/1 "JetBrains Mono", Consolas, monospace; }
.scenario-control input[b-emld8lo1w1] { width: 100%; accent-color: var(--corridor-mint); }
.scenario-control b[b-emld8lo1w1] { color: #edf8f5; text-align: right; }
.finance-results[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 12px; }
.finance-results div[b-emld8lo1w1] { padding: 9px 7px; border-top: 1px solid var(--corridor-line); background: rgba(115, 224, 193, .04); }
.finance-results span[b-emld8lo1w1] { display: block; color: #6f8b88; font: 600 6px/1 "JetBrains Mono", Consolas, monospace; }
.finance-results strong[b-emld8lo1w1] { display: block; margin-top: 5px; color: var(--corridor-mint); font-size: 14px; }
.bulk-contrast[b-emld8lo1w1] { display: grid; grid-template-columns: auto auto 1fr auto auto; align-items: center; gap: 7px; margin-top: 10px; color: #718b88; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }
.bulk-contrast b[b-emld8lo1w1] { color: var(--corridor-red); }.bulk-contrast strong[b-emld8lo1w1] { color: var(--corridor-mint); }.bulk-contrast i[b-emld8lo1w1] { height: 1px; background: #35504d; }

.protocol-showpiece[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.protocol-showpiece .showpiece-label[b-emld8lo1w1], .signature-line[b-emld8lo1w1] { grid-column: 1 / -1; }
.protocol-phase[b-emld8lo1w1] { display: grid; gap: 5px; padding: 10px 6px; border-top: 2px solid #41615e; background: rgba(134, 213, 206, .04); }
.protocol-phase.complete[b-emld8lo1w1] { border-color: var(--corridor-mint); }
.protocol-phase b[b-emld8lo1w1] { color: #e3efed; font-size: 13px; }.protocol-phase span[b-emld8lo1w1] { color: #718d89; font: 600 6px/1.35 "JetBrains Mono", Consolas, monospace; }
.signature-line[b-emld8lo1w1] { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--corridor-line); }
.signature-line span[b-emld8lo1w1] { color: #708b87; font: 600 7px/1 "JetBrains Mono", Consolas, monospace; }.signature-line strong[b-emld8lo1w1] { color: var(--corridor-amber); font-size: 11px; }

.route-callout[b-emld8lo1w1] { position: absolute; z-index: 4; color: rgba(216, 238, 233, .8); font: 700 9px/1.25 "JetBrains Mono", Consolas, monospace; text-shadow: 0 2px 5px #000; }
.route-callout[b-emld8lo1w1]::before { content: ""; position: absolute; left: -12px; top: 2px; width: 6px; height: 6px; border-radius: 50%; background: var(--corridor-mint); box-shadow: 0 0 12px var(--corridor-mint); }
.route-callout small[b-emld8lo1w1] { color: #668b88; font-size: 8px; }
.origin-callout[b-emld8lo1w1] { left: 17%; bottom: 31%; }.port-callout[b-emld8lo1w1] { left: 29%; bottom: 18%; }.china-callout[b-emld8lo1w1] { right: 9%; top: 30%; }

.build-route[b-emld8lo1w1] { position: absolute; z-index: 6; left: 28px; bottom: 112px; display: grid; grid-template-columns: 30px auto; grid-template-rows: auto auto; align-items: center; column-gap: 10px; min-width: 230px; padding: 11px 14px; border: 1px solid rgba(115, 224, 193, .55); border-radius: 3px; background: rgba(8, 25, 26, .92); color: #eafff9; cursor: pointer; text-align: left; font: 700 11px/1.2 "JetBrains Mono", Consolas, monospace; }
.build-route:hover[b-emld8lo1w1] { border-color: var(--corridor-mint); box-shadow: 0 0 24px rgba(115, 224, 193, .12); }
.build-route:disabled[b-emld8lo1w1] { opacity: .65; cursor: progress; }
.build-route-mark[b-emld8lo1w1] { grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; background: var(--corridor-mint); color: #071313; }
.build-route small[b-emld8lo1w1] { color: #708f8c; font-size: 8px; font-weight: 500; }

.scene-kpis[b-emld8lo1w1] { position: absolute; z-index: 5; left: 28px; right: 28px; bottom: 22px; display: grid; grid-template-columns: repeat(3, minmax(130px, 190px)); gap: 8px; }
.scene-kpi[b-emld8lo1w1] { padding: 10px 12px; border-top: 1px solid var(--corridor-line); background: rgba(5, 14, 17, .76); backdrop-filter: blur(8px); }
.scene-kpi span[b-emld8lo1w1], .scene-kpi small[b-emld8lo1w1] { display: block; color: #72908e; font: 600 8px/1.2 "JetBrains Mono", Consolas, monospace; letter-spacing: .6px; }
.scene-kpi strong[b-emld8lo1w1] { display: block; margin: 3px 0; color: #eaf6f4; font-size: 17px; }

.intelligence-drawer[b-emld8lo1w1] { min-width: 0; overflow-x: hidden; overflow-y: auto; border-left: 1px solid var(--corridor-line); background: var(--corridor-panel); backdrop-filter: blur(16px); transition: opacity .2s ease, transform .28s ease; }
.drawer-closed .intelligence-drawer[b-emld8lo1w1], .map-focus .intelligence-drawer[b-emld8lo1w1] { opacity: 0; transform: translateX(100%); pointer-events: none; }
.drawer-head[b-emld8lo1w1] { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--corridor-line); }
.drawer-head > div[b-emld8lo1w1] { display: grid; gap: 5px; }
.drawer-head span[b-emld8lo1w1], .drawer-signal span[b-emld8lo1w1], .drawer-proof span[b-emld8lo1w1] { color: #668c88; font: 600 8px/1 "JetBrains Mono", Consolas, monospace; letter-spacing: 1.2px; }
.drawer-head strong[b-emld8lo1w1] { max-width: 220px; font-size: 14px; line-height: 1.1; }
.drawer-index[b-emld8lo1w1] { color: var(--corridor-mint) !important; font-size: 16px !important; }
.drawer-signal[b-emld8lo1w1] { padding: 20px 18px; border-bottom: 1px solid var(--corridor-line); }
.drawer-signal strong[b-emld8lo1w1] { display: block; margin: 8px 0; color: var(--corridor-mint); font-size: 24px; letter-spacing: 0; }
.drawer-signal p[b-emld8lo1w1], .drawer-proof p[b-emld8lo1w1] { margin: 0; color: #9eb2af; font-size: 11px; line-height: 1.55; }
.talk-track[b-emld8lo1w1] { margin: 0; padding: 16px 18px; border-bottom: 1px solid var(--corridor-line); background: rgba(241, 184, 91, .035); }
.talk-track span[b-emld8lo1w1] { color: var(--corridor-amber); font: 700 8px/1 "JetBrains Mono", Consolas, monospace; letter-spacing: .7px; }
.talk-track blockquote[b-emld8lo1w1] { margin: 9px 0 0; padding-left: 11px; border-left: 2px solid var(--corridor-amber); color: #dbe8e5; font-size: 11px; font-style: italic; line-height: 1.55; }
.drawer-facts[b-emld8lo1w1] { margin: 0; padding: 8px 18px; }
.drawer-facts div[b-emld8lo1w1] { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(134, 213, 206, .11); }
.drawer-facts dt[b-emld8lo1w1] { color: #658582; font: 600 9px/1.3 "JetBrains Mono", Consolas, monospace; }
.drawer-facts dd[b-emld8lo1w1] { margin: 0; color: #d6e6e3; font-size: 11px; text-align: right; }
.drawer-proof[b-emld8lo1w1] { margin: 12px 18px; padding: 13px; border: 1px solid rgba(241, 184, 91, .25); background: rgba(241, 184, 91, .04); }
.drawer-proof strong[b-emld8lo1w1] { display: block; margin: 7px 0; color: var(--corridor-amber); font: 700 11px/1 "JetBrains Mono", Consolas, monospace; }

.corridor-timeline[b-emld8lo1w1] { position: absolute; z-index: 20; inset: auto 0 0; height: 70px; display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 10px; padding: 0 14px; border-top: 1px solid var(--corridor-line); background: rgba(5, 13, 16, .96); }
.timeline-track[b-emld8lo1w1] { position: relative; display: grid; grid-template-columns: repeat(10, minmax(38px, 1fr)); align-items: start; }
.timeline-track[b-emld8lo1w1]::before { content: ""; position: absolute; top: 8px; left: 5%; right: 5%; height: 1px; background: var(--corridor-line); }
.timeline-stop[b-emld8lo1w1] { position: relative; z-index: 1; display: grid; justify-items: center; gap: 7px; min-width: 0; border: 0; background: transparent; color: #5d7c79; cursor: pointer; font: 600 8px/1 "JetBrains Mono", Consolas, monospace; }
.timeline-stop i[b-emld8lo1w1] { width: 8px; height: 8px; border: 2px solid #496966; border-radius: 50%; background: #071013; }
.timeline-stop span[b-emld8lo1w1] { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.timeline-stop.complete i[b-emld8lo1w1] { border-color: var(--corridor-cyan); background: var(--corridor-cyan); }
.timeline-stop.active[b-emld8lo1w1] { color: #e8f5f2; }
.timeline-stop.active i[b-emld8lo1w1] { width: 16px; border-color: var(--corridor-mint); border-radius: 2px; background: var(--corridor-mint); box-shadow: 0 0 13px rgba(115, 224, 193, .75); }

[b-emld8lo1w1] .mapboxgl-ctrl-group { border-radius: 3px; background: rgba(5, 15, 18, .9); }
[b-emld8lo1w1] .mapboxgl-ctrl-group button { filter: invert(1); }
[b-emld8lo1w1] .mapboxgl-ctrl-attrib { background: rgba(5, 15, 18, .72) !important; color: #8eaaa6; }
[b-emld8lo1w1] .mapboxgl-ctrl-attrib a { color: #a9c7c2; }

@keyframes showpiece-in-b-emld8lo1w1 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
    .corridor-shell[b-emld8lo1w1] { height: calc(100vh - 150px); min-height: 640px; }
    .corridor-commandbar[b-emld8lo1w1] { grid-template-columns: 1fr auto; }
    .corridor-statuses[b-emld8lo1w1] { display: none; }
    .corridor-workspace[b-emld8lo1w1] { grid-template-columns: 1fr; }
    .intelligence-drawer[b-emld8lo1w1] { position: absolute; z-index: 12; top: 0; right: 0; bottom: 0; width: min(320px, 88vw); }
    .drawer-closed .intelligence-drawer[b-emld8lo1w1] { display: block; }
    .scene-copy[b-emld8lo1w1] { width: calc(100% - 40px); left: 20px; }
    .scene-copy h1[b-emld8lo1w1] { font-size: 30px; }
    .build-route[b-emld8lo1w1] { left: 20px; bottom: 116px; }
    .scene-kpis[b-emld8lo1w1] { left: 20px; right: 20px; }
    .route-callouts[b-emld8lo1w1] { display: none; }
    .operations-chain[b-emld8lo1w1] { display: none; }
    .scene-showpiece[b-emld8lo1w1] { top: auto; right: 20px; bottom: 112px; width: min(330px, calc(100% - 40px)); }
    .build-route[b-emld8lo1w1] { display: none; }
    .scene-kpis[b-emld8lo1w1] { right: 370px; }
}

@media (max-width: 640px) {
    .corridor-shell[b-emld8lo1w1] { border-radius: 0; min-height: 680px; }
    .corridor-commandbar[b-emld8lo1w1] { height: 62px; padding: 0 12px; }
    .corridor-identity strong[b-emld8lo1w1] { font-size: 10px; }
    .corridor-kicker[b-emld8lo1w1] { font-size: 7px; }
    .corridor-workspace[b-emld8lo1w1] { inset: 62px 0 84px; }
    .scene-copy[b-emld8lo1w1] { top: 22px; }
    .scene-copy h1[b-emld8lo1w1] { font-size: 25px; }
    .scene-copy p[b-emld8lo1w1] { font-size: 11px; }
    .scene-evidence[b-emld8lo1w1] { flex-wrap: wrap; }
    .scene-showpiece[b-emld8lo1w1] { display: none; }
    .scene-kpis[b-emld8lo1w1] { right: 20px; bottom: 18px; grid-template-columns: 1fr 1fr; }
    .scene-kpis .scene-kpi:nth-child(3)[b-emld8lo1w1] { display: none; }
    .scene-kpi strong[b-emld8lo1w1] { font-size: 13px; }
    .corridor-timeline[b-emld8lo1w1] { height: 84px; padding: 0 8px; grid-template-columns: 32px minmax(0, 1fr) 32px; gap: 4px; }
    .timeline-stop span[b-emld8lo1w1] { display: none; }
    .timeline-arrow[b-emld8lo1w1] { width: 30px; }
}

@media (prefers-reduced-motion: reduce) {
    .corridor-workspace[b-emld8lo1w1], .intelligence-drawer[b-emld8lo1w1], .scene-showpiece[b-emld8lo1w1] { transition: none; animation: none; }
}

/* The 3D stage owns the surface; narrative and decisions sit at its edges. */
.corridor-shell[b-emld8lo1w1] { container-type: inline-size; height: max(740px, calc(100dvh - 160px)); max-height: 1080px; letter-spacing: 0; }
.corridor-shell *[b-emld8lo1w1], .corridor-shell[b-emld8lo1w1]  * { box-sizing: border-box; letter-spacing: 0; }
.corridor-shell.presentation-mode[b-emld8lo1w1] { position: fixed; inset: 10px; z-index: 1100; width: auto; height: auto; min-height: 0; max-height: none; box-shadow: 0 0 0 12px #03090d; }
.corridor-shell:fullscreen[b-emld8lo1w1] { width: 100vw; height: 100dvh; inset: 0; max-height: none; border: 0; border-radius: 0; }
.corridor-commandbar[b-emld8lo1w1] { height: 72px; padding: 0 26px; gap: 16px; background: #071015; backdrop-filter: none; grid-template-columns: minmax(190px,1fr) auto auto; }
.corridor-identity[b-emld8lo1w1] { gap: 7px; }.corridor-identity strong[b-emld8lo1w1] { font-size: 16px; }.corridor-kicker[b-emld8lo1w1] { font-size: 9px; color: #829a9f; }
.identity-separator[b-emld8lo1w1] { color: #597075; padding: 0 8px; }
.corridor-actions[b-emld8lo1w1] { gap: 5px; }.icon-command[b-emld8lo1w1] { width: 34px; height: 34px; font-size: 12px; }
.icon-command[aria-pressed="true"][b-emld8lo1w1] { color: #f4c47a; border-color: #bd9657; }
.view-switch[b-emld8lo1w1] { display: flex; height: 34px; margin-right: 10px; border: 1px solid #2c4249; border-radius: 4px; overflow: hidden; }
.view-switch button[b-emld8lo1w1] { border: 0; border-right: 1px solid #2c4249; background: transparent; color: #839b9f; padding: 0 12px; font: 600 11px/1 Inter,"Segoe UI",sans-serif; cursor: pointer; white-space: nowrap; }
.view-switch button:last-child[b-emld8lo1w1] { border-right: 0; }.view-switch button.selected[b-emld8lo1w1] { color: #b5f3e3; background: #19362f; }.view-switch i[b-emld8lo1w1] { margin-right: 5px; }
.corridor-workspace[b-emld8lo1w1] { inset: 72px 0 88px; grid-template-columns: minmax(0,1fr) 300px; }
.corridor-world[b-emld8lo1w1] { position: absolute; inset: 0; overflow: hidden; background: #03090d; }
.corridor-world[b-emld8lo1w1]  canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.corridor-world[b-emld8lo1w1]  .world-labels { position: absolute; inset: 0; pointer-events: none; }
.corridor-world[b-emld8lo1w1]  .world-port { position: absolute; top: 0; left: 0; display: grid; gap: 3px; padding: 5px 7px; min-width: 65px; border: 0; border-top: 1px solid var(--port-color); color: #ebf6f3; background: rgba(3,9,13,.72); cursor: pointer; pointer-events: auto; text-align: center; }
.corridor-world[b-emld8lo1w1]  .world-port[hidden] { display: none; }
.corridor-world[b-emld8lo1w1]  .world-port strong { font: 600 10px/1.2 Inter,"Segoe UI",sans-serif; color: var(--port-color); }
.corridor-world[b-emld8lo1w1]  .world-port span { font: 400 8px/1.2 Inter,"Segoe UI",sans-serif; color: #aabdc0; }
.corridor-world[b-emld8lo1w1]  .world-port:hover { background: #17302f; outline: 1px solid var(--port-color); }
.corridor-world[b-emld8lo1w1]  .world-port:focus-visible { outline: 2px solid white; }
.corridor-shell[data-view="world"] .corridor-map[b-emld8lo1w1] { visibility: hidden; pointer-events: none; }
.corridor-shell[data-view="map"] .corridor-world[b-emld8lo1w1] { visibility: hidden; pointer-events: none; }
.corridor-shell[data-view="map"] .world-controls[b-emld8lo1w1] { display: none; }
.map-vignette[b-emld8lo1w1] { z-index: 2; background: linear-gradient(90deg,rgba(3,9,13,.93),rgba(3,9,13,.28) 23%,transparent 39%,transparent 70%,rgba(3,9,13,.25) 100%); box-shadow: inset 0 -90px 90px -60px #03090d; }
.route-callouts[b-emld8lo1w1] { display: none; }
.scene-copy[b-emld8lo1w1] { left: 30px; top: 60px; width: 300px; z-index: 5; pointer-events: none; }
.scene-location[b-emld8lo1w1] { display: grid; gap: 9px; line-height: 1.4; font-size: 9px; }
.scene-location span[b-emld8lo1w1] { color: #7ce9d1; font-size: 10px; }
.scene-copy h1[b-emld8lo1w1] { font-size: 34px; line-height: 1.15; max-width: none; margin: 18px 0 15px; text-wrap: balance; overflow-wrap: anywhere; text-transform: none; }
.scene-copy p[b-emld8lo1w1] { font-size: 12px; line-height: 1.7; color: #9eafb3; }
.scene-evidence[b-emld8lo1w1] { display: grid; gap: 8px; max-width: 270px; margin-top: 22px; }
.scene-evidence span[b-emld8lo1w1] { font-size: 8px; line-height: 1.5; padding: 2px 9px; background: transparent; }
.operations-chain[b-emld8lo1w1] { left: 30px; right: 30px; top: 18px; max-width: none; justify-content: center; border: 0; border-bottom: 1px solid #23343b; padding: 0 0 12px; background: transparent; backdrop-filter: none; gap: 15px; }
.chain-label[b-emld8lo1w1] { font-size: 8px; }.chain-node[b-emld8lo1w1] { font-size: 8px; gap: 7px; }.chain-node[b-emld8lo1w1]::after { margin-left: 8px; }
.scene-showpiece[b-emld8lo1w1] { top: 68px; right: 30px; width: 265px; padding: 0 0 0 18px; border: 0; border-left: 1px solid #34454a; box-shadow: none; background: rgba(3,9,13,.4); backdrop-filter: none; }
.showpiece-label[b-emld8lo1w1] { color: #91aaae; font-size: 9px; margin-bottom: 18px; line-height: 1.5; }
.dual-track-core[b-emld8lo1w1] { display: grid; gap: 8px; }.dual-track-core strong[b-emld8lo1w1] { font-size: 22px; }.dual-track-core span[b-emld8lo1w1] { text-align: left; font-size: 8px; }
.dual-track-lanes div[b-emld8lo1w1] { grid-template-columns: 35px 1fr; padding: 10px 7px; }.dual-track-lanes strong[b-emld8lo1w1] { font-size: 11px; }.dual-track-lanes small[b-emld8lo1w1] { line-height: 1.5; }
.portfolio-count strong[b-emld8lo1w1] { font-size: 76px; }.selection-proof[b-emld8lo1w1] { grid-template-columns: 1fr 1fr; }.selection-proof span[b-emld8lo1w1] { font-size: 8px; }
.segment-shift-row[b-emld8lo1w1] { grid-template-columns: 1fr 18px 1fr; }.segment-old[b-emld8lo1w1],.segment-new[b-emld8lo1w1] { font-size: 9px; padding: 9px 5px; }.segment-band[b-emld8lo1w1] { grid-template-columns: 25px 1fr; }.segment-band small[b-emld8lo1w1] { grid-column: 1/-1; font-size: 8px; }
.gmv-orbit[b-emld8lo1w1] { margin-top: 20px; }.gmv-orbit strong[b-emld8lo1w1] { font-size: 30px; width: 82px; height: 82px; }
.sku-objects[b-emld8lo1w1] { min-height: 0; gap: 12px; }.sku-objects i[b-emld8lo1w1] { display: none; }.sku-objects strong[b-emld8lo1w1] { font-size: 24px; }.sku-objects span[b-emld8lo1w1],.sku-objects small[b-emld8lo1w1] { font-size: 8px; line-height: 1.4; text-align: center; }
.product-model-note[b-emld8lo1w1] { display: block; margin-top: 16px; color: #889b9e; font-size: 9px; }
.lane-showpiece[b-emld8lo1w1] { gap: 8px; }.lane-ring[b-emld8lo1w1] { border-width: 1px; }.lane-ring strong[b-emld8lo1w1] { font-size: 34px; }.lane-ring small[b-emld8lo1w1] { font-size: 7px; }
.warehouse-gate[b-emld8lo1w1] { grid-column: 1 / -1; display: flex; gap: 8px; padding: 12px 0; border-bottom: 1px solid #34454a; color: #b5c8c5; font-size: 10px; line-height: 1.6; }
.warehouse-lane[b-emld8lo1w1] { grid-column: 1 / -1; display: grid; gap: 5px; padding: 8px 0; }
.warehouse-lane b[b-emld8lo1w1] { color: #7bc9ee; font-size: 10px; }.warehouse-lane.domestic b[b-emld8lo1w1] { color: #ffab83; }
.warehouse-lane span[b-emld8lo1w1] { color: #e0ecea; font-size: 11px; }.warehouse-lane small[b-emld8lo1w1] { color: #a1b2b4; font-size: 9px; }
.market-position[b-emld8lo1w1] { display: grid; gap: 10px; margin-bottom: 16px; }.market-position > strong[b-emld8lo1w1] { color: #ecf6f3; font-size: 30px; line-height: 1.2; }.market-position strong small[b-emld8lo1w1] { color: #a9bebb; font-size: 13px; }.market-position > span[b-emld8lo1w1] { color: #b7c9c7; font-size: 12px; }
.presentation-mode .status-runtime[b-emld8lo1w1] { display: none; }
.finance-scope[b-emld8lo1w1] { display: grid; grid-template-columns: 1fr auto; gap: 8px; border-top: 1px solid #34454a; padding-top: 12px; margin-top: 8px; font-size: 10px; color: #afc4c1; }
.finance-scope strong[b-emld8lo1w1] { color: #7ce9d1; font-size: 16px; }.finance-scope small[b-emld8lo1w1] { grid-column: 1 / -1; font-size: 9px; line-height: 1.6; }
.finance-showpiece[b-emld8lo1w1] { width: 310px; padding: 16px; background: rgba(7,18,23,.94); border: 1px solid #35484c; border-radius: 4px; }
.finance-head[b-emld8lo1w1] { display: grid; gap: 1px; }.finance-head strong[b-emld8lo1w1] { text-align: left; margin-bottom: 12px; }.finance-head .showpiece-label[b-emld8lo1w1] { margin-bottom: 5px; }
.scenario-control[b-emld8lo1w1] { grid-template-columns: 96px 1fr 42px; font-size: 9px; gap: 5px; min-height: 30px; }.scenario-control input[b-emld8lo1w1] { min-width: 0; }
.finance-results[b-emld8lo1w1] { grid-template-columns: 1fr; gap: 0; }.finance-results div[b-emld8lo1w1] { display: flex; justify-content: space-between; align-items: center; padding: 10px 3px; background: transparent; }.finance-results span[b-emld8lo1w1] { font-size: 8px; }.finance-results strong[b-emld8lo1w1] { margin: 0; font-size: 20px; }
.bulk-contrast[b-emld8lo1w1] { grid-template-columns: 1fr auto; gap: 8px; font-size: 8px; }.bulk-contrast i[b-emld8lo1w1] { display: none; }
.protocol-showpiece[b-emld8lo1w1] { grid-template-columns: 1fr 1fr; }.protocol-phase[b-emld8lo1w1] { padding: 14px 8px; }.protocol-phase b[b-emld8lo1w1] { font-size: 18px; }.protocol-phase span[b-emld8lo1w1] { font-size: 8px; }
.world-controls[b-emld8lo1w1] { position: absolute; z-index: 6; right: 28px; bottom: 35px; display: flex; gap: 5px; }
.world-controls button[b-emld8lo1w1] { width: 32px; height: 32px; border: 1px solid #31444a; border-radius: 3px; background: #0a171d; color: #b2cdce; cursor: pointer; }
.world-controls button:hover[b-emld8lo1w1] { color: #7ce9d1; border-color: #7ce9d1; }
.flow-key[b-emld8lo1w1] { position: absolute; z-index: 5; bottom: 92px; left: 50%; transform: translateX(-50%); display: flex; gap: 18px; color: #9bb0b3; font-size: 9px; pointer-events: none; white-space: nowrap; }
.flow-key span[b-emld8lo1w1] { display: flex; gap: 5px; align-items: center; }.flow-key i[b-emld8lo1w1] { width: 16px; height: 2px; background: #7ce9d1; }.flow-key .trade-key[b-emld8lo1w1] { background: #ffaf83; }.flow-key .cash-key[b-emld8lo1w1] { background: #e6b4ee; }
.build-route[b-emld8lo1w1] { left: 30px; bottom: 122px; min-width: 214px; border-color: #507c72; background: #0b211f; font-size: 10px; }
.scene-kpis[b-emld8lo1w1] { left: 30px; right: auto; bottom: 26px; grid-template-columns: repeat(3,minmax(100px,155px)); gap: 14px; }
.scene-kpi[b-emld8lo1w1] { padding: 11px 0 0; background: transparent; backdrop-filter: none; }.scene-kpi strong[b-emld8lo1w1] { font-size: 24px; line-height: 1.3; white-space: nowrap; }.scene-kpi span[b-emld8lo1w1],.scene-kpi small[b-emld8lo1w1] { font-size: 8px; line-height: 1.6; }
.intelligence-drawer[b-emld8lo1w1] { background: #0b151b; backdrop-filter: none; }.drawer-signal[b-emld8lo1w1] { padding: 18px; }.drawer-proof[b-emld8lo1w1] { border: 0; border-top: 1px solid #4b4231; margin: 8px 18px; padding: 16px 0; }
.corridor-timeline[b-emld8lo1w1] { height: 88px; gap: 18px; padding: 0 28px; background: #081117; }
.timeline-track[b-emld8lo1w1] { grid-template-columns: repeat(10,minmax(0,1fr)); }.timeline-stop[b-emld8lo1w1] { gap: 8px; min-height: 50px; font-size: 10px; padding: 0 2px; }.timeline-stop small[b-emld8lo1w1] { font: 400 8px/1 monospace; color: #688389; }
.timeline-stop.active small[b-emld8lo1w1] { color: #b2d5ce; }.timeline-stop span[b-emld8lo1w1] { overflow: visible; white-space: normal; line-height: 1.2; text-align: center; }.timeline-stop.active[b-emld8lo1w1] { color: #7ce9d1; }
.corridor-shell button:focus-visible[b-emld8lo1w1] { outline: 2px solid #b9f9e7; outline-offset: 3px; }
@container (max-width: 1100px) {
    .corridor-statuses[b-emld8lo1w1] { display: none; }.corridor-commandbar[b-emld8lo1w1] { grid-template-columns: 1fr auto; }
    .corridor-workspace[b-emld8lo1w1] { grid-template-columns: minmax(0,1fr); }.intelligence-drawer[b-emld8lo1w1] { position: absolute; right: 0; top: 0; bottom: 0; width: min(320px,100%); z-index: 12; }
    .scene-copy[b-emld8lo1w1] { width: 245px; left: 22px; }.scene-copy h1[b-emld8lo1w1] { font-size: 28px; }
    .scene-showpiece[b-emld8lo1w1] { width: 230px; right: 22px; }.finance-showpiece[b-emld8lo1w1] { width: 275px; }
    .chain-label[b-emld8lo1w1] { display: none; }.operations-chain[b-emld8lo1w1] { gap: 8px; }.scene-kpi strong[b-emld8lo1w1] { font-size: 20px; }
    .flow-key[b-emld8lo1w1] { bottom: 106px; }.scene-kpis[b-emld8lo1w1] { grid-template-columns: repeat(3,minmax(90px,140px)); }
}
@media(max-width: 980px) {
    .scene-copy[b-emld8lo1w1] { top: 62px; }.scene-showpiece[b-emld8lo1w1] { bottom: auto; }.build-route[b-emld8lo1w1] { display: grid; }.scene-kpis[b-emld8lo1w1] { right: auto; }
}
.mobile-play[b-emld8lo1w1] { display: none; }
.product-switch[b-emld8lo1w1] { position: absolute; z-index: 7; left: 50%; bottom: 100px; transform: translateX(-50%); background: #091515; height: 34px; white-space: nowrap; }
.corridor-shell[data-scene="3"] .flow-key[b-emld8lo1w1] { display: none; }
.brand-reference[b-emld8lo1w1] { display: block; width: 100%; height: 260px; object-fit: contain; margin: 8px 0; }
@media(max-width: 640px) {
    .mobile-play[b-emld8lo1w1] { display: grid; }
    .product-switch[b-emld8lo1w1] { bottom: 103px; height: 29px; }
    .corridor-shell.presentation-mode[b-emld8lo1w1] { inset: 0; border-radius: 0; }
    .corridor-commandbar[b-emld8lo1w1] { height: 98px; padding: 12px 14px; grid-template-columns: 1fr; gap: 10px; }
    .corridor-identity[b-emld8lo1w1] { gap: 4px; }.corridor-identity strong[b-emld8lo1w1] { font-size: 13px; }.corridor-kicker[b-emld8lo1w1] { font-size: 7px; }
    .corridor-actions[b-emld8lo1w1] { gap: 4px; }.icon-command[b-emld8lo1w1] { width: 29px; height: 29px; }.view-switch[b-emld8lo1w1] { height: 29px; margin-right: auto; }.view-switch button[b-emld8lo1w1] { padding: 0 9px; font-size: 10px; }
    .corridor-workspace[b-emld8lo1w1] { inset: 98px 0 67px; }.corridor-timeline[b-emld8lo1w1] { height: 67px; padding: 0 10px; gap: 5px; grid-template-columns: 26px 1fr 26px; }
    .timeline-arrow[b-emld8lo1w1] { width: 26px; height: 28px; }.timeline-track[b-emld8lo1w1] { grid-template-columns: repeat(10,minmax(0,1fr)); }.timeline-stop[b-emld8lo1w1] { min-height: 36px; gap: 7px; }.timeline-stop span[b-emld8lo1w1] { display: none; }.timeline-stop small[b-emld8lo1w1] { font-size: 8px; }
    .scene-copy[b-emld8lo1w1] { left: 18px; top: 18px; width: calc(100% - 36px); }.scene-location[b-emld8lo1w1] { display: flex; flex-wrap: wrap; gap: 8px; font-size: 8px; }.scene-copy h1[b-emld8lo1w1] { font-size: 23px; line-height: 1.1; margin: 10px 0 9px; max-width: 320px; text-wrap: pretty; }.scene-copy p[b-emld8lo1w1] { font-size: 10px; line-height: 1.5; max-width: 340px; }.scene-evidence[b-emld8lo1w1] { display: none; }
    .map-vignette[b-emld8lo1w1] { background: linear-gradient(180deg,rgba(3,9,13,.95),rgba(3,9,13,.1) 32%,transparent 75%,rgba(3,9,13,.6)); box-shadow: none; }
    .scene-showpiece[b-emld8lo1w1] { display: none; }.finance-showpiece[b-emld8lo1w1] { display: block; top: 185px; bottom: auto; left: 18px; right: 18px; width: auto; padding: 12px; }
    .finance-results div[b-emld8lo1w1] { padding: 5px 0; }.finance-results strong[b-emld8lo1w1] { font-size: 17px; }.finance-head strong[b-emld8lo1w1] { margin-bottom: 2px; }.scenario-control[b-emld8lo1w1] { margin: 3px 0; }
    .bulk-contrast[b-emld8lo1w1] { display: none; }.showpiece-label[b-emld8lo1w1] { font-size: 8px; }.flow-key[b-emld8lo1w1] { bottom: 89px; gap: 10px; font-size: 7px; }
    .world-controls[b-emld8lo1w1] { right: 16px; bottom: 117px; flex-direction: column; }.world-controls button[b-emld8lo1w1] { width: 28px; height: 28px; }
    .corridor-shell[data-scene="8"] .world-controls[b-emld8lo1w1] { top: 145px; bottom: auto; flex-direction: row; }
    .build-route[b-emld8lo1w1] { display: none; }.scene-kpis[b-emld8lo1w1] { left: 18px; right: 18px; bottom: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }.scene-kpis .scene-kpi:nth-child(3)[b-emld8lo1w1] { display: block; }.scene-kpi strong[b-emld8lo1w1] { font-size: 15px; }.scene-kpi span[b-emld8lo1w1],.scene-kpi small[b-emld8lo1w1] { font-size: 7px; }.scene-kpi strong[b-emld8lo1w1] { white-space: normal; overflow-wrap: anywhere; }
    .corridor-world[b-emld8lo1w1]  .world-port strong { font-size: 8px; }.corridor-world[b-emld8lo1w1]  .world-port span { font-size: 7px; }
}
@media(max-height: 700px) and (min-width: 641px) {
    .scene-copy h1[b-emld8lo1w1] { font-size: 26px; }.scene-copy[b-emld8lo1w1] { top: 50px; }.scene-copy p[b-emld8lo1w1] { font-size: 10px; }.scene-evidence[b-emld8lo1w1] { margin-top: 10px; }.scene-showpiece[b-emld8lo1w1] { top: 50px; }.scene-kpi strong[b-emld8lo1w1] { font-size: 18px; }.build-route[b-emld8lo1w1] { bottom: 100px; }.flow-key[b-emld8lo1w1] { display: none; }
}

/* Shipment playback shares one clock across the map, stock and event history. */
.tracking-mode .corridor-workspace[b-emld8lo1w1] { bottom: 0; grid-template-columns: minmax(0,1fr); }
.tracking-mode .scene-copy[b-emld8lo1w1],.tracking-mode .scene-showpiece[b-emld8lo1w1],.tracking-mode .operations-chain[b-emld8lo1w1],
.tracking-mode .scene-kpis[b-emld8lo1w1],.tracking-mode .build-route[b-emld8lo1w1],.tracking-mode .corridor-timeline[b-emld8lo1w1],
.tracking-mode .intelligence-drawer[b-emld8lo1w1],.tracking-mode .flow-key[b-emld8lo1w1],.tracking-mode .product-switch[b-emld8lo1w1],
.tracking-mode .scene-counter[b-emld8lo1w1],.tracking-mode .status-snapshot[b-emld8lo1w1],.tracking-mode .mobile-play[b-emld8lo1w1],
.tracking-mode .corridor-actions > .icon-command:not([aria-label="Tam ekran"]):not([aria-label="Sunum sahnesini aç veya kapat"])[b-emld8lo1w1] { display: none; }
.tracking-surface[b-emld8lo1w1] { position: absolute; inset: 0; z-index: 6; pointer-events: none; }
.tracking-surface[hidden][b-emld8lo1w1] { display: none; }
.tracking-heading[b-emld8lo1w1] { position: absolute; top: 24px; left: 28px; max-width: 460px; }
.tracking-badge[b-emld8lo1w1] { display: inline-flex; align-items: center; gap: 8px; color: #e7bc76; font-size: 9px; line-height: 1.5; }
.tracking-heading h1[b-emld8lo1w1] { margin: 12px 0 8px; font-size: 27px; line-height: 1.2; text-wrap: balance; color: #f2f7f5; }
.tracking-heading p[b-emld8lo1w1] { margin: 0; font-size: 12px; color: #a6c3c2; }
.tracking-telemetry[b-emld8lo1w1] { position: absolute; top: 185px; left: 28px; display: grid; gap: 10px; width: 225px; padding: 14px 0; border-top: 1px solid #3c5358; }
.tracking-label[b-emld8lo1w1] { display: block; color: #8ea5a8; font: 600 9px/1.5 "JetBrains Mono",Consolas,monospace; }
.tracking-telemetry > strong[b-emld8lo1w1] { font-size: 19px; color: #7ce9d1; }.tracking-telemetry > span:not(.tracking-label)[b-emld8lo1w1] { color: #91adb1; font-size: 10px; }
.tracking-telemetry dl[b-emld8lo1w1] { margin: 10px 0; display: grid; gap: 15px; }
.tracking-telemetry dl div[b-emld8lo1w1] { display: grid; gap: 5px; }.tracking-telemetry dt[b-emld8lo1w1] { font-size: 10px; font-weight: 400; color: #9bb0b5; }.tracking-telemetry dd[b-emld8lo1w1] { margin: 0; color: #f5f7f4; font-size: 22px; font-variant-numeric: tabular-nums; }
.tracking-telemetry dl div[hidden][b-emld8lo1w1] { display: none; }
.tracking-next[b-emld8lo1w1] { border-top: 1px solid #30464b; padding-top: 14px; display: grid; gap: 7px; }.tracking-next span[b-emld8lo1w1] { font-size: 9px; color: #91adb1; }.tracking-next strong[b-emld8lo1w1] { font-size: 12px; font-weight: 500; line-height: 1.6; }
.tracking-ledger[b-emld8lo1w1] { position: absolute; right: 28px; top: 26px; width: 260px; background: rgba(5,16,21,.88); padding: 18px; border: 1px solid #2f474c; border-radius: 4px; }
.tracking-stock[b-emld8lo1w1] { display: grid; gap: 0; margin: 12px 0 24px; }.tracking-stock div[b-emld8lo1w1] { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #263c40; }
.tracking-stock dt[b-emld8lo1w1] { font-size: 11px; color: #a6b9b8; font-weight: 400; }.tracking-stock dd[b-emld8lo1w1] { margin: 0; font-size: 18px; font-variant-numeric: tabular-nums; }.tracking-stock div:last-child dd[b-emld8lo1w1] { color: #7ce9d1; }
.tracking-events[b-emld8lo1w1] { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 12px; }
.tracking-events[b-emld8lo1w1]  li { display: grid; grid-template-columns: 27px 1fr; gap: 7px; font-size: 10px; line-height: 1.5; color: #a7b9ba; }
.tracking-events[b-emld8lo1w1]  time { color: #7ce9d1; font-family: Consolas,monospace; }.tracking-events[b-emld8lo1w1]  li:first-child { color: #e1ecea; }
.tracking-playback[b-emld8lo1w1] { position: absolute; bottom: 22px; left: 28px; right: 28px; pointer-events: auto; background: rgba(5,17,22,.97); padding: 14px 18px 10px; border: 1px solid #355257; border-radius: 4px; }
.tracking-controls[b-emld8lo1w1] { display: flex; align-items: center; gap: 12px; }
.tracking-controls button[b-emld8lo1w1] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid #385359; border-radius: 3px; color: #c5dbd9; background: #12282d; cursor: pointer; }
.tracking-controls .tracking-play[b-emld8lo1w1] { background: #75e3c4; color: #082324; border-color: #75e3c4; width: 42px; height: 42px; font-size: 15px; }
.tracking-clock[b-emld8lo1w1] { display: grid; gap: 4px; min-width: 95px; margin-right: 10px; }.tracking-clock strong[b-emld8lo1w1] { font-size: 18px; font-variant-numeric: tabular-nums; }.tracking-clock span[b-emld8lo1w1] { color: #9ab0b4; font: 11px Consolas,monospace; }
.tracking-controls label[b-emld8lo1w1] { display: flex; align-items: center; gap: 8px; color: #9db8b8; font-size: 10px; }.tracking-controls select[b-emld8lo1w1] { height: 34px; max-width: 155px; background: #11252b; color: #e0ece8; border: 1px solid #355257; border-radius: 3px; padding: 0 9px; font: 11px Inter,"Segoe UI",sans-serif; }
.tracking-controls .tracking-follow[b-emld8lo1w1] { width: auto; padding: 0 12px; margin-left: auto; font-size: 11px; }.tracking-follow[aria-pressed="true"][b-emld8lo1w1] { color: #7ce9d1; border-color: #7ce9d1; }.tracking-percent[b-emld8lo1w1] { min-width: 42px; text-align: right; font-size: 19px; color: #7ce9d1; }
.tracking-playback > input[b-emld8lo1w1] { width: 100%; height: 18px; margin: 11px 0 4px; accent-color: #75e3c4; cursor: ew-resize; }
.tracking-checkpoints[b-emld8lo1w1] { display: flex; justify-content: space-between; gap: 4px; }
.tracking-checkpoints[b-emld8lo1w1]  button { padding: 4px 0; background: transparent; color: #8ba5a9; border: 0; font: 10px Inter,"Segoe UI",sans-serif; cursor: pointer; }.tracking-checkpoints[b-emld8lo1w1]  button.passed { color: #7ce9d1; }
.tracking-mode .world-controls[b-emld8lo1w1] { right: 30px; bottom: 195px; }
.corridor-world[b-emld8lo1w1]  .tracking-target { position: absolute; left: 0; top: 0; z-index: 5; display: flex; align-items: center; gap: 8px; max-width: 260px; border: 1px solid #78e7d0; background: #092425; color: #edfcf7; padding: 9px 12px; border-radius: 4px; font-size: 11px; text-align: left; cursor: pointer; box-shadow: 0 4px 24px #03090daa; }
.corridor-world[b-emld8lo1w1]  .tracking-target[hidden] { display: none; }.corridor-world[b-emld8lo1w1]  .tracking-target i { color: #7ce9d1; font-size: 16px; }
.corridor-map[b-emld8lo1w1]  .tracking-map-marker { display: grid; place-items: center; width: 44px; height: 44px; background: #76e4c7; color: #092728; border: 3px solid #e4fff5; border-radius: 50%; box-shadow: 0 0 0 8px #75e3c428; font-size: 19px; cursor: pointer; }.corridor-map[b-emld8lo1w1]  .cbec-marker { background: #7bc9ee; border-color: #c8f0ff; }
@media(max-width:1100px) and (min-width:641px) {
    .tracking-heading[b-emld8lo1w1] { max-width: 350px; }.tracking-ledger[b-emld8lo1w1] { width: 220px; }.tracking-telemetry[b-emld8lo1w1] { width: 195px; }.tracking-controls[b-emld8lo1w1] { gap: 8px; }.tracking-clock[b-emld8lo1w1] { min-width: 70px; margin-right: 0; }
    .corridor-actions[b-emld8lo1w1] { gap: 4px; }.experience-switch button[b-emld8lo1w1] { padding: 0 8px; }
}
@media(max-height:800px) and (min-width:641px) {
    .tracking-telemetry[b-emld8lo1w1] { top: 155px; gap: 7px; }.tracking-telemetry dl[b-emld8lo1w1] { gap: 8px; margin: 6px 0; }.tracking-telemetry dd[b-emld8lo1w1] { font-size: 18px; }.tracking-next[b-emld8lo1w1] { display: none; }
    .tracking-ledger[b-emld8lo1w1] { padding: 12px; }.tracking-stock[b-emld8lo1w1] { margin-bottom: 14px; }.tracking-stock div[b-emld8lo1w1] { padding: 7px 0; }.tracking-events[b-emld8lo1w1] { gap: 8px; }
}
@media(max-width:640px) {
    .tracking-mode .corridor-commandbar[b-emld8lo1w1] { height: 122px; }.tracking-mode .corridor-actions[b-emld8lo1w1] { flex-wrap: wrap; justify-content: flex-start; }
    .experience-switch[b-emld8lo1w1] { order: -1; }.tracking-mode .corridor-actions > .view-switch:not(.experience-switch)[b-emld8lo1w1] { margin-right: 0; }
    .tracking-mode .corridor-workspace[b-emld8lo1w1] { top: 122px; bottom: 0; }
    .tracking-heading[b-emld8lo1w1] { left: 16px; right: 16px; top: 16px; max-width: none; }.tracking-badge[b-emld8lo1w1] { font-size: 8px; }.tracking-heading h1[b-emld8lo1w1] { font-size: 20px; margin: 9px 0 5px; }.tracking-heading p[b-emld8lo1w1] { font-size: 10px; }
    .tracking-telemetry[b-emld8lo1w1] { top: 116px; left: 16px; right: 16px; width: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px 0; }
    .tracking-telemetry > .tracking-label[b-emld8lo1w1],.tracking-telemetry > span[b-emld8lo1w1],.tracking-next[b-emld8lo1w1] { display: none; }.tracking-telemetry > strong[b-emld8lo1w1] { font-size: 13px; align-self: center; }.tracking-telemetry dl[b-emld8lo1w1] { margin: 0; gap: 0; text-align: right; }.tracking-telemetry dl div:not(:first-child)[b-emld8lo1w1] { display: none; }.tracking-telemetry dd[b-emld8lo1w1] { font-size: 17px; }.tracking-telemetry dt[b-emld8lo1w1] { font-size: 8px; }
    .tracking-ledger[b-emld8lo1w1] { top: auto; left: 16px; right: 16px; bottom: 195px; width: auto; padding: 8px 0; background: #06151ccc; border: 0; border-top: 1px solid #345056; border-radius: 0; }.tracking-ledger > .tracking-label[b-emld8lo1w1],.tracking-events[b-emld8lo1w1] { display: none; }.tracking-stock[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 0; }.tracking-stock div[b-emld8lo1w1] { display: grid; gap: 5px; padding: 0; border: 0; }.tracking-stock div:nth-child(1)[b-emld8lo1w1],.tracking-stock div:nth-child(2)[b-emld8lo1w1] { display: none; }.tracking-stock dt[b-emld8lo1w1] { font-size: 8px; }.tracking-stock dd[b-emld8lo1w1] { font-size: 16px; }
    .tracking-playback[b-emld8lo1w1] { bottom: 12px; left: 10px; right: 10px; padding: 10px; }.tracking-controls[b-emld8lo1w1] { display: grid; grid-template-columns: 36px 30px 1fr auto; gap: 8px; }.tracking-controls button[b-emld8lo1w1] { width: 30px; height: 30px; }.tracking-controls .tracking-play[b-emld8lo1w1] { width: 36px; height: 36px; }.tracking-clock[b-emld8lo1w1] { min-width: 0; margin: 0; }.tracking-clock strong[b-emld8lo1w1] { font-size: 15px; }.tracking-clock span[b-emld8lo1w1] { font-size: 10px; }
    .tracking-controls label[b-emld8lo1w1] { grid-row: 2; gap: 5px; font-size: 8px; }.tracking-controls label:not(.tracking-delay)[b-emld8lo1w1] { grid-column: 1 / 3; }.tracking-controls .tracking-delay[b-emld8lo1w1] { grid-column: 3 / 5; justify-content: flex-end; }.tracking-controls select[b-emld8lo1w1] { height: 29px; padding: 0 4px; font-size: 9px; max-width: 126px; }
    .tracking-controls .tracking-follow[b-emld8lo1w1] { grid-column: 4; grid-row: 1; width: 34px; padding: 0; margin: 0; }.tracking-follow span[b-emld8lo1w1],.tracking-percent[b-emld8lo1w1] { display: none; }.tracking-checkpoints[b-emld8lo1w1]  button { font-size: 9px; }.tracking-playback > input[b-emld8lo1w1] { margin: 9px 0 3px; }
    .corridor-shell.tracking-mode .world-controls[b-emld8lo1w1] { right: 14px; bottom: 268px; flex-direction: column; top: auto; }.corridor-world[b-emld8lo1w1]  .tracking-target { max-width: 190px; font-size: 10px; padding: 7px; }
    .tracking-stock[b-emld8lo1w1] { grid-template-columns: repeat(4,minmax(0,1fr)); }.tracking-stock div:nth-child(2)[b-emld8lo1w1] { display: grid; }.tracking-stock dt[b-emld8lo1w1] { min-height: 22px; }.tracking-stock dd[b-emld8lo1w1] { font-size: 14px; }
    .tracking-mode[data-sim-stage="0"] .tracking-stock div:first-child[b-emld8lo1w1] { display: grid; }.tracking-mode[data-sim-stage="0"] .tracking-stock div:nth-child(2)[b-emld8lo1w1] { display: none; }
}

/* Executive cockpit: source-labeled plan, tariff scenario and missing-data states. */
.executive-mode .corridor-workspace[b-emld8lo1w1] { inset: 72px 0 0; display: block; }
.executive-mode .map-stage[b-emld8lo1w1] { height: 100%; }
.executive-mode .corridor-world[b-emld8lo1w1],.executive-mode .corridor-map[b-emld8lo1w1],.executive-mode .map-vignette[b-emld8lo1w1],
.executive-mode .world-controls[b-emld8lo1w1],.executive-mode .flow-key[b-emld8lo1w1],.executive-mode .operations-chain[b-emld8lo1w1],
.executive-mode .scene-copy[b-emld8lo1w1],.executive-mode .scene-showpiece[b-emld8lo1w1],.executive-mode .route-callouts[b-emld8lo1w1],
.executive-mode .build-route[b-emld8lo1w1],.executive-mode .scene-kpis[b-emld8lo1w1],.executive-mode .intelligence-drawer[b-emld8lo1w1],
.executive-mode .corridor-timeline[b-emld8lo1w1],.executive-mode .product-switch[b-emld8lo1w1],.executive-mode .scene-counter[b-emld8lo1w1],
.executive-mode .mobile-play[b-emld8lo1w1],
.executive-mode .corridor-actions > .icon-command:not([aria-label="Kanıt özetini indir"]):not([aria-label="Yazdırılabilir toplantı özetini indir"]):not([aria-label="Tam ekran"]):not([aria-label="Sunum sahnesini aç veya kapat"])[b-emld8lo1w1] { display: none; }
.executive-surface[b-emld8lo1w1] { position: absolute; inset: 0; z-index: 15; overflow: auto; padding: 18px; background: #081117; color: #e7f0ee; }
.executive-truthbar[b-emld8lo1w1] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.executive-truthbar span[b-emld8lo1w1] { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #2b4046; border-radius: 3px; color: #9fb3b5; font: 700 8px/1 "JetBrains Mono",Consolas,monospace; letter-spacing: .4px; }
.executive-truthbar i[b-emld8lo1w1] { width: 6px; height: 6px; border-radius: 50%; background: #7bc9ee; }.executive-truthbar .truth-source[b-emld8lo1w1] { background: #f1b85b; }.executive-truthbar .truth-missing[b-emld8lo1w1] { background: #ee6c63; }
.executive-decision-strip[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(4,minmax(100px,.7fr)) minmax(210px,1.4fr); gap: 8px; margin-bottom: 12px; }
.executive-decision-strip article[b-emld8lo1w1],.decision-verdict[b-emld8lo1w1] { min-width: 0; padding: 10px 11px; border: 1px solid #2b4046; border-left: 3px solid #7bc9ee; background: #0b171d; }
.executive-decision-strip article.asserted[b-emld8lo1w1] { border-left-color: #f1b85b; }.executive-decision-strip article.verified[b-emld8lo1w1] { border-left-color: #73e0c1; }.executive-decision-strip article.blocked[b-emld8lo1w1],.decision-verdict.locked[b-emld8lo1w1] { border-left-color: #ee6c63; }
.executive-decision-strip span[b-emld8lo1w1] { display: block; color: #789397; font: 700 7px/1.2 "JetBrains Mono",Consolas,monospace; letter-spacing: .45px; }.executive-decision-strip article strong[b-emld8lo1w1] { display: block; margin: 6px 0 4px; color: #eaf3f1; font: 700 18px/1 "JetBrains Mono",Consolas,monospace; }.executive-decision-strip small[b-emld8lo1w1] { display: block; color: #81979a; font-size: 8px; line-height: 1.35; }
.decision-verdict[b-emld8lo1w1] { display: grid; align-content: center; gap: 5px; }.decision-verdict strong[b-emld8lo1w1] { color: #ee9a94; font: 700 11px/1.2 "JetBrains Mono",Consolas,monospace; }.decision-verdict.ready[b-emld8lo1w1] { border-left-color: #73e0c1; }.decision-verdict.ready strong[b-emld8lo1w1] { color: #73e0c1; }
.executive-kpis[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; margin-bottom: 12px; }
.executive-kpis article[b-emld8lo1w1] { min-width: 0; padding: 13px; border: 1px solid #2b4046; border-top: 2px solid #73e0c1; background: #0c1a20; }
.executive-kpis span[b-emld8lo1w1],.executive-card header span[b-emld8lo1w1],.executive-card > summary span[b-emld8lo1w1] { display: block; color: #789397; font: 700 8px/1.3 "JetBrains Mono",Consolas,monospace; letter-spacing: .55px; }
.executive-kpis strong[b-emld8lo1w1] { display: block; margin: 8px 0 6px; color: #f1f7f5; font-size: clamp(17px,2vw,26px); line-height: 1; overflow-wrap: anywhere; }
.executive-kpis small[b-emld8lo1w1] { display: block; color: #91a7a9; font-size: 9px; line-height: 1.35; }.executive-kpis .data-missing[b-emld8lo1w1] { border-top-color: #ee6c63; }.executive-kpis .data-missing strong[b-emld8lo1w1] { color: #ee9a94; font-size: 13px; }
.executive-grid[b-emld8lo1w1] { display: grid; grid-template-columns: minmax(0,.85fr) minmax(370px,1.3fr) minmax(0,.85fr); gap: 10px; align-items: start; }
.executive-card[b-emld8lo1w1] { min-width: 0; border: 1px solid #2b4046; background: #0b171d; }.executive-card header[b-emld8lo1w1],.executive-card > summary[b-emld8lo1w1] { display: flex; align-items: start; justify-content: space-between; gap: 10px; padding: 12px 13px; border-bottom: 1px solid #263a40; }
.executive-card > summary[b-emld8lo1w1] { cursor: pointer; list-style: none; }.executive-card > summary[b-emld8lo1w1]::-webkit-details-marker { display: none; }.executive-card > summary[b-emld8lo1w1]::after { content: "+"; align-self: center; color: #73e0c1; font: 700 14px/1 "JetBrains Mono",Consolas,monospace; }.executive-card[open] > summary[b-emld8lo1w1]::after { content: "−"; }.executive-card > summary:focus-visible[b-emld8lo1w1] { outline: 1px solid #73e0c1; outline-offset: -2px; }
.executive-card header strong[b-emld8lo1w1],.executive-card > summary strong[b-emld8lo1w1] { display: block; margin-top: 5px; color: #e5efed; font-size: 12px; }.executive-card header em[b-emld8lo1w1],.executive-card > summary em[b-emld8lo1w1] { flex-shrink: 0; color: #f1b85b; font: normal 700 7px/1 "JetBrains Mono",Consolas,monospace; }.flow-card[b-emld8lo1w1],.cost-card[b-emld8lo1w1] { grid-row: span 2; }
.claim-guard-card[b-emld8lo1w1],.talk-track-card[b-emld8lo1w1],.executive-qa-card[b-emld8lo1w1],.action-plan-card[b-emld8lo1w1],.coverage-card[b-emld8lo1w1] { grid-column: 1/-1; }
.claim-guard-list[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: #20343a; }
.claim-guard-list article[b-emld8lo1w1] { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 11px 12px; background: #0b171d; border-top: 2px solid #73e0c1; }
.claim-guard-list article.blocked[b-emld8lo1w1] { border-top-color: #ee6c63; }
.claim-guard-list article > div[b-emld8lo1w1] { display: flex; justify-content: space-between; gap: 8px; }
.claim-guard-list article span[b-emld8lo1w1],.claim-guard-list article b[b-emld8lo1w1] { color: #73e0c1; font: 700 7px/1.2 "JetBrains Mono",Consolas,monospace; }
.claim-guard-list article b[b-emld8lo1w1] { color: #81979a; text-align: right; }.claim-guard-list article.blocked span[b-emld8lo1w1] { color: #ee8b83; }
.claim-guard-list article strong[b-emld8lo1w1] { color: #dce8e6; font-size: 10px; line-height: 1.35; }.claim-guard-list article small[b-emld8lo1w1] { color: #82999c; font-size: 8px; line-height: 1.4; }
.claim-guard-list article p[b-emld8lo1w1] { margin: 0; color: #d3a45d; font-size: 8px; line-height: 1.4; }
.talk-track-list[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; background: #20343a; }
.talk-track-list li[b-emld8lo1w1] { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; gap: 8px; min-width: 0; padding: 11px 12px; background: #0b171d; border-top: 2px solid #7bc9ee; }
.talk-track-list li > b[b-emld8lo1w1] { color: #7bc9ee; font: 700 9px/1.3 "JetBrains Mono",Consolas,monospace; }.talk-track-list li > div[b-emld8lo1w1] { display: grid; gap: 5px; }.talk-track-list strong[b-emld8lo1w1] { color: #dce8e6; font-size: 10px; }.talk-track-list p[b-emld8lo1w1] { margin: 0; color: #a0b3b5; font-size: 8px; line-height: 1.4; }.talk-track-list small[b-emld8lo1w1] { color: #71888b; font-size: 7px; line-height: 1.4; }.talk-track-list em[b-emld8lo1w1] { color: #d3a45d; font: normal 7px/1.4 "JetBrains Mono",Consolas,monospace; }.talk-track-list span[b-emld8lo1w1] { color: #73e0c1; font-size: 8px; line-height: 1.4; }.talk-track-list time[b-emld8lo1w1] { color: #81979a; font: 700 7px/1.3 "JetBrains Mono",Consolas,monospace; white-space: nowrap; }
.executive-qa-list[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: #20343a; }.executive-qa-list article[b-emld8lo1w1] { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 11px 12px; background: #0b171d; border-top: 2px solid #f1b85b; }.executive-qa-list strong[b-emld8lo1w1] { color: #e7efed; font-size: 10px; }.executive-qa-list p[b-emld8lo1w1] { margin: 0; color: #a2b4b6; font-size: 8px; line-height: 1.4; }.executive-qa-list small[b-emld8lo1w1] { color: #71888b; font-size: 7px; line-height: 1.4; }.executive-qa-list em[b-emld8lo1w1] { color: #ee8b83; font: normal 7px/1.4 "JetBrains Mono",Consolas,monospace; }.executive-qa-list span[b-emld8lo1w1] { color: #73e0c1; font-size: 8px; line-height: 1.4; }
.action-plan-list[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: #20343a; }.action-plan-list article[b-emld8lo1w1] { display: grid; grid-template-columns: 25px minmax(0,1fr) auto; gap: 9px; min-width: 0; padding: 11px 12px; background: #0b171d; border-top: 2px solid #ee6c63; }.action-plan-list article > b[b-emld8lo1w1] { color: #ee8b83; font: 700 9px/1.3 "JetBrains Mono",Consolas,monospace; }.action-plan-list article > div[b-emld8lo1w1] { display: grid; gap: 5px; }.action-plan-list article > div strong[b-emld8lo1w1] { color: #e3ecea; font-size: 9px; line-height: 1.35; }.action-plan-list small[b-emld8lo1w1] { color: #71888b; font-size: 7px; }.action-plan-list p[b-emld8lo1w1] { margin: 0; color: #9fb0b2; font-size: 8px; line-height: 1.4; }.action-plan-list em[b-emld8lo1w1] { color: #73e0c1; font: normal 7px/1.4 "JetBrains Mono",Consolas,monospace; }.action-plan-list aside[b-emld8lo1w1] { display: grid; align-content: start; gap: 6px; text-align: right; }.action-plan-list aside span[b-emld8lo1w1] { color: #f1b85b; font: 700 7px/1.2 "JetBrains Mono",Consolas,monospace; }.action-plan-list aside strong[b-emld8lo1w1] { max-width: 110px; color: #ee8b83; font: 700 7px/1.3 "JetBrains Mono",Consolas,monospace; }
.coverage-matrix[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: #20343a; }
.coverage-matrix article[b-emld8lo1w1] { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 10px 12px; border-top: 2px solid #ee6c63; background: #0b171d; }
.coverage-matrix article.scenario[b-emld8lo1w1] { border-top-color: #7bc9ee; }.coverage-matrix article.asserted[b-emld8lo1w1] { border-top-color: #f1b85b; }.coverage-matrix article.unverified[b-emld8lo1w1] { border-top-color: #d3a45d; }
.coverage-matrix article > div[b-emld8lo1w1] { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }.coverage-matrix strong[b-emld8lo1w1] { color: #dce8e6; font-size: 9px; line-height: 1.35; }.coverage-matrix b[b-emld8lo1w1] { color: #ee8b83; font: 700 7px/1.3 "JetBrains Mono",Consolas,monospace; text-align: right; }.coverage-matrix article.scenario b[b-emld8lo1w1] { color: #7bc9ee; }.coverage-matrix article.asserted b[b-emld8lo1w1] { color: #f1b85b; }.coverage-matrix article.unverified b[b-emld8lo1w1] { color: #d3a45d; }
.coverage-matrix small[b-emld8lo1w1] { color: #71888b; font: 700 7px/1.35 "JetBrains Mono",Consolas,monospace; }.coverage-matrix p[b-emld8lo1w1] { margin: 0; color: #9aadaf; font-size: 8px; line-height: 1.4; }.coverage-matrix em[b-emld8lo1w1] { color: #789397; font: normal 7px/1.4 "JetBrains Mono",Consolas,monospace; }
.executive-flow[b-emld8lo1w1] { list-style: none; margin: 0; padding: 5px 13px 13px; }.executive-flow li[b-emld8lo1w1] { position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 3px 9px; padding: 11px 0 11px 13px; border-left: 1px solid #30464b; }
.executive-flow li[b-emld8lo1w1]::before { content: ""; position: absolute; left: -4px; top: 17px; width: 7px; height: 7px; border: 1px solid #4d6c70; border-radius: 50%; background: #0b171d; }.executive-flow li.active[b-emld8lo1w1]::before { border-color: #73e0c1; background: #73e0c1; box-shadow: 0 0 9px #73e0c1; }
.executive-flow b[b-emld8lo1w1] { grid-row: 1/3; align-self: center; color: #73e0c1; font: 700 9px/1 "JetBrains Mono",Consolas,monospace; }.executive-flow span[b-emld8lo1w1] { color: #dbe7e5; font-size: 11px; }.executive-flow small[b-emld8lo1w1] { color: #82999c; font-size: 9px; line-height: 1.35; }
.cost-inputs[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; padding: 11px 13px; border-bottom: 1px solid #263a40; }.cost-inputs label[b-emld8lo1w1] { display: grid; gap: 5px; color: #8da4a6; font-size: 8px; }
.cost-inputs input[b-emld8lo1w1] { width: 100%; min-width: 0; height: 30px; padding: 0 8px; border: 1px solid #334d53; border-radius: 2px; background: #0f2329; color: #e9f4f1; font: 600 11px "JetBrains Mono",Consolas,monospace; }.cost-inputs input:focus[b-emld8lo1w1] { outline: 1px solid #73e0c1; border-color: #73e0c1; }
.cost-waterfall[b-emld8lo1w1] { margin: 0; padding: 4px 13px 8px; }.cost-waterfall div[b-emld8lo1w1] { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-bottom: 1px solid #20343a; }.cost-waterfall dt[b-emld8lo1w1] { color: #9db0b2; font-size: 9px; font-weight: 400; }
.cost-waterfall dd[b-emld8lo1w1] { margin: 0; color: #dce9e7; font: 700 10px "JetBrains Mono",Consolas,monospace; white-space: nowrap; }.cost-waterfall .cost-total[b-emld8lo1w1] { padding-top: 10px; border-bottom: 0; }.cost-waterfall .cost-total dt[b-emld8lo1w1],.cost-waterfall .cost-total dd[b-emld8lo1w1] { color: #73e0c1; font-size: 12px; font-weight: 700; }
.cost-card > p[b-emld8lo1w1] { margin: 0; padding: 0 13px 12px; color: #788f92; font-size: 8px; line-height: 1.5; }.risk-card ul[b-emld8lo1w1] { list-style: none; margin: 0; padding: 4px 13px 10px; }.risk-card li[b-emld8lo1w1] { display: grid; gap: 4px; padding: 9px 0; border-bottom: 1px solid #20343a; }.risk-card li:last-child[b-emld8lo1w1] { border-bottom: 0; }
.risk-card b[b-emld8lo1w1] { color: #e6c489; font-size: 10px; }.risk-card .critical b[b-emld8lo1w1] { color: #ee8b83; }.risk-card span[b-emld8lo1w1] { color: #92a6a8; font-size: 9px; line-height: 1.4; }
.evidence-register[b-emld8lo1w1] { display: grid; gap: 0; }.evidence-register article[b-emld8lo1w1] { display: grid; gap: 6px; padding: 10px 13px; border-bottom: 1px solid #20343a; }.evidence-register article > div[b-emld8lo1w1] { display: flex; justify-content: space-between; gap: 8px; }.evidence-register span[b-emld8lo1w1] { color: #dce8e6; font-size: 9px; }.evidence-register strong[b-emld8lo1w1] { color: #f1b85b; font: 700 7px/1.2 "JetBrains Mono",Consolas,monospace; text-align: right; }.evidence-register p[b-emld8lo1w1] { margin: 0; color: #8ca1a4; font-size: 8px; line-height: 1.4; }.evidence-register small[b-emld8lo1w1] { color: #ee8b83; font: 700 7px/1.35 "JetBrains Mono",Consolas,monospace; }.evidence-register small.metadata-date[b-emld8lo1w1] { color: #c89450; }.evidence-register code[b-emld8lo1w1] { overflow: hidden; color: #71888b; font: 7px/1.35 "JetBrains Mono",Consolas,monospace; text-overflow: ellipsis; white-space: nowrap; }.workbook-audit[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; padding: 1px 0; background: #20343a; }.workbook-audit div[b-emld8lo1w1] { display: grid; gap: 4px; padding: 8px 12px; background: #0b171d; }.workbook-audit dt[b-emld8lo1w1] { color: #698184; font: 700 7px/1 "JetBrains Mono",Consolas,monospace; }.workbook-audit dd[b-emld8lo1w1] { margin: 0; color: #a8b9ba; font-size: 8px; }.evidence-register-note[b-emld8lo1w1] { margin: 0; padding: 9px 13px 11px; color: #d3a45d; font-size: 8px; line-height: 1.4; }
.channel-card[b-emld8lo1w1] { grid-column: 1; }.readiness-card[b-emld8lo1w1] { grid-column: 2; }.finance-gate-card[b-emld8lo1w1] { grid-column: 3; }
.source-map[b-emld8lo1w1] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 10px 12px 12px; }
.source-map a[b-emld8lo1w1] { display: grid; gap: 5px; min-width: 0; padding: 10px; border: 1px solid #294047; border-radius: 2px; background: #0e2026; color: inherit; text-decoration: none; }
.source-map a:hover[b-emld8lo1w1],.source-map a:focus-visible[b-emld8lo1w1] { border-color: #73e0c1; outline: none; }.source-map span[b-emld8lo1w1] { color: #80999c; font-size: 8px; }.source-map strong[b-emld8lo1w1] { color: #dce9e7; font-size: 10px; }.source-map small[b-emld8lo1w1] { color: #e0ab58; font: 700 7px/1.4 "JetBrains Mono",Consolas,monospace; }
.readiness-list[b-emld8lo1w1] { padding: 4px 12px 10px; }.readiness-list > div[b-emld8lo1w1] { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 4px 9px; padding: 9px 0 9px 11px; border-bottom: 1px solid #20343a; }
.readiness-list > div[b-emld8lo1w1]::before { content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: #ee6c63; }.readiness-list > div.asserted[b-emld8lo1w1]::before { background: #f1b85b; }.readiness-list > div.verified[b-emld8lo1w1]::before { background: #73e0c1; }.readiness-list > div.handling-reference[b-emld8lo1w1]::before { background: #7bc9ee; }
.readiness-list span[b-emld8lo1w1] { color: #a6b8ba; font-size: 9px; }.readiness-list strong[b-emld8lo1w1] { color: #ee8b83; font: 700 8px/1.2 "JetBrains Mono",Consolas,monospace; text-align: right; }.readiness-list .verified strong[b-emld8lo1w1] { color: #73e0c1; }.readiness-list small[b-emld8lo1w1] { grid-column: 1/-1; color: #7f9699; font-size: 8px; line-height: 1.4; }
.finance-gates[b-emld8lo1w1] { list-style: none; margin: 0; padding: 5px 12px 8px; }.finance-gates li[b-emld8lo1w1] { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #20343a; }.finance-gates span[b-emld8lo1w1] { display: grid; gap: 3px; min-width: 0; color: #9db0b2; font-size: 9px; }.finance-gates span strong[b-emld8lo1w1] { color: #b9c8c9; font-size: 9px; }.finance-gates span small[b-emld8lo1w1] { color: #71878a; font-size: 7px; line-height: 1.35; }.finance-gates b[b-emld8lo1w1] { color: #ee8b83; font: 700 7px/1 "JetBrains Mono",Consolas,monospace; text-align: right; }.finance-gate-card > p[b-emld8lo1w1] { margin: 0; padding: 0 12px 12px; color: #d7a35a; font-size: 8px; line-height: 1.45; }
@media(max-width:1100px) { .executive-mode .corridor-commandbar[b-emld8lo1w1] { grid-template-columns: minmax(210px,1fr) auto; }.executive-decision-strip[b-emld8lo1w1] { grid-template-columns: repeat(4,minmax(0,1fr)); }.decision-verdict[b-emld8lo1w1] { grid-column: 1/-1; }.executive-kpis[b-emld8lo1w1] { grid-template-columns: repeat(3,minmax(0,1fr)); }.executive-grid[b-emld8lo1w1] { grid-template-columns: minmax(0,1fr) minmax(360px,1.25fr); }.risk-card[b-emld8lo1w1],.evidence-card[b-emld8lo1w1] { grid-column: 1; }.channel-card[b-emld8lo1w1],.readiness-card[b-emld8lo1w1],.finance-gate-card[b-emld8lo1w1] { grid-column: auto; } }
@media(max-width:700px) { .executive-mode .corridor-commandbar[b-emld8lo1w1] { height: 104px; grid-template-columns: 1fr; padding: 10px 12px; gap: 8px; }.executive-mode .corridor-workspace[b-emld8lo1w1] { inset: 104px 0 0; }.executive-mode .corridor-actions[b-emld8lo1w1] { overflow-x: auto; }.executive-mode .experience-switch[b-emld8lo1w1] { min-width: 260px; }.executive-surface[b-emld8lo1w1] { padding: 12px; }.executive-decision-strip[b-emld8lo1w1] { grid-template-columns: repeat(2,minmax(0,1fr)); }.decision-verdict[b-emld8lo1w1] { grid-column: 1/-1; }.executive-kpis[b-emld8lo1w1] { grid-template-columns: repeat(2,minmax(0,1fr)); }.executive-kpis article:last-child[b-emld8lo1w1] { grid-column: 1/-1; }.executive-grid[b-emld8lo1w1] { grid-template-columns: 1fr; }.flow-card[b-emld8lo1w1],.cost-card[b-emld8lo1w1] { grid-row: auto; }.risk-card[b-emld8lo1w1],.evidence-card[b-emld8lo1w1],.channel-card[b-emld8lo1w1],.readiness-card[b-emld8lo1w1],.finance-gate-card[b-emld8lo1w1] { grid-column: auto; }.claim-guard-list[b-emld8lo1w1],.talk-track-list[b-emld8lo1w1],.executive-qa-list[b-emld8lo1w1],.coverage-matrix[b-emld8lo1w1] { grid-template-columns: repeat(2,minmax(0,1fr)); }.action-plan-list[b-emld8lo1w1] { grid-template-columns: 1fr; }.cost-inputs[b-emld8lo1w1],.source-map[b-emld8lo1w1] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:430px) { .source-map[b-emld8lo1w1],.claim-guard-list[b-emld8lo1w1],.talk-track-list[b-emld8lo1w1],.executive-qa-list[b-emld8lo1w1],.coverage-matrix[b-emld8lo1w1] { grid-template-columns: 1fr; }.action-plan-list article[b-emld8lo1w1] { grid-template-columns: 22px minmax(0,1fr); }.action-plan-list aside[b-emld8lo1w1] { grid-column: 2; grid-template-columns: auto auto; justify-content: start; text-align: left; } }
/* /Components/Pages/Platforms.razor.rz.scp.css */
/* ── Sentra Data Orchestration — Premium Platform Page ── */

/* ── Orchestration Hero ── */
.orchestration-hero[b-07uvjc4j5a] {
    background: linear-gradient(135deg, rgba(91,138,245,.06), rgba(74,222,128,.04));
    border: 1px solid rgba(91,138,245,.2);
    border-radius: 14px;
    padding: 28px 24px 20px;
    margin-bottom: 16px;
    text-align: center;
}

.orch-center[b-07uvjc4j5a] {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

.orch-sentra-badge[b-07uvjc4j5a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 16px 28px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(91,138,245,.12), rgba(74,222,128,.08));
    border: 1px solid rgba(91,138,245,.3);
    box-shadow: 0 0 32px rgba(91,138,245,.12);
}

.orch-sentra-icon[b-07uvjc4j5a] { font-size: 32px; }
.orch-sentra-label[b-07uvjc4j5a] { font-size: 18px; font-weight: 800; color: var(--text); }
.orch-sentra-sub[b-07uvjc4j5a] { font-size: 11px; color: var(--cyan, #22d3ee); font-weight: 600; letter-spacing: 1.5px; }

.orch-desc[b-07uvjc4j5a] {
    font-size: 13px;
    color: var(--text2, #a0a4b0);
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto 16px;
}
.orch-desc strong[b-07uvjc4j5a] { color: var(--text); }
.orch-desc em[b-07uvjc4j5a] { color: var(--cyan, #22d3ee); font-style: normal; font-weight: 600; }

/* Flow strip */
.orch-flow-strip[b-07uvjc4j5a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 10px 0 0;
}

.orch-flow-node[b-07uvjc4j5a] {
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid var(--border);
    transition: transform .2s, box-shadow .2s;
}
.orch-flow-node:hover[b-07uvjc4j5a] { transform: scale(1.05); }

.orch-flow-node.sycm[b-07uvjc4j5a] { color: #e879f9; border-color: rgba(232,121,249,.3); background: rgba(232,121,249,.06); }
.orch-flow-node.mojing[b-07uvjc4j5a] { color: #fbbf24; border-color: rgba(251,191,36,.3); background: rgba(251,191,36,.06); }
.orch-flow-node.aliprice[b-07uvjc4j5a] { color: #f87171; border-color: rgba(248,113,113,.3); background: rgba(248,113,113,.06); }
.orch-flow-node.feigua[b-07uvjc4j5a] { color: #34d399; border-color: rgba(52,211,153,.3); background: rgba(52,211,153,.06); }
.orch-flow-node.chanmama[b-07uvjc4j5a] { color: #60a5fa; border-color: rgba(96,165,250,.3); background: rgba(96,165,250,.06); }
.orch-flow-node.sentra[b-07uvjc4j5a] {
    color: var(--text);
    border-color: rgba(91,138,245,.5);
    background: linear-gradient(135deg, rgba(91,138,245,.15), rgba(74,222,128,.1));
    box-shadow: 0 0 16px rgba(91,138,245,.15);
    font-size: 13px;
}

.orch-flow-arrow[b-07uvjc4j5a] { color: var(--text3, #666); font-size: 14px; }

/* ── Provider Grid ── */
.provider-grid[b-07uvjc4j5a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

/* ── Provider Card ── */
.provider-card[b-07uvjc4j5a] {
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--card, #12131a);
    overflow: hidden;
    transition: border-color .3s, box-shadow .3s;
}
.provider-card:hover[b-07uvjc4j5a] {
    box-shadow: 0 4px 24px rgba(0,0,0,.3);
}

/* Color accents per provider */
.provider-sycm[b-07uvjc4j5a] { border-left: 3px solid #e879f9; }
.provider-mojing[b-07uvjc4j5a] { border-left: 3px solid #fbbf24; }
.provider-aliprice[b-07uvjc4j5a] { border-left: 3px solid #f87171; }
.provider-feigua[b-07uvjc4j5a] { border-left: 3px solid #34d399; }
.provider-chanmama[b-07uvjc4j5a] { border-left: 3px solid #60a5fa; }

.provider-sycm:hover[b-07uvjc4j5a] { border-color: rgba(232,121,249,.4); }
.provider-mojing:hover[b-07uvjc4j5a] { border-color: rgba(251,191,36,.4); }
.provider-aliprice:hover[b-07uvjc4j5a] { border-color: rgba(248,113,113,.4); }
.provider-feigua:hover[b-07uvjc4j5a] { border-color: rgba(52,211,153,.4); }
.provider-chanmama:hover[b-07uvjc4j5a] { border-color: rgba(96,165,250,.4); }

/* Header */
.provider-header[b-07uvjc4j5a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 16px 10px;
    border-bottom: 1px solid var(--border);
}

.provider-rank[b-07uvjc4j5a] {
    font-size: 22px;
    font-weight: 800;
    color: var(--text3, #555);
    min-width: 32px;
}
.provider-sycm .provider-rank[b-07uvjc4j5a] { color: #e879f9; }
.provider-mojing .provider-rank[b-07uvjc4j5a] { color: #fbbf24; }
.provider-aliprice .provider-rank[b-07uvjc4j5a] { color: #f87171; }
.provider-feigua .provider-rank[b-07uvjc4j5a] { color: #34d399; }
.provider-chanmama .provider-rank[b-07uvjc4j5a] { color: #60a5fa; }

.provider-names[b-07uvjc4j5a] { flex: 1; min-width: 0; }
.provider-name-cn[b-07uvjc4j5a] { font-size: 18px; font-weight: 800; color: var(--text); line-height: 1.2; }
.provider-name-latin[b-07uvjc4j5a] { font-size: 12px; color: var(--text2, #a0a4b0); font-weight: 600; margin-top: 2px; }

.provider-badges[b-07uvjc4j5a] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: flex-start;
}

/* Badges */
.badge-type[b-07uvjc4j5a], .badge-time[b-07uvjc4j5a], .badge-status[b-07uvjc4j5a] {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
    white-space: nowrap;
}

.badge-official[b-07uvjc4j5a] {
    color: #0a0a0a;
    background: #e879f9;
}
.badge-scraping[b-07uvjc4j5a] {
    color: var(--text);
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
}
.badge-time[b-07uvjc4j5a] {
    color: var(--cyan, #22d3ee);
    border: 1px solid rgba(34,211,238,.25);
}

.badge-connected[b-07uvjc4j5a] { color: #0a0a0a; background: #34d399; }
.badge-stub[b-07uvjc4j5a] { color: var(--text2); border: 1px solid var(--border); }
.badge-waiting[b-07uvjc4j5a] { color: #fbbf24; border: 1px solid rgba(251,191,36,.3); }

/* Body */
.provider-body[b-07uvjc4j5a] { padding: 14px 16px; }

.provider-focus[b-07uvjc4j5a],
.provider-dependency[b-07uvjc4j5a],
.provider-modules[b-07uvjc4j5a] { margin-bottom: 12px; }

.provider-focus-label[b-07uvjc4j5a],
.provider-dep-label[b-07uvjc4j5a],
.provider-mod-label[b-07uvjc4j5a] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}
.provider-focus-label[b-07uvjc4j5a] { color: var(--cyan, #22d3ee); }
.provider-dep-label[b-07uvjc4j5a] { color: #f87171; }
.provider-mod-label[b-07uvjc4j5a] { color: var(--text3, #666); }

.provider-focus p[b-07uvjc4j5a],
.provider-dependency p[b-07uvjc4j5a] {
    font-size: 12px;
    color: var(--text2, #a0a4b0);
    line-height: 1.6;
    margin: 0;
}
.provider-dependency p[b-07uvjc4j5a] { color: var(--text); }

.provider-mod-tags[b-07uvjc4j5a],
.provider-caps[b-07uvjc4j5a] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mod-tag[b-07uvjc4j5a] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(91,138,245,.08);
    color: var(--blue, #5b8af5);
    border: 1px solid rgba(91,138,245,.2);
}

.cap-tag[b-07uvjc4j5a] {
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255,255,255,.03);
    color: var(--text3, #666);
    border: 1px solid var(--border);
}

.provider-caps[b-07uvjc4j5a] { margin-top: 8px; }

/* ── Orchestration Example ── */
.orch-example-grid[b-07uvjc4j5a] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: wrap;
}

.orch-ex-step[b-07uvjc4j5a] {
    flex: 1;
    min-width: 160px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: rgba(91,138,245,.03);
    text-align: center;
}

.orch-ex-num[b-07uvjc4j5a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--cyan, #22d3ee);
    color: #0a0a0a;
    font-weight: 800;
    font-size: 13px;
    margin-bottom: 8px;
}

.orch-ex-step p[b-07uvjc4j5a] {
    font-size: 12px;
    color: var(--text2, #a0a4b0);
    line-height: 1.5;
    margin: 0;
}
.orch-ex-step p strong[b-07uvjc4j5a] { color: var(--text); }

.orch-ex-arrow[b-07uvjc4j5a] {
    display: flex;
    align-items: center;
    padding: 0 8px;
    font-size: 18px;
    color: var(--cyan, #22d3ee);
    font-weight: 700;
}

@media (max-width: 900px) {
    .provider-grid[b-07uvjc4j5a] { grid-template-columns: 1fr; }
    .orch-example-grid[b-07uvjc4j5a] { flex-direction: column; }
    .orch-ex-arrow[b-07uvjc4j5a] { justify-content: center; transform: rotate(90deg); padding: 4px 0; }
    .orch-flow-strip[b-07uvjc4j5a] { gap: 4px; }
    .orch-flow-node[b-07uvjc4j5a] { font-size: 10px; padding: 4px 8px; }
}
/* /Components/Primitives/ChartCanvas.razor.rz.scp.css */
/* ── ChartCanvas ─────────────────────────────────────────── */
.cc[b-c3s4ot6yt5] {
    background: var(--card, #1c1e2e);
    border: 1px solid rgba(91, 138, 245, .08);
    border-radius: 12px;
    padding: 18px 20px 14px;
    overflow: hidden;
}

.cc-title[b-c3s4ot6yt5] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--text-secondary, #6c7293);
    letter-spacing: .02em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
/* /Components/Primitives/DrillDownOverlay.razor.rz.scp.css */
/* ── DrillDownOverlay ────────────────────────────────────── */
.drill-overlay[b-5gszu744p5] {
    position: absolute;
    inset: 0;
    z-index: 15;
    background: var(--bg, #0f1117);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    transition: transform .32s cubic-bezier(.4, 0, .2, 1),
                opacity .28s ease;
}

.drill-overlay.active[b-5gszu744p5] {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

/* ── header ──────────────────────────────────────────────── */
.drill-header[b-5gszu744p5] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 24px 14px;
    border-bottom: 1px solid rgba(91, 138, 245, .1);
    flex-shrink: 0;
}

.drill-back[b-5gszu744p5] {
    background: rgba(91, 138, 245, .12);
    color: #5b8af5;
    border: 1px solid rgba(91, 138, 245, .2);
    border-radius: 8px;
    padding: 6px 14px;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s, border-color .18s;
    white-space: nowrap;
}

.drill-back:hover[b-5gszu744p5] {
    background: rgba(91, 138, 245, .22);
    border-color: rgba(91, 138, 245, .4);
}

.drill-title[b-5gszu744p5] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #e2e4ed;
    line-height: 1.3;
}

.drill-subtitle[b-5gszu744p5] {
    font-size: .78rem;
    color: var(--text-secondary, #6c7293);
    margin-top: 2px;
}

/* ── body ────────────────────────────────────────────────── */
.drill-body[b-5gszu744p5] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
}
/* /Components/Shared/TestQuickLogin.razor.rz.scp.css */
.tql[b-bcl7b80bd0] {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.tql-title[b-bcl7b80bd0] {
    margin-bottom: 6px !important;
}

.tql-note[b-bcl7b80bd0] {
    margin: 0 0 12px;
    font-size: 10px;
    line-height: 1.4;
    color: var(--text3);
    text-align: center;
}

.tql-groups[b-bcl7b80bd0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tql-group[b-bcl7b80bd0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
}

.tql-group-label[b-bcl7b80bd0] {
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text3);
    white-space: nowrap;
}

.tql-chips[b-bcl7b80bd0] {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.tql-chip[b-bcl7b80bd0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    color: var(--text2);
    white-space: nowrap;
    background: rgba(0, 172, 172, 0.05);
    border: 1px solid rgba(0, 172, 172, 0.2);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s, box-shadow 0.15s;
}

.tql-chip:hover[b-bcl7b80bd0] {
    color: var(--accent-bright);
    border-color: var(--accent);
    background: rgba(0, 172, 172, 0.12);
    box-shadow: 0 0 10px rgba(0, 212, 170, 0.18);
}

.tql-chip-name[b-bcl7b80bd0] {
    font-weight: 600;
    color: var(--text);
}

.tql-chip:hover .tql-chip-name[b-bcl7b80bd0] {
    color: var(--accent-bright);
}

.tql-chip-sep[b-bcl7b80bd0] {
    font-size: 10px;
    color: var(--text3);
    opacity: 0.7;
}

.tql-chip-meta[b-bcl7b80bd0] {
    font-size: 11px;
    color: var(--text3);
}

.tql-chip:hover .tql-chip-meta[b-bcl7b80bd0] {
    color: var(--text2);
}

.tql-badge[b-bcl7b80bd0] {
    padding: 1px 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.3;
    border: 1px solid rgba(0, 172, 172, 0.25);
    color: var(--accent-bright);
    background: rgba(0, 172, 172, 0.1);
}

.tql-badge--elite[b-bcl7b80bd0] {
    border-color: rgba(167, 139, 250, 0.35);
    color: #c4b5fd;
    background: rgba(167, 139, 250, 0.12);
}

.tql-badge--growth[b-bcl7b80bd0] {
    border-color: rgba(52, 211, 153, 0.35);
    color: #6ee7b7;
    background: rgba(52, 211, 153, 0.1);
}

@media (max-width: 480px) {
    .tql-group[b-bcl7b80bd0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .tql-chips[b-bcl7b80bd0] {
        width: 100%;
    }
}