:root {
  color-scheme: dark;
  --bg: #071018;
  --surface: #101d27;
  --surface-2: #142633;
  --line: rgba(170, 205, 222, 0.14);
  --text: #eef8f4;
  --muted: #91a7af;
  --gold: #f4bb55;
  --cyan: #53c8d5;
  --green: #74d69a;
  --red: #f28282;
  --mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top left, #123142 0, var(--bg) 42%); color: var(--text); font-family: var(--sans); }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: 22px 5vw; border-bottom: 1px solid var(--line); background: rgba(7,16,24,.78); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 3; }
.brand, .panel-heading, .allocation-content, .pagination { display: flex; align-items: center; gap: 14px; }
.header-actions { display: grid; grid-template-columns: 190px 92px 92px 92px 92px; align-items: center; justify-content: end; gap: 10px; min-width: 598px; }
.header-actions form { margin: 0; }
.brand-mark { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(244,187,85,.55); border-radius: 14px; background: rgba(244,187,85,.12); color: var(--gold); font-weight: 800; letter-spacing: .06em; }
h1, h2, p { margin: 0; } h1 { font-size: 1.35rem; } h2 { font-size: 1.05rem; }
.eyebrow { color: var(--cyan); font-size: .67rem; font-weight: 800; letter-spacing: .18em; margin-bottom: 5px; }
.muted { color: var(--muted); font-size: .82rem; }.mono { font-family: var(--mono); }
.dashboard-shell { width: min(1440px, 92vw); margin: 28px auto 42px; }
.connectivity-banner { display: grid; grid-template-columns: auto minmax(220px, 1fr) auto; gap: 12px; align-items: center; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 12px; padding: 9px 12px; background: rgba(5,11,16,.28); }.connectivity-banner strong { font-size: .78rem; }.connectivity-banner .muted { font: .68rem var(--mono); text-align: right; }.connectivity-healthy { border-color: rgba(116,214,154,.18); background: rgba(116,214,154,.035); }.connectivity-stale { border-color: rgba(242,130,130,.42); background: rgba(242,130,130,.09); }.connectivity-never_seen, .connectivity-unknown { border-color: rgba(244,187,85,.22); }
.metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.metric-card, .panel { border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, rgba(20,38,51,.95), rgba(13,27,37,.96)); box-shadow: 0 18px 40px rgba(0,0,0,.2); }
.metric-card { min-height: 150px; padding: 22px; display: flex; flex-direction: column; gap: 12px; justify-content: center; position: relative; overflow: hidden; }
.metric-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: currentColor; }.accent-gold { color: var(--gold); }.accent-cyan { color: var(--cyan); }.accent-green { color: var(--green); }.metric-card p, .metric-card span { color: var(--muted); }
.metric-value { color: var(--text); font-size: clamp(1.1rem, 2vw, 1.7rem); overflow-wrap: anywhere; }
.middle-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; margin-top: 16px; }.panel { padding: 20px; }.panel-heading { justify-content: space-between; margin-bottom: 18px; }
.wallet-panel { margin-top: 16px; }.wallet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.wallet-asset { border: 1px solid var(--line); border-radius: 12px; background: rgba(5,11,16,.28); padding: 14px; }.wallet-asset p { color: var(--muted); font-size: .72rem; letter-spacing: .1em; font-weight: 800; }.wallet-asset strong { display: block; margin-top: 8px; color: var(--text); font: 800 1.18rem var(--mono); overflow-wrap: anywhere; }.wallet-asset span { display: block; margin-top: 5px; color: var(--muted); font-size: .72rem; }
.controls-panel { margin-top: 16px; }.engine-controls { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.engine-control { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,11,16,.28); padding: 14px; }.engine-control h3 { margin: 0 0 4px; font-size: .92rem; }.engine-control p { color: var(--muted); font-size: .78rem; }.engine-switch { width: 54px; height: 30px; border-radius: 999px; padding: 3px; border: 1px solid rgba(145,167,175,.22); background: rgba(242,130,130,.22); }.engine-switch::before { content: ""; display: block; width: 22px; height: 22px; border-radius: 50%; background: var(--text); transition: transform .16s ease; }.engine-switch[aria-checked="true"] { background: rgba(116,214,154,.28); border-color: rgba(116,214,154,.44); }.engine-switch[aria-checked="true"]::before { transform: translateX(23px); }.engine-switch:disabled { opacity: .45; cursor: progress; }
.signal-panel { margin-top: 16px; }.signal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.signal-card { display: grid; gap: 16px; min-width: 0; border: 1px solid var(--line); border-radius: 14px; background: rgba(5,11,16,.25); padding: 16px; }.signal-top { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: start; }.signal-top h3 { margin: 8px 0 5px; font-size: .95rem; }.signal-top p { line-height: 1.35; }.engine-tag { justify-self: start; border-radius: 999px; padding: 6px 9px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; background: rgba(145,167,175,.10); }.engine-1 { color: var(--gold); }.engine-2 { color: var(--cyan); }.engine-3 { color: var(--green); }.next-action { border: 1px solid rgba(170,205,222,.12); border-radius: 999px; padding: 7px 9px; color: var(--text); background: rgba(145,167,175,.08); font-size: .7rem; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }.price-block { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }.price-block strong { display: block; margin-top: 3px; color: var(--text); font: 800 1.28rem var(--mono); }.distance-chip { text-align: right; font: 800 .82rem var(--mono); }.distance-chip span { display: block; margin-top: 3px; color: var(--muted); font: .7rem var(--sans); }.band { display: grid; gap: 9px; }.band-track { position: relative; height: 14px; border: 1px solid rgba(170,205,222,.12); border-radius: 999px; background: linear-gradient(90deg, rgba(116,214,154,.2), rgba(244,187,85,.24), rgba(242,130,130,.24)); }.band-marker { position: absolute; top: 50%; width: 18px; height: 18px; border: 2px solid var(--text); border-radius: 50%; background: var(--surface-2); transform: translate(-50%, -50%); box-shadow: 0 0 0 4px rgba(238,248,244,.08); }.trigger-marker { position: absolute; top: -6px; width: 2px; height: 24px; background: var(--text); opacity: .65; }.band-labels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; color: var(--muted); font: .68rem var(--mono); }.band-labels span:nth-child(2) { text-align: center; }.band-labels span:last-child { text-align: right; }.metric-list { display: grid; gap: 8px; margin: 0; }.metric-list div { display: grid; grid-template-columns: minmax(100px, auto) 1fr; gap: 12px; align-items: baseline; border-top: 1px solid rgba(170,205,222,.08); padding-top: 8px; }.metric-list div:first-child { border-top: 0; padding-top: 0; }.metric-list dt { color: var(--muted); font-size: .72rem; }.metric-list dd { margin: 0; color: var(--text); font: .78rem var(--mono); text-align: right; overflow-wrap: anywhere; }.status-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(170,205,222,.10); border-radius: 10px; padding: 10px; background: rgba(145,167,175,.06); }.status-line strong { color: var(--text); font-size: .78rem; }.status-line span { color: var(--muted); font-size: .72rem; text-align: right; }
.help-panel { margin-top: 16px; }.help-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.help-grid article { border: 1px solid var(--line); border-radius: 10px; background: rgba(5,11,16,.24); padding: 12px; }.help-grid h3 { margin: 0 0 10px; font-size: .86rem; }.help-grid dl, .script-guide-card dl { display: grid; gap: 8px; margin: 0; }.help-grid dl div, .script-guide-card dl div { display: grid; grid-template-columns: minmax(120px, .35fr) 1fr; gap: 10px; border-top: 1px solid rgba(170,205,222,.08); padding-top: 8px; }.help-grid dl div:first-child, .script-guide-card dl div:first-child { border-top: 0; padding-top: 0; }.help-grid dt, .script-guide-card dt { color: var(--cyan); font-size: .68rem; font-weight: 800; overflow-wrap: anywhere; }.help-grid dd, .script-guide-card dd { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.35; overflow-wrap: anywhere; }
.settings-shell { max-width: 1220px; }.settings-summary { display: grid; grid-template-columns: minmax(230px, .6fr) 1fr auto; gap: 18px; align-items: center; margin-bottom: 16px; }.settings-summary h2 { font-size: 1.18rem; }.settings-engines { display: grid; gap: 16px; }.settings-engine { border: 1px solid var(--line); border-radius: 14px; background: rgba(12,25,35,.82); overflow: hidden; }.settings-engine-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--line); background: rgba(83,200,213,.08); }.settings-engine-heading h2 { font-size: 1rem; }.settings-subgroup { padding: 12px 16px 14px; }.settings-subgroup + .settings-subgroup { border-top: 1px solid var(--line); }.settings-subgroup h3 { margin: 0 0 8px; color: var(--cyan); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }.setting-row { display: grid; grid-template-columns: minmax(260px, 1.5fr) 150px minmax(210px, .7fr); gap: 14px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(170,205,222,.08); }.setting-row:first-of-type { border-top: 0; }.setting-copy label { display: block; color: var(--text); font-size: .86rem; font-weight: 750; }.setting-copy p { margin-top: 4px; color: var(--muted); font-size: .76rem; line-height: 1.35; }.setting-copy small { display: block; margin-top: 4px; color: rgba(244,187,85,.86); font-size: .72rem; line-height: 1.35; }.setting-unit { justify-self: start; border: 1px solid rgba(170,205,222,.12); border-radius: 999px; padding: 6px 9px; color: var(--muted); background: rgba(5,11,16,.32); font-size: .72rem; }.setting-control { display: grid; grid-template-columns: minmax(90px, 1fr) auto; gap: 8px; align-items: center; }.setting-control input { width: 100%; min-width: 0; padding: 9px 10px; }.setting-control input[type="checkbox"] { width: 20px; height: 20px; justify-self: start; accent-color: var(--green); }.setting-control button { min-width: 64px; padding: 9px 10px; }.setting-save-status { grid-column: 1 / -1; min-height: 1em; font-size: .7rem; }
.allocation-content { justify-content: center; gap: 34px; min-height: 330px; align-items: stretch; }.allocation-side { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(250px, 1.1fr); gap: 18px; align-items: start; flex: 1; }.donut-wrap { width: 280px; min-width: 280px; position: relative; display: grid; place-items: center; }.allocation-chart { width: 240px; height: 240px; overflow: visible; }.donut-center { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; pointer-events: none; }.donut-center strong { color: var(--text); font: 800 1.25rem var(--mono); }.donut-center span { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; max-width: 130px; overflow-wrap: anywhere; }
.donut-segment { cursor: pointer; fill: none; stroke-width: 34; transition: opacity .15s ease, stroke-width .15s ease, filter .15s ease; }.donut-segment:hover, .donut-segment:focus-visible { opacity: 1; stroke-width: 40; outline: none; filter: drop-shadow(0 0 8px rgba(238,248,244,.24)); }.donut-segment.is-muted { opacity: .42; }.donut-segment.is-selected { stroke-width: 42; filter: drop-shadow(0 0 9px rgba(238,248,244,.28)); }
.allocation-legend { display: grid; gap: 9px; }.allocation-row { width: 100%; display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 10px; padding: 10px; background: rgba(5,11,16,.28); color: var(--text); text-align: left; }.allocation-row:hover, .allocation-row:focus-visible, .allocation-row.is-selected { border-color: rgba(238,248,244,.35); background: rgba(145,167,175,.12); }.allocation-row p { font-weight: 750; }.allocation-row small { display: block; color: var(--muted); margin-top: 3px; font-size: .72rem; }.legend-dot { width: 10px; height: 10px; border-radius: 50%; }.engine-one { background: var(--gold); }.engine-two { background: var(--cyan); }.engine-three { background: var(--green); }
.allocation-detail { border: 1px solid var(--line); border-radius: 12px; padding: 15px; background: rgba(5,11,16,.28); }.allocation-detail h3 { margin: 0 0 13px; font-size: 1rem; }.allocation-detail dl { display: grid; gap: 9px; margin: 0; }.allocation-detail dl div { display: grid; grid-template-columns: minmax(98px, auto) 1fr; gap: 12px; align-items: baseline; }.allocation-detail dt { color: var(--muted); font-size: .72rem; }.allocation-detail dd { margin: 0; color: var(--text); font: .8rem var(--mono); text-align: right; overflow-wrap: anywhere; }
.terminal { height: 290px; overflow: auto; border-radius: 12px; background: #050b10; border: 1px solid rgba(116,214,154,.12); padding: 14px; color: #afd8c1; font: .78rem/1.6 var(--mono); }.terminal p { margin-bottom: 7px; }
.live-dot, .status-badge { border-radius: 999px; font-size: .69rem; font-weight: 800; letter-spacing: .08em; padding: 7px 10px; }.status-badge { display: inline-flex; justify-content: center; align-items: center; min-height: 36px; text-align: center; white-space: nowrap; }.live-dot { color: var(--green); background: rgba(116,214,154,.12); }.status-simulated { color: var(--gold); background: rgba(244,187,85,.16); }.status-live { color: var(--green); background: rgba(116,214,154,.16); }.status-stale { color: var(--red); background: rgba(242,130,130,.16); }
.ledger-panel { margin-top: 16px; }.ledger-heading { gap: 22px; }.ledger-heading input { width: min(330px, 44vw); }
input { border: 1px solid var(--line); border-radius: 10px; background: rgba(5,11,16,.65); color: var(--text); padding: 11px 13px; outline: none; } input:focus { border-color: var(--cyan); }
select, textarea { border: 1px solid var(--line); border-radius: 10px; background: rgba(5,11,16,.65); color: var(--text); padding: 11px 13px; outline: none; font: inherit; } select:focus, textarea:focus { border-color: var(--cyan); }
.tools-shell { max-width: 1280px; }.sandbox-panel { margin-bottom: 16px; }.sandbox-panel .panel-heading { margin-bottom: 8px; }.sandbox-state { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }.sandbox-state div { border: 1px solid rgba(170,205,222,.1); border-radius: 10px; padding: 10px; background: rgba(5,11,16,.28); }.sandbox-state dt { color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.sandbox-state dd { margin: 5px 0 0; color: var(--text); font: .72rem var(--mono); overflow-wrap: anywhere; }.sandbox-actions { display: flex; flex-wrap: wrap; gap: 8px; }.sandbox-actions + .tool-note { margin: 10px 0 0; min-height: 1em; }.sandbox-panel.is-sandbox { border-color: rgba(116,214,154,.38); }.scenario-panel { margin-bottom: 16px; padding: 18px; }.scenario-panel .panel-heading { align-items: flex-start; margin-bottom: 8px; }.scenario-panel .panel-heading h2 { font-size: .98rem; }.scenario-mode { flex: 0 0 auto; border: 1px solid rgba(83,200,213,.18); border-radius: 999px; padding: 6px 9px; color: var(--cyan); background: rgba(83,200,213,.07); font-size: .65rem; white-space: nowrap; }.scenario-intro { max-width: 900px; margin-bottom: 14px; color: var(--muted); font-size: .7rem; line-height: 1.45; }.scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: stretch; }.scenario-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,11,16,.28); padding: 13px; }.scenario-card.is-disabled { opacity: .48; }.scenario-engine-1 { border-top-color: rgba(244,187,85,.48); }.scenario-engine-2 { border-top-color: rgba(83,200,213,.48); }.scenario-engine-3 { border-top-color: rgba(116,214,154,.48); }.scenario-card-heading { min-height: 94px; }.scenario-card-heading .eyebrow { margin-bottom: 7px; font-size: .59rem; }.scenario-card-heading h3 { margin: 0; font-size: .86rem; line-height: 1.25; }.scenario-card-heading > p:last-child { margin-top: 7px; color: var(--muted); font-size: .75rem; line-height: 1.42; }.scenario-guide { min-height: 142px; margin: 10px 0 12px; border: 1px solid rgba(170,205,222,.09); border-radius: 9px; background: rgba(145,167,175,.04); padding: 10px; }.scenario-guide strong { display: block; color: var(--text); font-size: .66rem; letter-spacing: .04em; }.scenario-guide ol { margin: 7px 0 0; padding-left: 18px; color: var(--muted); font-size: .75rem; line-height: 1.48; }.scenario-guide li + li { margin-top: 4px; }.scenario-guide b { color: var(--text); font-weight: 750; }.scenario-thresholds { display: grid; gap: 6px; margin: 0 0 12px; }.scenario-thresholds div { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid rgba(170,205,222,.08); padding-bottom: 5px; }.scenario-thresholds dt { color: var(--muted); font-size: .67rem; }.scenario-thresholds dd { margin: 0; color: var(--text); font: .67rem var(--mono); text-align: right; }.scenario-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }.scenario-controls-stacked { grid-template-columns: minmax(0, 1fr) 110px; }.scenario-controls-stacked button { grid-column: 1 / -1; width: 100%; }.scenario-field { display: grid; min-width: 0; gap: 5px; }.scenario-field label { color: var(--muted); font-size: .59rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.scenario-field input, .scenario-field select { width: 100%; min-width: 0; min-height: 34px; padding: 8px 9px; font-size: .7rem; }.scenario-card button { min-height: 34px; padding: 8px 10px; font-size: .68rem; white-space: nowrap; }.scenario-output { min-height: 92px; max-height: 220px; margin: 10px 0 0; overflow: auto; border-radius: 9px; background: #050b10; border: 1px solid rgba(116,214,154,.12); padding: 9px; color: #afd8c1; font: .64rem/1.45 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }.scenario-status-legend { display: grid; gap: 5px; margin-top: 14px; border: 1px solid rgba(83,200,213,.15); border-radius: 10px; padding: 11px 12px; background: rgba(83,200,213,.04); color: var(--muted); font-size: .72rem; line-height: 1.42; }.scenario-status-legend strong, .scenario-status-legend b { color: var(--text); }.scenario-footnote { margin-top: 11px; color: var(--muted); font-size: .75rem; line-height: 1.45; }.scenario-footnote strong { color: var(--gold); }.tools-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-bottom: 16px; }.tools-grid-single { grid-template-columns: minmax(0, 1fr); }.tool-form { display: grid; gap: 9px; }.tool-form label { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.tool-form button { justify-self: start; }.tool-note { margin: -4px 0 12px; color: var(--muted); font-size: .74rem; line-height: 1.38; }.tool-help { border: 1px solid rgba(170,205,222,.1); border-radius: 10px; background: rgba(5,11,16,.28); padding: 9px 10px; }.tool-help strong { display: block; color: var(--text); font-size: .72rem; margin-bottom: 3px; }.tool-help span { display: block; color: var(--muted); font-size: .7rem; line-height: 1.36; }.tool-output { margin-top: 14px; width: 100%; white-space: pre-wrap; }.script-guide { display: grid; gap: 16px; }.script-mode-group { display: grid; gap: 10px; }.script-mode-group > h3 { margin: 0; color: var(--cyan); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }.script-guide-card { border: 1px solid var(--line); border-radius: 10px; background: rgba(5,11,16,.26); padding: 13px; }.script-guide-card h3 { margin: 0 0 10px; font-size: .88rem; }.script-guide-card code { color: var(--text); font: .7rem/1.35 var(--mono); overflow-wrap: anywhere; }
.table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; min-width: 760px; } th, td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; font-size: .8rem; } th { color: var(--muted); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; } td { font-family: var(--mono); }
.pagination { justify-content: flex-end; padding-top: 15px; }.quiet-button, button { border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px; color: var(--text); background: rgba(145,167,175,.08); cursor: pointer; font-size: .82rem; line-height: 1.2; min-height: 36px; }.nav-link { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }.quiet-button:hover, button:hover { border-color: var(--cyan); }.quiet-button:disabled { opacity: .38; cursor: default; }
.login-body { display: grid; place-items: center; }.login-shell { width: min(430px, 90vw); }.login-card { border: 1px solid var(--line); border-radius: 22px; padding: 32px; background: rgba(16,29,39,.94); box-shadow: 0 28px 70px rgba(0,0,0,.34); }.login-card h1 { margin: 16px 0 10px; font-size: 2rem; line-height: 1.08; }.login-card form { display: grid; gap: 10px; margin-top: 25px; }.login-card label { font-size: .78rem; color: var(--muted); }.login-card button { margin-top: 7px; background: var(--gold); color: #17200f; border-color: var(--gold); font-weight: 800; }.security-note { margin-top: 20px; color: var(--muted); font-size: .74rem; line-height: 1.5; }.login-error { margin-top: 16px; color: var(--red); font-size: .82rem; }
@media (max-width: 1180px) { .metrics-grid { grid-template-columns: repeat(2, 1fr); }.signal-grid { grid-template-columns: 1fr; }.allocation-content { flex-direction: column; align-items: center; }.allocation-side { width: 100%; } }
@media (max-width: 900px) { .metrics-grid, .middle-grid, .allocation-side, .engine-controls, .wallet-grid, .settings-summary, .setting-row, .tools-grid, .scenario-grid, .script-guide, .help-grid, .sandbox-state { grid-template-columns: 1fr; }.connectivity-banner { grid-template-columns: auto 1fr; }.connectivity-banner .muted { grid-column: 1 / -1; text-align: left; }.topbar { padding-inline: 4vw; }.dashboard-shell { width: 92vw; }.allocation-content { gap: 18px; }.setting-control { grid-template-columns: 1fr auto; }.header-actions { min-width: 0; grid-template-columns: 190px 92px 92px 92px 92px; } }
@media (max-width: 560px) { .topbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 8px; padding: 12px 4vw 10px; }.brand { grid-column: 1 / span 2; gap: 9px; min-width: 0; }.brand-mark { width: 34px; height: 34px; border-radius: 11px; font-size: .78rem; flex: 0 0 auto; }.brand h1 { font-size: 1.08rem; line-height: 1.08; }.brand .eyebrow { font-size: .52rem; letter-spacing: .12em; line-height: 1.2; margin-bottom: 3px; }.header-actions { display: contents; }.header-actions .status-badge { grid-column: 3 / span 2; min-height: 32px; padding: 5px 6px; white-space: normal; line-height: 1.1; }.header-actions form, .header-actions form button, .header-actions .quiet-button { width: 100%; min-width: 0; }.header-actions .quiet-button { padding: 8px 4px; font-size: .68rem; min-height: 34px; }.signal-top, .price-block { grid-template-columns: 1fr; }.distance-chip, .status-line span { text-align: left; }.status-line { align-items: flex-start; flex-direction: column; }.donut-wrap { width: 230px; min-width: 230px; }.allocation-chart { width: 210px; height: 210px; }.ledger-heading { align-items: flex-start; flex-direction: column; }.ledger-heading input { width: 100%; }.scenario-panel .panel-heading { display: grid; }.scenario-mode { justify-self: start; }.scenario-card-heading, .scenario-guide { min-height: 0; }.scenario-controls, .scenario-controls-stacked { grid-template-columns: 1fr; }.scenario-card button { width: 100%; }.scenario-engine-2 { grid-column: auto; } }