#escenariosView .scenario-panel{overflow:hidden}
#escenariosView .scenario-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
#escenariosView .scenario-controls label{color:var(--text);font-weight:700}
#escenariosView .scenario-controls input{padding:7px 9px;background:#071219;color:var(--text);border:1px solid #31505c;border-radius:6px;font:inherit;color-scheme:dark}
#escenariosView .scenario-controls input:focus,#escenariosView .scenario-controls input:invalid{outline:2px solid var(--accent);outline-offset:1px}
#escenariosView .scenario-controls button{padding:7px 10px;background:#10232e;color:var(--text);border:1px solid #31505c;border-radius:6px;font:inherit;cursor:pointer}
#escenariosView .scenario-controls button:hover{border-color:var(--accent)}
#escenariosView .scenario-method{margin:14px 18px 16px;color:var(--muted);font-size:12px;line-height:1.6}
#escenariosView .scenario-method summary{cursor:pointer;color:var(--text);font-weight:650}
#escenariosView .scenario-table{min-width:1380px;border-collapse:separate;border-spacing:2px}
#escenariosView .scenario-table th{position:static;text-align:center;padding:10px 8px;background:#0b171f;border:0;color:#78909f;font-size:10px}
#escenariosView .scenario-table th:first-child{text-align:left}
#escenariosView .scenario-table th.scenario-yield-head{padding:5px 6px 8px;color:var(--text);background:#0d2a36}
#escenariosView .scenario-table th.scenario-yield-head input{display:block;width:65px;margin:5px auto 0;padding:5px 4px;background:#071219;color:var(--text);border:1px solid #31505c;border-radius:5px;text-align:center;font:inherit;font-weight:700;color-scheme:dark}
#escenariosView .scenario-table th.scenario-yield-head input:focus{outline:2px solid var(--accent);outline-offset:1px}
#escenariosView .scenario-table td{padding:9px 8px;border:1px solid rgba(255,255,255,.035);border-radius:5px;text-align:right;font-size:12px;white-space:nowrap}
#escenariosView .scenario-table td.scenario-current{font-weight:800;color:#f1f8fc}
#escenariosView .scenario-table td.scenario-value{font-weight:750;transition:background-color .35s ease,color .35s ease}
#escenariosView .scenario-table td.scenario-value:hover{filter:brightness(1.12);border-color:rgba(255,255,255,.18)}
#escenariosView .scenario-table td.scenario-invalid{color:var(--muted);background:#09131a}
#escenariosView .scenario-table tr:hover td{filter:brightness(1.04)}
@media(max-width:700px){#escenariosView .scenario-controls{align-items:flex-start;flex-direction:column}#escenariosView .scenario-controls .legend{width:100%}}

/* Contiguous heatmap cells matching the reference. */
#escenariosView .scenario-table{border-collapse:collapse;border-spacing:0}
#escenariosView .scenario-table td.scenario-value{border-radius:0;padding:13px 10px;text-align:center;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;border:1px solid rgba(0,0,0,.17);color:#f5f7fa}
#escenariosView .scenario-table td.scenario-value:hover{filter:brightness(1.06);border-color:rgba(0,0,0,.17)}
#escenariosView .scenario-table tr:hover td.scenario-value{filter:none}
#escenariosView .scenario-table td.scenario-invalid{color:var(--muted)}

#scenarioTickerChooser{margin-left:auto;color:var(--muted);font-size:12px}
#scenarioTickerChooser summary{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:8px 12px;list-style:none;width:max-content;background:var(--panel);color:var(--text)}
#scenarioTickerChooser summary::-webkit-details-marker{display:none}
#scenarioTickerChooser summary::after{content:' ▾';color:var(--muted)}
#scenarioTickerChooser[open]{flex-basis:100%;margin-left:0}
#scenarioTickerChooser[open] summary::after{content:' ▴'}
#scenarioTickerChooser .scenario-picker{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
#scenarioTickerChooser .scenario-picker-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#scenarioTickerChooser .scenario-picker-top span{margin-right:auto}
#scenarioTickerChooser .scenario-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
#scenarioTickerChooser .scenario-picker-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:6px}
#scenarioTickerChooser label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}
#scenarioTickerChooser input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent)}
#scenarioTickerChooser button{background:var(--panel);color:var(--muted);font-size:11px;padding:5px 7px}
#scenarioTickerChooser button:hover{color:var(--text)}
#scenarioTickerChooser summary:focus-visible,#scenarioTickerChooser button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#escenariosView .scenario-table td.scenario-no-selection{text-align:center;padding:24px;color:var(--muted)}
@media(max-width:700px){#scenarioTickerChooser{margin-left:0;width:100%}}

#scenarioTickerChooser[hidden]{display:none!important}
#escenariosView .scenario-ticker-line{display:flex;align-items:center;gap:8px;justify-content:flex-start}
#escenariosView .scenario-eye{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0;opacity:.65}
#escenariosView .scenario-eye:hover,#escenariosView .scenario-eye:focus-visible{opacity:1;color:var(--accent);background:var(--panel2)}
#escenariosView .scenario-eye:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#scenarioTickerChooser .scenario-restore{display:flex;align-items:center;gap:9px;padding:9px 12px;color:var(--text)}
