/* MULLINER market instrument, research and reference views. */
@font-face{font-family:Manrope;src:url("fonts/manrope.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root { color-scheme: light; --bg: #fff; --surface: #fff; --ink: #172c23; --green: #21563e; --red: #a5402c; --civic: #274d3d; --gold: #b79c63; --mono: Manrope,Arial,sans-serif; --sans: Manrope,Arial,sans-serif; --serif: Manrope,Arial,sans-serif; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; color: var(--ink); font: 500 13px/1.5 var(--sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration: none; text-underline-offset: 4px; }
a:hover { text-decoration: underline; }
button,select,input { font: inherit; }
button,select,summary { cursor: pointer; }
button,select { color: var(--ink); background: transparent; border: 1px solid var(--edge); border-radius: 0; padding: 8px 10px; }
button:hover,select:hover { background: var(--wash); }
button:disabled { opacity: .5; cursor: default; }
:focus-visible { outline: 2px solid #678a64; outline-offset: 4px; }
h1,h2,h3,p { margin: 0; }
h1,h2,h3 { font-weight: 600; }
h2 { font-size: 17px; line-height: 1.3; }
p { line-height: 1.6; }
.long { color: var(--green); }
.short { color: var(--red); }
.label,.eyebrow,.workshop-label,.step { font: 600 10px/1.5 var(--sans); letter-spacing: .035em; color: var(--muted); }
header { display: flex; align-items: center; padding: 0 44px; }
.marque { position: relative; padding-left: 36px; color: var(--ink); }
.marque:before { content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 25px; transform: skew(-18deg); background: repeating-linear-gradient(90deg,#21563e 0 3px,transparent 3px 8px); }
.marque span { display: block; color: var(--muted); }
.instrument { font: 500 11px var(--sans); color: var(--muted); }
.instrument b { font-weight: 500; margin-left: 10px; }
.manual { font-size: 11px; border-bottom: 1px solid var(--edge); }
.system-status { margin-left: auto; position: relative; }
.system-status>summary { list-style: none; }
.system-status>summary::-webkit-details-marker { display: none; }
.connection { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--muted); }
.connection:after { content: "⌄"; margin-left: 4px; }
.connection>span:first-child { width: 6px; height: 6px; background: var(--red); }
.connection>span.ok { background: var(--green); }
.connection>span.pause { background: #b09044; }
.system-status-body { position: absolute; right: 0; top: 30px; z-index: 30; width: 350px; padding: 22px; background: white; border: 1px solid var(--edge); font-size: 12px; }
.system-status-body p { margin-top: 12px; color: var(--muted); }
#notice.error { color: var(--red); }
main { padding: 0 44px; margin: auto; }
.desk-tabs { display: flex; align-items: stretch; border-bottom: 1px solid var(--ink); }
.desk-tabs button { padding: 0; border: 0; border-bottom: 2px solid transparent; color: var(--muted); font-weight: 600; }
.desk-tabs button:hover { background: none; }
.desk-caption { margin-left: auto; align-self: center; color: var(--muted); }
.desk-caption>div { display: flex; gap: 12px; }
.desk-caption .label { display: none; }
.desk-caption strong { font-weight: 600; color: var(--ink); }
.desk-overview { display: contents; }
.system-intro { align-self: stretch; }
.desk-subtitle { display: block; font: 400 11px/1.5 var(--sans); letter-spacing: 0; }
.quote .label { font-weight: 500; letter-spacing: 0; }
.quote strong { display: block; font-variant-numeric: tabular-nums; }
.command-bar { display: grid; grid-template-columns: 1fr; gap: 16px; align-self: stretch; }
.command-bar>div { display: flex; position: relative; flex-wrap: wrap; align-items: baseline; gap: 3px 12px; }
.command-bar>div:first-child>.label { flex-basis: 100%; font-weight: 500; letter-spacing: 0; }
.command-bar #reason { color: var(--muted); }
.command-bar>div:nth-child(2)>.label { font-size: 10px; letter-spacing: 0; font-weight: 500; }
#broker { font: 600 13px/1.3 var(--sans); margin-left: auto; }
#broker .position-side { white-space: nowrap; }
#broker .position-entry { display: block; font-size: 11px; text-align: right; }
#execution { font-size: 10px; color: var(--muted); flex-basis: 100%; line-height: 1.6; }
.broker-details { font-size: 10px; }
.broker-details>summary { color: var(--muted); list-style: none; }
.broker-details>summary:after { content: " +"; }
.broker-details dl { position: absolute; right: 0; top: 100%; width: 290px; background: white; border: 1px solid var(--edge); padding: 18px; z-index: 25; margin-top: 8px; color: var(--ink); }
.broker-details dd { overflow-wrap: anywhere; }
.plot-panel { position: relative; }
.plot-toolbar { justify-content: space-between; }
.range { display: flex; align-items: center; gap: 18px; }
.range select { border: 0; color: #cfddc5; background: none; padding: 5px 0; }
.range option { background: white; color: var(--ink); }
#latest { display: none; background: none; border: 0; border-bottom: 1px solid #b7c8aa; padding: 3px 0; }
#latest.is-pinned { display: block; }
.chart-options { position: relative; }
.chart-options>summary { list-style: none; font: 500 11px var(--sans); color: #cfddc5; padding: 6px 0; }
.chart-options[open]>summary:after { content: "−"; }
.chart-options>summary::-webkit-details-marker { display: none; }
.chart-options-body { position: absolute; top: 32px; left: 0; z-index: 20; background: white; border: 1px solid var(--edge); padding: 22px; display: flex; flex-wrap: wrap; gap: 14px; width: 340px; }
.layers { display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; }
.layers label { display: flex; align-items: center; gap: 7px; cursor: pointer; }
input[type=checkbox] { appearance: none; display: grid; place-content: center; width: 15px; height: 15px; border: 1px solid #869781; margin: 0; cursor: pointer; }
input[type=checkbox]:checked { background: var(--green); border-color: var(--green); }
input[type=checkbox]:checked:before { content: "✓"; font: 11px var(--sans); color: white; }
.section-caption { position: absolute; font-size: 10px; z-index: 10; }
.section-caption .section-help>summary { border: 0; }
.section-caption .section-help>summary::marker { content: ""; }
.section-caption .section-help[open] { position: absolute; right: 0; top: 15px; width: 350px; padding: 20px; background: white; border: 1px solid var(--edge); color: var(--ink); z-index: 21; }
.section-caption .section-help[open]>summary { color: var(--ink); }
.chart-shell { position: relative; isolation: isolate; }
.chart-signature { display: none; }
canvas { display: block; width: 100%; height: 100%; position: absolute; inset: 0; touch-action: pan-y; }
#chart-tooltip { position: absolute; z-index: 15; pointer-events: none; max-width: min(336px,90%); padding: 16px; background: #fff; border: 1px solid var(--edge); border-top: 2px solid var(--green); font: 12px/1.6 var(--sans); white-space: pre-line; color: var(--ink); }
#chart-tooltip.short { border-top-color: var(--red); }
.readout { display: flex; justify-content: space-between; gap: 16px; }
.plot-key { display: flex; gap: 24px; flex-wrap: wrap; }
.plot-key>span { display: flex; align-items: center; gap: 6px; }
.average-line { height: 2px; width: 16px; background: #e7efdb; }
.long-dot,.short-dot { display: inline-block; width: 4px; height: 10px; background: #b4d9b2; }
.short-dot { background: #e4a28d; }
.vote-rail { margin: 8px -22px 0 -30px; background: #fff; color: var(--ink); padding: 16px 0 0; border-top: 1px solid var(--edge); }
.vote-heading { display: flex; justify-content: space-between; gap: 12px; padding: 0 18px; font-size: 12px; }
.vote-heading small { font-size: 10px; color: var(--muted); }
.vote-rail canvas { position: relative; inset: auto; }
.vote-rail p { font-size: 11px; color: var(--muted); padding: 10px 18px 16px; }
.model-panel { min-width: 0; }
.panel-title { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.panel-title h2 { font-size: 15px; font-weight: 650; }
.panel-title button { border: 0; border-bottom: 1px solid var(--edge); padding: 2px 0; font-size: 10px; }
.micro { font-size: 11px; line-height: 1.6; color: var(--muted); }
.model-help>summary::marker { content: ""; }
#influence-flow { display: block; width: 100%; overflow: visible; font-family: var(--sans); }
.model-records>summary,.record-details>summary { list-style: none; font-size: 10px; color: var(--muted); padding: 6px 0; }
.model-records>summary:after,.record-details>summary:after { content: "+"; float: right; }
.model-records[open]>summary:after,.record-details[open]>summary:after { content: "−"; }
.model-records>summary::-webkit-details-marker,.record-details>summary::-webkit-details-marker { display: none; }
#models { max-height: 310px; overflow: auto; scrollbar-width: thin; scrollbar-color: #9eae99 transparent; overscroll-behavior: contain; }
.model-family>summary { list-style: none; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 14px 0 21px; font-size: 12px; }
.model-family>summary::-webkit-details-marker { display: none; }
.model-family small { display: block; font-size: 10px; color: var(--muted); margin-top: 5px; }
.family-weight { font-size: 21px; letter-spacing: -.03em; }
.family-meter { position: absolute; bottom: 8px; left: 0; height: 2px; width: 100%; background: #dce4d6; }
.family-meter:after { content: ""; display: block; height: 100%; width: var(--influence); background: var(--green); }
.model-row { width: 100%; display: grid; grid-template-columns: 18px minmax(0,1fr) 42px 36px; gap: 5px; align-items: center; text-align: left; padding: 10px 6px; font-size: 11px; border: 0; border-top: 1px solid var(--edge); background: #e7ede1; position: relative; }
.model-row>span:nth-child(n/**/+3) { text-align: right; }
.model-row small { font-size: 9px; margin-top: 5px; color: var(--muted); }
.model-row .model-direction { font-size: 20px; color: #96a58f; }
.model-row .model-direction.long { color: var(--green); }
.model-row .model-direction.short { color: var(--red); }
.model-row.selected { background: #d9e5d0; border-left: 2px solid var(--green); }
.model-detail { border-top: 1px solid #ced8c7; position: relative; }
.model-detail>.label { font-size: 10px; letter-spacing: 0; font-weight: 500; }
.model-detail h2 { font-weight: 500; letter-spacing: -.03em; margin: 4px 0 6px; }
.model-detail p { line-height: 1.55; color: var(--muted); }
#consensus-history { display: block; width: 100%; }
.consensus-strip { display: flex; align-items: center; gap: 10px; font-size: 8px; color: var(--muted); padding-top: 10px; }
#balance-track { height: 2px; position: relative; flex: 1; background: #d9e2d1; }
#balance-track:after { content: ""; position: absolute; left: 50%; top: -3px; width: 1px; height: 8px; background: #b1bdaa; }
#balance-indicator { position: absolute; top: -4px; height: 10px; width: 2px; background: var(--ink); }
dl { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 8px; font: 11px/1.4 var(--sans); margin: 14px 0 0; font-variant-numeric: tabular-nums; }
dt { color: var(--muted); }
dd { text-align: right; margin: 0; overflow-wrap: anywhere; }
.account-strip { padding: 20px 0 0; }
.account-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.account-heading .label { display: none; }
.account-heading h2 { font-weight: 650; }
.account-heading>span { font-size: 10px; color: var(--muted); }
.account-heading>span.warn { color: var(--red); }
.account-metric { grid-template-columns: 1fr auto; column-gap: 16px; align-items: baseline; }
.account-metric>span { color: var(--muted); }
.account-metric strong { grid-row: 1/3; grid-column: 2; font-variant-numeric: tabular-nums; }
.account-metric small { color: var(--muted); grid-column: 1; }
.account-fills { border-left: 1px solid var(--edge); padding-left: 34px; }
.account-diagnostics { border-top: 1px solid var(--edge); }
.account-diagnostics>summary { color: var(--muted); }
.account-diagnostics summary span { float: right; }
.pitwall-details { grid-template-columns: 1fr 1.4fr; gap: 24px; padding: 20px 0; }
.pitwall-details p { font-size: 12px; color: var(--muted); margin-bottom: 12px; }
.pitwall-details ol { font-size: 12px; padding-left: 18px; }
.account-history { grid-column: 1/-1; max-width: 650px; }
.account-history svg { width: 100%; height: 90px; display: block; overflow: visible; }
.account-history>span { font-size: 11px; color: var(--muted); }
.account-history circle { cursor: crosshair; }
.account-history circle:focus { stroke: var(--ink); stroke-width: 2; }
.account-empty .account-grid { display: none; }
.account-empty { padding: 16px 0 0; }
.account-empty .account-heading { margin-bottom: 8px; }
.section-help>summary { font-size: 11px; line-height: 1.5; color: var(--muted); width: fit-content; cursor: pointer; }
.section-help[open]>summary { margin-bottom: 14px; }
.section-help p,.section-help li { font-size: 12px; line-height: 1.6; color: var(--muted); margin-bottom: 12px; }
.section-help ol { padding-left: 18px; }
.coachworks { margin: 32px 0 40px; }
.workshop-head { display: flex; justify-content: space-between; gap: 48px; align-items: start; padding-bottom: 26px; }
.workshop-head h2 { font: 500 42px/1.15 var(--sans); letter-spacing: -.045em; margin: 10px 0 16px; }
.workshop-head p { max-width: 65ch; font-size: 13px; color: var(--muted); }
.generation-dial { min-width: 160px; border-left: 1px solid var(--edge); padding-left: 28px; }
.generation-dial span,.generation-dial small { display: block; font-size: 10px; color: var(--muted); }
.generation-dial strong { display: block; font: 450 58px/1.2 var(--sans); letter-spacing: -.05em; margin: 8px 0; }
.workshop-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; padding: 22px 0; border-top: 1px solid var(--edge); border-bottom: 1px solid var(--edge); }
.workshop-facts strong { display: block; font-size: 28px; font-weight: 500; letter-spacing: -.04em; margin-bottom: 8px; }
.workshop-facts span { font-size: 10px; color: var(--muted); }
.coachworks-help { margin: 16px 0 8px; }
.coachworks>#evidence-gate { margin: 10px 0 18px; }
.breeding-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding: 28px 0; }
.workshop-label { margin-bottom: 16px; }
.evo-candidate { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; width: 100%; text-align: left; padding: 16px; border: 0; border-bottom: 1px solid var(--edge); }
.evo-candidate strong { grid-row: 1/3; grid-column: 2; text-align: right; align-self: center; font-size: 15px; font-weight: 600; }
.evo-candidate small { font-size: 10px; color: var(--muted); }
.evo-candidate.selected { background: var(--wash); border-left: 2px solid var(--green); }
.genome-bay { padding-left: 40px; border-left: 1px solid var(--edge); min-width: 0; }
.genome-bay h3 { font-size: 18px; margin-bottom: 20px; }
#network-shape { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; }
#network-shape span { flex: 1; text-align: center; padding: 12px 6px; background: var(--wash); border-bottom: 1px solid #b1bda9; font-size: 17px; }
#network-shape small { display: block; font-size: 10px; color: var(--muted); margin-top: 7px; }
#network-shape i { font-style: normal; color: var(--green); }
#parent-chain,#gene-note { font-size: 10px; line-height: 1.7; color: var(--muted); overflow-wrap: anywhere; }
#parent-chain { border-bottom: 1px solid var(--edge); padding-bottom: 12px; }
#gene-note { margin-top: 12px; }
.generation-history { padding: 22px 0; border-top: 1px solid var(--edge); }
#generation-history { display: flex; gap: 28px; overflow: auto; }
.generation-ticket { flex: 1; min-width: 110px; padding-left: 16px; border-left: 1px solid var(--edge); }
.generation-ticket b { display: block; font-size: 18px; font-weight: 500; }
.generation-ticket small { display: block; font-size: 10px; color: var(--muted); line-height: 1.8; }
.trial-sheet { border-top: 1px solid var(--edge); padding: 18px 0; }
.trial-sheet summary { font-size: 13px; font-weight: 600; }
.trial-sheet summary span { font-size: 10px; font-weight: 400; color: var(--muted); margin-left: 18px; }
.trial-sheet p { font-size: 12px; margin: 14px 0; color: var(--muted); }
.trial-sheet .table-wrap { margin-top: 16px; }
.tape { margin: 32px 0; }
.tape .panel-title { margin-bottom: 12px; }
.tape .panel-title h2 { font-size: 32px; letter-spacing: -.04em; font-weight: 500; }
#ledger-note { font-size: 11px; color: var(--muted); }
.tape>.micro { margin-bottom: 18px; }
.table-wrap { overflow: auto; max-height: 360px; }
table { width: 100%; border-collapse: collapse; text-align: left; font: 12px var(--sans); font-variant-numeric: tabular-nums; }
td,th { padding: 12px; border-bottom: 1px solid var(--edge); white-space: nowrap; }
th { font-size: 10px; font-weight: 600; color: var(--muted); background: var(--wash); position: sticky; top: 0; }
tbody tr[tabindex] { cursor: pointer; }
tbody tr:hover { background: #f5f7f2; }
.atlas { margin: 28px 0 40px; border-top: 1px solid var(--edge); padding-top: 16px; }
.atlas summary { font-size: 13px; font-weight: 600; }
.atlas summary span { font-size: 10px; font-weight: 400; color: var(--muted); margin-left: 16px; }
.atlas p { margin: 12px 0; }
.atlas .table-wrap { margin-top: 16px; }
footer { padding: 16px 44px; display: flex; align-items: center; gap: 24px; color: var(--muted); }
footer>.section-help { order: 3; }
footer>.section-help>summary { white-space: nowrap; }
footer>.section-help[open] { position: fixed; z-index: 40; bottom: 24px; right: 24px; background: white; border: 1px solid var(--edge); padding: 24px; max-width: 460px; max-height: 70vh; overflow: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.guide { max-width: 1000px; padding: 48px 32px; }
.guide h1 { font: 500 44px/1.1 var(--sans); letter-spacing: -.04em; margin: 14px 0 24px; }
.guide h2 { font-size: 23px; margin: 36px 0 16px; }
.guide p,.guide li { font-size: 14px; line-height: 1.8; color: var(--muted); max-width: 75ch; margin-bottom: 14px; }
.guide nav { display: flex; flex-wrap: wrap; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--edge); }
.guide dl { display: block; }
.guide dt { font-size: 14px; font-weight: 600; color: var(--ink); margin: 24px 0 8px; }
.guide dd { text-align: left; font-size: 14px; line-height: 1.8; margin-bottom: 18px; }
.guide .section-help { padding: 18px 0; border-top: 1px solid var(--edge); }
.guide .section-help>summary { font-size: 15px; }
.guide table { margin: 24px 0; }
.guide td { white-space: normal; line-height: 1.6; }
@media (max-width:1200px) {
header { padding-inline: 28px; gap: 24px; }
.model-panel { padding: 12px 22px 24px; }
.plot-panel { padding-left: 24px; padding-right: 18px; }
.section-caption { right: 120px; }
.vote-rail { margin-left: -24px; margin-right: -18px; }
.account-metric { display: flex; flex-direction: column; gap: 4px; }
.account-metric strong { font-size: 24px; }
.account-fills { padding-left: 26px; }
}
@media (max-width:800px) {
header { min-height: 100px; flex-wrap: wrap; }
.marque { padding-left: 32px; }
.instrument { margin-left: auto; }
.system-status { margin-left: 0; }
.manual { margin-left: auto; }
.system-status-body { left: 0; right: auto; }
main { padding: 0 20px; }
.desk-caption { display: none; }
.system-intro { width: 100%; }
.quote strong { margin: 8px 0; }
.command-bar { width: 100%; grid-template-columns: 1fr 1fr; gap: 24px; }
.command-bar #target { display: block; }
.command-bar #reason { display: block; max-width: none; }
.command-bar>div:nth-child(2)>.label { display: block; }
#broker { display: block; font-size: 18px; margin: 14px 0 8px; }
#execution { display: block; font-size: 10px; }
.broker-details { margin-top: 8px; }
.plot-toolbar { padding: 16px 4px 8px 0; }
.section-caption .section-help[open] { right: -84px; max-width: calc(100vw - 48px); }
.plot-key { gap: 16px; }
.readout { gap: 10px; }
.model-panel .panel-title h2 { font-size: 16px; }
.model-help>summary,.model-records>summary,.record-details>summary { font-size: 11px; }
.model-detail dl { font-size: 12px; }
.vote-rail { margin-left: -16px; margin-right: -12px; }
.vote-heading { flex-direction: column; }
.account-grid { gap: 24px; }
.account-fills { grid-column: 1/-1; border-top: 1px solid var(--edge); padding: 14px 0 0; display: grid; grid-template-columns: 1fr auto; }
.account-fills strong { grid-column: 2; grid-row: 1/3; }
.account-diagnostics summary span { float: none; display: block; margin-top: 6px; }
.pitwall-details { grid-template-columns: 1fr; }
.workshop-head { gap: 24px; }
.workshop-head h2 { font-size: 32px; }
.workshop-head p { font-size: 12px; }
.generation-dial { min-width: 95px; padding-left: 16px; }
.generation-dial strong { font-size: 42px; }
.generation-dial small { font-size: 9px; }
.workshop-facts { grid-template-columns: 1fr 1fr; }
.breeding-grid { grid-template-columns: 1fr; gap: 28px; }
.genome-bay { border-left: 0; border-top: 1px solid var(--edge); padding: 24px 0 0; }
.trial-sheet summary span { display: block; margin: 8px 0 0; }
.tape .panel-title { align-items: start; flex-direction: column; gap: 10px; }
.tape .panel-title h2 { font-size: 28px; }
.atlas summary span { display: block; margin: 8px 0; }
.guide { padding: 32px 20px; }
.guide h1 { font-size: 32px; }
.guide td { padding: 10px 6px; }
.guide nav { gap: 18px; }
footer { padding: 18px 20px; flex-wrap: wrap; gap: 12px; }
footer>.section-help[open] { left: 20px; right: 20px; bottom: 20px; }
}
@media (prefers-reduced-motion:reduce) {
* { scroll-behavior: auto !important; transition: none !important; }
}
.system-intro { padding-top: 24px; padding-bottom: 24px; }
.command-bar { padding-top: 24px; padding-bottom: 24px; }
.command-bar #target { display: block; flex-basis: 100%; }
.command-bar #reason { max-width: none; }
.broker-status { padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid var(--edge); }
.broker-status>div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 12px; position: relative; }
.broker-status .label { letter-spacing: 0; font-weight: 500; }
.broker-status #broker { font-size: 12px; }
.broker-status #execution { flex-basis: 100%; }
#influence-flow { height: 174px; }
.model-panel>.micro { margin-bottom: 10px; }
.model-detail { padding-top: 12px; }
#consensus-history { height: 34px; margin: 7px 0; }
@media (max-width:800px) {
.command-bar { display: block; }
.broker-status #broker { font-size: 14px; }
.broker-status .label,.broker-status #execution { font-size: 11px; }
#influence-flow { height: 184px; }
.model-detail p { font-size: 12px; }
}
.plot-panel { display: flex; flex-direction: column; }
@media (max-width:800px) {
.chart-shell { flex: none; }
}
@font-face{font-family:PlexMono;src:url("fonts/plex-mono.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root { --plate: #fafbf7; --plate-ink: #162d21; --wash: #fff; --edge: #d9e0d5; --muted: #4e6154; }
.desk-subtitle { color: var(--muted); font-size: 12px; margin-top: 10px; max-width: 20ch; }
.quote { text-align: left; border-left: 1px solid var(--edge); grid-template-columns: auto auto; gap: 5px 22px; align-items: baseline; }
.quote .label { color: var(--muted); grid-column: 1; }
.quote strong { font: 400 45px/1.2 PlexMono,monospace; grid-column: 1; grid-row: 2; }
.quote #clock { color: var(--muted); grid-column: 1; grid-row: 3; }
.price-change { grid-column: 2; grid-row: 2; font-weight: 650; white-space: nowrap; }
.command-bar #reason { line-height: 1.5; }
.chart-options>summary,.range select { color: var(--ink); }
.section-caption .section-help>summary { color: var(--muted); }
#latest { color: var(--green); border-color: var(--green); font-size: 12px; }
.model-panel { border-left: 1px solid var(--edge); }
.broker-status { background: #faf3e7; margin: 0 -12px 24px; padding: 14px 12px; border: 0; border-left: 3px solid #a57b34; }
.broker-status:not(.unverified) { background: var(--plate); border-left-color: var(--green); }
.broker-status .label { font-size: 11px; color: var(--ink); }
.broker-status #broker { font: 600 12px var(--sans); margin-left: auto; }
.broker-status #execution { font-size: 11px; color: #665640; }
.broker-status .broker-details { font-size: 11px; }
.model-panel .panel-title h2 { font-size: 16px; }
.model-help { margin-bottom: 4px; }
.influence-row { grid-template-columns: 1fr auto; font-size: 13px; }
.influence-row strong { font: 400 16px PlexMono,monospace; }
.influence-row i { grid-column: 1/-1; height: 4px; background: #e4e9de; }
.influence-row i:after { content: ""; display: block; width: var(--share); height: 100%; background: #365e42; }
.account-strip { margin-top: 22px; padding-top: 20px; margin-bottom: 0; border-top: 1px solid var(--edge); }
.account-grid { display: grid; grid-template-columns: 1fr 1fr; }
.account-metric { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.account-metric strong { font: 400 21px/1.2 PlexMono,monospace; letter-spacing: -.04em; }
.account-fills { grid-column: 1/-1; border: 0; padding: 0; flex-direction: row; flex-wrap: wrap; align-items: baseline; }
.account-fills>span { flex: 1; }
.account-fills strong { font: 500 16px var(--sans); }
.account-fills small { flex-basis: 100%; }
.account-diagnostics summary span { display: none; }
.account-diagnostics[open] summary span { display: block; float: none; margin-top: 6px; }
.pitwall-details { display: block; }
.pitwall-details>div { margin-top: 16px; }
.pitwall-details dl { margin-bottom: 18px; }
.account-history { margin-bottom: 16px; }
.model-detail { margin-top: 20px; }
.model-detail h2 { font-size: 22px; }
.model-detail p { font-size: 12px; }
@media (max-width:1300px) {
.quote { display: block; }
.quote strong { font-size: 41px; margin: 4px 0; }
.quote #clock { display: block; }
.price-change { display: block; margin-top: 7px; }
.system-intro>div { gap: 30px; }
.quote { padding-left: 26px; }
}
@media (max-width:1200px) {
.command-bar,.model-panel { padding-left: 22px; padding-right: 22px; }
.chart-shell { min-height: 480px; }
}
@media (max-width:800px) {
.system-intro>div { justify-content: space-between; }
.quote strong { letter-spacing: -.06em; }
.desk-subtitle { font-size: 10px; max-width: 13ch; }
.quote .label,.quote #clock { font-size: 10px; }
.command-bar { border: 0; border-top: 1px solid var(--edge); }
.plot-panel { border-top: 1px solid var(--edge); }
.model-panel { border: 0; border-top: 1px solid var(--edge); }
.broker-status { margin-left: 0; margin-right: 0; }
.account-fills strong { font-size: 17px; }
.chart-options-body { width: 300px; }
.system-status-body { max-width: calc(100vw - 40px); }
}
.system-intro { color: #f1f3e6; }
.quote { border-left-color: #537057; padding-left: 28px; display: block; }
.quote .label,.quote #clock { color: #c9d6c1; font-size: 11px; display: block; }
.price-change { display: block; }
.price-change.long { color: #d0e4bd; }
.price-change.short { color: #f0b09a; }
.window-range { flex-direction: column; gap: 18px; align-self: center; }
.window-range>span { font-size: 11px; color: #c9d6c1; white-space: nowrap; }
.window-range strong { display: block; font: 400 17px PlexMono,monospace; color: #f1f3e6; margin-top: 4px; }
.command-bar { justify-content: center; }
.command-bar #reason { font-size: 11px; }
.broker-status { margin-top: 16px; }
.model-panel { padding-top: 0; }
@media (max-width:1200px) {
.system-intro>div { gap: 20px; }
.window-range strong { font-size: 14px; }
.quote { padding-left: 20px; }
.desk-subtitle { max-width: 14ch; }
.window-range>span { font-size: 10px; }
}
@media (max-width:1000px) {
.window-range { display: none; }
.system-intro>div { justify-content: space-between; }
}
@media (max-width:800px) {
.quote { padding-left: 18px; }
.system-intro .desk-subtitle { font-size: 10px; }
.quote #clock,.quote .label { font-size: 10px; }
.command-bar #reason { font-size: 12px; }
.broker-status { margin-top: 0; }
}
main { max-width: 1760px; padding-inline: 44px; }
.workspace { display: grid; align-items: stretch; border: 0; column-gap: 0; row-gap: 0; }
.system-intro { grid-row: 1; padding: 26px 28px 24px; background: #183c2b; }
.system-intro>div { justify-content: start; }
.system-intro h1 { white-space: nowrap; }
.system-intro .desk-subtitle { line-height: 1.6; }
.quote { border: 0; padding: 0; min-width: 0; }
.quote .label { font-size: 12px; }
.quote strong { font-size: 42px; margin: 4px 0; letter-spacing: -.055em; }
.quote #clock { font-size: 11px; }
.price-change { margin-top: 6px; }
.window-range { display: none; }
.command-bar { grid-column: 2; grid-row: 1; background: #183c2b; color: white; border: 0; padding: 28px 30px; }
.command-bar #reason { display: none; }
.current-vote-summary { display: block; flex-basis: 100%; color: #d1ddca; line-height: 1.7; }
.workspace>.broker-status { margin: 0; border: 0; }
.workspace>.broker-status>div { width: 100%; }
.workspace>.broker-status .label { color: #655840; }
.workspace>.broker-status #broker { color: #3a3225; }
.workspace>.broker-status #execution { line-height: 1.6; color: #655840; }
.workspace>.broker-status .broker-details { font-size: 11px; margin-top: 8px; }
.workspace>.broker-status:not(.unverified) { background: #f0f5ec; border-left-color: var(--green); }
.plot-panel { border-top: 0; min-width: 0; }
.plot-toolbar { min-height: 50px; }
.chart-shell { flex: none; }
.readout { padding-top: 9px; }
.plot-key { padding: 4px 0 18px; }
.model-panel { position: relative; }
.model-help { right: 32px; }
.model-help[open] { position: static; margin-top: 14px; }
#influence-bars { display: flex; gap: 24px; margin-top: 24px; }
.influence-row { display: flex; flex-direction: column; align-items: start; gap: 8px; padding: 0; flex: 1; min-width: 0; position: relative; }
.influence-row>span { font-size: 12px; }
.influence-row>strong { font: 400 23px PlexMono,monospace; letter-spacing: -.04em; }
.influence-row>i { display: block; height: 5px; background: #e0e7d9; width: 100%; }
.influence-row>i:after { height: 100%; background: #365e42; }
.model-panel .model-detail { max-width: 640px; }
.workspace>.account-strip { grid-column: 3; grid-row: 3; margin: 24px 0; padding: 0 0 0 28px; border: 0; border-left: 1px solid var(--edge); }
.account-heading { margin-bottom: 18px; }
.account-grid { gap: 18px 24px; margin-bottom: 12px; }
.account-metric>span { font-size: 11px; }
.account-metric strong { font-size: 22px; }
.account-metric small { font-size: 10px; }
.account-fills { display: flex; gap: 6px 12px; }
.account-fills strong { font-size: 15px; }
.account-fills small { display: none; }
.account-diagnostics { font-size: 11px; padding-top: 10px; }
.desk-caption #cadence { display: none; }
@media (min-width:1700px) {
.workspace { grid-template-columns: 1.55fr .9fr 1fr; }
.chart-shell { height: 430px; }
}
@media (max-width:1200px) {
main { padding-inline: 28px; }
.workspace { grid-template-columns: 1.4fr .85fr 1fr; }
.system-intro { padding: 24px; }
.system-intro>div { display: block; }
.system-intro h1 { font-size: 19px; }
.system-intro .desk-subtitle { display: none; }
.quote { margin-top: 12px; }
.quote strong { font-size: 37px; }
.quote .label { display: none; }
.command-bar { padding: 24px; }
.chart-shell { height: 410px; }
.model-panel { padding-right: 26px; }
.model-help { right: 26px; }
#influence-bars { gap: 16px; }
.influence-row>span { font-size: 11px; }
.workspace>.account-strip { padding-left: 24px; }
.quote #clock { font-size: 10px; }
}
@media (max-width:800px) {
main { padding-inline: 20px; }
.system-intro { grid-column: 1; grid-row: 1; order: initial; padding: 22px 18px; }
.quote { padding: 0; }
.quote strong { font-size: 32px; }
.price-change { font-size: 11px; }
.quote #clock { font-size: 10px; }
.command-bar { grid-column: 2; grid-row: 1; order: initial; padding: 22px 18px; border-left: 1px solid #49674e; }
.command-bar>div:first-child>.label,.current-vote-summary { font-size: 11px; }
.workspace>.broker-status>div { display: flex; }
.workspace>.broker-status .label { font-size: 11px; }
.workspace>.broker-status #broker { font-size: 14px; margin: 0 0 0 auto; }
.workspace>.broker-status #execution { font-size: 11px; }
.workspace>.broker-status .broker-details { margin-top: 2px; }
.plot-toolbar { padding-top: 18px; }
.model-help { right: 0; }
.model-panel .micro { font-size: 11px; }
#influence-bars { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.influence-row>span { font-size: 12px; }
.workspace>.account-strip { grid-column: 1/-1; grid-row: 5; order: initial; border-left: 0; border-top: 1px solid var(--edge); padding: 24px 0; margin: 0; }
.account-grid { grid-template-columns: 1fr 1fr; }
.account-fills { padding-top: 0; border: 0; }
.account-metric strong { font-size: 24px; }
.broker-details dl { max-width: calc(100vw - 40px); }
}
.system-intro .desk-subtitle { white-space: normal; }
.signal-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #a74430; }
.ma-line { display: inline-block; width: 16px; height: 1px; background: #657269; }
.system-intro { grid-column: 1; }
.command-bar { border-left: 0; position: relative; }
.command-bar:before { content: ""; position: absolute; left: 0; width: 1px; background: #557259; }
.system-intro>div { column-gap: 34px; }
.workspace>.broker-status { border-left: 0; padding-left: 30px; }
.workspace>.broker-status.unverified .label:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #a57d36; margin-right: 8px; vertical-align: 1px; }
.target-evidence { grid-template-columns: 1fr auto; gap: 12px 24px; margin-top: 22px; align-items: baseline; }
#target-evidence-detail { color: var(--muted); }
#inspect-target-vote { border: 0; border-bottom: 1px solid var(--green); font: 600 12px var(--sans); padding: 6px 0; }
.model-help { top: 28px; }
.account-heading h2 { font-size: 14px; }
.influence-row i { display: none; }
@media (max-width:1200px) {
.target-evidence { display: block; }
#target-evidence-detail { margin-top: 10px; }
#inspect-target-vote { margin-top: 14px; }
}
@media (max-width:800px) {
.command-bar:before { display: none; }
.target-evidence { margin-top: 20px; }
.model-help { top: 28px; }
}
.workspace>.broker-status { position: relative; }
.workspace>.broker-status>div { display: flex; align-items: baseline; flex-wrap: wrap; }
.workspace>.broker-status .label { font-size: 12px; }
.workspace>.broker-status #broker { display: block; font: 600 13px var(--sans); margin: 0 0 0 auto; }
.workspace>.broker-status #execution { flex-basis: 100%; }
.broker-status .account-strip { border: 0; padding: 0; }
.broker-status .account-heading { display: none; }
.broker-status .account-grid { display: grid; grid-template-columns: 1fr 1fr; }
.broker-status .account-metric>span { color: #655d4a; }
.broker-status .account-metric small { font-size: 10px; color: #655d4a; }
.broker-status .account-fills { display: none; }
.broker-status .account-diagnostics { padding: 0; border: 0; font-size: 11px; }
.broker-status .account-diagnostics>summary { color: #655d4a; list-style: none; }
.broker-status .account-diagnostics>summary:after { content: "+"; float: right; }
.broker-status .account-diagnostics[open]>summary:after { content: "−"; }
.broker-status .account-diagnostics>summary::-webkit-details-marker { display: none; }
.broker-status .account-diagnostics[open] .pitwall-details { position: absolute; right: 0; z-index: 30; max-height: 70vh; overflow: auto; background: #fff; border: 1px solid var(--edge); padding: 24px; margin: 0; }
.broker-status .account-diagnostics[open] summary span { display: none; }
.broker-status .broker-details { margin: 0 0 16px; }
.broker-status .broker-details dl { position: static; width: 100%; padding: 0; border: 0; margin: 12px 0; }
.command-bar #target { font-feature-settings: "swsh" 0,"calt" 0,"liga" 0; }
.workspace .system-intro,.workspace .command-bar { padding-block: 24px; }
.chart-options>summary,.range select { font-size: 13px; }
.model-panel { align-items: baseline; }
.model-panel>.panel-title { grid-column: 1; grid-row: 1; }
.model-panel>.panel-title h2 { font-size: 13px; font-weight: 600; }
.model-panel>.micro { line-height: 1.6; margin: 0; }
.model-help { position: static; justify-self: end; }
.model-help[open] { grid-column: 1/-1; grid-row: auto; justify-self: stretch; }
.target-evidence { display: contents; }
#target-evidence-title { grid-column: 2; grid-row: 1; font: 500 22px/1.3 var(--sans); letter-spacing: -.025em; }
#target-evidence-detail { grid-column: 2; grid-row: 2; font: 400 13px/1.6 var(--sans); max-width: none; }
#inspect-target-vote { grid-column: 3; grid-row: 1; font-size: 12px; margin: 0; align-self: baseline; }
.model-records { grid-column: 1/-1; grid-row: 3; margin-top: 18px; }
.model-records>summary { color: var(--muted); }
.model-detail { grid-column: 1/-1; grid-row: auto; max-width: none !important; }
footer { font-size: 11px; padding-block: 20px; }
@media (max-width:1200px) {
.workspace>.broker-status { padding: 20px 22px; }
.system-intro .quote strong { font-size: 41px; }
.broker-status .account-metric strong { font-size: 22px; }
.command-bar #target { font-size: 47px; }
.model-panel { grid-template-columns: 155px 1fr auto; gap: 8px 24px; }
#target-evidence-title { font-size: 20px; }
}
@media (max-width:800px) {
.broker-status .account-diagnostics[open] .pitwall-details { right: 0; }
.system-intro h1 { font-size: 19px; }
.chart-options>summary,.range select { font-size: 11px; }
.section-caption .section-help>summary { font-size: 10px; }
.model-panel>.micro { max-width: none; }
#target-evidence-title { margin-top: 20px; font-size: 21px; }
#target-evidence-detail { margin-top: 9px; font-size: 12px; }
#inspect-target-vote { margin-top: 14px; }
.model-records { margin-top: 22px; }
.broker-status .account-metric small { font-size: 11px; }
footer { font-size: 10px; }
footer>.section-help>summary { font-size: 10px; }
}
.broker-status .pitwall-details .account-fills { display: flex; margin: 0 0 20px; }
.broker-status .pitwall-details .account-fills small { display: block; }
.system-intro .quote { padding: 0; border: 0; }
.system-intro .quote>.label { display: none; }
.price-change { font-size: 13px; }
.workspace .system-intro,.workspace .command-bar { padding: 28px 32px; }
.command-bar:before { top: 28px; bottom: 28px; }
.command-bar #target { font: 600 44px/1.05 var(--sans); }
.current-vote-summary { font-size: 12px; }
.command-bar .target-evidence { display: block; }
.command-bar #inspect-target-vote { margin: 10px 0 0; text-underline-offset: 4px; }
.broker-status .account-grid { margin-bottom: 20px; }
.broker-status .account-metric>span,.broker-status .account-metric small,.broker-status .account-diagnostics { font-size: 12px; }
.model-panel { grid-template-columns: 150px 1fr auto; gap: 8px 24px; }
.model-panel>.micro { grid-column: 2; grid-row: 1; max-width: none; font-size: 12px; }
.model-panel .model-records { grid-column: 1/-1; grid-row: 2; margin-top: 12px; }
.model-help { grid-column: 3; grid-row: 1; }
.marque { padding: 0; }
.marque:before { display: none; }
.instrument { font-size: 12px; }
.plot-key,.readout,footer { color: #425649; }
@media (max-width:1100px) {
.workspace .system-intro,.workspace .command-bar,.workspace>.broker-status { padding: 24px; }
}
@media (max-width:800px) {
.workspace .system-intro,.workspace .command-bar { padding: 22px 18px; }
.model-panel { display: block; }
.model-panel>.micro { margin-top: 6px; }
.model-help { margin-top: 14px; }
.instrument { font-size: 10px; }
}
.command-bar { align-content: start; }
.command-bar .target-evidence { width: 100%; }
.command-bar #target-evidence-detail { max-width: none; }
.workspace .system-intro,.workspace .command-bar,.workspace>.broker-status { padding-block: 24px; }
.broker-status .account-strip { margin-top: 20px; }
@media (max-width:800px) {
.command-bar #inspect-target-vote { float: none; }
.command-bar .target-evidence { margin-top: 16px; }
.command-bar #target-evidence-title { margin-top: 0; }
}
.workspace .system-intro { background: #102e24; }
.command-bar:before { display: none; }
.system-intro .quote strong { font-weight: 400; }
.command-bar>div:first-child>.label { grid-column: 1; grid-row: 1; }
.command-bar #target { grid-column: 1; grid-row: 2; }
.command-bar .current-vote-summary { grid-column: 1; grid-row: 3; }
.command-bar .target-evidence { grid-column: 2; grid-row: 1/4; align-self: center; }
.command-bar #inspect-target-vote { float: none; }
.plot-panel { border: 0; }
.plot-toolbar { border-top: 1px solid #45604f; }
.plot-toolbar summary,.plot-toolbar select,.plot-toolbar button,.section-caption .section-help>summary { color: #dbe5d2; }
.plot-toolbar select option { color: #172c23; background: #fff; }
.chart-options-body { color: var(--ink); }
.plot-panel .section-help[open] { color: var(--ink); background: #fff; }
.plot-panel .section-help[open]>summary { color: var(--ink); }
.workspace>.broker-status { grid-column: 1/-1; grid-row: 3; background: #f5f3eb; display: grid; border-bottom: 1px solid #d6dacf; }
.workspace>.broker-status>div { align-content: center; justify-content: start; gap: 4px 16px; }
.workspace>.broker-status #broker { margin-left: 0; }
.workspace>.broker-status #execution { font-size: 12px; }
.broker-status .account-strip { display: flex; align-items: center; margin: 0; }
.broker-status .account-grid { margin: 0; }
.broker-status .account-metric small { display: none; }
.broker-status .account-diagnostics[open] .pitwall-details { top: 100%; width: 480px; }
.model-panel { display: block; }
.model-panel>.panel-title,.model-panel>.micro { display: none; }
.model-help[open] { float: none; margin-bottom: 20px; }
.desk-caption { font-size: 12px; }
.desk-caption strong:before { font-weight: 400; color: var(--muted); }
footer { border-top: 1px solid var(--edge); }
@media (max-width:1100px) {
.system-intro .price-change { display: block; margin-left: 0; }
.workspace>.broker-status { gap: 24px; }
}
@media (max-width:800px) {
.workspace .system-intro { grid-column: 1; grid-row: 1; }
.workspace .command-bar { grid-column: 1; grid-row: 2; }
.system-intro .quote strong { margin: 8px 0; }
.plot-panel { grid-column: 1; grid-row: 3; }
.plot-key,.readout { font-size: 10px; }
.workspace>.broker-status { grid-column: 1; grid-row: 4; }
.broker-status .account-strip { display: block; margin-top: 18px; }
.broker-status .account-grid { margin-bottom: 18px; }
.model-panel { grid-column: 1; grid-row: 5; padding: 20px 0; }
.model-help { float: none; margin-bottom: 16px; }
.broker-status .account-diagnostics[open] .pitwall-details { width: calc(100vw - 40px); }
}
.broker-status .account-metric #account-currency { display: inline; margin-left: 4px; }
.broker-status .account-metric #account-open-pl { display: block; }
.desk-caption strong:before { content: "Generation "; }
.model-panel:has(.model-row.selected)>.panel-title { display: flex; margin-bottom: 16px; }
.model-panel>.panel-title h2 { display: none; }
.model-panel:has(.model-row.selected) #all-models { display: block; }
.command-bar .target-evidence { padding-left: 36px; }
.command-bar #reference-move { letter-spacing: -.015em; }
.desk-caption { display: none; }
.instrument { display: none; }
.manual { border: 0; }
.chart-options>summary:after { content: "⌄"; margin-left: 9px; }
.chart-options>summary { min-width: 78px; font-size: 13px; }
.section-caption .section-help>summary { font-size: 13px; }
.range select { font-size: 13px; }
.plot-panel { padding-top: 0; }
.workspace>.broker-status { gap: 8px; padding-block: 20px; }
.broker-status .account-diagnostics { margin-left: auto; }
.broker-status .account-metric { justify-content: start; }
.workspace>.broker-status #broker { font-size: 13px; }
.model-help { float: none; margin: 20px 0; }
.model-help>summary { font-size: 13px !important; }
.model-records>summary:after { content: "⌄"; }
.model-records[open]>summary:after { content: "⌃"; }
.model-panel { padding-block: 22px; }
footer { justify-content: space-between; }
footer>.section-help { margin-left: auto; margin-right: 24px; }
footer>.section-help>summary { font-size: 12px; }
footer #policy { order: -1; font-size: 12px; }
footer>a { font-size: 12px; }
@media (max-width:1100px) {
.command-bar>div:first-child { column-gap: 24px; }
.system-intro .quote strong,.command-bar #target { font-size: 44px; }
.command-bar .target-evidence { padding-left: 24px; }
.broker-status .account-strip { gap: 24px; }
.workspace>.broker-status { grid-template-columns: 1fr 1.6fr; }
}
@media (max-width:800px) {
.command-bar .target-evidence { padding-left: 18px; }
.system-intro .price-change { display: inline-block; }
.workspace>.broker-status { display: block; }
.connection,.manual { font-size: 11px; }
footer #policy,footer>a,footer>.section-help>summary { font-size: 10px; }
}
.workspace .command-bar { padding-left: 24px; }
.command-bar>div:first-child { grid-template-columns: 155px 1fr; column-gap: 36px; }
.system-intro .quote strong { font: 400 51px/1.15 PlexMono,monospace; }
.system-intro h1,.command-bar>div:first-child>.label { font-size: 14px; }
.system-intro .quote #clock,.system-intro .price-change,.command-bar .current-vote-summary { font-size: 13px; }
.section-caption .section-help>summary,.range select,.chart-options>summary { font-size: 14px; }
.workspace>.broker-status { padding: 16px 32px; grid-template-columns: 1fr 1.65fr; align-items: center; }
.broker-status .account-metric { display: grid; grid-template-columns: auto auto; gap: 3px 12px; align-items: baseline; }
.broker-status .account-metric strong { font-size: 23px; grid-column: 2; grid-row: 1; }
.broker-status .account-metric>span { font-size: 13px; }
.broker-status .account-metric #account-open-pl { grid-column: 1/-1; font-size: 12px; }
.broker-status .account-strip { gap: 28px; }
.broker-status .account-grid { flex: 0 1 460px; gap: 40px; }
.broker-status .account-diagnostics { width: 190px; }
.broker-status .account-diagnostics>summary { font-size: 13px; }
.model-records { margin: 0; }
.model-records>summary { padding: 4px 0; }
@media (max-width:1100px) {
.command-bar>div:first-child { grid-template-columns: 120px 1fr; gap: 24px; }
.broker-status .account-metric { display: flex; }
.broker-status .account-grid { gap: 24px; }
}
@media (max-width:800px) {
.system-status { margin: 0; }
.manual { margin: 0; }
.workspace { grid-template-columns: 1fr; }
.workspace .command-bar { padding-left: 20px; }
.command-bar>div:first-child { column-gap: 18px; }
.command-bar #target { margin: 8px 0; }
.system-intro .quote #clock,.system-intro .price-change,.command-bar .current-vote-summary { font-size: 11px; }
.section-caption .section-help>summary,.range select,.chart-options>summary { font-size: 11px; }
.workspace>.broker-status { padding: 18px 20px; }
.broker-status .account-diagnostics { width: auto; }
.broker-status .account-grid { gap: 24px; }
.broker-status .account-metric strong { font-size: 24px; }
.broker-status .account-metric>span { font-size: 12px; }
}
.workspace { grid-template-columns: minmax(0,1fr) 365px; background: #102e24; }
.workspace .system-intro { grid-column: 1; grid-row: 1; }
.system-intro .desk-subtitle { letter-spacing: 0; max-width: none; }
.system-intro .price-change { display: inline-block; }
.workspace .command-bar { grid-column: 2; grid-row: 1/3; background: #f5f3eb; color: #172c23; display: flex; flex-direction: column; }
.command-bar>div:first-child { display: block; }
.command-bar>div:first-child>.label { font-size: 14px; color: #526352; }
.command-bar #target { font-weight: 500; letter-spacing: -.055em; }
.command-bar #target.short { color: #a74430; }
.command-bar #target.long { color: #21563e; }
.command-bar .current-vote-summary { color: #526352; max-width: none; }
.command-bar .target-evidence { border-left: 0; border-top: 1px solid #cdd6c9; }
.plot-panel { grid-column: 1; grid-row: 2; padding: 0 24px 0 32px; align-self: stretch; }
.plot-toolbar { margin-top: 0; border: 0; }
.section-caption { right: 128px; }
.readout { margin-top: 10px; }
.command-bar .broker-status { background: none; position: relative; }
.command-bar .broker-status>div { display: flex; flex-wrap: wrap; gap: 6px 12px; }
.command-bar .broker-status .label { color: #526352; }
.command-bar .broker-status #broker { margin: 0 0 0 auto; }
.command-bar .broker-status #execution { flex-basis: 100%; line-height: 1.7; }
.command-bar .account-diagnostics { width: auto; margin: 0; border-top: 1px solid #cdd6c9; }
.command-bar .account-diagnostics[open] .pitwall-details { width: 400px; }
.command-bar .broker-details { margin-bottom: 16px; }
.command-bar .broker-status .account-metric #account-currency { display: inline; font-size: 11px; }
.command-bar .pitwall-details .account-fills { display: flex; }
.model-panel { grid-column: 1/-1; grid-row: 3; background: #fff; padding: 16px 0; border: 0; }
.model-records>summary { font-size: 13px; }
.workspace .command-bar #reason { display: none; }
@media (max-width:1100px) {
.workspace { grid-template-columns: minmax(0,1fr) 310px; }
.workspace .command-bar { padding: 28px 24px; }
.system-intro .quote { text-align: left; }
.command-bar #target { font-size: 48px; }
.command-bar #target-evidence-title,.command-bar #reference-move { font-size: 16px; }
.chart-shell { height: 410px; min-height: 410px; }
.command-bar .account-grid { gap: 20px; }
}
@media (max-width:800px) {
.workspace { display: flex; flex-direction: column; }
.workspace .system-intro { order: 0; width: 100%; }
.workspace .command-bar { order: 2; width: 100%; border: 0; }
.command-bar>div:first-child { grid-template-columns: 90px 1fr; gap: 0 24px; }
.command-bar>div:first-child>.label { grid-column: 1; grid-row: 1; font-size: 12px; }
.command-bar #target { grid-column: 1; grid-row: 2; }
.command-bar .current-vote-summary { grid-column: 1; grid-row: 3; }
.command-bar .target-evidence { grid-column: 2; grid-row: 1/4; border-left: 1px solid #cdd6c9; }
.command-bar #target-evidence-title,.command-bar #reference-move { font-size: 13px; }
.command-bar #target-evidence-detail,.command-bar #inspect-target-vote { font-size: 11px; }
.plot-panel { padding: 0 12px 0 16px; }
.section-caption { right: 114px; }
.model-panel { order: 3; width: 100%; }
}
.marque span { font: 500 9px/1.2 var(--sans); }
.command-bar .broker-status { border-left: 0; margin: 32px 0 0; padding: 24px 0 0; }
.command-bar .current-vote-summary { font-size: 14px; }
.command-bar .broker-status .label,.command-bar .broker-status #broker { font-size: 14px; }
.command-bar .account-diagnostics { border: 0; padding-top: 4px; }
.command-bar .account-diagnostics>summary:after { content: "⌄"; }
.command-bar .model-panel { display: inline-block; position: relative; width: auto; margin: 0 0 0 24px; padding: 0; background: none; border: 0; vertical-align: baseline; }
.command-bar .model-panel>.panel-title { display: none; }
.command-bar .model-records { margin: 0; }
.command-bar .model-records>summary { padding: 0; text-underline-offset: 4px; }
.command-bar .model-records>summary:after { display: none; }
.command-bar .model-records[open] { position: absolute; top: 24px; right: 0; z-index: 40; background: #fff; border: 1px solid var(--edge); width: 500px; max-height: 70vh; overflow: auto; padding: 24px; box-shadow: 0 8px 30px #102e2415; }
.command-bar .model-records[open]>summary { text-decoration: none; font-size: 16px; margin-bottom: 20px; }
.command-bar .model-records[open]>summary:after { content: "Close"; display: block; font-size: 12px; }
.command-bar .model-help { margin: 12px 0; }
.command-bar .model-detail { background: none; margin-top: 20px; }
.readout { align-items: start; }
footer { border: 0; padding-top: 18px; }
.system-intro .quote #clock,.system-intro .price-change { font-size: 13px; }
@media (max-width:1100px) {
.command-bar .model-records[open] { width: 450px; }
.command-bar .broker-status #execution { font-size: 12px; }
.command-bar #target-evidence-detail,.command-bar .current-vote-summary { font-size: 13px; }
}
@media (max-width:800px) {
.manual,.connection { font-size: 11px; }
.command-bar .model-records[open] { width: calc(100vw - 80px); right: 0; }
.command-bar .current-vote-summary { font-size: 11px; }
.command-bar .broker-status #broker,.command-bar .broker-status .label { font-size: 13px; }
.readout #inspection { max-width: 70%; }
}
.command-bar .model-records #all-models { margin: 0 0 18px; font-size: 12px; }
.command-bar .model-records #selected-name { font-size: 20px; }
.plot-key { padding-bottom: 18px; }
@media (max-width:1100px) {
.system-intro h1 { font-size: 16px; }
}
@media (max-width:800px) {
.system-intro>div { display: block; }
}
@font-face{font-family:BodoniRoman;src:url("fonts/bodoni-roman.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
.marque { font: 500 37px/1 BodoniRoman,Georgia,serif; font-optical-sizing: none; letter-spacing: -.045em; }
.marque span { margin-top: 5px; }
.workspace .system-intro { padding: 22px 32px 10px; }
.system-intro .quote { order: 2; margin: 0; }
.section-caption { top: 13px; }
.workspace .command-bar { padding: 24px 28px; }
.command-bar #target { margin: 9px 0; }
.command-bar .target-evidence { padding-top: 16px; margin-top: 18px; }
.command-bar .account-history { margin: 8px 0 18px; }
.command-bar .account-history svg { width: 100%; }
.command-bar .account-history>span { display: block; line-height: 1.6; }
.command-bar .account-history:before { display: block; color: #526352; margin-bottom: 4px; }
@media (max-width:1100px) {
.system-intro .quote { margin-top: 10px; }
.system-intro .desk-subtitle { display: none; }
.command-bar .account-history svg { height: 55px; }
.command-bar .account-history>span { font-size: 10px; }
}
@media (max-width:800px) {
.marque span { font-size: 8px; }
.workspace .system-intro { padding: 24px 20px 12px; }
.system-intro .price-change { margin-left: 12px; }
.section-caption { top: 12px; }
.workspace .command-bar { padding: 24px 20px; }
.command-bar .target-evidence { margin: 0; }
.command-bar .account-history svg { height: 70px; }
.command-bar .account-history>span { font-size: 11px; }
}
.command-bar .account-history:before { font-size: 12px; }
.command-bar .account-history svg { height: 72px; }
.command-bar .account-history>span { font-size: 12px; }
header { height: 68px; gap: 30px; }
.marque { font-size: 32px; }
.marque span { font-size: 8px; letter-spacing: .13em; }
.desk-tabs { height: 68px; margin-left: 34px; border: 0; gap: 28px; }
.desk-tabs button { font-size: 13px; }
.manual,.connection { font-size: 12px; }
main { padding-top: 20px; }
.command-bar #inspect-target-vote { display: inline-block; text-decoration: none; }
.command-bar .model-records>summary { text-decoration: none; }
.command-bar .account-history:before { content: "Balance & equity history"; }
@media (max-width:1100px) {
header { gap: 22px; }
.desk-tabs { margin-left: 8px; gap: 20px; }
.connection,.manual { font-size: 11px; }
.workspace .command-bar { padding-inline: 24px; }
.command-bar #target-evidence-detail { font-size: 13px; }
.command-bar .model-panel { margin-left: 12px; }
}
@media (max-width:800px) {
header { display: grid; height: auto; padding: 18px 20px 0; gap: 14px; }
.marque { grid-column: 1; grid-row: 1; font-size: 30px; }
.manual { align-self: center; }
.system-status { grid-column: 1/-1; grid-row: 2; }
.desk-tabs { grid-column: 1/-1; margin: 0; height: 42px; gap: 28px; }
.desk-tabs button { font-size: 12px; }
.connection { font-size: 11px; }
.manual { font-size: 12px; }
main { padding-top: 14px; }
.workspace .command-bar { display: block; padding-inline: 20px; }
.command-bar #inspect-target-vote { margin-top: 12px; }
.command-bar .account-diagnostics[open] .pitwall-details { top: auto; bottom: 0; width: calc(100vw - 80px); }
}
.workspace .system-intro { align-items: center; justify-content: space-between; gap: 24px; }
.system-intro .system-status { margin: 0; align-self: center; }
.system-intro .connection>span:first-child { display: none; }
.system-intro .system-status-body { top: 30px; color: #172c23; }
.workspace .command-bar { justify-content: flex-start; }
.command-bar .account-metric { grid-template-columns: 1fr auto; }
.command-bar .account-metric strong { grid-column: 2; grid-row: 1; }
.command-bar .account-metric>span { grid-column: 1; grid-row: 1; }
.command-bar .account-metric #account-open-pl { grid-column: 2; grid-row: 2; white-space: nowrap; }
.command-bar .account-fills { display: flex; justify-content: space-between; gap: 12px; padding: 0; margin: 0 0 24px; }
.command-bar .account-fills>span { font-size: 13px; }
.command-bar .account-fills strong { font: 500 16px var(--sans); }
.command-bar .account-fills small { display: none; }
.command-bar .account-diagnostics { padding: 0; }
.readout,.plot-key { font-size: 13px; }
@media (max-width:1100px) {
.workspace .system-intro { display: block; }
.system-intro .system-status { margin-top: 16px; }
.system-intro .system-status-body { left: 0; right: auto; }
.command-bar .account-metric strong { font-size: 25px; }
.command-bar .account-metric>span { font-size: 13px; }
}
@media (max-width:800px) {
header { grid-template-columns: 1fr auto; }
.desk-tabs { grid-row: 2; }
.system-intro .system-status { margin-top: 16px; }
.system-intro .system-status-body { width: calc(100vw - 80px); }
.workspace .system-intro { display: block; }
.command-bar .account-grid { grid-template-columns: 1fr 1fr; }
.command-bar .account-metric { display: flex; flex-direction: column; align-items: start; }
.command-bar .account-fills { margin-bottom: 20px; }
.command-bar .account-fills>span { font-size: 12px; }
.readout,.plot-key { font-size: 11px; }
}
.command-bar .account-diagnostics { position: relative; }
.command-bar .account-diagnostics[open] .pitwall-details { bottom: calc(100% + 12px); top: auto; right: 0; max-height: 65vh; }
.command-bar .account-diagnostics[open] summary span { display: none; }
.command-bar .account-fills { align-items: baseline; }
.command-bar .account-fills strong { margin-left: auto; text-align: right; }
.command-bar .account-fills>span { flex: 1; }
.command-bar #target { font-size: 44px; }
.command-bar .account-fills { flex-direction: row; }
.command-bar .broker-status.unverified { border-left: 0; padding-left: 0; }
.system-intro .connection { font-size: 13px; color: #d6e2d1; }
.plot-key,.readout { color: #cbd9ca; }
@media (max-width:800px) {
.command-bar #target { font-size: 35px; }
.system-intro .connection { font-size: 11px; }
.command-bar .account-fills strong { font-size: 13px; }
}
.command-bar .broker-status #broker { display: inline-flex; align-items: baseline; gap: 5px; }
.command-bar .broker-status .position-side { font-size: 13px; }
.command-bar .broker-status .position-entry { font: 500 12px PlexMono,monospace; }
.plot-toolbar { position: relative; display: flex; }
.plot-toolbar .chart-options { order: 0; }
.plot-toolbar .section-caption { order: 1; position: static; }
.plot-toolbar .system-status { order: 2; margin-left: auto; position: relative; }
.plot-toolbar .range { order: 3; margin: 0; }
.plot-toolbar .connection { color: #d1dfcf; }
.plot-toolbar .connection>span:first-child { display: none; }
.plot-toolbar .system-status-body { color: #172c23; right: 0; top: 30px; }
.plot-toolbar .section-help[open] { position: absolute; top: 100%; left: 0; right: auto; width: 420px; z-index: 35; }
.workspace .system-intro { display: block; }
@media (max-width:1100px) {
.plot-toolbar { flex-wrap: wrap; gap: 12px 20px; }
.plot-toolbar .system-status { order: 4; flex-basis: 100%; margin: 0; }
.plot-toolbar .range { margin-left: auto; }
.plot-toolbar .system-status-body { left: 0; right: auto; }
.workspace .system-intro { padding-bottom: 4px; }
}
@media (max-width:800px) {
.plot-toolbar { padding-bottom: 12px; }
.plot-toolbar .section-help[open] { width: calc(100vw - 64px); max-width: none; }
.plot-toolbar .system-status-body { width: calc(100vw - 64px); }
}
body { background: #fff; }
header { border: 0; }
.marque,.marque span,.desk-tabs button,.manual { color: #e6eddd; }
.plot-panel { padding-right: 28px; }
.command-bar #target { color: #b1533a; }
@media (max-width:800px) {
.desk-tabs button { color: #e6eddd; }
}
header { background: #fff; border-bottom: 1px solid #dbe1d8; }
.marque,.marque span,.manual,.data-link,.desk-tabs button { color: #172c23; }
.desk-tabs button[aria-selected=true] { color: #172c23; border-bottom-color: #235b40; }
.desk-tabs button:hover { color: #235b40; }
.data-link { margin-left: auto; font-size: 12px; }
.manual { margin-left: 0; }
.workspace,.workspace .system-intro,.plot-panel,.workspace .command-bar { background: #102e24; color: #e5ecdb; }
.workspace .command-bar { border-left: 1px solid #3b5845; }
.system-intro h1,.system-intro .quote strong { color: #e5ecdb; }
.system-intro .desk-subtitle,.system-intro .quote #clock { color: #bbcebb; }
.system-intro .price-change.long { color: #b6d2ae; }
.system-intro .price-change.short { color: #e9a58c; }
.system-intro .target-state { border-left: 1px solid #49634f; align-self: stretch; display: flex; flex-direction: column; justify-content: center; margin-left: 20px; }
.target-state>.label { font-size: 12px; color: #bbcebb; text-transform: none; letter-spacing: 0; }
.target-state #target { font: 500 34px/1.1 var(--sans); letter-spacing: -.04em; color: #e9a58c; margin: 5px 0; }
.target-state #target.long { color: #b6d2ae; }
.target-state #reason { display: none; }
.target-state .current-vote-summary { font-size: 12px; color: #bbcebb; line-height: 1.5; }
.command-bar .target-evidence { margin: 0; padding: 0; border: 0; }
.command-bar #target-evidence-title { color: #e5ecdb; }
.command-bar #inspect-target-vote { border-color: #d8e5c8; }
.command-bar .model-records>summary { color: #dce6d4; }
.command-bar .model-records[open]>summary { color: #172c23; }
.command-bar .model-records[open] { color: #172c23; }
.command-bar .broker-status { border-top: 1px solid #49634f; }
.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar .account-metric>span,.command-bar .account-metric #account-open-pl,.command-bar .account-diagnostics>summary { color: #bbcebb; }
.command-bar .broker-status #broker,.command-bar .account-metric strong,.command-bar .account-fills strong { color: #e5ecdb; }
.command-bar .account-grid { margin-top: 12px; }
.command-bar .account-fills>span { color: #bbcebb; }
.command-bar .account-diagnostics[open] .pitwall-details { color: #172c23; }
.command-bar .account-history>span { color: #526352; }
.plot-toolbar summary,.plot-toolbar select,.plot-toolbar button,.section-caption .section-help>summary,.plot-toolbar .connection { color: #dce6d4; }
.plot-toolbar .section-help[open],.plot-toolbar .section-help[open]>summary { color: #172c23; }
.plot-toolbar button:hover { background: #2a4e3a; }
.readout,.plot-key { color: #c5d5bf; }
.plot-key .average-line { background: #d8e5c8; }
.plot-key .short-dot,.plot-key .signal-dot { background: #e9a58c; }
.system-status-body #policy { display: block; margin-bottom: 12px; }
@media (max-width:1100px) {
.system-intro>div { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.system-intro h1 { grid-column: 1/-1; }
.system-intro .quote { grid-column: 1; margin: 0; }
.system-intro .target-state { grid-column: 2; margin: 0; padding-left: 20px; }
.system-intro .quote strong { font-size: 34px; }
.target-state #target { font-size: 30px; }
.target-state .current-vote-summary { font-size: 11px; }
}
@media (max-width:800px) {
.data-link { grid-column: 2; grid-row: 1; margin-right: 86px; }
.manual { grid-column: 2; grid-row: 1; }
.workspace .command-bar { border-left: 0; border-top: 1px solid #3b5845; }
.system-intro .target-state { padding-left: 16px; }
.system-intro .quote #clock,.system-intro .price-change { display: block; margin-left: 0; }
.target-state #target { font-size: 29px; }
.target-state>.label,.target-state .current-vote-summary { font-size: 11px; }
.command-bar>div:first-child { display: block; }
.command-bar .target-evidence { padding: 0; border: 0; }
.command-bar #inspect-target-vote { font-size: 12px; padding: 10px 14px; }
.command-bar .model-panel { display: inline-block; }
.command-bar .model-records>summary { font-size: 12px; }
.plot-toolbar .section-help>summary { color: #dce6d4; }
}
.system-intro .target-state { order: 3; }
.target-state #target:not(.long):not(.short) { color: #e5ecdb; }
@media (max-width:800px) {
.command-bar .position-metric { border-bottom: 1px solid #3b5845; }
.manual { justify-self: end; }
}
.system-intro .quote { text-align: left; }
.system-intro .target-state { margin: 0; padding-left: 26px; }
.performance-state { order: 4; border-left: 1px solid #49634f; padding-left: 26px; display: flex; flex-direction: column; justify-content: center; }
.performance-state>.label { color: #bbcebb; letter-spacing: 0; text-transform: none; }
.performance-state small { font-size: 10px; margin-left: 4px; }
.performance-state strong { font: 500 34px/1.1 var(--sans); font-variant-numeric: tabular-nums; letter-spacing: -.035em; color: #e5ecdb; }
.performance-state>span:last-child { font-size: 11px; color: #a9c0ab; }
.system-intro .quote #clock { display: block; font-size: 11px; }
.system-intro .price-change { margin-left: 0; }
.system-intro .quote strong { margin-bottom: 4px; }
.system-intro h1 { font-size: 15px; }
.system-intro .desk-subtitle { font-size: 11px; }
.command-bar #inspect-target-vote { font-weight: 500; }
.command-bar .account-metric strong { font: 500 23px/1.3 var(--sans); font-variant-numeric: tabular-nums; letter-spacing: -.015em; }
.command-bar .account-metric:nth-child(3) { border-top: 1px solid #3b5845; margin-top: 3px; }
.command-bar .account-metric #account-open-pl { font-size: 11px; }
.command-bar .account-fills strong { font-size: 14px; }
@media (max-width:1280px) {
.system-intro h1 { grid-column: 1/-1; }
.system-intro .quote { grid-column: 1; }
.system-intro .target-state { grid-column: 2; padding-left: 20px; }
.performance-state { grid-column: 3; padding-left: 20px; }
.performance-state>.label { font-size: 11px; }
}
@media (max-width:800px) {
.performance-state>span:last-child { margin-top: 3px; }
.command-bar .account-metric:nth-child(3) { border: 0; margin: 0; }
}
.market-desk>header { margin: 20px 44px 0; padding: 0 32px; width: auto; max-width: none; height: 74px; background: #102e24; border-bottom: 1px solid #3b5845; }
.market-desk>header .marque,.market-desk>header .marque span,.market-desk>header .manual,.market-desk>header .data-link,.market-desk>header .desk-tabs button { color: #dce6d4; }
.market-desk>header .desk-tabs { align-self: stretch; height: auto; }
.market-desk>header .desk-tabs button[aria-selected=true] { color: #f5f6e9; border-bottom-color: #d8e5c8; }
.market-desk>header .desk-tabs button:hover { color: #fff; }
.market-desk>main { padding-top: 0; padding-bottom: 24px; }
.system-intro .quote strong { font-size: 42px; }
.target-state #target { font-size: 30px; }
.performance-state small,.command-bar .broker-status .account-metric #account-currency { color: #bbcebb; font-size: 11px; }
.command-bar .account-metric #account-open-pl { display: none; }
.command-bar #inspect-target-vote { border-bottom: 1px solid #789174; text-align: left; }
.command-bar #inspect-target-vote:after { float: right; font-size: 17px; line-height: 1; }
.command-bar #inspect-target-vote:hover { border-color: #d8e5c8; }
.command-bar .model-panel { margin-left: 22px; }
.command-bar .account-diagnostics>summary { padding: 12px 0 0; }
.plot-key { color: #c5d5bf; }
@media (max-width:1280px) {
.system-intro .quote strong { font-size: 36px; }
}
@media (max-width:800px) {
.market-desk>header { margin: 20px 20px 0; padding: 20px 20px 0; height: auto; }
.market-desk>header .desk-tabs { gap: 20px; }
.market-desk>header .desk-tabs button { font-size: 11px; }
.market-desk>header .marque { font-size: 29px; }
.market-desk>header .marque span { font-size: 7px; }
.market-desk>header .manual,.market-desk>header .data-link { font-size: 10px; }
.market-desk>header .data-link { margin-right: 66px; }
.command-bar #inspect-target-vote { min-width: 110px; }
}
.command-bar .account-metric.account-fills strong { font: 500 14px var(--sans); letter-spacing: 0; }
@media (max-width:800px) {
.command-bar .account-metric:nth-child(3)>* { align-self: auto; }
.command-bar .account-metric.account-fills strong { font-size: 13px; }
}
.execution-journal { margin: 18px 0 24px; padding-top: 18px; border-top: 1px solid #3b5845; }
.execution-journal h3 { font: 500 13px var(--sans); color: #c5d5bf; margin: 0 0 13px; }
.execution-journal ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.execution-journal li { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; font-size: 13px; color: #e5ecdb; }
.execution-journal li strong { font: 500 15px var(--sans); font-variant-numeric: tabular-nums; }
.execution-journal li time { grid-column: 1/-1; font-size: 11px; color: #aec5b1; }
.command-bar .account-fills { margin-bottom: 0; }
.system-intro .quote #clock,.system-intro .price-change,.performance-state>span:last-child { font-size: 12px; }
.command-bar .broker-status #execution { color: #c5d5bf; }
@media (max-width:800px) {
.system-intro .quote #clock,.system-intro .price-change { font-size: 11px; }
.execution-journal li time { font-size: 12px; }
}
.system-intro>div { align-items: start; }
.system-intro .quote { grid-column: 1; }
.system-intro h1 { order: 0; grid-column: auto; font: 500 14px/20px var(--sans); letter-spacing: 0; margin: 0; display: flex; gap: 12px; align-items: baseline; }
.system-intro .desk-subtitle { font: 400 12px var(--sans); margin: 0; color: #c5d5bf; }
.system-intro .quote strong { display: flex; align-items: baseline; gap: 0; margin: 0; font-family: PlexMono,monospace; letter-spacing: -.07em; white-space: nowrap; }
.quote-prefix,.quote-pipette { line-height: 1.2; }
.quote-pips { line-height: 1.15; }
.system-intro .target-state,.performance-state { padding: 0; border: 0; margin: 0; display: grid; grid-template-rows: 20px 64px auto; align-items: baseline; justify-content: normal; }
.system-intro .target-state { grid-column: 2; }
.target-state>.label,.performance-state>.label { font-size: 13px; line-height: 20px; color: #c5d5bf; }
.target-state #target,.performance-state strong { line-height: 1.2; margin: 0; }
.target-state .current-vote-summary,.performance-state>span:last-child { color: #c5d5bf; line-height: 1.5; }
.system-intro .quote #clock { color: #c5d5bf; }
.system-intro .price-change { font-size: 12px; margin-top: 3px; }
.plot-toolbar { border-bottom: 0; margin-bottom: 0; }
.command-bar .broker-status #broker { line-height: 1.3; font-weight: 500; }
.command-bar .broker-status>div { align-items: baseline; }
.command-bar .account-metric:nth-child(3) { padding-top: 16px; }
.command-bar .account-fills { border: 0; padding-top: 6px; }
.command-bar .account-diagnostics>summary { color: #d0dfc9; }
.command-bar .account-metric>span,.command-bar #target-evidence-detail { color: #c5d5bf; }
@media (max-width:1280px) {
.system-intro h1 { display: block; font-size: 13px; }
.system-intro .desk-subtitle { display: none; }
.system-intro .quote,.system-intro .target-state,.performance-state { grid-template-rows: 20px 54px auto; }
.target-state>.label,.performance-state>.label { font-size: 12px; }
.target-state .current-vote-summary,.performance-state>span:last-child { font-size: 11px; }
}
@media (max-width:800px) {
.system-intro .target-state { grid-template-rows: 20px 58px auto; }
.system-intro .quote strong { font-size: inherit; }
.quote-prefix,.quote-pipette { font-size: 25px; }
.quote-pips { font-size: 43px; }
.performance-state { border-top: 1px solid #3b5845; padding-top: 14px; }
.command-bar .account-metric:nth-child(3) { padding-top: 0; }
.system-intro .price-change,.system-intro .quote #clock { font-size: 11px; }
}
.system-intro .quote>* { order: 0; grid-column: 1; }
.system-intro .quote h1 { grid-row: 1; }
.system-intro .quote #price { grid-row: 2; }
.system-intro .quote #clock { grid-row: 3; }
.system-intro .quote .price-change { grid-row: 4; position: static; white-space: normal; }
.target-state #target,.performance-state strong { align-self: end; }
@media (max-width:800px) {
.command-bar .broker-status { padding-left: 0; }
}
@media (min-width:1281px) {
.system-intro .quote { grid-template-columns: auto 1fr; grid-template-rows: 20px 64px auto; column-gap: 18px; }
.system-intro .quote h1,.system-intro .quote #price { grid-column: 1/-1; }
.system-intro .quote .price-change { grid-row: 3; grid-column: 2; margin-top: 0; font-size: 11px; }
}
.system-intro .quote,.system-intro .target-state,.performance-state { grid-template-rows: 18px 48px auto; }
.quote-pips { font-size: 44px; }
.quote-prefix,.quote-pipette { font-size: 27px; }
.target-state #target,.performance-state strong { font-size: 26px; margin-bottom: 4px; }
.target-state .current-vote-summary,.performance-state>span:last-child { font-size: 11px; }
.workspace .command-bar { padding-bottom: 24px; }
.command-bar .broker-status { flex: 1; display: flex; flex-direction: column; }
.command-bar .account-strip { flex: 1; display: flex; flex-direction: column; }
.command-bar .account-grid { display: grid; margin: 0 0 24px; }
.command-bar .account-metric { display: flex; flex-direction: column; align-items: start; gap: 6px; }
.command-bar .account-metric strong { line-height: 1.2; }
.command-bar .account-metric:nth-child(3) { margin: 0; padding: 0; border: 0; }
.command-bar .account-metric:nth-child(3)>* { align-self: auto; }
.command-bar .account-metric.account-fills { display: flex; flex-direction: row; align-items: baseline; padding: 0; margin: 0; border: 0; }
.command-bar .execution-journal h3 { color: #dce8ce; }
.command-bar .account-diagnostics>summary { border-top: 1px solid #3b5845; }
.command-bar .broker-status #broker { color: #d6e5c7; }
.command-bar .broker-status.unverified #broker { color: #e9c791; }
.command-bar #execution { font-size: 12px; }
.command-bar .account-metric.account-fills strong { font-size: 13px; }
.command-bar .broker-status>.account-strip { gap: 0; }
@media (max-width:1280px) {
.quote-pips { font-size: 40px; }
.quote-prefix,.quote-pipette { font-size: 24px; }
.target-state #target,.performance-state strong { font-size: 24px; }
}
@media (max-width:800px) {
.workspace .system-intro { padding-top: 22px; padding-bottom: 12px; }
.system-intro .quote,.system-intro .target-state { grid-template-rows: 18px 52px auto auto; }
.system-intro .quote { column-gap: 0; }
.performance-state strong { margin: 0; }
.command-bar .broker-status { display: block; }
.command-bar .account-strip { display: block; }
.command-bar .execution-journal { padding-top: 0; }
.command-bar .account-metric strong { font-size: 25px; }
.command-bar .broker-status.unverified { border-left: 0; }
}
.workspace { grid-template-rows: min-content 1fr; }
.command-bar .broker-status,.command-bar .account-strip { align-items: stretch; min-height: 0; }
.command-bar .account-grid { flex: none; }
.command-bar .broker-status>div:first-child { width: 100%; }
.command-bar .account-strip { width: 100%; }
.command-bar .execution-journal { width: 100%; }
.system-intro>div { grid-template-columns: 1fr auto; gap: 48px; }
.system-intro .quote #price { font: 400 37px/1.15 PlexMono,monospace; }
.performance-state { grid-column: 2; grid-template-rows: 20px 46px auto; text-align: right; align-self: start; }
.performance-state strong { font-size: 25px; align-self: center; margin: 0; }
.performance-state>.label { font-size: 12px; }
.performance-state>span:last-child:empty { display: none; }
.command-bar .target-state { border: 0; padding: 0; margin: 0 0 26px; }
.command-bar .target-state>.label { line-height: 1.5; color: #c5d5bf; }
.command-bar .target-state #target { display: block; color: #efaa91; }
.command-bar .target-state #target:not(.long):not(.short) { color: #e5ecdb; }
.command-bar .target-state .current-vote-summary { font-size: 12px; }
.command-bar #target-evidence-title { font: 500 17px/1.3 var(--sans); letter-spacing: -.025em; }
.command-bar .broker-status #broker { font-size: 17px; letter-spacing: 0; }
.command-bar .broker-status .label { font-size: 12px; }
.command-bar .broker-status #execution { font-size: 12px; }
.command-bar .account-metric strong { font-size: 25px; }
.workspace .command-bar { padding-top: 26px; }
@media (max-width:1280px) {
.system-intro>div { grid-template-columns: 1fr auto; gap: 24px; }
.performance-state strong { font-size: 24px; }
.command-bar .target-state #target { font-size: 44px; }
}
@media (max-width:800px) {
.system-intro>div { grid-template-columns: 1fr 1fr; gap: 16px; }
.performance-state { grid-column: 2; display: grid; grid-template-columns: 1fr; grid-template-rows: 18px 46px auto; padding: 0; border: 0; text-align: right; }
.performance-state strong { grid-column: 1; grid-row: 2; align-self: center; font-size: 24px; }
.performance-state>.label { font-size: 10px; }
.performance-state>span:last-child { font-size: 10px; }
.command-bar .target-state { margin-bottom: 24px; }
}
@media (max-width:800px) {
.workspace .command-bar,.command-bar>div:first-child,.command-bar .target-evidence { display: contents; }
.command-bar .target-state { order: 1; display: grid; grid-template-columns: 1fr auto; gap: 2px 18px; padding: 8px 20px 20px; }
.command-bar .target-state #target { align-self: center; }
.command-bar .target-state .current-vote-summary { grid-column: 1; font-size: 11px; }
.plot-panel { order: 2; }
.command-bar .target-source { order: 3; border-top: 1px solid #3b5845; width: 100%; }
.command-bar .broker-status { order: 4; }
.command-bar .account-strip { width: 100%; }
.command-bar .target-state>.label { font-size: 12px; }
}
.system-intro>div { display: block; }
.system-intro .quote { grid-template-columns: auto 1fr; grid-template-rows: 20px 62px auto; justify-content: start; column-gap: 26px; }
.command-bar .target-state #target { font: 500 32px/1.2 var(--sans); letter-spacing: -.035em; }
.command-bar .target-state>.label { font-size: 13px; }
.command-bar .performance-state { grid-row: 1; text-align: left; padding: 0 0 20px; border-bottom: 1px solid #3b5845; display: grid; grid-template-rows: auto; align-items: baseline; }
.command-bar .performance-state>.label { font-size: 13px; grid-column: 1; grid-row: 1; }
.command-bar .performance-state strong { font: 500 27px/1.3 var(--sans); font-variant-numeric: tabular-nums; letter-spacing: -.02em; grid-column: 2; grid-row: 1; align-self: baseline; }
.command-bar .performance-state>span:last-child { grid-column: 1/-1; margin-top: 3px; }
.command-bar .account-grid>.account-metric { grid-column: auto; grid-row: auto; }
.command-bar .account-grid>.account-metric:nth-child(3) { padding: 0; border: 0; margin: 0; }
.plot-toolbar { padding: 12px 0 14px; }
.readout { margin: 0 0 6px; padding: 12px 0 0; border-top: 1px solid #3b5845; font: 12px PlexMono,monospace; color: #d0dfc9; }
.readout #inspection { max-width: none; white-space: pre-wrap; }
.readout #view-state { font: 11px var(--sans); }
.plot-key { padding-top: 12px; }
@media (max-width:1280px) {
.system-intro .quote { grid-template-columns: auto 1fr; grid-template-rows: 20px 58px auto; }
.system-intro .quote .price-change { grid-column: 2; grid-row: 3; margin: 0; }
}
@media (max-width:800px) {
.system-intro .quote #clock,.system-intro .quote .price-change { font-size: 10px; }
.command-bar .target-state { padding-top: 10px; padding-bottom: 18px; }
.command-bar .target-state #target { grid-column: 2; grid-row: 1/3; margin: 0; }
.command-bar .performance-state { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto; }
.command-bar .performance-state>.label { font-size: 12px; }
.command-bar .performance-state strong { grid-column: 2; grid-row: 1; font-size: 26px; }
.readout { line-height: 1.8; padding-top: 10px; display: block; }
.readout #inspection { display: block; }
.readout #view-state { display: none; }
}
.command-bar .target-state { display: grid; grid-template-columns: 1fr auto; gap: 3px 16px; align-items: center; }
.command-bar .target-state #target { grid-column: 2; grid-row: 1/3; margin: 0; }
.command-bar .target-state>.label { grid-column: 1; grid-row: 1; }
.command-bar .target-state .current-vote-summary { grid-column: 1; grid-row: 2; }
.command-bar .target-state { margin-bottom: 24px; }
.command-bar #target-evidence-title { line-height: 24px; }
.command-bar #target-evidence-detail { margin-top: 8px; color: #d0dfc9; }
.command-bar #inspect-target-vote { font-size: 14px; margin-top: 16px; }
.command-bar .model-records>summary { font-size: 14px; }
.command-bar .broker-status { padding-top: 24px; }
.command-bar .broker-status .label,.command-bar .broker-status #execution { line-height: 24px; color: #d0dfc9; }
.command-bar .account-strip { margin-top: 24px; }
.command-bar .account-grid { margin-bottom: 0; }
.command-bar .account-metric>span { color: #d0dfc9; }
.command-bar .execution-journal { border-top: 1px solid #3b5845; margin-bottom: 28px; }
.command-bar .execution-journal h3 { margin-bottom: 16px; }
.command-bar .account-diagnostics>summary { border: 0; padding-top: 0; }
.command-bar .pitwall-details .account-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #d5dfd0; }
.command-bar .pitwall-details .account-overview .account-metric { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 4px; }
.command-bar .pitwall-details .account-overview .account-metric>span,.command-bar .pitwall-details .account-overview .account-metric strong,.command-bar .pitwall-details .account-overview .account-metric small { color: #172c23; }
.command-bar .pitwall-details .account-overview .account-metric strong { font-size: 24px; }
.command-bar .pitwall-details .account-overview .account-fills { grid-column: 1/-1; flex-direction: row; }
.command-bar .pitwall-details .account-overview .account-fills strong { font-size: 14px; }
.command-bar .pitwall-details .account-overview .account-fills small { display: none; }
.command-bar .pitwall-details .account-overview #account-open-pl { display: block; font-size: 12px; }
@media (max-width:800px) {
.command-bar .target-state { margin: 0; }
.command-bar .broker-status { padding-top: 24px; }
.command-bar #inspect-target-vote,.command-bar .model-records>summary { font-size: 13px; }
.command-bar .execution-journal { margin-top: 28px; }
.command-bar .pitwall-details .account-overview { gap: 18px; }
}
.command-bar .target-state .broker-alignment { grid-column: 1; grid-row: 2; font-size: 12px; line-height: 1.5; color: #c5d5bf; }
.broker-alignment #broker { font: 400 12px/1.5 var(--sans); color: #dce8ce; letter-spacing: 0; text-transform: lowercase; }
.command-bar .target-state #target:before { content: ""; width: 10px; height: 10px; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; background: currentColor; box-shadow: inset 0 0 0 2px #102e24; vertical-align: middle; margin-right: 10px; }
.command-bar #reference-move { line-height: 23px; margin-top: 14px; color: #c5d5bf; }
.command-bar #reference-move .reference-price { font: 400 14px PlexMono,monospace; }
.command-bar #inspect-target-vote:after { content: "→"; font: 400 17px/1 var(--sans); margin-left: 16px; }
.command-bar .broker-status { margin-top: 28px; }
.command-bar .broker-status>div:first-child { gap: 3px; }
.command-bar .broker-status #execution { margin: 0; }
.reference-links { display: flex; align-items: center; gap: 24px; margin-left: auto; padding-left: 24px; border-left: 1px solid #3b5845; }
.reference-links .data-link,.reference-links .manual { margin: 0; font-size: 12px; }
.market-desk>header .desk-tabs button { position: relative; border-bottom: 0; }
.market-desk>header .desk-tabs button[aria-selected=true] { font-weight: 600; }
.market-desk>header .desk-tabs button[aria-selected=true]:after { content: ""; position: absolute; left: 0; }
.market-desk .chart-options>summary,.market-desk .system-status>summary,.market-desk .account-diagnostics>summary { list-style: none; display: flex; align-items: center; gap: 12px; }
.market-desk .chart-options>summary::-webkit-details-marker,.market-desk .system-status>summary::-webkit-details-marker,.market-desk .account-diagnostics>summary::-webkit-details-marker { display: none; }
.market-desk .chart-options>summary:after,.market-desk .system-status>summary:after,.market-desk .account-diagnostics>summary:after { content: ""; display: inline-block; width: 5px; height: 5px; border: 0; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); float: none; margin: 0 2px 3px 0; }
.market-desk .account-diagnostics>summary:after { margin-left: auto; }
.market-desk .chart-options[open]>summary:after,.market-desk .system-status[open]>summary:after,.market-desk .account-diagnostics[open]>summary:after { transform: rotate(225deg); margin-top: 5px; }
@media (max-width:800px) {
.reference-links { grid-column: 2; grid-row: 1; gap: 14px; padding: 0; border: 0; margin: 0; justify-content: end; }
.market-desk>header .reference-links .data-link,.market-desk>header .reference-links .manual { margin: 0; font-size: 10px; }
.command-bar .target-state .broker-alignment { grid-column: 1; grid-row: 2; font-size: 11px; }
.broker-alignment #broker { font-size: 11px; }
.command-bar .target-state #target:before { width: 8px; height: 8px; margin-right: 8px; }
.command-bar .broker-status { border-left: 0; }
.command-bar #reference-move { font-size: 13px; }
.command-bar .model-panel { margin-left: 24px; }
}
.market-desk .system-status .connection:after { display: none; }
.command-bar .target-state .broker-alignment { display: flex; gap: 4px; }
.broker-alignment #broker.unverified { color: #e9c791; }
.command-bar .target-state #target:not(.long):not(.short):before { display: none; }
.plot-key .signal-dot { box-sizing: border-box; width: 8px; height: 8px; border: 1px solid #efaa91; border-radius: 50%; box-shadow: inset 0 0 0 2px #102e24; }
.command-bar .pitwall-details .account-overview #account-currency,.command-bar .pitwall-details .account-overview #account-open-pl { color: #526352; }
.system-intro .quote { display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; }
.system-intro .quote h1 { font-size: 14px; display: block; }
.system-intro .desk-subtitle { display: none; }
.system-intro .quote #price { font-size: 40px; line-height: 1.2; letter-spacing: -.055em; }
.system-intro .quote #clock,.system-intro .quote .price-change { font-size: 13px; line-height: 1.5; margin: 0; }
.workspace .system-intro { padding-top: 20px; padding-bottom: 12px; }
.readout { font-size: 14px; line-height: 1.6; min-height: 38px; }
.plot-toolbar { padding-top: 8px; padding-bottom: 16px; }
.plot-toolbar .connection { font-size: 14px; }
.plot-key { font-size: 13px; }
.plot-key .long-dot { background: #e0edcc; }
.command-bar #target-evidence-title { font-size: 18px; }
.command-bar #target-evidence-detail { font-size: 14px; line-height: 24px; }
.command-bar #reference-move { font-size: 14px; }
.command-bar .target-state>.label,.command-bar .target-state .broker-alignment,.broker-alignment #broker { font-size: 13px; }
.command-bar .broker-status .label,.command-bar .broker-status #execution { font-size: 14px; }
.command-bar .performance-state>.label,.command-bar .performance-state small { font-size: 13px; }
.command-bar .performance-state strong { font-size: 32px; }
.command-bar .account-metric>span { font-size: 14px; }
.command-bar .performance-state { border: 0; padding-bottom: 8px; }
.command-bar .execution-journal { padding-top: 0; }
.command-bar .account-diagnostics>summary { font-size: 14px; }
.chart-shell { min-height: 470px; }
.command-bar .broker-status { border-top-color: #789174; }
.command-bar .target-state #target { font-size: 32px; }
.market-desk:has(#target.long) .plot-key .signal-dot { border-color: #e0edcc; background: #e0edcc; }
@media (max-width:1280px) {
.system-intro .quote { gap: 12px 20px; }
.system-intro .quote #clock,.system-intro .quote .price-change { font-size: 12px; }
.system-intro .quote #price { font-size: 35px; }
.readout { font-size: 12px; }
}
@media (max-width:800px) {
.system-intro .quote { display: grid; grid-template-columns: 1fr auto; gap: 0 14px; }
.system-intro .quote h1 { grid-row: 1; }
.system-intro .quote #price { grid-row: 2; grid-column: 1/-1; font-size: 35px; }
.system-intro .quote #clock { grid-column: 1; grid-row: 3; font-size: 11px; }
.system-intro .quote .price-change { grid-column: 2; grid-row: 3; font-size: 10px; }
.command-bar .target-state #target { font-size: 28px; }
.command-bar .target-state>.label,.command-bar .target-state .broker-alignment,.broker-alignment #broker { font-size: 12px; }
.readout { font-size: 11px; min-height: 60px; }
.plot-toolbar .connection { font-size: 13px; }
.plot-key { font-size: 12px; }
.command-bar .broker-status .label,.command-bar .broker-status #execution { font-size: 13px; }
.command-bar .account-metric>span { font-size: 13px; }
.command-bar .execution-journal li time { font-size: 12px; }
.command-bar .account-diagnostics>summary { font-size: 13px; }
}
.broker-alignment #broker { float: none; display: inline; width: auto; }
.command-bar #reference-move .reference-price { margin-left: 4px; }
.chart-shell { height: clamp(470px,calc(100vh - 350px),780px); }
@media (max-width:800px) {
.chart-shell { height: 400px; min-height: 400px; }
}
.system-intro .quote .system-status { position: relative; margin: 0 0 0 auto; align-self: center; }
.system-intro .quote .connection { font-size: 13px; line-height: 1.5; color: #d0dfc9; }
.system-intro .quote .connection>span:first-child { display: none; }
.system-intro .quote .system-status-body { position: absolute; top: calc(100% + 12px); right: 0; left: auto; width: 400px; color: #172c23; z-index: 40; }
.system-intro .quote .system-status-body #policy { display: block; margin-bottom: 12px; }
.command-bar .account-grid { grid-template-columns: 1fr; gap: 18px; }
.command-bar .position-metric { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 18px; }
.command-bar .position-metric>span { grid-column: 1; grid-row: 1; }
.command-bar .position-metric strong { grid-column: 2; grid-row: 1; text-align: right; font-size: 21px; }
.command-bar .performance-state { grid-column: 1; grid-template-columns: 1fr auto; }
.command-bar .performance-state strong { text-align: right; }
.command-bar .execution-journal li strong { text-align: right; }
.broker-alignment #broker { flex: none; margin: 0; }
.command-bar .target-state .broker-alignment { justify-content: flex-start; }
.command-bar .execution-journal { margin-top: 28px; }
.system-intro .quote .system-status>summary { font-size: 13px; }
@media (max-width:1280px) {
.system-intro .quote .system-status { margin-left: 0; flex-basis: 100%; align-self: start; }
.system-intro .quote .system-status-body { left: 0; right: auto; }
.system-intro .quote .connection { font-size: 12px; }
.plot-toolbar { gap: 24px; }
}
@media (max-width:800px) {
.system-intro .quote .system-status { grid-column: 1/-1; grid-row: 4; margin-top: 14px; width: 100%; }
.system-intro .quote .connection { font-size: 12px; }
.system-intro .quote .system-status-body { width: calc(100vw - 80px); }
.command-bar .position-metric { padding-bottom: 0; border: 0; display: grid; grid-template-columns: 1fr auto; }
.command-bar .position-metric strong { font-size: 22px; }
.command-bar .account-grid { gap: 18px; }
.command-bar .performance-state { grid-column: 1; }
.command-bar .pitwall-details .account-overview .account-metric { display: flex; }
.command-bar .pitwall-details .account-overview .account-metric strong { text-align: left; }
}
body.market-desk:has(#tab-market[aria-selected=true]) { background: #102e24; }
.market-desk>header>.system-status { position: relative; margin-left: auto; margin-right: 24px; align-self: center; }
.market-desk>header>.system-status .connection { line-height: 1.5; color: #d0dfc9; }
.market-desk>header>.system-status .connection>span:first-child { display: none; }
.market-desk>header>.system-status .system-status-body { position: absolute; top: calc(100% + 14px); right: 0; left: auto; width: 400px; z-index: 50; color: #172c23; }
.market-desk>header>.system-status #policy { display: block; margin-bottom: 12px; }
.market-desk>header .reference-links { margin-left: 0; }
.market-desk>header>.system-status>summary { font-size: 12px; }
.plot-key .short-dot { background: #c9a18f; }
.plot-key .signal-dot { border-color: #f5a286; background: #f5a286; }
.target-evidence:has(#target.long) .reference-price { color: #e0edcc; }
.market-desk>header .desk-tabs { margin-right: 24px; }
.command-bar .performance-state small { font-size: 13px; margin-left: 6px; }
@media (max-width:1200px) {
.market-desk>header { display: grid; grid-template-columns: auto 1fr auto; gap: 0 28px; height: auto; padding-top: 18px; }
.market-desk>header .marque { grid-column: 1; grid-row: 1; }
.market-desk>header .reference-links { grid-column: 3; grid-row: 1; }
.market-desk>header .desk-tabs { grid-column: 1/3; grid-row: 2; margin: 12px 0 0; height: 44px; }
.market-desk>header>.system-status { grid-column: 3; grid-row: 2; margin: 12px 0 0; justify-self: end; }
.market-desk>header>.system-status .connection { font-size: 11px; }
}
@media (max-width:800px) {
.market-desk>header { grid-template-columns: 1fr auto; gap: 14px; padding-top: 20px; }
.market-desk>header .marque { grid-column: 1; grid-row: 1; }
.market-desk>header .reference-links { grid-column: 2; grid-row: 1; }
.market-desk>header .desk-tabs { grid-column: 1/-1; grid-row: 2; margin: 0; height: 36px; }
.market-desk>header>.system-status { grid-column: 1/-1; grid-row: 3; justify-self: start; margin: 0 0 14px; }
.market-desk>header>.system-status .system-status-body { left: 0; right: auto; width: calc(100vw - 80px); }
.system-intro .quote { grid-template-rows: 20px 48px auto; }
.command-bar .performance-state small { font-size: 12px; }
}
.market-desk>header>.system-status>summary { color: #d0dfc9; }
@media (min-width:801px) {
.workspace { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto; }
.workspace .system-intro { grid-column: 1/4; grid-row: 1; padding: 20px 32px 12px; }
.workspace .command-bar,.command-bar>div:first-child,.command-bar .target-evidence { display: contents; }
.command-bar .target-state { grid-column: 4; grid-row: 1; padding: 22px 28px 14px; border: 0; margin: 0; align-self: start; }
.plot-panel { grid-column: 1/-1; grid-row: 2; padding: 0 32px; }
.plot-toolbar { padding-top: 8px; padding-bottom: 14px; }
.chart-shell { height: clamp(300px,calc(100vh - 550px),480px); min-height: 300px; }
.plot-key { padding: 10px 0 22px; }
.command-bar .target-source { grid-column: 1/3; grid-row: 3; padding: 24px 32px; border-top: 1px solid #3b5845; display: grid; grid-template-columns: 1fr auto; align-content: start; column-gap: 28px; }
.command-bar #target-evidence-title { grid-column: 1; font: 400 26px/1.2 BodoniRoman,Georgia,serif; margin: 0; }
.command-bar #target-evidence-detail { grid-column: 1; font-size: 13px; line-height: 1.6; margin-top: 8px; }
.command-bar #reference-move { grid-column: 2; grid-row: 1/3; text-align: right; margin: 0; align-self: center; font-size: 13px; }
.command-bar #inspect-target-vote { grid-column: 1; width: 120px; margin-top: 16px; }
.command-bar .model-panel { grid-column: 1/3; grid-row: 3; margin: 22px 0 0 150px; align-self: start; justify-self: start; }
.command-bar .broker-status { grid-column: 3/5; grid-row: 3; display: block; margin: 0; padding: 24px 28px 24px 32px; border: 0; border-top: 1px solid #3b5845; border-left: 1px solid #3b5845; }
.command-bar .broker-status>div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.command-bar .broker-status #execution { flex-basis: auto; margin: 0; font-size: 12px; }
.command-bar .account-strip { display: block; margin-top: 20px; }
.command-bar .account-grid { grid-template-columns: 1.1fr 1fr .65fr; gap: 24px; margin: 0; }
.command-bar .performance-state,.command-bar .position-metric { display: flex; flex-direction: column; align-items: start; grid-column: auto; grid-row: auto; padding: 0; gap: 6px; }
.command-bar .performance-state strong { font-size: 29px; align-self: start; margin: 0; }
.command-bar .position-metric strong { font-size: 24px; }
.command-bar .performance-state>.label,.command-bar .position-metric>span { font-size: 12px; }
.command-bar .performance-state small { font-size: 11px; }
.command-bar .account-diagnostics { margin-top: 18px; }
.command-bar .account-diagnostics>summary { font-size: 12px; }
.command-bar .account-diagnostics[open] .pitwall-details { width: 460px; max-height: 75vh; }
.command-bar .model-records[open] { right: auto; left: 0; top: auto; bottom: 28px; }
.readout { font-size: 13px; }
.command-bar .pitwall-details .execution-journal { padding: 0 0 20px; margin: 0 0 24px; border-bottom: 1px solid #d5dfd0; }
.command-bar .pitwall-details .execution-journal h3,.command-bar .pitwall-details .execution-journal li,.command-bar .pitwall-details .execution-journal li time,.command-bar .pitwall-details .execution-journal li strong { color: #172c23; }
}
.command-bar .pitwall-details .execution-journal h3,.command-bar .pitwall-details .execution-journal li,.command-bar .pitwall-details .execution-journal li time,.command-bar .pitwall-details .execution-journal li strong { color: #172c23; }
.command-bar .pitwall-details .execution-journal { margin: 0 0 24px; padding: 0 0 20px; border-bottom: 1px solid #d5dfd0; }
@media (min-width:801px) and (max-width:1200px) {
.workspace .system-intro { grid-column: 1/4; }
.system-intro .quote { gap: 10px 20px; }
.system-intro .quote .price-change { flex-basis: 100%; }
.command-bar .target-source { display: block; padding: 22px 24px; }
.command-bar #reference-move { text-align: left; margin-top: 14px; }
.command-bar .model-panel { display: inline-block; margin: 0 0 0 24px; }
.command-bar .broker-status { padding: 22px 24px; }
.command-bar .broker-status>div:first-child { display: block; }
.command-bar .account-grid { gap: 16px; }
.command-bar .position-metric strong { font-size: 20px; }
.command-bar .performance-state strong { font-size: 25px; }
.command-bar .account-grid { grid-template-columns: 1fr 1fr; }
.command-bar .performance-state { grid-column: 1/-1; flex-direction: row; justify-content: space-between; align-items: baseline; }
.command-bar .model-records[open] { width: 440px; left: -130px; }
.chart-shell { height: 340px; min-height: 340px; }
}
@media (min-width:1201px) {
.command-bar .target-state { padding-right: 0; }
.command-bar #target-evidence-detail { margin-top: 4px; }
.command-bar #inspect-target-vote { padding-top: 4px; padding-bottom: 4px; line-height: 18px; }
.command-bar .model-records>summary { font-size: 13px; line-height: 20px; }
.command-bar .broker-status { border-left: 0; }
.command-bar .broker-status .label { line-height: 20px; }
.command-bar .account-strip { margin-top: 12px; }
.command-bar .performance-state,.command-bar .position-metric { gap: 4px; }
.command-bar .model-records:not([open])>summary { padding-bottom: 4px; }
.command-bar .model-records:not([open])>summary:after { content: "→"; font: 400 16px/1 var(--sans); }
}
@media (min-width:1201px) {
.command-bar .target-state { column-gap: 20px; }
.command-bar .target-state>.label,.command-bar .target-state .broker-alignment { grid-column: 2; }
.command-bar #inspect-target-vote:after { margin-left: 8px; }
.command-bar .model-records:not([open])>summary { color: #172f24; }
.command-bar .model-records:not([open])>summary:after { margin-left: 10px; }
.command-bar .broker-status #execution { bottom: 20px; left: 36px; }
.command-bar .account-strip { margin: 0; }
.command-bar .performance-state small { margin-left: 4px; }
.market-desk .account-diagnostics>summary:after { margin-left: 0; }
.command-bar .account-diagnostics[open] .pitwall-details { right: 0; }
}
@media (max-width:800px) {
.chart-shell { margin-left: -8px; margin-right: -8px; }
.command-bar .target-source { background: #dce5cf; color: #172f24; border: 0; padding: 24px 20px 20px; }
.command-bar #target-evidence-title { color: #172f24; }
.command-bar #target-evidence-detail,.command-bar #reference-move { color: #405943; }
.command-bar #inspect-target-vote,.command-bar .model-records:not([open])>summary { color: #172f24; border-color: #8e9f87; }
.command-bar .broker-status { background: #dce5cf; color: #172f24; margin: 0; width: 100%; padding: 20px 20px 24px; border: 0; }
.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar .account-metric>span { color: #405943; }
.command-bar .position-metric strong,.command-bar .performance-state strong { color: #172f24; }
.command-bar .account-diagnostics>summary { color: #172f24; }
.command-bar .performance-state small { color: #405943; }
.plot-key { padding-bottom: 24px; }
}
@media (min-width:1201px) {
.system-intro .quote h1 { grid-column: 1/-1; grid-row: 1; font-size: 14px; }
.command-bar .target-state { align-self: start; }
.command-bar .target-state #target:before { display: none; }
.command-bar .target-source { background: transparent; color: #dce8ce; }
.command-bar #reference-move { color: #c5d5bf; }
.command-bar #reference-move .reference-price { color: #dce8ce; }
.command-bar #inspect-target-vote,.command-bar .model-records:not([open])>summary { color: #dce8ce; }
.command-bar .broker-status>div:first-child>.label { display: block; font-size: 13px; color: #c5d5bf; }
.command-bar .broker-status #execution { display: block; color: #c5d5bf; }
.command-bar .performance-state>.label,.command-bar .position-metric>span { font-size: 13px; color: #c5d5bf; line-height: 20px; }
.command-bar .position-metric strong,.command-bar .performance-state strong { color: #dce8ce; }
.command-bar .performance-state small { color: #c5d5bf; }
.command-bar .account-diagnostics>summary { color: #dce8ce; }
.plot-key { padding-bottom: 22px; }
.market-desk>header>.system-status .connection,.reference-links .data-link,.reference-links .manual { font-size: 13px; }
}
#broker-side { display: block; font: 400 28px/38px var(--sans); color: #dce8ce; margin: 4px 0; }
@media (min-width:1201px) {
.command-bar .target-evidence { column-gap: 28px; align-items: start; }
.command-bar .target-state { justify-self: stretch; }
.command-bar .target-source { align-self: start; }
.command-bar #reference-move { white-space: normal; }
.command-bar #inspect-target-vote { display: inline-block; margin-top: 8px; margin-right: 18px; vertical-align: baseline; }
.command-bar #inspect-target-vote[hidden] { display: none; }
.command-bar .model-panel { display: inline-block; vertical-align: baseline; }
.command-bar .broker-status #execution { position: static; max-width: none; }
.command-bar .broker-status .label,.command-bar .position-metric>span,.command-bar .performance-state>.label { color: #d0dfc9; }
#broker-side { font-size: 30px; line-height: 38px; }
}
@media (max-width:800px) {
.command-bar .target-source,.command-bar .broker-status { background: transparent; color: #dce8ce; }
.command-bar #target-evidence-title,.command-bar #inspect-target-vote,.command-bar .model-records:not([open])>summary,.command-bar .position-metric strong,.command-bar .performance-state strong,.command-bar .account-diagnostics>summary { color: #dce8ce; }
.command-bar #target-evidence-detail,.command-bar #reference-move,.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar .account-metric>span,.command-bar .performance-state small { color: #c5d5bf; }
.command-bar #reference-move .reference-price { color: #dce8ce; }
.command-bar .broker-status { border-top: 1px solid #526b51; margin-top: 12px; }
}
@media (min-width:1201px) {
.command-bar .target-evidence { min-width: 0; }
.command-bar .target-state #target { text-align: left; width: auto; }
.command-bar #reference-move br { display: block; }
.command-bar #reference-move .reference-price { margin-right: 0; }
.command-bar .target-evidence { padding-top: 16px; padding-bottom: 16px; margin-top: 18px; margin-bottom: 12px; }
}
@media (max-width:1200px) {
.command-bar .broker-status>div:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
.command-bar .broker-status #execution { margin: 0; }
}
@media (min-width:1201px) {
.broker-alignment #broker { font-size: 14px; }
.command-bar .model-panel { justify-self: start; }
.command-bar .performance-state small { font-size: 14px; }
.plot-key { font-size: 14px; }
}
body.market-desk:has(#tab-market[aria-selected=true]),.market-desk>header,.workspace { background: #e9eddf; color: #16372a; }
.market-desk>header { border-color: #b1bea8; }
.market-desk>header .marque,.market-desk>header .marque span,.market-desk>header .desk-tabs button,.market-desk>header .reference-links a,.market-desk>header>.system-status .connection,.market-desk>header>.system-status>summary { color: #16372a; }
.market-desk>header .desk-tabs button[aria-selected=true]:after { background: #16372a; }
.market-desk>header .reference-links { border-color: #b1bea8; }
.workspace .system-intro,.command-bar .target-state,.command-bar .target-source,.command-bar .broker-status { background: transparent; color: #16372a; }
.system-intro .quote h1,.system-intro .quote #price,.system-intro .quote #clock,.system-intro .quote .price-change { color: #16372a; }
.command-bar .target-state>.label,.command-bar .target-state .broker-alignment,.broker-alignment #broker,.command-bar #target-evidence-title,.command-bar #target-evidence-detail,.command-bar #reference-move,.command-bar #reference-move .reference-price,.command-bar #inspect-target-vote,.command-bar .model-records:not([open])>summary { color: #16372a; }
.command-bar .target-state #target.short { color: #9b462e; }
.command-bar .target-state #target.long { color: #256341; }
.command-bar .target-state #target:before { display: none; }
.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar .account-metric>span,.command-bar .position-metric strong,.command-bar .performance-state strong,.command-bar .performance-state small,.command-bar .account-diagnostics>summary,#broker-side { color: #16372a; }
.command-bar .broker-status { border-color: #b1bea8; }
.plot-toolbar .plot-key { order: -2; margin-right: auto; flex: none; padding: 0; font-size: 14px; }
.plot-toolbar .range { margin-left: 12px; }
.plot-toolbar { gap: 26px; align-items: center; }
.plot-toolbar .plot-key #ma-key,.plot-toolbar .plot-key #fill-key { font-size: 12px; }
.plot-toolbar .section-caption { margin: 0; }
@media (min-width:1201px) {
.command-bar .target-evidence { background: transparent; row-gap: 10px; }
.command-bar #inspect-target-vote { border-color: #809477; }
.plot-toolbar { padding-top: 0; padding-bottom: 10px; }
}
@media (max-width:1200px) {
.command-bar #reference-move .reference-price { color: #16372a; }
.plot-toolbar .plot-key { display: none; }
.plot-panel { padding-top: 16px; padding-bottom: 20px; }
.command-bar .target-source { padding-top: 24px; }
.command-bar .model-records:not([open])>summary { color: #16372a; }
.command-bar #inspect-target-vote { border-color: #809477; }
}
@media (max-width:800px) {
.plot-toolbar .range { margin-left: auto; }
.command-bar .broker-status { border-color: #b1bea8; }
.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar .account-metric>span,.command-bar .performance-state small,.command-bar .position-metric strong,.command-bar .performance-state strong,.command-bar .account-diagnostics>summary { color: #16372a; }
}
.market-desk>header .desk-tabs button[aria-selected=true],.command-bar .broker-status>div:first-child>.label { color: #16372a; }
.command-bar #reference-move { display: flex; flex-direction: column; gap: 2px; }
.command-bar #reference-move .reference-price { margin: 0; }
.command-bar #reference-move .reference-delta { font: inherit; }
.plot-key .long-dot,.plot-key .short-dot { display: none; }
@media (min-width:1201px) {
.workspace .system-intro { padding-left: 50px; }
.command-bar .target-state,.command-bar .target-source { display: contents; }
.command-bar .target-state>.label { align-self: baseline; }
.command-bar .target-state .broker-alignment { align-self: baseline; }
.command-bar #reference-move { align-self: stretch; font-size: 14px; }
.command-bar #reference-move .reference-price { font: 400 36px/66px PlexMono,monospace; letter-spacing: -.035em; }
.command-bar #reference-move .reference-label { align-self: baseline; }
.command-bar #target-evidence-title { font-weight: 500; margin: 0; }
.command-bar #inspect-target-vote { margin: 0; }
.command-bar #inspect-target-vote:after { display: none; }
.command-bar .model-records:not([open])>summary:after { display: none; }
.command-bar .broker-status { padding-left: 50px; }
.command-bar .position-metric strong,.command-bar .performance-state strong,#broker-side { font-size: 31px; }
}
@media (max-width:800px) {
.command-bar #reference-move { gap: 4px; }
.command-bar #reference-move .reference-price { font-size: 22px; line-height: 30px; }
.command-bar #reference-move .reference-delta { font-size: 13px; }
.command-bar #target-evidence-detail { font-size: 13px; }
.command-bar .account-diagnostics { margin-top: 24px; }
}
.plot-key .ma-line { height: 2px; display: inline-block; vertical-align: middle; }
@media (min-width:1201px) {
.command-bar .account-diagnostics { max-width: none; }
.command-bar .account-diagnostics>summary { justify-content: start; gap: 10px; }
.command-bar .account-diagnostics>summary:after { margin-left: 0; }
.plot-toolbar .plot-key #ma-key { font-size: 14px; }
.command-bar .target-state .broker-alignment,.command-bar .broker-status #execution { font-size: 14px; }
}
@media (max-width:800px) {
.command-bar .target-state #target { font: 500 30px/1.2 var(--sans); }
}
.candle-symbol { display: inline-block; vertical-align: middle; flex: none; }
.source-label { display: none; }
@media (min-width:1201px) {
.command-bar .target-evidence,.command-bar .target-source { display: contents; }
.command-bar .source-summary { grid-column: 4; grid-row: 1; grid-template-columns: 1fr; grid-template-rows: 20px 66px 22px 26px; gap: 8px; margin: 26px 0 18px -91px; width: calc(100% - 47px); }
.command-bar .source-label { grid-column: 1; grid-row: 1; font-size: 14px; line-height: 20px; }
.command-bar #target-evidence-detail { margin: 0; }
.command-bar .model-records[open] { bottom: auto; }
}
.command-bar .performance-state strong.negative { color: #9b462e; }
.command-bar .performance-state strong.positive { color: #256341; }
.system-intro .quote #price { display: flex; align-items: baseline; gap: 0; white-space: nowrap; }
.system-intro .quote .quote-base { font-size: .64em; letter-spacing: -.035em; }
.system-intro .quote .quote-pips { font-size: 1.3em; letter-spacing: -.045em; }
.system-intro .quote .quote-fraction { font-size: .48em; align-self: flex-start; line-height: 1; padding-top: 12px; margin-left: 2px; letter-spacing: 0; }
@media (min-width:1201px) {
.plot-panel { margin-left: -44px; margin-right: -44px; padding-right: 76px; }
.command-bar .account-diagnostics:not([open])>summary { border-bottom: 1px solid #809477; padding-bottom: 4px; width: max-content; }
}
@media (max-width:800px) {
.system-intro .quote .quote-fraction { padding-top: 6px; }
.plot-panel { margin-left: -20px; margin-right: -20px; padding-left: 36px; padding-right: 36px; }
}
@media (max-width:800px) {
.plot-panel { width: calc(100% + 40px); max-width: none; flex-shrink: 0; }
.plot-toolbar { flex-wrap: wrap; gap: 14px 20px; }
.plot-toolbar .plot-key { display: flex; flex-basis: 100%; font-size: 12px; margin: 0; gap: 18px; }
.plot-toolbar .plot-key #ma-key { font-size: 12px; }
.command-bar .target-source { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.command-bar .source-summary { display: contents; }
.command-bar #target-evidence-title { grid-column: 1/-1; grid-row: 1; margin: 0; }
.command-bar #target-evidence-detail { grid-column: 1/-1; grid-row: 2; margin: 0; }
.command-bar #reference-move { grid-column: 1/-1; margin: 12px 0 4px; }
.command-bar #inspect-target-vote { grid-column: 1; grid-row: 4; margin: 8px 0 0; }
.command-bar .model-panel { grid-column: 2; grid-row: 4; margin: 8px 0 0; }
}
@media (min-width:1201px) {
.system-intro .quote .quote-base { font-size: .7em; }
.system-intro .quote .quote-pips { font-size: 1.25em; }
.system-intro .quote .quote-fraction { font-size: .5em; padding-top: 8px; margin-left: 0; }
.command-bar .target-state,.command-bar #reference-move,.command-bar .source-summary { grid-template-rows: 18px 56px 20px 20px; gap: 6px; margin-top: 18px; margin-bottom: 12px; }
.command-bar #inspect-target-vote,.command-bar .model-records:not([open])>summary { height: 20px; line-height: 20px; }
.plot-panel { padding-top: 8px; padding-bottom: 16px; }
.readout { padding-top: 8px; }
.command-bar .position-metric strong,.command-bar .performance-state strong,#broker-side { line-height: 34px; }
}
.exposure-size { display: flex; align-items: baseline; gap: 8px; }
.exposure-size strong { font: 400 24px/34px PlexMono,monospace; }
.exposure-size span { font-size: 13px; }
.market-desk>header .reference-links { border: 0; padding-left: 12px; }
@media (min-width:1201px) {
.workspace .system-intro { padding-right: 0; }
.command-bar .target-evidence { width: auto; }
.command-bar .target-state,.command-bar .target-source,.command-bar .source-summary { display: contents; }
.command-bar #reference-move .reference-delta { margin-top: 56px; }
.command-bar .source-label { display: none; }
.command-bar .broker-status>div:first-child>.label { grid-column: 1/-1; grid-row: 1; }
#broker-side { grid-column: 1; grid-row: 2; margin: 0; }
.command-bar .exposure-size { grid-column: 2; grid-row: 2; }
.command-bar .broker-status #execution { grid-column: 1/-1; grid-row: 3; margin-top: 4px; }
}
@media (max-width:1200px) {
.command-bar .exposure-size { margin-left: auto; }
.command-bar .broker-status>div:first-child { justify-content: start; }
.command-bar .broker-status .exposure-size strong { font-size: 22px; }
.command-bar .broker-status #execution { flex-basis: 100%; }
}
.market-desk>header .marque span { display: none; }
.market-desk>header .desk-tabs button[aria-selected=true]:after { bottom: 26px; width: 100%; height: 1px; }
.command-bar .exposure-size span { display: none; }
.command-bar .exposure-size strong,#broker-side { font: 400 31px/34px PlexMono,monospace; letter-spacing: -.025em; }
@media (min-width:1201px) {
.command-bar .target-evidence { border-left: 1px solid #b1bea8; }
.command-bar .target-state { flex-direction: row; align-items: baseline; }
.command-bar .target-state #target { align-self: baseline; }
.command-bar .target-state>.label { font-size: 14px; }
.command-bar .target-state .broker-alignment { margin-left: auto; }
.command-bar #target-evidence-detail { display: block; }
.command-bar #reference-move { line-height: 20px; }
.command-bar #reference-move .reference-delta { position: static; margin: 0; white-space: normal; }
.command-bar .broker-status>div:first-child { column-gap: 14px; }
}
@media (max-width:1200px) {
.market-desk>header .desk-tabs button[aria-selected=true]:after { bottom: 4px; width: 100%; }
.command-bar .exposure-size strong,#broker-side { font-size: 25px; }
}
@media (min-width:1201px) {
.command-bar .target-state #target { flex: 0 0 auto; margin: 0; }
.command-bar .target-state>.label { flex: 0 0 auto; white-space: nowrap; }
.command-bar .target-state .broker-alignment { flex: 0 0 auto; }
.command-bar #reference-move .reference-label,.command-bar #reference-move .reference-price,.command-bar #reference-move .reference-delta { align-self: auto; }
}
@media (max-width:800px) {
.command-bar .broker-status>div:first-child { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 20px 34px auto; gap: 6px 14px; }
.command-bar .broker-status>div:first-child>.label { grid-column: 1/-1; grid-row: 1; }
#broker-side { grid-column: 1; grid-row: 2; margin: 0; }
.command-bar .exposure-size { grid-column: 2; grid-row: 2; margin: 0; }
.command-bar .broker-status #execution { grid-column: 1/-1; grid-row: 3; }
}
@media (min-width:1201px) {
.workspace .system-intro { justify-content: flex-end; }
.system-intro .quote .quote-base,.system-intro .quote .quote-pips,.system-intro .quote .quote-fraction { font: inherit; letter-spacing: -.035em; line-height: 56px; align-self: baseline; padding: 0; margin: 0; }
.system-intro .quote #clock,.system-intro .quote .price-change { white-space: nowrap; }
.command-bar .target-evidence { grid-column: 1/3; grid-row: 1; grid-template-columns: 210px 1fr; grid-template-rows: 24px 22px 24px 20px 20px; gap: 3px 24px; margin: 18px 0 12px 50px; padding: 0; border: 0; }
.command-bar .target-state { display: grid; grid-template-columns: 1fr; }
.command-bar .target-state>.label { grid-column: 1; grid-row: 1; order: 0; }
.command-bar .target-state #target { grid-column: 1; grid-row: 2; order: 0; }
.command-bar .target-state .broker-alignment { grid-column: 1; grid-row: 3; order: 0; margin: 0; justify-self: start; }
.command-bar #reference-move { justify-content: start; }
}
.market-desk>header>.system-status:has(#feed-light.ok)>summary { border-color: #16372a; }
.market-desk>header>.system-status .connection { font-size: 13px; }
.market-desk>header>.system-status .bar-clock { font-size: 12px; display: flex; align-items: baseline; gap: 9px; padding-left: 14px; border-left: 1px solid #728b6c; color: inherit; white-space: nowrap; }
.market-desk>header>.system-status .bar-clock[hidden] { display: none; }
#bar-countdown { font: 400 17px/1 PlexMono,monospace; color: inherit; letter-spacing: 0; }
.command-bar #inspect-target-vote { height: 28px; width: max-content; min-width: 0; line-height: 16px; }
.command-bar #inspect-target-vote:focus-visible { outline: 2px solid #9b462e; outline-offset: 3px; }
@media (max-width:800px) {
.market-desk>header>.system-status>summary { padding: 8px 10px; gap: 10px; }
.market-desk>header>.system-status .connection { font-size: 11px; }
.market-desk>header>.system-status .bar-clock { padding-left: 10px; font-size: 11px; gap: 6px; }
#bar-countdown { font-size: 15px; }
}
.market-desk>header>.system-status>summary { padding: 8px 0; border: 0; gap: 14px; }
.market-desk>header>.system-status:has(#feed-light.ok)>summary { background: transparent; color: #16372a; }
.market-desk>header>.system-status:has(#feed-light.ok) .connection { color: #16372a; }
.market-desk>header>.system-status .bar-clock { border-color: #a4b69c; }
.candle-symbol { width: 24px; height: 20px; margin-right: 10px; }
.plot-key .ma-line { width: 24px; margin-right: 10px; }
.plot-toolbar .plot-key { gap: 24px; }
@media (min-width:1201px) {
.workspace .system-intro { display: block; }
.system-intro .quote { max-width: none; }
.command-bar .target-evidence { display: contents; }
.command-bar .target-source { display: grid; border-left: 1px solid #b1bea8; }
.command-bar .source-summary { display: contents; }
.command-bar #reference-move { width: auto; margin: 0; }
.command-bar .broker-status .label,.command-bar .position-metric>span,.command-bar .performance-state>.label { line-height: 18px; }
.command-bar .broker-status #execution { line-height: 18px; }
}
@media (min-width:1201px) {
.market-desk>header .desk-tabs button,.market-desk>header .reference-links a,.market-desk>header>.system-status .connection { font-size: 14px; }
.plot-toolbar { padding-left: 18px; padding-right: 18px; }
.readout { padding-left: 18px; padding-right: 18px; }
.command-bar #target-evidence-detail,.command-bar #reference-move .reference-label,.command-bar #reference-move .reference-delta { font-size: 14px; }
}
.source-votes { display: block; width: 100%; max-width: 300px; height: 12px; margin: 8px 0; }
.source-votes[hidden] { display: none; }
@media (min-width:1201px) {
.command-bar #source-votes { grid-column: 1; margin: 0; align-self: center; }
}
@media (max-width:800px) {
.command-bar #source-votes { grid-column: 1/-1; }
}
.source-vote-labels { display: flex; justify-content: space-between; gap: 12px; width: 100%; max-width: 300px; font: 400 12px/16px var(--sans); color: #16372a; margin-top: 8px; }
.source-vote-labels[hidden] { display: none; }
.command-bar #inspect-target-vote { background: transparent; border: 1px solid #526b51; color: #16372a; padding: 5px 12px; }
.command-bar #inspect-target-vote:hover { background: #16372a; color: #e9eddf; }
@media (min-width:1201px) {
.command-bar .target-source { margin-left: -172px; margin-right: 138px; }
.command-bar #source-vote-labels { grid-column: 1; grid-row: 3; margin: 0; }
.command-bar #source-votes { grid-row: 4; }
.command-bar #reference-move { text-align: left; }
.command-bar .model-panel { margin-top: 4px; }
}
@media (max-width:800px) {
.command-bar #source-vote-labels { grid-column: 1/-1; grid-row: 3; margin: 6px 0 0; }
.command-bar #source-votes { grid-row: 4; margin: 0; }
}
@media (min-width:1201px) {
.system-intro .quote #price { line-height: 56px; }
.command-bar .target-state { padding-left: 30px; border-left: 1px solid #82977d; width: auto; }
.command-bar .target-state #target { font-weight: 500; }
.command-bar #target-evidence-title { font: 600 19px/24px var(--sans); letter-spacing: -.3px; white-space: normal; background: none; color: #16372a; -webkit-text-fill-color: currentColor; mask: none; overflow: visible; }
.command-bar #inspect-target-vote { border: 0; }
.command-bar .model-records:not([open])>summary { box-sizing: border-box; }
.command-bar .broker-status { padding-bottom: 20px; }
.command-bar .position-metric strong,.command-bar .performance-state strong,.command-bar .exposure-size strong,#broker-side { font-size: 28px; line-height: 34px; }
.command-bar #source-vote-labels,.command-bar #source-votes { display: flex; grid-row: auto; grid-column: auto; margin: 8px 0; }
.command-bar #source-votes { display: block; }
.command-bar #source-vote-labels[hidden],.command-bar #source-votes[hidden] { display: none; }
}
.vote-influence-caption { font-size: 13px; margin: 14px 0 6px; }
@media (max-width:800px) {
.command-bar #target-evidence-title { font-size: 20px; font-weight: 600; }
.command-bar #reference-move { grid-row: 3; }
.command-bar #inspect-target-vote,.command-bar .model-panel { grid-row: 4; }
}
@media (min-width:1201px) {
.command-bar .broker-status { padding-right: 50px; }
}
@media (min-width:1201px) {
.command-bar #reference-move { grid-template-columns: 1fr; grid-template-rows: 18px 56px 20px; align-content: start; }
.command-bar .position-metric strong,.command-bar .performance-state strong,.command-bar .exposure-size strong,#broker-side { font-family: var(--sans); font-weight: 500; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.command-bar .target-state #target { color: #a7482d; }
#bar-countdown { font-weight: 500; }
}
@media (min-width:1201px) {
.command-bar #reference-move .reference-label { grid-column: 1; grid-row: 1; }
.command-bar #reference-move .reference-price { grid-column: 1; grid-row: 2; justify-self: start; }
.command-bar #reference-move .reference-delta { grid-column: 1; grid-row: 3; }
}
@media (min-width:1201px) {
.command-bar .target-state { border: 0; }
.command-bar #reference-move { display: flex; flex-direction: row; align-items: baseline; border: 0; padding: 0; }
.command-bar #reference-move .reference-label { font-size: 12px; line-height: 24px; }
.command-bar #reference-move .reference-price { line-height: 24px; }
.command-bar #reference-move .reference-delta { line-height: 24px; }
.command-bar #inspect-target-vote { align-self: start; }
.command-bar .model-panel { align-self: start; }
.command-bar .model-records:not([open])>summary { border: 0; padding: 0 0 5px; height: auto; display: inline-block; border-bottom: 1px solid #82977d; }
.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar #broker-side,.command-bar .exposure-size strong,.command-bar .position-metric>span,.command-bar .position-metric strong,.command-bar .performance-state>.label,.command-bar .performance-state strong,.command-bar .account-diagnostics>summary { color: #dce8ce; }
.command-bar .performance-state.negative strong { color: #f2a180; }
.command-bar .performance-state.positive strong { color: #b6d2ae; }
.command-bar .account-grid { margin-left: 33.3333%; }
.command-bar .account-diagnostics { margin-left: 66.6667%; }
.command-bar .account-diagnostics[open] { color: #16372a; }
.command-bar .account-diagnostics[open]>.pitwall-details { background: #e9eddf; padding: 24px; margin-top: 12px; }
}
@media (min-width:1201px) {
.command-bar .broker-status>div:first-child>.label,.command-bar .performance-state small { color: #dce8ce; }
}
@media (min-width:1201px) {
.workspace .system-intro { padding-top: 14px; padding-bottom: 14px; }
.system-intro .quote #system-title { grid-column: 1/-1; grid-row: 1; }
.command-bar #target-evidence-title { grid-column: 1; grid-row: 1; }
.command-bar #target-evidence-detail { grid-column: 1; grid-row: 2; }
.command-bar #reference-move { grid-column: 1; grid-row: 3; }
.command-bar #inspect-target-vote { grid-column: 1; height: 24px; min-width: 0; padding: 0 0 3px; background: transparent; color: #16372a; border-bottom: 1px solid #82977d; width: 108px; text-align: left; }
.command-bar #inspect-target-vote::after { content: "→"; display: inline; float: right; margin-left: 15px; }
.command-bar .model-panel { grid-column: 1; margin: 0 0 0 132px; }
.command-bar .model-records:not([open])>summary { font-size: 13px; line-height: 20px; }
}
@media (min-width:1201px) and (max-width:1400px) {
.command-bar #reference-move { flex-wrap: wrap; gap: 0 8px; }
.command-bar #reference-move .reference-delta { display: block; }
}
@media (min-width:1201px) {
.market-desk>header { padding-left: 32px; padding-right: 32px; }
.workspace { gap: 0 32px; min-height: calc(100vh - 118px); padding-top: 24px; }
.workspace .system-intro { grid-column: 1; grid-row: 1; padding: 0 0 0 32px; }
.system-intro .quote { display: grid; width: auto; grid-template-columns: 1fr; grid-template-rows: 18px 58px 18px 18px; gap: 3px; }
.system-intro .quote #price { grid-column: 1; grid-row: 2; }
.system-intro .quote #clock { grid-column: 1; grid-row: 3; font-size: 12px; }
.system-intro .quote .price-change { grid-column: 1; grid-row: 4; font-size: 12px; }
.command-bar .target-state { grid-column: 1; grid-row: 2; margin: 8px 0 0 32px; padding: 0; gap: 4px; }
.command-bar .target-state #target { font: 400 40px/48px var(--sans); }
.command-bar .target-source { grid-column: 1; grid-row: 3; margin: 8px 0 20px 32px; grid-template-columns: 1fr; grid-template-rows: 22px 20px 24px 26px; gap: 5px; border: 0; padding: 0; }
.command-bar #target-evidence-detail { white-space: normal; }
.command-bar #reference-move { flex-wrap: wrap; gap: 0 8px; }
.command-bar #reference-move .reference-delta { font-size: 11px; }
.command-bar #inspect-target-vote { font-size: 13px; grid-row: 4; }
.command-bar .model-panel { grid-row: 4; margin-left: 132px; }
.command-bar .broker-status { grid-column: 1; grid-row: 4; width: auto; margin: 0 0 0 32px; padding: 22px 0 0; background: transparent; color: #16372a; border: 0; border-top: 1px solid #afbea5; position: relative; }
.command-bar .broker-status>div:first-child { position: static; left: auto; top: auto; transform: none; width: auto; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 18px 32px 18px; gap: 5px 10px; }
.command-bar .broker-status>div:first-child>.label,.command-bar .performance-state small,.command-bar .broker-status .label,.command-bar .broker-status #execution,.command-bar #broker-side,.command-bar .exposure-size strong,.command-bar .position-metric>span,.command-bar .position-metric strong,.command-bar .performance-state>.label,.command-bar .performance-state strong,.command-bar .account-diagnostics>summary { color: #16372a; }
.command-bar .performance-state strong.negative { color: #a7482d; }
.command-bar .performance-state strong.positive { color: #256341; }
.command-bar .account-grid { margin: 24px 0 0; width: 100%; grid-template-columns: 1fr 1fr; gap: 16px; }
.command-bar .position-metric strong,.command-bar .performance-state strong { font: 500 22px/28px var(--sans); letter-spacing: -.5px; }
.command-bar .position-metric>span,.command-bar .performance-state>.label { font-size: 12px; }
.command-bar .account-diagnostics { margin: 18px 0 0; width: auto; }
.command-bar .account-diagnostics>summary { font-size: 12px; line-height: 20px; border-color: #82977d; }
.plot-panel { grid-column: 2; grid-row: 1/5; width: auto; min-width: 0; margin: 0; padding: 0 24px; align-self: stretch; }
.readout { padding: 0; min-height: 38px; }
.chart-shell { min-height: 480px; }
#chart { height: 100%; min-height: 480px; }
.plot-toolbar .plot-key { gap: 18px; font-size: 13px; }
.command-bar .model-records[open] { left: 0; right: auto; top: 28px; width: 480px; }
}
@media (min-width:1201px) {
.market-desk>header>.system-status .connection { font-weight: 600; }
.plot-toolbar .chart-options>summary,.plot-toolbar .section-help>summary,.plot-toolbar select { font-size: 14px; font-weight: 500; }
.command-bar .target-state .broker-alignment { font-size: 14px; font-weight: 500; }
.system-intro .quote #system-title { font-size: 15px; }
}
.command-bar .execution-journal,.command-bar .execution-journal h3,.command-bar .execution-journal li,.command-bar .execution-journal li time,.command-bar .execution-journal li strong { color: #16372a; }
.command-bar .execution-journal { padding: 0; margin: 24px 0 18px; border: 0; }
.command-bar .execution-journal h3 { font-size: 14px; line-height: 22px; margin: 0 0 10px; font-weight: 500; }
.command-bar .execution-journal ol { gap: 10px; }
.command-bar .execution-journal li { font-size: 13px; line-height: 20px; gap: 0 10px; }
.command-bar .execution-journal li time { font-size: 12px; line-height: 18px; color: #496044; }
.command-bar .execution-journal li strong { font-size: 14px; line-height: 20px; }
@media (min-width:1201px) {
.command-bar .broker-status { align-self: start; margin-bottom: 0; padding-top: 18px; }
.system-intro .quote #clock,.system-intro .quote .price-change { font-size: 13px; line-height: 18px; }
.command-bar #target-evidence-detail { font-size: 14px; line-height: 22px; color: #344f3d; }
.command-bar #reference-move .reference-label,.command-bar #reference-move .reference-delta { font-size: 13px; }
.command-bar #reference-move .reference-price { font-size: 18px; }
.command-bar #inspect-target-vote,.command-bar .model-records:not([open])>summary { font-size: 14px; }
.command-bar .broker-status .label,.command-bar .position-metric>span,.command-bar .performance-state>.label { font-size: 13px; }
.command-bar .broker-status #execution { font-size: 13px; }
.command-bar .account-grid { margin-top: 20px; }
.command-bar .account-diagnostics { margin-top: 0; }
.command-bar .execution-journal { margin-top: 22px; }
.plot-toolbar .chart-options { margin-right: -4px; }
.plot-toolbar .chart-options>summary,.plot-toolbar select { line-height: 20px; }
}
@media (min-width:1201px) {
.workspace { grid-template-columns: 368px minmax(0,1fr); grid-template-rows: 130px 120px 138px minmax(220px,1fr); }
.system-intro .quote #price { font-size: 44px; }
.command-bar .target-state { grid-template-rows: 18px 56px 18px; }
.command-bar .target-state #target { line-height: 56px; }
.command-bar #target-evidence-title { font-size: 20px; line-height: 24px; }
.command-bar .broker-status .label { font-size: 14px; }
.command-bar .position-metric strong,.command-bar .performance-state strong { font-size: 25px; line-height: 30px; }
.command-bar .execution-journal li { font-size: 14px; }
.command-bar .execution-journal li strong { font-size: 15px; }
.plot-toolbar .chart-options,.plot-toolbar .range { border: 0; padding: 0; margin: 0; }
.plot-toolbar .chart-options { padding-right: 20px; border-right: 1px solid #45604d; }
.plot-toolbar .chart-options>summary,.plot-toolbar select { font-size: 14px; }
.readout { font-size: 14px; }
}
@media (min-width:1450px) {
.market-desk>header { display: grid; grid-template-columns: 368px minmax(0,1fr) auto auto; column-gap: 24px; }
.market-desk>header .marque { margin: 0; }
.market-desk>header .desk-tabs { margin: 0; gap: 28px; }
.market-desk>header>.system-status { margin: 0; }
.market-desk>header .reference-links { margin: 0; gap: 24px; }
}
@media (min-width:1201px) {
.plot-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; grid-template-rows: 24px 24px; gap: 4px 20px; min-height: 84px; padding: 14px 0; border-bottom: 1px solid #385344; box-sizing: border-box; }
.plot-toolbar .plot-key { grid-column: 1; grid-row: 1; align-self: center; }
.plot-toolbar .readout { grid-column: 1; grid-row: 2; display: flex; min-height: 0; margin: 0; padding: 0; border: 0; line-height: 24px; white-space: nowrap; overflow: hidden; }
.plot-toolbar .chart-options { grid-column: 2; grid-row: 1/3; align-self: center; }
.plot-toolbar .section-caption { grid-column: 3; grid-row: 1/3; align-self: center; }
.plot-toolbar .range { grid-column: 4; grid-row: 1/3; align-self: center; }
.chart-shell { height: calc(100vh - 225px); }
.command-bar .broker-status>div:first-child>.label { font-weight: 600; }
.command-bar .performance-state strong { font-size: 30px; line-height: 34px; }
.command-bar .position-metric strong { font-size: 26px; line-height: 34px; }
.system-intro .quote #price .quote-base { font-size: 32px; }
.system-intro .quote #price .quote-pips { font-size: 52px; font-weight: 500; }
.system-intro .quote #price .quote-fraction { vertical-align: super; position: relative; }
}
@media (max-width:1200px) {
.plot-toolbar { flex-wrap: wrap; }
.plot-toolbar .readout { flex: 0 0 100%; width: 100%; order: 9; margin-top: 10px; padding: 12px 0; border-top: 1px solid #385344; }
}
@media (min-width:1201px) and (max-width:1400px) {
.plot-toolbar .readout { grid-column: 1/-1; }
.plot-toolbar .chart-options,.plot-toolbar .section-caption,.plot-toolbar .range { grid-row: 1; }
}
.command-bar #reference-move .reference-price { color: #a7482d; }
@media (min-width:1201px) {
.command-bar #reference-move { padding-left: 11px; border-left: 2px solid #a7482d; }
.system-intro .quote #price .quote-base { padding-right: 2px; }
.system-intro .quote #price .quote-fraction { font-size: 20px; top: -10px; margin-left: 1px; }
.plot-toolbar .readout { font-size: 13px; }
.plot-toolbar .range { background: #234735; padding: 5px 10px; }
.command-bar .execution-journal li time { font-size: 14px; line-height: 20px; }
}
.plot-panel { background: #e9eddf; color: #16372a; }
.plot-toolbar,.readout,.plot-key,.plot-key span,.plot-toolbar select,.plot-toolbar .chart-options>summary,.plot-toolbar .section-help>summary { color: #16372a; }
.plot-toolbar { border-color: #b1bea8; }
.candle-symbol path:nth-child(1) { stroke: #08965f; }
.candle-symbol path:nth-child(3) { fill: #08965f; }
.plot-toolbar .range { background: #d8e0ce; color: #16372a; }
.plot-toolbar .chart-options { border-color: #b1bea8; }
@media (min-width:1201px) {
.plot-panel { background: transparent; padding-left: 24px; }
.system-intro .quote #price .quote-base,.system-intro .quote #price .quote-pips,.system-intro .quote #price .quote-fraction { font: inherit; padding: 0; margin: 0; position: static; vertical-align: baseline; letter-spacing: inherit; }
.plot-toolbar .section-help>summary { color: #496044; }
}
@media (max-width:1200px) {
.plot-toolbar .readout { border-color: #b1bea8; }
}
.plot-key .ma-line { background: #657c8f; }
.candle-symbol path:nth-child(2) { stroke: #d13f45; }
.candle-symbol path:nth-child(4) { fill: #d13f45; }
.command-bar .target-state #target.short,.command-bar #reference-move .reference-price { color: #743c46; }
.command-bar #reference-move { border-color: #743c46; }
.command-bar:has(#target.long) #reference-move { border-color: #256341; }
.command-bar:has(#target.long) #reference-move .reference-price { color: #256341; }
@media (min-width:1201px) {
.system-intro .quote #price { font: 400 54px/58px BodoniRoman,Georgia,serif; letter-spacing: 0; }
.command-bar .target-state #target { font-size: 40px; letter-spacing: -1.2px; }
.plot-toolbar .section-help>summary { font-size: 13px; }
.market-desk>header>.system-status .connection { font-size: 14px; }
.command-bar .execution-journal li time,.command-bar .broker-status #execution { color: #344f3d; }
}

/* Keep archived model vote rows aligned while their history scrolls. */
.vote-scroll{overscroll-behavior:contain}
#vote-space #vote-chart{position:sticky;top:0;display:block}
.generation-ticket small{overflow-wrap:anywhere}
/* A neutral model target must remain readable on the ivory instrument. */
.command-bar .target-state #target:not(.long):not(.short){color:#173c2c}
/* Neutral target evidence and its inspection action share the rail alignment. */
.command-bar #reference-move:empty{display:none}
.command-bar .model-records:not([open]){text-align:left;justify-self:start;margin-top:12px}
.command-bar .model-records:not([open])>summary{display:inline-flex;align-items:center;gap:18px;padding:8px 12px;border:1px solid #82977d;min-height:38px;cursor:pointer;text-align:left}
.command-bar .model-records>summary span{font-size:16px}
.command-bar .model-panel{margin-left:0}
@media(min-width:1201px){.command-bar .target-source{grid-template-rows:auto auto auto auto;gap:5px;margin-bottom:28px}.command-bar .model-records:not([open]){margin-top:6px}}