.stryke-brand{display:block;flex-shrink:0;margin:20px 12px 0;padding-top:18px;border-top:1px solid #ffffff20}.stryke-wordmark{display:block;width:154px;max-width:100%;height:auto}.sidebar .parent-brand{display:block;flex-shrink:0}.sidebar .parent-brand .dtc-brand{margin-bottom:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}.note-body{white-space:pre-wrap;overflow-wrap:anywhere}.filter-bar{display:flex;gap:12px;align-items:end;margin:0 0 22px;flex-wrap:wrap}.filter-bar label{flex:1;min-width:130px;margin:0}.filter-bar button{margin-bottom:0}.risk-result{font-size:23px;font-weight:750;padding:22px 0;color:var(--green)}.reset-clock{font-size:52px;font-weight:800;letter-spacing:-2px;margin:22px 0}.mode-cards{display:grid;gap:12px}.mode-cards a{padding:14px;border:1px solid var(--line);border-radius:8px}.mode-cards strong,.mode-cards span{display:block}.mode-cards span{font-size:13px;color:var(--muted);margin-top:4px}.card dt{color:var(--muted);font-size:12px;text-transform:uppercase;margin-top:15px}.card dd{margin:4px 0;white-space:pre-wrap}.card small{display:block}.tabs input{max-width:450px}.kpi .value{overflow-wrap:anywhere}.card svg{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #20aa7b;outline-offset:3px}
/* Blue uses the retained STRYKE surface palette; Green keeps the DTC forest palette. */
:root[data-theme=blue]{color-scheme:dark;--ink:#d8e0ea;--paper:#0b0e13;--green:#69acff;--mint:#1c304c;--bright:#69acff;--red:#ff8e88;--line:#283549;--muted:#a2afc2;--surface:#111722;--control:#192433;--deep:#080b0f;--primary:#235fa6;--selected:#1c304c;--hover:#172233;--positive:#49d99a}
:root[data-theme=dark]{color-scheme:dark;--ink:#ecf4f1;--paper:#101715;--green:#46dbaa;--mint:#203b31;--bright:#49e0ab;--red:#ff8e88;--line:#32423b;--muted:#abbfb5;--surface:#18221e;--control:#233229;--deep:#0b120f;--primary:#087b53;--selected:#214d3b;--hover:#1c3026;--positive:#49e0ab}
:root[data-theme=mist]{color-scheme:light;--ink:#172832;--paper:#edf2f5;--green:#076644;--mint:#d9eee6;--line:#c8d6dc;--muted:#51656e}
:root[data-theme=cream]{color-scheme:light;--ink:#27251f;--paper:#f6f1e6;--green:#086d4a;--mint:#e5eadb;--line:#d8d0bf;--muted:#6b6559}
.sidebar{background:#101715;overflow-y:auto}.sidebar footer{flex-shrink:0}.sidebar .stryke-brand{color:#49e0ab}
:root:is([data-theme=blue],[data-theme=dark]) .sidebar{background:var(--deep)}
:root:is([data-theme=blue],[data-theme=dark]) :is(.card,.topbar,dialog,.day,.login){background:var(--surface);color:var(--ink)}
:root:is([data-theme=blue],[data-theme=dark]) :is(input,select,textarea,button,a.button){background:var(--control);color:var(--ink);border-color:var(--line)}
:root:is([data-theme=blue],[data-theme=dark]) :is(.primary,a.primary,.tabs .active){background:var(--primary)!important;color:#fff!important}
:root:is([data-theme=blue],[data-theme=dark]) :is(.notice,.empty,.note,.key,th){background:var(--control);color:var(--muted);border-color:var(--line)}
:root:is([data-theme=blue],[data-theme=dark]) .feature{background:var(--selected)}
:root:is([data-theme=blue],[data-theme=dark]) :is(.feature p,.side-label,.sidebar footer,.sidebar nav a,.stryke-brand small){color:var(--muted)}
:root:is([data-theme=blue],[data-theme=dark]) .sidebar nav a.active{background:var(--selected);color:var(--ink)}
:root:is([data-theme=blue],[data-theme=dark]) .sidebar nav a:hover{background:var(--hover)}
:root:is([data-theme=blue],[data-theme=dark]) .sidebar .stryke-brand{color:var(--bright)}
:root:is([data-theme=blue],[data-theme=dark]) .positive{color:var(--positive)}
:root:is([data-theme=blue],[data-theme=dark]) .negative{color:var(--red)}
:root:is([data-theme=blue],[data-theme=dark]) td{border-color:var(--line)}
:root:is([data-theme=blue],[data-theme=dark]) .day.up{background:#15372c}
:root:is([data-theme=blue],[data-theme=dark]) .day.down{background:#3a2227}
:root:is([data-theme=blue],[data-theme=dark]) #toast:not(.error){background:var(--control);color:var(--ink);border:1px solid var(--line)}
.appearance-control{display:flex;align-items:center;gap:9px;margin:0;font-size:11px;color:var(--muted);white-space:nowrap}
.appearance-control select{margin:0;width:auto;max-width:170px;padding:7px 10px;font-size:12px;font-weight:650;cursor:pointer}
.topbar{flex-wrap:wrap}.topbar .appearance-control{margin-left:auto}
:root[data-theme] :is(button,a,input,select,textarea):focus-visible{outline-color:var(--green)}
@media(max-width:680px){.topbar>.status{display:none}.appearance-control>span{display:none}.topbar{gap:8px}.appearance-control select{max-width:150px}}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.filter-bar label{min-width:42%}.stryke-brand{margin-bottom:10px}.reset-clock{font-size:36px}.kpi .value{font-size:23px}}

.workspace-start{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:14px}.workspace-start a{display:block;padding:14px;border:1px solid var(--line);border-radius:8px}.workspace-start strong,.workspace-start span{display:block}.workspace-start span{font-size:13px;color:var(--muted);margin-top:8px}@media(max-width:1000px){.workspace-start{grid-template-columns:1fr 1fr}}@media(max-width:520px){.workspace-start{grid-template-columns:1fr}}

/* Customer records wrap independently from compact trading statistics. */
.customer-table table{table-layout:fixed;white-space:normal;min-width:640px}.customer-table td{vertical-align:top;overflow-wrap:anywhere;line-height:1.6}.customer-table td small{display:block;margin-top:5px;line-height:1.6}.customer-table td button{margin:0 6px 8px 0}.customer-table{margin-top:20px}