/* Live Focus scenario: compact, numbered conditional route. */
.focus-route-style{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:11px}
.focus-route-style select{min-height:29px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--text);padding:4px 8px;font-size:11px}
.chart-layerbar [data-focus-route-layer][aria-pressed=true]{border-color:#40877e;color:#a4e9d8;background:#1b4044}
.chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-caption{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 15px;border-bottom:1px solid var(--border)}
.chart-wrap[data-focus-view=scenario] .focus-route-caption strong{color:var(--text);font-size:12px;font-weight:600}
.chart-wrap[data-focus-view=scenario] .focus-route-caption small{color:var(--muted);font-size:11px;line-height:1.45}
.chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-step{display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:60px;padding:11px 13px;border:0;border-right:1px solid var(--border);border-left:0}
.chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-step:last-child{border-right:0}
.chart-wrap[data-focus-view=scenario] .focus-route-number{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#17473f;color:#81dfc8;font-size:11px;font-weight:600}
.chart-wrap[data-focus-view=scenario] .focus-route-correction .focus-route-number{background:#503d25;color:#f5c376}
.chart-wrap[data-focus-view=scenario] .focus-route-cancel-step .focus-route-number{background:#4a2831;color:#ff9bac}
.chart-wrap[data-focus-view=scenario] .focus-route-cancel-step strong{color:#f18a9b}
.chart-wrap[data-focus-view=scenario] .focus-route-step>div{display:grid;gap:4px;min-width:0}
.chart-wrap[data-focus-view=scenario] .focus-route-step small{font-size:10px;color:var(--muted);white-space:normal}
.chart-wrap[data-focus-view=scenario] .focus-route-step strong{font-size:12px;font-weight:600;color:var(--text);line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.chart-wrap[data-focus-view=scenario] .chart-summary>div.focus-route-trade-strip{grid-column:1/-1;display:flex;align-items:center;gap:7px 17px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--border);border-right:0;border-left:0;background:var(--surface);font-size:11px;color:var(--muted)}
.chart-wrap[data-focus-view=scenario] .focus-route-trade-strip strong{font-size:11px;color:var(--text);white-space:normal}
.chart-wrap[data-focus-view=scenario] .focus-route-trade-strip span{font-variant-numeric:tabular-nums}
body.theme-light .focus-route-style select{background:#fff}
body.theme-light .chart-layerbar [data-focus-route-layer][aria-pressed=true]{background:#def4ed;border-color:#79b9a7;color:#147e68}
body.theme-light .chart-wrap[data-focus-view=scenario] .focus-route-correction .focus-route-number{background:#fff1dd;color:#a76718}
body.theme-light .chart-wrap[data-focus-view=scenario] .focus-route-cancel-step .focus-route-number{background:#fde9ee;color:#bb4e64}
body.theme-light .chart-wrap[data-focus-view=scenario] .focus-route-number{background:#e0f3eb;color:#16846d}
body.theme-light .chart-wrap[data-focus-view=scenario] .focus-route-cancel-step strong{color:#b64660}
@media(max-width:650px){
  .focus-route-style{margin-left:0;flex-basis:100%}
  .chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-caption{display:grid;padding:9px 11px}
  .chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-step{padding:9px 10px;min-height:62px;gap:6px}
  .chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-step:nth-child(3){border-right:0}
  .chart-wrap[data-focus-view=scenario] .chart-summary>.focus-route-step:nth-child(n+4){border-top:1px solid var(--border)}
  .chart-wrap[data-focus-view=scenario] .focus-route-step strong{font-size:11px}
}
