:root{color-scheme:dark;--bg:#0b1017;--panel:#141e29;--line:#2d3b4d;--muted:#a5b6c9;--mint:#8aefce;--amber:#ffd295}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:#edf3fa;font:15px/1.55 'Segoe UI',sans-serif}header{display:flex;gap:22px;align-items:center;padding:22px 4vw;border-bottom:1px solid var(--line)}.brand{font-weight:750;letter-spacing:3px;color:#fff;text-decoration:none;font-size:19px}.brand span{color:var(--mint);font-size:12px}.badge{color:var(--mint);font-size:11px;letter-spacing:1px;border:1px solid #365444;padding:5px 9px;border-radius:5px}#logout{margin-left:auto}main{max-width:1480px;padding:36px;margin:auto}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:12px 0}h2{font-size:22px;margin:0 0 10px}h3{font-size:17px;margin:25px 0 10px}p{color:var(--muted)}.eyebrow{font-size:11px;color:var(--mint);letter-spacing:2px;font-weight:700}.notice{display:flex;gap:16px;align-items:center;border:1px solid #63533b;background:#241f18;border-radius:9px;padding:15px 18px;margin:22px 0;color:var(--amber)}.notice span{font-size:13px;color:#d6c6ae}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;margin:18px 0}.panel p{font-size:13px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}input,button{font:inherit;border:1px solid #42556a;border-radius:6px;padding:11px 14px;background:#101923;color:#edf3fa}input{width:100%;min-width:0}button{cursor:pointer}button:hover{border-color:var(--mint)}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--mint);border-color:var(--mint);color:#102820;font-weight:650}.hint{font-size:12px!important;margin:0}.row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.row label{flex:1;min-width:145px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;gap:15px}.section-head p{margin:0;font-size:13px}.item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.item .text{flex:1}.item strong{display:block;overflow-wrap:anywhere}.item small{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button,.actions a{font-size:12px;padding:7px 10px;color:var(--mint);border:1px solid var(--line);border-radius:5px;text-decoration:none;background:transparent}.empty{padding:18px;color:var(--muted);border:1px dashed var(--line);border-radius:7px;margin-top:15px}#new-invite{border:1px solid #396857;background:#15332b;padding:16px;margin:18px 0}#invite-code{font-family:monospace;font-size:12px}#message{color:var(--mint)}#error{color:#ffb0a8;background:#351d24;border-radius:6px;padding:12px}#error:empty,#message:empty{display:none}iframe{width:100%;height:1100px;border:1px solid var(--line);border-radius:12px;background:#0c1118}footer{color:var(--muted);font-size:12px;margin:28px 0}@media(max-width:760px){main{padding:20px}.auth-grid{grid-template-columns:1fr}.notice,.section-head,.item{align-items:start;flex-direction:column}h1{font-size:29px}header{flex-wrap:wrap}.row{align-items:stretch;flex-direction:column}.row button{width:100%}iframe{height:1300px}}

.start-panel{border-color:#416459;background:linear-gradient(135deg,#142c29,#141e29 65%)}.journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journey li{padding:20px;background:#101b23;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.journey strong{font-size:18px}.journey p{flex:1}.journey small{display:block;color:var(--muted);margin-top:12px}.replay-summary{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.replay-summary a{color:var(--mint)}summary{cursor:pointer;color:var(--mint);padding:12px 0}@media(max-width:900px){.journey{grid-template-columns:1fr}.replay-summary{flex-direction:column;align-items:flex-start}}
/* OpenFlow automation brand: black / red / white. */
:root{--bg:#080809;--panel:#111113;--line:#2b2527;--muted:#a6a0a3;--mint:#ff4149;--amber:#f1b7ba}body{background:radial-gradient(ellipse at 85% 0%,#30090d88,transparent 48%),#080809;color:#f5f3f4}header,main{margin-left:232px}header{background:#0b0b0de8;padding:20px 32px}main{padding:30px 34px;max-width:1600px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:linear-gradient(180deg,#111113,#080809);border-right:1px solid #3a1c21;padding:32px 20px;z-index:2}.sidebar .brand{display:block;font-style:italic;font-weight:900;letter-spacing:1px;font-size:23px}.sidebar .brand span{font-size:23px;color:#ff2634}.sidebar .eyebrow{font-size:9px;letter-spacing:1.6px;margin:16px 0 40px}.sidebar nav{display:grid;gap:9px}.nav-item{text-align:left;border:1px solid transparent;background:transparent;color:#aaa3a7;padding:13px 15px}.nav-item.active{color:#fff;background:linear-gradient(90deg,#74151e66,#291015);border-color:#78222b;box-shadow:inset 3px 0 #fa303d}.sidebar-bottom{position:absolute;bottom:28px;font-size:12px;color:#ff737b}.sidebar-bottom p{font-size:11px}.brand span,.eyebrow{color:#ff4149}.badge{border-color:#703039;color:#ffb7bc;background:#261014}.panel{background:linear-gradient(135deg,#171316,#101012);border-color:#33282d;border-radius:14px}.primary{color:#fff;background:linear-gradient(100deg,#b81523,#ed2637);border-color:#ff4352;box-shadow:0 4px 20px #d0192520}.notice{background:#231014;border-color:#62232c}.notice span{color:#c9abb0}input,button{background-color:#101012;border-color:#45353b;color:#faf5f7}button:disabled{cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-grid .panel{margin:12px 0}.metric-grid p{font-size:10px;letter-spacing:1.6px}.metric-grid h2{font-size:27px}.metric-grid small{color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.terms{display:flex;flex-wrap:wrap;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:20px 0}.terms span{color:var(--muted);font-size:12px}.terms strong{display:block;color:#fff;font-size:17px;margin-top:8px}.overview-grid li{color:var(--muted);font-size:13px;margin:12px 0}.account-panel{max-width:1000px}.account-empty{padding:36px;text-align:center;background:#0c0b0d}.account-empty h3{margin-top:0}.account-empty p{max-width:540px;margin:18px auto}.unavailable-control{display:inline-block;padding:12px 28px;background:#49141b;border:1px solid #78212d;border-radius:8px;color:#da969d;margin:12px}.start-panel{background:linear-gradient(135deg,#261115,#111113);border-color:#622832}.journey li{background:#130e11}#new-invite{background:#261115;border-color:#74313b}h1{font-weight:800}header>.brand{display:none}@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.sidebar{width:190px;padding:24px 12px}header,main{margin-left:190px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:20px}.sidebar nav{grid-template-columns:repeat(2,1fr);gap:5px}.sidebar .eyebrow{margin:8px 0 16px}.sidebar-bottom{display:none}header,main{margin-left:0}header{padding:15px 20px}main{padding:20px}.metric-grid{gap:0}}
select{font:inherit;padding:12px;background:#100d10;color:#fff;border:1px solid #59313b;border-radius:6px;width:100%}#automation-form{max-width:620px}#setup-blockers{color:#c5abb1}
.skip-link{position:fixed;top:-80px;left:250px;background:#fff;color:#111;padding:12px;z-index:20}.skip-link:focus{top:12px}button,select,input{min-height:44px}.actions{gap:10px}.actions button{font-size:13px;padding:10px 14px}#controller-refresh{margin-top:16px}#controller-pending{border-left:3px solid #d53a4c;padding-left:12px}#controller-last-bar{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.terms span{min-width:140px}.terms strong{overflow-wrap:anywhere}#controller-late:empty{display:none}body{overflow-x:hidden}main,.panel,.overview-grid>*{min-width:0}@media(max-width:700px){.skip-link{left:12px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions button{width:100%}.terms{gap:18px}.panel{padding:18px}.hero h1{font-size:28px}iframe{height:1500px}.sidebar nav{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#diagnostic-hash{overflow-wrap:anywhere;font-family:monospace}#diagnostic-problems{padding-left:22px;color:#e2bbc1}#diagnostic-problems li{margin:12px 0;overflow-wrap:anywhere}#diagnostic-report{display:inline-block;color:#ff8d99;padding:12px 0}#diagnostic-file{max-width:100%}

/* Authoritative identity: neutral data surfaces, red brand actions, explicit status text. */
:root{--bg:#080808;--panel:#171717;--line:#383838;--muted:#b6b6b6;--brand-red:#f5293d;--mint:var(--brand-red);--text:#fafafa}
body{background:var(--bg);color:var(--text)}
.panel,.journey li,.account-empty{background:var(--panel);border-color:var(--line)}
header,.sidebar{background:#0e0e0e}.sidebar{border-right-color:#382124}
input,select,button{background:#101010;border-color:#505050;color:var(--text)}
.primary{background:#c7182d;border-color:#ff5263;color:#fff;box-shadow:none}
.primary:hover{background:#e02137}.actions button,.actions a{color:#f4f4f4}
.nav-item.active{background:#2c1116;border-color:#8b2936;box-shadow:inset 3px 0 var(--brand-red)}
.hero{border-top:1px solid #72232c;padding-top:18px;background:radial-gradient(ellipse at 92% 0%,#af18261c,transparent 60%)}
.brand-art{height:220px;max-width:470px;background:#080808 url('/openflow-brand.png') center 43% / 75% auto no-repeat;border-bottom:1px solid #68202a;margin:0 0 24px}
.notice{background:#181818;border:1px dashed #737373;border-left:4px solid #ddd;color:#fff}.notice span{color:#c5c5c5}
.badge{background:#191919;border-color:#626262;color:#ededed}
#message{color:#ededed}#error{background:#241417;border:1px solid #e77b87;border-left:5px solid #e77b87;color:#ffe5e9}
#error:not(:empty)::before{content:'⚠ Error — ';font-weight:750}
[data-controller="stop"],.emergency-control{border:3px double #ff9eaa;background:#301219;color:#fff;font-weight:750;box-shadow:none}
#controller-pending:not(:empty){border:1px dashed #aaa;border-left:4px solid #aaa;padding:12px;color:#ededed}
.terms strong,.metric-grid h2,td{font-variant-numeric:tabular-nums}.status-unknown,.status-simulated,.status-blocked{border:1px dashed #aaa;color:#eee;background:#1b1b1b;padding:5px 8px}
.status-loss{color:#ffcbd2;text-decoration:underline;text-decoration-style:dotted}
@media(max-width:700px){.brand-art{height:180px;max-width:350px;background-size:85% auto}.hero{padding-top:12px}}
/* Account cards and risk controls: customer workflow, September 27. */
.workspace-controls{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#111;border:1px solid #555;border-radius:10px;margin-top:18px}.workspace-controls strong,.workspace-controls small{display:block}.workspace-controls strong{margin:5px 0}.workspace-controls small{color:#bbb;max-width:450px}
.account-grid,.bucket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-grid .panel,.bucket-grid .panel{margin:0}.account-grid,.bucket-grid{margin:18px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}.form-grid fieldset{grid-column:1/-1}.account-card>p:first-child{font-size:10px;letter-spacing:1.5px}.account-card small{display:block;color:var(--muted);margin-top:12px}.assignment-form{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:18px;min-height:18px;accent-color:#d52238}fieldset{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-wrap:wrap;gap:14px}legend{color:var(--muted);font-size:12px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mode-card{padding:14px;background:#101010;border:1px solid var(--line);border-top:2px solid #e02a40;border-radius:8px}.mode-card p{margin-bottom:0}.table-scroll{overflow:auto;max-height:600px;margin-top:22px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:12px;text-align:left;border-bottom:1px solid #383838;vertical-align:top}th{position:sticky;top:0;background:#202020;color:#eee}td:last-child{min-width:260px;overflow-wrap:anywhere}caption{text-align:left;color:var(--muted);padding:10px}dl.capabilities{display:grid;grid-template-columns:1fr 2fr;gap:12px}dd{margin:0}#wf-accounts:empty,#wf-positions:empty{display:none}.hero .brand-art{height:120px;max-width:260px;background-size:80% auto}.hero h1{font-size:32px}.hero{position:relative}#wf-settings-form{max-width:500px}
@media(max-width:1100px){.workspace-controls{position:static;align-items:flex-start;flex-direction:column}.mode-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.account-grid,.bucket-grid,.form-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr 1fr}.workspace-controls .actions{grid-template-columns:1fr;width:100%}.sidebar nav{grid-template-columns:repeat(3,1fr)}.nav-item{padding:10px;font-size:12px}.form-grid fieldset{grid-column:auto}dl.capabilities{grid-template-columns:1fr}dd{margin-bottom:12px}.brand-art{display:none}.hero h1{font-size:26px}.account-card .actions{grid-template-columns:1fr}}

.intent-panel{border-top:3px solid var(--brand-red)}#intent-status{font-weight:700}#intent-capabilities dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#intent-form select{min-width:0;width:100%}#wf-onboarding{line-height:1.9}button:disabled{cursor:not-allowed}#wf-auto-status{padding:12px;border:1px dashed #777}

#strategy-catalog p{overflow-wrap:anywhere}#wf-event-details{margin-top:24px;padding:18px;border:1px solid var(--line);border-left:3px solid var(--brand-red)}#wf-event-details li{margin:10px 0}#wf-event-details p{overflow-wrap:anywhere}

/* Browser acceptance fixes: compact signed-in workspace; clear primary actions. */
.is-signed-in .hero>:not(.notice){display:none}
.is-signed-in .hero{padding:0;border:0;background:none}
.is-signed-in .hero .notice{margin:0 0 16px}
.actions button.primary{background:#c7182d;border-color:#ff5263;color:#fff}
.actions button.primary:hover:not(:disabled){background:#e02137}
.actions button.emergency-control{border:3px double #ff9eaa;background:#301219;color:#fff}
#settings-intent-status{overflow-wrap:anywhere}
#service-status{flex-wrap:wrap}
#service-status p{flex:1 1 300px}
#service-status button{flex:0 0 auto}
@media(max-width:760px){.is-signed-in main{padding-top:16px}.is-signed-in .section-head{margin-top:16px}.workspace-controls{padding:14px}}

/* Customer workspace, September 28. Presentation only; risk state remains server-owned. */
:root{--bg:#09090b;--panel:#111114;--line:#29292f;--muted:#a1a1ad;--brand-red:#f13245;--text:#f4f4f6}
body{font:14px/1.55 'Segoe UI',Arial,sans-serif;background:#09090b;letter-spacing:.1px}
header{height:76px;margin-left:224px;padding:0 36px;border-bottom:1px solid #25252b;background:#0c0c0f;gap:22px}
.workspace-breadcrumb{color:#dddde3;font-size:13px}.workspace-breadcrumb span{color:#555561;margin:0 12px}
.environment-badge{margin-left:auto;color:#e3a6ae;border-color:#503038;background:#25151b;border-radius:30px;font-size:10px;letter-spacing:1.6px;padding:6px 12px}
#logout{margin-left:0;background:transparent;border-color:#303038;font-size:12px;padding:8px 14px;min-height:36px}
.sidebar{width:224px;padding:30px 18px;background:#0d0d10;border-right:1px solid #25252b}
.sidebar .brand{font-size:24px;letter-spacing:-.8px;padding-left:12px}.sidebar .brand span{font-size:24px}
.sidebar .eyebrow{color:#777782;font-size:8px;letter-spacing:1.8px;padding-left:12px;margin:10px 0 34px}
.sidebar nav{gap:5px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;min-height:44px;border-radius:7px;color:#94949f;font-size:13px}
.nav-item::before{content:'◇';font-size:17px;width:20px;text-align:center;color:#72727f}
.nav-item[data-view=overview]::before{content:'▦'}.nav-item[data-view=accounts]::before{content:'▤'}.nav-item[data-view=buckets]::before{content:'⊞'}.nav-item[data-view=trading]::before{content:'↗'}.nav-item[data-view=log]::before{content:'≡'}.nav-item[data-view=settings]::before{content:'⚙'}
.nav-item.active{background:#2b141b;border:1px solid #51202d;box-shadow:none;color:#fff}.nav-item.active::before{color:#ff4b60}
.nav-item[data-view=billing]{margin-top:20px}.nav-item[data-view=testing],.nav-item[data-view=members]{font-size:12px;color:#82828e}
.sidebar-bottom{left:30px;right:24px;bottom:25px;border-top:1px solid #28282f;padding-top:18px;color:#cccbd4;font-size:11px}.sidebar-bottom p{color:#777782;line-height:1.7}
main{margin-left:224px;padding:26px 36px 40px;max-width:1660px}
.hero{background:none;border:none}.hero .brand-art{display:none}.hero h1{font-size:48px;letter-spacing:-2px;font-weight:700;max-width:680px;line-height:1.12;margin:16px 0}.hero h1 em{font-style:normal;color:#ff4658}
.hero>p{max-width:520px}.hero>.eyebrow{color:#e75464;font-size:10px;letter-spacing:2px}
.notice,.is-signed-in .hero .notice{border:1px solid #323039;border-left:3px solid #a93a4b;background:#121115;border-radius:7px;padding:11px 16px;margin:0 0 23px;font-size:12px;gap:18px}
.notice strong{white-space:nowrap;font-size:11px;letter-spacing:.2px}.notice span{color:#97939d;font-size:12px}
.section-head{margin:20px 0}.section-head .eyebrow{color:#858591;font-size:9px;letter-spacing:1.8px;margin-bottom:7px}.section-head h2{font-size:27px;letter-spacing:-.7px;font-weight:600;margin:0}
.badge{border-radius:20px;padding:5px 10px;font-size:9px;background:#17171c;border-color:#33333d;color:#aaaab7}
.workspace-controls{position:static;background:#121216;border:1px solid #2c2c34;border-radius:10px;padding:18px 22px;margin:22px 0 10px;box-shadow:none}
.workspace-controls .eyebrow{font-size:8px;letter-spacing:1.5px;color:#92929f}.workspace-controls strong{font-size:14px;letter-spacing:.3px}.workspace-controls small{font-size:11px;color:#858591}
.actions{gap:9px}.actions button{font-size:12px;border-radius:6px;border-color:#3a3a44;background:#19191f;padding:9px 14px}
.actions button.primary,.primary{background:#da243b;border:1px solid #f34459;box-shadow:0 3px 12px #b8142820;border-radius:6px;font-size:12px}
.actions button.primary:hover:not(:disabled),.primary:hover:not(:disabled){background:#ee3049}
.actions button.emergency-control{border:1px solid #8b3c49;background:#29151c;color:#ffc3cb;font-size:11px;box-shadow:none}
#dashboard>.hint{font-size:10px!important;color:#82828d;margin:4px 2px}#wf-controls-hint{margin:6px 2px;font-size:11px!important}
.panel{background:#121216;border:1px solid #292930;border-radius:10px;padding:23px;margin:18px 0;box-shadow:none}
.panel h2{font-size:20px;letter-spacing:-.4px;font-weight:600}.panel p{color:#a2a2af;font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#e86573}
.metric-grid{gap:16px;margin-top:20px}.metric-grid .panel{margin:0;padding:21px 23px;min-height:133px;position:relative}.metric-grid .panel::after{content:'';position:absolute;top:22px;right:22px;width:6px;height:6px;border-radius:50%;background:#913545}
.metric-grid .panel>p{font-size:9px;color:#8e8e9c;letter-spacing:1.5px;margin:0 0 13px}.metric-grid h2{font-size:25px;letter-spacing:-.8px;margin-bottom:9px}.metric-grid small{font-size:11px;color:#898996}
.setup-panel{background:radial-gradient(ellipse at 100% 0,#4c152533,transparent 65%),#121216;border-color:#43303a;position:relative;padding:24px 26px}
.setup-panel h2{font-size:23px}.setup-panel>.actions{border-top:1px solid #342b34;padding-top:17px;margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr)}
.setup-panel>.actions button{text-align:left;background:#18151c;color:#c6bcc6;font-size:11px;border-color:#3a2c36}
#wf-onboarding{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:8px 24px;color:#9793a2;font-size:11px;margin:15px 0}
#wf-next-step{color:#e5dce4;font-size:13px;margin-bottom:10px}
.overview-grid{grid-template-columns:1.15fr 1fr;gap:16px}.overview-grid .panel{margin-top:0}.overview-grid .terms{padding:16px 0;margin:18px 0;gap:45px}.terms strong{font-size:16px;font-weight:600}.terms span{font-size:10px;color:#92929f}
.status-blocked:empty{display:none}.status-blocked{font-size:11px;border:1px solid #36343e;color:#a9a5b3;background:#19171e;border-radius:5px}
input,select{background:#0c0c10;border:1px solid #34343e;border-radius:6px;font-size:13px;padding:10px 12px;color:#ededf3}input:focus,select:focus{border-color:#9b4b5b}label{font-size:11px;color:#a1a1af;gap:8px}
.form-grid{gap:20px}.account-grid,.bucket-grid{gap:16px}.account-card{border-top:2px solid #873244}.mode-card{border-color:#303039;background:#0e0e12;border-top:2px solid #8f3445}.mode-card strong{font-size:13px}.mode-card p{font-size:11px}
details{border-top:1px solid #292930;margin-top:18px}summary{color:#b6b3c0;font-size:12px;padding:13px 0}details p,details li{font-size:12px;color:#9996a4}
th{background:#19191f;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#9393a2}td{font-size:12px;padding:16px 12px;border-color:#27272e}caption{font-size:11px}#wf-event-details{border-color:#33313d;border-left-color:#c53249;background:#0d0d12;border-radius:7px}
footer{border-top:1px solid #25252c;padding-top:16px;font-size:10px;color:#737380;margin-top:30px}
body:not(.is-signed-in) .sidebar{display:none}body:not(.is-signed-in) header,body:not(.is-signed-in) main{margin-left:auto;margin-right:auto;max-width:1200px}body:not(.is-signed-in) header>.brand{display:block}body:not(.is-signed-in) .workspace-breadcrumb{display:none}body:not(.is-signed-in) main{padding-top:45px}body:not(.is-signed-in) .hero{padding:0 0 25px}body:not(.is-signed-in) .hero .notice{margin:25px 0 0}.auth-grid{gap:24px}.auth-grid .panel{padding:28px}.auth-grid .panel h2{font-size:23px}
@media(min-width:1600px){main{padding-left:48px;padding-right:48px}}
@media(max-width:1150px){.sidebar{width:195px}header,main{margin-left:195px}main{padding:24px}.workspace-controls{flex-direction:column;align-items:stretch}.workspace-controls .actions{margin-top:8px}.metric-grid h2{font-size:21px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-panel>.actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px 16px 10px;border-right:0;border-bottom:1px solid #26262f}.sidebar .brand{font-size:22px;padding-left:4px}.sidebar .eyebrow{display:none}.sidebar nav{display:flex;overflow:auto;gap:6px;margin-top:14px;padding-bottom:5px}.nav-item{flex:0 0 auto;padding:8px 12px;font-size:12px;min-height:40px}.nav-item::before{display:none}.nav-item[data-view=billing]{margin-top:0}.sidebar-bottom{display:none}header,main{margin-left:0}header{height:58px;padding:0 18px;gap:12px}.workspace-breadcrumb{font-size:11px}.workspace-breadcrumb span{margin:0 5px}main{padding:20px 16px}.notice,.is-signed-in .hero .notice{display:block;padding:10px 13px}.notice strong{display:block;margin-bottom:3px}.notice span{font-size:11px}.section-head{flex-direction:row;align-items:center}.section-head h2{font-size:22px}.metric-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}.metric-grid .panel{min-height:0;padding:16px 18px}.metric-grid h2{font-size:23px}.metric-grid .panel>p{margin-bottom:7px}.overview-grid{grid-template-columns:1fr}.setup-panel{padding:20px}.setup-panel>.actions{grid-template-columns:1fr 1fr}.workspace-controls{padding:16px}.workspace-controls .actions{display:flex;flex-wrap:wrap}.workspace-controls .actions button{width:auto;flex:1 1 auto;font-size:11px}.panel{padding:20px}.hero h1{font-size:36px}.form-grid,.account-grid,.bucket-grid{grid-template-columns:1fr}.environment-badge{font-size:8px}.auth-grid{grid-template-columns:1fr}body:not(.is-signed-in) main{padding-top:25px}}

/* Selectable modes and one bucket editor. */
.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid button.mode-card{text-align:left;white-space:normal;min-height:130px;cursor:pointer}.mode-card strong{font-size:18px}.mode-card[aria-pressed=true]{border:2px solid #f13245;background:#2b141c;box-shadow:0 0 0 3px #f1324515}.mode-bucket-picker{max-width:380px;margin:22px 0 10px}#wf-buckets{grid-template-columns:1fr}#mode-choice-status{min-height:20px}@media(max-width:600px){.mode-grid{grid-template-columns:1fr}.mode-grid button.mode-card{min-height:95px}}

/* Reference-inspired connection settings; OpenFlow identity. */
[data-screen="settings"]{max-width:920px;margin:0 auto}.settings-page-heading h2{font-size:28px;margin-bottom:5px}.settings-page-heading>p:last-child{font-size:13px;margin-top:0;color:#96929e}.connection-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.connection-heading .eyebrow{margin:0 0 7px}.connection-heading h2{font-size:20px;margin:0}.connection-state{border:1px solid #5a303b;background:#27131b;color:#efa7b3;padding:5px 10px;border-radius:20px;font-size:10px;white-space:nowrap}.intent-panel{background:linear-gradient(130deg,#25111966,transparent 70%),#111114;border:1px solid #512330;border-radius:12px;padding:24px}.intent-panel>p{max-width:650px;line-height:1.7}#intent-form{margin-top:22px;gap:15px}#intent-form button{grid-column:1/-1;min-height:42px;font-size:13px}.connection-mode-link{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #34232d;padding-top:17px;margin-top:20px}.connection-mode-link strong{font-size:12px}.connection-mode-link p{margin:3px 0;font-size:11px}.connection-mode-link button{font-size:12px;white-space:nowrap}.connection-diagnostics{margin-top:14px}.connection-diagnostics p,.connection-diagnostics dl{font-size:11px}#intent-status{font-size:11px;color:#c5a3ad;margin-bottom:0}.connection-help{border:0;margin:0 0 28px}.connection-help>summary{font-size:12px;color:#b8acb5;padding:9px 3px}.connection-steps{background:#111114;border:1px solid #30262d;border-radius:11px;padding:8px 22px 18px}.connection-steps section{margin:17px 0}.connection-steps h3{font-size:12px;margin:0 0 5px;color:#ebe4e9}.connection-steps h3 span{color:#ff6178;margin-right:7px}.connection-steps p{font-size:12px;line-height:1.65;margin:0;color:#a69ca7}.connection-footnote{padding:10px 12px!important;border:1px solid #51232d;border-radius:7px;background:#26121b;color:#e6a5b1!important;font-size:11px!important}#dashboard:has([data-screen="settings"]:not([hidden]))>.workspace-controls,#dashboard:has([data-screen="settings"]:not([hidden]))>.hint,#dashboard:has([data-screen="settings"]:not([hidden]))>.section-head,#dashboard:has([data-screen="settings"]:not([hidden]))>#wf-notification{display:none}.mode-grid{gap:10px}.mode-card{border-radius:7px}.mode-card strong{font-size:15px}.mode-card p{font-size:11px}@media(max-width:600px){.connection-heading{align-items:flex-start}.connection-heading h2{font-size:17px}.intent-panel{padding:18px}.connection-mode-link{align-items:flex-start;flex-direction:column}.connection-steps{padding:6px 16px 16px}}

/* Registered, non-member dashboard. No protected data is rendered beneath the preview. */
.is-nonmember .hero{display:none}.is-nonmember .sidebar-bottom{display:none}.membership-locked{opacity:.45}.membership-locked::after{content:'Locked';margin-left:auto;font-size:8px;letter-spacing:.5px}.gate-heading h1{font-size:30px;margin:8px 0}.gate-heading>p{font-size:13px}.activation-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#2c131c,#121013);border:1px solid #4b2634;border-radius:14px;padding:28px;margin:32px 0}.activation-icon{background:#b71e35;border:1px solid #f5455e;border-radius:12px;width:56px;height:56px;display:grid;place-items:center;font-size:30px;flex-shrink:0}.activation-banner h2{font-size:24px;margin:0 0 8px}.activation-banner p{font-size:13px;margin:0;max-width:700px}.plan-link{display:inline-block;margin-left:auto;padding:13px 20px;text-decoration:none;color:#fff;white-space:nowrap}.locked-preview{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-height:170px;padding:10px 0;margin:20px 0 40px}.locked-preview>div{border:1px solid #242028;border-radius:12px;padding:22px;filter:blur(3px);opacity:.45;user-select:none}.locked-preview span{font-size:12px;color:#8e8694}.skeleton-line{height:14px;background:#48404b;border-radius:5px;width:75%;margin-top:15px}.skeleton-line.short{width:40%}.locked-preview>p{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);margin:0;border:1px solid #58303d;background:#100c10;border-radius:9px;padding:13px 18px;font-size:12px;white-space:nowrap;color:#e9d2dc}#membership-plans{text-align:center;padding:12px 0 40px}#membership-plans>h2{font-size:29px;margin-bottom:10px}#membership-plans>p{font-size:13px}.membership-plan{max-width:420px;margin:30px auto 0;border:1px solid #57303d;border-radius:17px;padding:30px;text-align:left;background:linear-gradient(145deg,#221219,#111114)}.membership-plan h3{font-size:23px;margin:20px 0 12px}.plan-price{font-size:27px;font-weight:700;letter-spacing:-.6px}.membership-plan p,.membership-plan li{font-size:12px}.membership-plan ul{padding-left:18px;line-height:2.3;color:#c8bac5}.membership-plan button{width:100%;margin:16px 0;background:#a92139;border-color:#ca3953}.signup-panel{border-top:2px solid #b82b43}@media(max-width:760px){.activation-banner{flex-wrap:wrap;padding:21px;gap:15px}.activation-banner h2{font-size:22px}.plan-link{margin-left:0;width:100%;text-align:center}.locked-preview{gap:8px;min-height:145px}.locked-preview>div{padding:13px}.locked-preview>p{white-space:normal;width:85%;text-align:center}.membership-locked::after{display:none}}

/* Hidden navigation and mode cards must not leak decorative labels. */
[hidden], [hidden]::before, [hidden]::after, [hidden] *::before, [hidden] *::after { display:none !important; }
#feedback-form textarea { width:100%; min-height:120px; resize:vertical; background:#101014; color:#fff; border:1px solid #45414b; border-radius:8px; padding:12px; font:inherit; }

/* Customer workspace polish: readable controls, explicit draft state, restrained brand. */
body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:#09090b;color:#f4f4f6}main{max-width:1600px}p{line-height:1.65}.panel{border-radius:14px}button{min-height:44px;font-size:13px}label,input,select{font-size:14px}label{color:#c5c4ce}.nav-item{font-size:14px;min-height:48px}.nav-item.active{border-left:3px solid #ff304a;background:#2b1017}.eyebrow{color:#b4aeb8!important}.hint,small{color:#aaa6b0}.metric-grid .panel{background:linear-gradient(135deg,#19171b,#101013)}.metric-grid h2{font-size:29px}.setup-panel{border-left:3px solid #ed2440}.mode-grid button.mode-card{min-height:158px;padding:22px;border-radius:12px}.mode-card strong{font-size:21px}.mode-card p{font-size:13px;color:#bab6c0}.mode-card[data-saved=true]{border-top:3px solid #8f858b}.mode-card[aria-pressed=true]{border:2px solid #ff3b53;background:#2c1018}.mode-save-state{padding:12px 16px;background:#21151a;border-radius:8px;border:1px solid #52313c}.mode-bucket-picker{max-width:480px}#wf-buckets form>button[type=submit]{min-width:200px}.monitor-preview{border:1px dashed #4a4149;border-radius:12px;padding:4px 18px;margin:26px 0}.monitor-preview summary{font-size:14px;color:#e1cbd2}.monitor-preview .panel{margin:8px 0 16px;background:#101014}#intent-draft-status:not(:empty){padding:10px 14px;background:#28141b;color:#ffd5de;border-radius:8px}.connection-help{margin-bottom:24px}.settings-page-heading{margin-bottom:24px}.settings-page-heading h2{font-size:32px}.intent-panel{padding:28px}.mode-card:disabled{opacity:.8}h2:focus,h3:focus{outline:none}th{font-size:11px}td{font-size:13px}.empty{padding:24px;border:1px dashed #4a3b43;border-radius:12px}
@media(max-width:760px){.sidebar nav{scrollbar-width:thin;position:relative}.nav-item{font-size:13px;min-height:44px}.mode-grid{grid-template-columns:1fr}.mode-grid button.mode-card{min-height:112px;padding:18px}.mode-card p{margin:8px 0}.metric-grid h2{font-size:26px}main{padding:18px 14px}.intent-panel{padding:20px}.form-grid{gap:18px}.workspace-controls .actions button{font-size:12px;min-height:46px}.setup-panel>.actions{grid-template-columns:1fr}#wf-buckets form>button[type=submit]{width:100%}.connection-mode-link button{width:100%}}

.setup-panel>.actions{display:none}.activation-banner h2{line-height:1.2}.activation-banner .plan-link{min-height:44px}.mode-save-state{font-size:14px}button:disabled{cursor:not-allowed}

.activation-banner#membership-plans{text-align:left;padding:28px;margin:24px 0}.activation-banner #check-beta-access{margin-top:18px;min-width:200px}.gate-heading h1{font-size:36px}@media(max-width:760px){.activation-banner#membership-plans{padding:20px}.gate-heading h1{font-size:30px}.activation-banner #check-beta-access{width:100%}}

/* Pending members can see both available destinations without sideways scrolling. */
.is-nonmember .membership-locked{opacity:1;color:#b6b0bb}.is-nonmember .membership-locked::after{font-size:11px;display:inline}
@media(max-width:760px){.is-nonmember .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.is-nonmember .nav-item{min-width:0;white-space:normal;flex-wrap:wrap;gap:6px}.is-nonmember .nav-item[data-view=billing]{grid-column:2;grid-row:1}.environment-badge{font-size:11px}.membership-locked::after{display:inline}}

.connection-preparation{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connection-step{padding:18px;border:1px solid #44343c;border-radius:10px;background:#101014}.connection-step strong{display:block;font-size:16px}.connection-step span{display:inline-block;margin-top:9px;font-size:12px;color:#d6bdc4}.connection-step[data-state=COMPLETE]{border-left:3px solid #ef304d}.connection-step p{margin-bottom:0;line-height:1.6}@media(max-width:760px){.connection-preparation{grid-template-columns:1fr}}

/* Programmatically focused page titles are not interactive controls. */
h1:focus{outline:none}.effective-limit-preview{grid-column:1/-1;margin:0;padding:12px 14px;border-left:3px solid #ba3149;background:#191218;font-size:14px!important;line-height:1.6}

/* Each member screen has one clear title; keep the welcome header on Overview. */
body.is-signed-in:not([data-view=overview]) #dashboard>.section-head{display:none}

.assignment-save-state{grid-column:1/-1;margin:0;padding:10px 12px;background:#21151a;border-radius:7px;color:#f2d9df!important}

/* Account-to-mode journey: flat readable data, restrained red branding. */
.bucket-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.bucket-summary-card{padding:18px;background:#17171b;border:1px solid #3b3033;border-top:2px solid #ee263c;border-radius:12px;min-width:0;overflow-wrap:anywhere}
.bucket-summary-card h3{margin:0 0 8px;font-size:19px}.bucket-summary-card strong{display:block;font-size:14px;margin:12px 0}
td.activity-empty{padding:28px;color:#c1bcc3;line-height:1.65;text-align:center}

@media(max-width:480px){.bucket-summary-grid{grid-template-columns:1fr}.bucket-summary-card{padding:16px}button{white-space:normal}.gate-heading h1{font-size:28px}.panel{overflow-wrap:anywhere}}

/* One focus treatment; no competing important overrides. */
:focus-visible{outline:3px solid #ff8190;outline-offset:3px}
@media(max-width:768px){input,select,textarea{font-size:16px}}

/* Bucket mode selection: explicit text remains accessible without generated content. */
.mode-selection-state{display:block;margin-top:18px;font-size:14px;font-weight:700;color:#ffacb6;min-height:22px}
.mode-grid button.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mode-card .mode-selection-state{margin-top:auto;padding-top:14px}
.effective-limit-preview{grid-column:1/-1;background:#141113;border:1px solid #49313a;border-radius:10px;padding:18px}
.effective-limit-preview h3{margin-top:0}.mode-limit-list{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:12px;margin:16px 0}
.mode-limit-list dt{color:#b9b3b7}.mode-limit-list dd{margin:0;color:#fff}.research-results{margin-top:24px}
@media(max-width:768px){.mode-limit-list{grid-template-columns:1fr;gap:5px}.mode-limit-list dd{margin-bottom:12px}.mode-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px}}

/* Compact mode comparison */
.compact-mode-panel{max-width:1050px;margin:0 auto 20px;padding:24px}.mode-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.mode-panel-heading h2{margin:4px 0;font-size:26px}.mode-panel-heading .mode-bucket-picker{margin:0;min-width:220px}.compact-mode-panel .mode-grid{gap:12px}.compact-mode-panel .mode-grid button.mode-card{padding:18px;min-height:0;gap:0;border-radius:10px;box-shadow:none}.compact-mode-panel .mode-card strong{font-size:18px}.compact-mode-panel .mode-card p{font-size:12px;margin:6px 0 18px;line-height:1.4;min-height:34px}.mode-card-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;width:100%;margin:0;font-size:12px;line-height:1.4}.mode-card-stats dt{color:#b8b4bf}.mode-card-stats dd{text-align:right;font-weight:600;color:#f4f4f6;max-width:135px}.compact-mode-panel .mode-selection-state{align-self:stretch;text-align:center;border:1px solid #67303e;border-radius:6px;padding:9px 12px;margin-top:20px;font-size:12px}.compact-mode-panel [aria-pressed=true] .mode-selection-state{background:#b41932;color:#fff;border-color:#f53b54}.mode-apply-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #32252b;margin-top:20px;padding-top:16px}.mode-apply-bar p{margin:0;font-size:13px}.mode-apply-bar button{min-width:210px}.mode-advanced{grid-column:1/-1;border:1px solid #38303a;border-radius:8px;padding:14px}.mode-advanced summary{cursor:pointer;font-weight:600}.mode-advanced>.form-grid{margin-top:18px}.mode-advanced .effective-limit-preview{grid-column:1/-1}#wf-buckets,.research-results{max-width:1050px;margin-left:auto;margin-right:auto}#dashboard:has([data-screen=buckets]:not([hidden]))>.workspace-controls,#dashboard:has([data-screen=buckets]:not([hidden]))>.hint{display:none}
@media(max-width:760px){.compact-mode-panel{padding:18px}.mode-panel-heading{align-items:stretch;flex-direction:column;gap:14px}.mode-panel-heading .mode-bucket-picker{max-width:none;width:100%}.compact-mode-panel .mode-card p{min-height:0}.mode-apply-bar{flex-direction:column;align-items:stretch;gap:12px}.mode-apply-bar button{width:100%}.mode-card-stats{font-size:13px}.mode-panel-heading h2{font-size:23px}}
/* Focused settings: one column, compact status, progressive disclosure. */
.simple-settings,.settings-feedback{width:100%;max-width:880px;margin:0 auto 24px}
.simple-settings>.panel{max-width:none;margin:0 0 20px;padding:28px;border-radius:18px;background:#111114;border:1px solid #30272c}
.simple-settings .settings-page-heading{margin:12px 0 28px}.simple-settings .settings-page-heading h2{font-size:32px;margin:4px 0 8px}
.simple-settings h2{font-size:21px}.simple-settings h3{font-size:17px;margin-top:0}.simple-settings p{line-height:1.65;color:#b9b5bc}
.settings-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 12px}
.settings-status-grid>div{padding:20px 12px;border:1px solid #30272c;border-radius:12px;text-align:center}
.settings-status-grid span{display:block;font-size:12px;color:#b9b5bc;margin-bottom:8px}.settings-status-grid strong{font-size:14px}
.settings-callout{padding:16px;border:1px solid #39282f;background:#191216;border-radius:12px;font-size:13px}.settings-callout a{color:#ff6982;margin-left:8px}
.settings-disclosure{border:1px solid #30272c;border-radius:12px;padding:18px;margin:16px 0;background:#111114}
.settings-disclosure summary{cursor:pointer;font-weight:600;list-style-position:inside}.settings-disclosure[open]>summary{margin-bottom:20px}
.settings-disclosure>.panel{margin:0;padding:0;border:0;max-width:none}.account-setup{border:1px dashed #71414e;text-align:left}.account-setup:not([open]) summary{text-align:center;color:#fff;padding:10px}
.simple-settings fieldset{border:0;padding:0;margin:0;min-width:0}.simple-settings fieldset label{display:block;margin:16px 0}.simple-settings fieldset input:not([type=checkbox]){width:100%;margin-top:8px}
.simple-settings .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-settings .form-grid button{grid-column:1/-1}.simple-settings .connection-help,.simple-settings .monitor-preview{margin:20px 0}
#dashboard:has(.simple-settings:not([hidden]))>.workspace-controls,#dashboard:has(.simple-settings:not([hidden]))>.hint{display:none}
.settings-feedback{padding:0;border:0;background:none}.settings-feedback h2{display:none}
@media(max-width:640px){.simple-settings>.panel{padding:20px}.settings-status-grid{grid-template-columns:1fr}.settings-status-grid>div{text-align:left;padding:14px}.simple-settings .form-grid{grid-template-columns:1fr}.simple-settings .connection-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}}
/* Compact OpenFlow navigation inspired by the supplied sidebar reference. */
.sidebar{width:248px;padding:28px 14px 20px;background:#0c0c0e;border-right:1px solid #242126;display:flex;flex-direction:column;overflow-y:auto}
.sidebar .brand{font-size:22px;padding-left:10px;letter-spacing:-.6px}.sidebar .brand span{font-size:22px}
.sidebar .eyebrow{padding-left:10px;margin:6px 0 24px;font-size:9px;letter-spacing:.7px;color:#aaa4ad}
.sidebar-status{display:flex;align-items:center;gap:9px;border:1px solid #49313a;background:#1b1217;border-radius:14px;padding:12px;margin-bottom:25px;font-size:11px;color:#dfc6cd}
.sidebar-status::before{content:'';width:7px;height:7px;border-radius:50%;background:#e75873;flex-shrink:0}
.sidebar-status small{margin-left:auto;font-size:9px;color:#aca0a7}
.sidebar-caption{font-size:9px;letter-spacing:1.3px;color:#817982;padding:0 10px;margin-bottom:10px}
.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar .nav-item{width:100%;padding:11px 13px;border-radius:12px;min-height:43px;font-size:13px;gap:12px;color:#b8b2bc;font-weight:400}
.sidebar .nav-item::before{font-size:17px;color:#a49ba8}.sidebar .nav-item.active{color:#ff617b;background:#2b131b;border:1px solid #743047;box-shadow:none}.sidebar .nav-item.active::before{color:#ff617b}
.sidebar .nav-item:hover{background:#21181d;color:#fff}.sidebar .nav-item:focus-visible{outline:2px solid #ff617b;outline-offset:2px}
.sidebar .nav-item[data-view=billing]{margin-top:12px}.sidebar .nav-item[data-view=testing],.sidebar .nav-item[data-view=members]{font-size:12px}
.sidebar-bottom{position:static;margin-top:auto;padding:24px 10px 0;border-top:0;color:#b8b2bc}.sidebar-bottom p{border-top:1px solid #28232b;padding-top:18px;font-size:11px;color:#8d8592}
@media(min-width:701px){header,main{margin-left:248px}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px;display:block}.sidebar-status{margin:16px 0}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .nav-item[data-view=billing]{margin-top:0}.sidebar-bottom{display:none}.sidebar .eyebrow{margin-bottom:12px}}
/* Reference layout with OpenFlow black and red branding. */
:root{--bg:#09090b;--panel:#121114;--line:#30252b;--muted:#aaa4ad;--mint:#ff304f;--amber:#ff526d;--brand-red:#ff304f}
body{background:#09090b;color:#f5f3f6;font-family:'Segoe UI',Arial,sans-serif;font-size:14px}
header,.sidebar{background:#0c0c0f;border-color:#29232a}header{padding:16px 30px;min-height:65px}
.sidebar{width:250px;padding:26px 14px 20px}.sidebar .brand{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;font-size:21px;letter-spacing:-.7px;font-weight:800}.sidebar .brand span{font-size:21px;color:#ff304f}.sidebar .eyebrow{font-size:10px;letter-spacing:.2px;margin:3px 0 25px;color:#aaa4ad}
.sidebar-status{background:#211219;border:1px solid #5c2637;color:#ff8195;border-radius:15px;font-size:11px;padding:12px 10px}.sidebar-status::before{background:#ff526d}.sidebar-status small{color:#bba6af}
.sidebar-caption{color:#807983;font-size:9px;letter-spacing:1px}.sidebar .nav-item{font-size:13px;min-height:42px;padding:10px 13px;color:#b8b2bd;border-radius:13px;gap:12px}.sidebar .nav-item::before{color:#a29aa7}.sidebar .nav-item.active{background:#2c121b;border-color:#71273b;color:#ff4866}.sidebar .nav-item.active::before{color:#ff4866}.sidebar .nav-item:hover{background:#21171e;color:#fff}.sidebar .nav-item:focus-visible{outline-color:#ff4866}
.sidebar-bottom p{border-color:#2b232b;color:#928997}
.panel,.simple-settings>.panel{background:#121114;border:1px solid #30252b;border-radius:19px;box-shadow:none;padding:25px}
.simple-settings,.settings-feedback{max-width:770px;margin-left:0;margin-right:auto}.simple-settings .settings-page-heading{margin:5px 0 30px}.simple-settings .settings-page-heading h2{font-size:30px;font-weight:750;letter-spacing:-.5px}.simple-settings h2{font-size:20px}.simple-settings h3{font-size:18px}.simple-settings p{color:#b0a8b4;font-size:13px}
.settings-status-grid>div{border-color:#30252b;background:#121114;border-radius:14px;padding:17px 12px}.settings-status-grid span{color:#a89fac}.settings-status-grid strong{color:#f3edf4}
.settings-callout{background:#191318;border-color:#30252b;border-radius:15px}.settings-callout a{color:#ff4866}.settings-disclosure{background:#121114;border-color:#30252b;border-radius:14px}.settings-disclosure summary{color:#c1b6c4}.account-setup{border:2px dashed #3e2631;border-radius:15px}.account-setup:not([open]) summary{color:#fff;font-size:14px}
.primary,.simple-settings .primary{background:#c51e3c;border:1px solid #df2747;color:#fff;box-shadow:none;border-radius:10px}.primary:hover{background:#e92e50;border-color:#ff304f}
input,select,textarea{background:#100e12;border-color:#30252b;border-radius:10px;color:#f3edf4}input:focus,select:focus,textarea:focus{outline:2px solid #dc3557;outline-offset:2px}
button{border-color:#3c2833;border-radius:9px;background:#121114}.actions button,.actions a{color:#f29aae;border-color:#4b2836;background:#151015}.connection-state,.badge{background:#21151d;color:#c4aebd;border-color:#452c3a}.notice{background:#211219;border-color:#652c40;border-left-color:#ff526d}.notice span{color:#c5adbb}.eyebrow,.brand span{color:#ff4866}summary{color:#c7b2c1}a{accent-color:#ff304f}
.nav-item[data-view=buckets],.nav-item[data-view=accounts],.nav-item[data-view=log]{font-size:12px}.sidebar .nav-item[data-view=billing]{margin-top:6px}
.mode-card[aria-pressed=true],.compact-mode-panel [aria-pressed=true] .mode-selection-state{border-color:#f73657;background:#2c121b}.compact-mode-panel .mode-selection-state{border-color:#703044}.mode-advanced,.effective-limit-preview{background:#171117;border-color:#492637}
@media(min-width:701px){header,main{margin-left:250px}main{padding:30px 32px}}
@media(max-width:700px){.sidebar{width:auto;padding:18px}.simple-settings,.settings-feedback{max-width:none}.simple-settings>.panel{padding:20px}header,main{margin-left:0}main{padding:20px}}
/* Trading activity and history share one navigation destination. */
.trading-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid #30252b;border-radius:13px;background:#131014;margin:0 0 24px}.trading-tabs button{padding:7px 17px;min-height:32px;background:transparent;border:0;color:#bcb3bd;font-size:13px;border-radius:9px}.trading-tabs button[aria-current=page]{background:#3a1623;color:#ff617e}.trading-tabs button:focus-visible{outline:2px solid #ff617e;outline-offset:2px}
.trading-title h2{font-size:30px;letter-spacing:-.5px;margin:0 0 3px}.trading-title p{margin:0 0 27px;color:#bcb3bd}.trading-notice{border:1px solid #30252b;border-radius:17px;padding:17px 20px;font-size:13px;color:#bcb3bd;margin-bottom:24px;background:#100e11}
.clean-trading .recent-activity{padding:0;overflow:hidden}.recent-activity>h3{margin:0;padding:17px 24px;border-bottom:1px solid #30252b;font-size:18px}.recent-activity-empty{padding:65px 24px;text-align:center;color:#aaa1ae}.recent-activity-empty strong{font-size:14px;font-weight:400}.recent-activity-empty p{font-size:12px}.recent-activity:has(#wf-trading-results:not(:empty),#wf-positions:not(:empty)) .recent-activity-empty{display:none}.recent-activity #wf-positions:not(:empty),.recent-activity #wf-trading-results:not(:empty){padding:18px}
.simulation-disclosure{border:1px solid #30252b;border-radius:14px;margin:22px 0;padding:7px 20px}.simulation-disclosure>summary{font-size:13px}.simulation-disclosure .trading-console{border:0;padding:12px 0;background:none;margin:0}
.clean-trade-log>article>h2,.clean-trade-log>article>.eyebrow{display:none}.clean-trade-log .form-grid{display:flex;flex-wrap:wrap;align-items:end;gap:18px;padding:15px 0 25px}.clean-trade-log .form-grid label{flex:1;min-width:180px}.clean-trade-log table{width:100%;border-collapse:collapse}.clean-trade-log th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#bdb2c0;padding:17px 12px;border-bottom:1px solid #30252b}.clean-trade-log td{padding:18px 12px}.clean-trade-log .activity-empty{text-align:center;padding:50px 20px}.clean-trade-log #wf-event-details{border-top:1px solid #30252b;margin-top:20px;padding-top:8px}
body[data-view=log] .sidebar [data-view=trading]{background:#2c121b;border-color:#71273b;color:#ff4866}
@media(max-width:700px){.trading-title h2{font-size:25px}.clean-trade-log .panel{padding:16px}.trading-tabs{margin-top:12px}}
/* Trade-log reference proportions, with OpenFlow red highlights. */
.clean-trade-log .trading-title{margin-bottom:34px}.clean-trade-log .trading-title h2{font-size:30px;font-weight:750;display:flex;align-items:center;gap:13px}.clean-trade-log .trading-title h2::before{content:'⌁';color:#ff3656;font-size:36px;line-height:1}.clean-trade-log .trading-title p{margin:3px 0 0;font-size:14px}
.trade-summary-strip{display:flex;align-items:center;gap:32px;padding:22px 24px;min-height:98px;border:1px solid #30232b;border-radius:19px;background:#100d10;margin-bottom:32px}.trade-stat span{display:block;color:#b2a8b3;font-size:11px;margin-bottom:4px}.trade-stat strong{font-size:24px;line-height:1.2}.trade-stat i,.trade-stat b,.trade-stat em{font-style:normal}.trade-stat i{color:#17bf91}.trade-stat b{color:#ff365c}.trade-stat em{color:#e7c242}.outcome-filters{margin-left:auto;display:flex;align-items:center;gap:9px}.outcome-filters>span{color:#a79fa9}.outcome-filters button{border:1px solid transparent;background:transparent;font-size:11px;padding:7px 12px;min-height:30px;border-radius:11px;color:#bbb0bd}.outcome-filters button[aria-pressed=true]{background:#361320;border-color:#70243a;color:#ff5875}
.reference-trade-table{border:1px solid #30232b;border-radius:19px;background:#100d10;overflow:auto}.reference-trade-table table{width:100%;min-width:900px;border-collapse:collapse}.clean-trade-log .reference-trade-table th{text-align:left;font-weight:500;padding:16px 23px;font-size:11px;letter-spacing:.8px;border-bottom:1px solid #30232b;white-space:nowrap}.clean-trade-log .reference-trade-table td.reference-trade-empty{height:120px;text-align:center;color:#b6aab9;font-size:14px;padding:30px}.log-diagnostics{margin-top:28px}.log-diagnostics>summary{font-size:12px;color:#9b8d9f}
@media(max-width:900px){.trade-summary-strip{flex-wrap:wrap;gap:22px}.outcome-filters{margin-left:0;flex-basis:100%}.trade-stat strong{font-size:21px}}
/* Live page: reference spacing and empty-state hierarchy. */
.clean-trading[data-screen=trading] .trading-tabs{margin-bottom:23px}
.clean-trading[data-screen=trading] .trading-title h2{display:flex;align-items:center;gap:13px;font-size:30px;font-weight:750;line-height:1.25;margin:0 0 5px}
.clean-trading[data-screen=trading] .trading-title h2 svg{width:29px;height:29px;color:#ff3656;flex-shrink:0}
.clean-trading[data-screen=trading] .trading-title p{font-size:14px;margin:0 0 26px;color:#b9b0bb}
.clean-trading[data-screen=trading] .trading-notice{display:flex;align-items:center;gap:15px;padding:16px;min-height:54px;margin-bottom:24px;background:#100d10;border-color:#30232b;border-radius:18px;font-size:12px}
.trading-notice svg{width:18px;height:18px;flex-shrink:0;color:#aba1ae}
.clean-trading[data-screen=trading] .recent-activity{background:#100d10;border:1px solid #30232b;border-radius:18px;margin:0 0 24px;min-height:266px}
.recent-activity>h3{display:flex;align-items:center;gap:10px;padding:15px 24px;min-height:53px;font-size:17px;line-height:1.3}
.recent-activity>h3 svg{width:21px;height:21px;color:#ff3656;flex-shrink:0}
.recent-activity .recent-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:211px;padding:35px 24px;color:#b2a8b5}
.recent-activity-empty>svg{width:29px;height:29px;color:#6b626f;margin-bottom:17px}.recent-activity-empty strong{font-size:13px;font-weight:400;line-height:1.5}.recent-activity-empty p{font-size:11px;margin:4px 0 0;color:#b2a8b5}
@media(max-width:700px){.clean-trading[data-screen=trading] .trading-title h2{font-size:26px}.recent-activity>h3{padding:15px 18px}}
.pmt-connect-form{padding:16px;border:1px solid #632337;background:#1b1016;border-radius:16px;margin:16px 0}.pmt-connect-form>label{display:grid;gap:5px;margin-bottom:12px;font-size:12px}.pmt-connect-form input:not([type=radio]){height:39px;min-height:39px;padding:9px 12px;background:#110e12;border:1px solid #35232e;border-radius:10px;font-size:13px}.pmt-connect-form input:disabled{opacity:.65;cursor:not-allowed}.pmt-account-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:9px}.pmt-account-row label{font-size:12px}.pmt-remove-row{min-height:39px;font-size:11px;padding:8px}.pmt-add-row{border:0;background:transparent;color:#ff526e;font-size:12px;padding:0;min-height:27px}.simple-settings .pmt-id-help{font-size:11px;color:#d9a3b3;line-height:1.5;margin:4px 0 14px}.simple-settings .pmt-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0}.pmt-modes legend{font-size:12px;color:#b5a6b1;margin-bottom:6px}.simple-settings .pmt-modes label{margin:0;position:relative}.pmt-modes input{position:absolute;opacity:0;width:1px;height:1px}.pmt-modes span{display:block;border:1px solid #39252f;background:#160f14;border-radius:11px;padding:10px 12px;cursor:pointer}.pmt-modes strong{display:block;font-size:13px}.pmt-modes small{display:block;font-size:10px;color:#b9a8b4;margin-top:3px}.pmt-modes input:checked+span{border-color:#ff3656;background:#361321}.pmt-modes input:focus-visible+span{outline:2px solid #ff6481;outline-offset:2px}.simple-settings .pmt-form-note{font-size:11px;line-height:1.5;margin:10px 0;color:#c4a9b7}.pmt-connect-actions{display:flex;gap:8px}.pmt-connect-actions .primary{flex:1;font-size:13px}.pmt-connect-actions button{min-height:39px}.pmt-form-status:empty{display:none}@media(max-width:640px){.pmt-account-row{grid-template-columns:1fr}.simple-settings .pmt-modes{grid-template-columns:1fr}.pmt-connect-actions{flex-wrap:wrap}}

/* ===== OpenFlow dashboard & guided setup — appended 2026-10-06 ===== */
:root{--of-red:#ff304a;--of-red-deep:#ed2440;--of-ink:#f4f4f6;--of-dim:#b4aeb8;--of-faint:#8a858f;
 --of-panel:#17161a;--of-panel-2:#1e1c21;--of-line:#2f2b33;--of-line-2:#45404a;
 --of-good:#3ddc97;--of-warn:#ffb020;--of-off:#6f6a74}

/* hero */
.dash-hero{display:flex;gap:28px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;
 background:linear-gradient(135deg,#2a0f17 0%,var(--of-panel) 58%);border-left:3px solid var(--of-red)}
.dash-hero-text{flex:1 1 320px;min-width:0}
.dash-hero h2{font-size:27px;margin:4px 0 8px;letter-spacing:-.4px}
.dash-next{margin:0;font-size:13.5px;color:var(--of-dim);line-height:1.6;max-width:62ch}
.dash-progress{flex:0 0 260px;display:flex;flex-direction:column;gap:10px;min-width:0}
.progress-track{height:7px;border-radius:4px;background:#2b262f;overflow:hidden}
.progress-fill{display:block;height:100%;width:0;border-radius:4px;
 background:linear-gradient(90deg,var(--of-red-deep),var(--of-red));transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}
.progress-label{margin:0;font-size:12px;color:var(--of-faint);font-variant-numeric:tabular-nums}
.dash-progress .primary{min-height:42px}

/* compact stat row */
.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.stat{background:var(--of-panel);border:1px solid var(--of-line);border-radius:10px;padding:15px 16px;min-width:0}
.stat-label{margin:0 0 7px;font-size:10px;letter-spacing:1.4px;color:var(--of-faint);font-weight:700}
.stat h3{margin:0;font-size:19px;line-height:1.25;overflow-wrap:anywhere}
.stat small{display:block;margin-top:7px;font-size:11.5px;color:var(--of-dim);line-height:1.45}
.stat small:empty{display:none}

/* two-column dashboard body */
.dash-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;align-items:start}
.dash-side{display:grid;gap:14px;min-width:0}

/* guided setup journey */
.journey{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:9px;justify-items:stretch}
.journey-step{width:100%;box-sizing:border-box;display:flex;gap:13px;align-items:flex-start;padding:13px 15px;border-radius:9px;
 background:var(--of-panel-2);border:1px solid var(--of-line);min-width:0}
.journey-mark{flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;
 font-size:12px;font-weight:700;background:#322c38;color:var(--of-dim);border:1px solid var(--of-line-2)}
.journey-body{flex:1;min-width:0}
.journey-title{margin:0;font-size:14px;font-weight:650;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.journey-body small{display:block;margin-top:5px;font-size:12px;color:var(--of-dim);line-height:1.5}
.journey-tag{font-size:9.5px;letter-spacing:.9px;font-weight:700;padding:3px 7px;border-radius:4px;
 border:1px solid currentColor;white-space:nowrap}
.journey-go{margin-top:10px;font-size:12px;min-height:36px;padding:7px 13px;background:transparent;
 border:1px solid var(--of-line-2);color:var(--of-ink);border-radius:6px}
.journey-go:hover{border-color:var(--of-red);color:var(--of-red)}
.journey-step.is-done{border-color:#28402f}
.journey-step.is-done .journey-mark{background:#16301f;color:var(--of-good);border-color:#2c5440}
.journey-step.is-done .journey-tag{color:var(--of-good)}
.journey-step.is-todo{border-left:3px solid var(--of-red)}
.journey-step.is-todo .journey-tag{color:var(--of-red)}
.journey-step.is-review{border-left:3px solid var(--of-warn)}
.journey-step.is-review .journey-tag{color:var(--of-warn)}
.journey-step.is-attention{border-left:3px solid var(--of-red-deep);background:#27141a}
.journey-step.is-attention .journey-tag{color:var(--of-red)}
.journey-step.is-blocked .journey-tag{color:var(--of-warn)}
.journey-step.is-unavailable{opacity:.72}
.journey-step.is-unavailable .journey-mark{background:#232029;color:var(--of-off)}
.journey-step.is-unavailable .journey-tag{color:var(--of-off)}

/* shared state blocks */
.state-note{padding:13px 15px;border-radius:9px;border:1px solid var(--of-line);
 background:var(--of-panel-2);font-size:12.5px;color:var(--of-dim);line-height:1.55;margin:12px 0}
.state-note.is-error{border-color:#5d2630;background:#27131a;color:#ffc2cb}
.state-note.is-empty{border-style:dashed;color:var(--of-faint)}
.state-note.is-loading{color:var(--of-faint)}
.state-note strong{color:var(--of-ink);font-weight:650}
.conn-kind{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.9px;
 padding:3px 8px;border-radius:4px;border:1px solid var(--of-line-2);color:var(--of-dim);white-space:nowrap}
.conn-kind.is-synthetic{color:var(--of-warn);border-color:#5b4521}
.conn-kind.is-readonly{color:var(--of-good);border-color:#2c5440}
.conn-kind.is-off{color:var(--of-off)}

/* responsive */
@media (max-width:1100px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dash-cols{grid-template-columns:1fr}}
@media (max-width:760px){.dash-hero{flex-direction:column;gap:18px}
 .dash-progress{flex:1 1 auto;width:100%}
 .dash-hero h2{font-size:23px}}
@media (max-width:480px){.stat-row{grid-template-columns:1fr;gap:10px}
 .journey-step{padding:12px 13px;gap:11px}
 .journey-title{font-size:13.5px}
 .journey-go{width:100%}
 .dash-hero{padding:18px}}

/* accounts: what each kind of record actually is */
.kind-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:11px}
.kind-list li{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border-radius:9px;
 background:var(--of-panel-2);border:1px solid var(--of-line);min-width:0}
.kind-list li>div{flex:1;min-width:0;font-size:12.5px;color:var(--of-dim);line-height:1.55}
.kind-list strong{color:var(--of-ink);font-weight:650}
.kind-list .conn-kind{flex:0 0 auto;margin-top:1px}
@media (max-width:480px){.kind-list li{flex-direction:column;gap:8px}}
/* Centered reference-inspired onboarding, OpenFlow red/black. */
body[data-view=overview] #dashboard>.workspace-controls,body[data-view=overview] #dashboard>.hint,body[data-view=overview] #dashboard>.section-head{display:none}
body[data-view=overview] header{border-bottom:0;background:#0b0b0d}
.of-focused-overview{width:100%;margin:0 auto}.of-welcome-flow{max-width:672px;margin:24px auto 32px}.of-welcome-heading{text-align:center;margin:28px 0 42px}.of-welcome-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#ff3658;margin-bottom:12px}.of-welcome-heading h2{font-size:31px;line-height:1.25;font-weight:750;letter-spacing:-.6px;margin:0 0 10px}.of-welcome-heading>p:not(.eyebrow){font-size:15px;color:#b4acb7;margin:0 auto 18px;max-width:480px}.of-readonly-pill{display:inline-block;font-size:11px;border:1px solid #4b2431;padding:6px 12px;border-radius:20px;color:#e8a8b8;background:#211017}
.of-setup-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px;margin:0 0 30px;border:1px solid #30242a;border-radius:19px;background:linear-gradient(125deg,#161114,#0e0d10)}.of-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3a1421;color:#ff5070;font-weight:700;font-size:17px;border-radius:13px}.of-setup-card h3{margin:2px 0 8px;font-size:18px;font-weight:650;line-height:1.35}.of-setup-card p{margin:0 0 12px;font-size:13px;line-height:1.6;color:#b9aebc}.of-setup-link{display:inline-flex;align-items:center;gap:16px;background:#23151c;border:1px solid #38232e;border-radius:13px;padding:9px 16px;color:#ff637e;text-decoration:none;font-size:13px}.of-setup-link:hover{background:#351922}.of-setup-note{background:#1b0e13;border-color:#592035}.of-setup-card .of-note-footer{border-top:1px solid #35202b;margin:15px 0 0;padding-top:13px;font-size:11px;color:#a88d9e}.of-detail-box{padding:15px 17px;background:#1c171d;border:1px solid #2d232e;border-radius:14px;color:#c4b8ca;font-size:12px;line-height:1.8}.of-detail-box span{color:#9f90a5}.of-open-account{padding:12px 20px!important;background:#cf183a!important;border:1px solid #ec3152!important;border-radius:13px!important;font-size:14px!important;box-shadow:0 5px 22px #c0173525!important;min-height:46px}
.of-workspace-details,.of-secondary-overview{max-width:672px;margin:24px auto!important}.of-workspace-details>summary,.of-extra-help>summary{font-size:13px;padding:16px;color:#ab98b0;border:1px solid #30242f;border-radius:12px}.of-workspace-details[open]{max-width:1100px}.of-secondary-overview{padding:0!important;border:0!important;background:transparent!important}.of-extra-help[open]{padding-bottom:20px}.of-extra-help>h2,.of-extra-help>ol,.of-extra-help>p{margin:18px}.of-workspace-details .dash-hero{margin-top:20px}
@media(max-width:700px){.of-welcome-flow{margin:16px auto}.of-welcome-heading{margin:20px 0 28px}.of-welcome-heading h2{font-size:27px}.of-setup-card{padding:19px 16px;gap:12px;grid-template-columns:34px minmax(0,1fr);margin-bottom:20px}.of-step-number{width:34px;height:34px;border-radius:11px}.of-setup-card h3{font-size:16px}.of-open-account{width:100%;font-size:12px!important}}

/* Reference onboarding community card; execution availability stays explicit. */
.of-discord-card{background:#12111f;border-color:#373574}.of-discord-card[hidden]{display:none}.of-discord-card .of-step-number{background:#23234b;color:#a6a3ff;border:1px solid #393976}.of-setup-card .of-discord-kicker{color:#a6a3ff;font-size:11px;font-weight:700;letter-spacing:1px;margin:0 0 5px}.of-discord-card h3{font-size:15px}.of-discord-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.of-discord-actions>button:first-child{background:#615cf4;border:0;border-radius:14px;color:white;padding:11px 16px}.of-discord-actions .of-hide-discord{background:none;border:0;padding:0;font-size:11px;color:#b9aebc}.of-setup-card .of-integration-note{font-size:11px;color:#bd9faa;margin:12px 0 0;line-height:1.5}.of-setup-card strong{color:#f5f1f3;font-weight:650}

/* Focused reference-style Settings, OpenFlow palette. */
.of-retired-settings{display:none!important}
[data-screen="settings"].of-settings-layout{max-width:840px;margin:0 auto;padding:0;gap:0}
.of-settings-card,.of-sender-notice{box-sizing:border-box;border:1px solid #30232a;border-radius:18px;background:linear-gradient(135deg,#141013,#100d10);padding:24px;margin:0 0 30px}
.of-settings-card h2{font-size:19px;font-weight:700;line-height:1.4;margin:0 0 18px;letter-spacing:0}
.of-platform-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.of-platform-tiles>div{text-align:center;border:1px solid #32242b;border-radius:15px;padding:16px 10px;display:grid;gap:7px}
.of-platform-tiles span,.of-platform-tiles small{color:#aca4aa;font-size:12px;line-height:1.5}
.of-platform-tiles strong{font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#f3eff2}
.of-platform-tiles i{width:8px;height:8px;border-radius:50%;background:#80747b;display:inline-block}
.of-sender-notice{display:flex;gap:14px;border-color:#683038;background:#241216;padding:19px 18px;color:#c8bac0}
.of-notice-icon{border:2px solid #ff4c69;color:#ff4c69;border-radius:50%;width:18px;height:18px;flex:none;font-size:12px;line-height:15px;text-align:center;margin-top:2px}
.of-sender-notice h3{color:#ff5571;font-size:16px;line-height:1.5;margin:0 0 7px}
.of-sender-notice p{font-size:13px;line-height:1.6;margin:0 0 8px}
.of-sender-notice .of-sender-state{display:inline-block;padding:5px 10px;border:1px solid #56303b;background:#160e12;border-radius:5px;color:#ded0d7;font-size:12px}
.of-sender-notice .of-notice-small{font-size:12px;margin-bottom:0}
.of-trading-account-card>p{color:#b2aab0;font-size:14px;line-height:1.6;margin:-6px 0 16px}
.of-link-icon{color:#ff365b;margin-right:10px;font-size:24px;vertical-align:-1px}
.of-pmt-signup{padding:14px 16px;background:#181316;border:1px solid #30242b;border-radius:14px;margin-bottom:16px}
.of-pmt-signup p{margin:0 0 5px;color:#bcb3b9;font-size:14px}.of-pmt-signup a{margin-left:8px}
.of-pmt-signup small{color:#968b93;font-size:12px}
.of-settings-layout a{color:#ff4567;text-underline-offset:3px}
.of-settings-layout .of-account-connect{display:grid;gap:7px;text-align:center;text-decoration:none;padding:21px 16px;border:2px dashed #49303b;border-radius:14px;background:transparent;color:#f8f2f6;transition:background .15s,border-color .15s}
.of-account-connect strong{font-size:15px}.of-account-connect span{font-size:12px;color:#aaa0a7}
.of-settings-layout .of-account-connect:hover{background:#25121a;border-color:#e42b51}.of-settings-layout a:focus-visible{outline:2px solid #ff5575;outline-offset:4px}
.of-account-instructions{margin-top:16px}.of-account-instructions summary{font-size:12px;letter-spacing:.25px;color:#b3a8af;cursor:pointer;padding:0 0 2px}
.of-instruction-body{border:1px solid #30232b;border-radius:14px;background:#161114;margin-top:12px;padding:18px 16px}
.of-instruction-body h3{font-size:14px;margin:0 0 8px}.of-instruction-body p{font-size:13px;color:#b5abb2;line-height:1.65;margin:0 0 16px}
.of-instruction-body .of-account-note{margin:0;padding:10px 14px;border:1px solid #64303d;background:#2b131d;color:#ff728d;border-radius:8px;font-size:12px}
@media(max-width:600px){.of-settings-card{padding:18px}.of-platform-tiles{grid-template-columns:1fr;gap:10px}.of-platform-tiles>div{padding:12px}.of-sender-notice{padding:16px 13px}.of-pmt-signup a{display:inline-block;margin-left:0}.of-settings-card,.of-sender-notice{margin-bottom:20px}}

.of-settings-layout .of-account-connect[hidden],.of-inline-account[hidden]{display:none!important}
.of-inline-account{padding:16px;border:1px solid #662439;border-radius:15px;background:#211116;margin-top:16px}
.of-inline-account fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.of-inline-account label{display:grid;gap:6px;font-size:12px;color:#c4b4bc;margin:0}
.of-inline-account input,.of-inline-account select{box-sizing:border-box;width:100%;min-width:0;height:39px;padding:9px 12px;border:1px solid #39242e;border-radius:10px;background:#140f12;color:#eee7eb;font:inherit}
.of-inline-account input:focus,.of-inline-account select:focus{outline:1px solid #ff4265;border-color:#ff4265}
.of-field-wide,.of-inline-hint,.of-inline-modes,.of-inline-note,.of-inline-actions{grid-column:1/-1}
.of-inline-hint,.of-inline-note{font-size:11px;line-height:1.5;color:#c39da9;margin:0}
.of-inline-modes>span{display:block;color:#bbaab3;font-size:12px;margin-bottom:8px}
.of-inline-modes>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.of-inline-modes article{border:1px solid #442632;border-radius:11px;padding:12px;background:#180f14}
.of-inline-modes strong{font-size:13px;display:block}.of-inline-modes small{font-size:11px;color:#ad98a3;display:block;margin-top:5px}
.of-inline-modes button{border:0;background:none;padding:8px 0 0;color:#ff6280;font-size:12px}
.of-inline-actions{display:flex;gap:8px}.of-inline-actions #account-save{flex:1;background:#de2048;color:white;border:1px solid #ee365b;border-radius:10px;min-height:40px;font-weight:600}
.of-inline-actions button{padding:9px 15px}.of-inline-account #account-status{font-size:12px;color:#c9a5b3;line-height:1.5;margin:12px 0 0}
.of-inline-saved{margin-top:12px;font-size:12px;color:#bda6b1}.of-inline-saved summary{cursor:pointer}
@media(max-width:500px){.of-inline-account fieldset,.of-inline-modes>div{grid-template-columns:1fr}.of-inline-actions{flex-wrap:wrap}}

/* Shared OpenFlow visual system: reference proportions, original red/black identity. */
:root{--bg:#0b090b;--panel:#141013;--line:#30242b;--muted:#b2a8af;--mint:#ff365f;--of-accent:#f52d57;--of-accent-soft:#2b111b;--of-border:#33242c;--of-radius:17px}
body{background:var(--bg);color:#f3edf1;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.55}
body.is-signed-in .sidebar{width:250px;background:#100c0f;border-right:1px solid #281e24;padding:27px 14px 20px}
.sidebar .brand{font-size:22px;letter-spacing:-.5px;font-weight:800;line-height:1.3}.sidebar .brand span{color:var(--of-accent)}
.sidebar .eyebrow{color:#a898a2;font-size:10px;letter-spacing:.6px}
.sidebar-status{border:1px solid #512035;background:#24121b;border-radius:13px;padding:10px 12px;color:#f0a0b4;font-size:11px}
.sidebar-status small{font-size:9px;letter-spacing:.5px}.sidebar-caption{font-size:10px;letter-spacing:1px;color:#857780;margin:23px 10px 9px}
.sidebar nav{gap:5px}.sidebar .nav-item{border-radius:12px;min-height:43px;padding:10px 14px;color:#c5bac2;font-size:13px;border:1px solid transparent;background:transparent;text-align:left}
.sidebar .nav-item:hover{background:#21131b;color:#fff;border-color:#3b2230}.sidebar .nav-item.active{background:#32121f;color:#ff5a7d;border-color:#77263f}
.sidebar-bottom{border-color:#291d25;color:#9d8e98;font-size:11px;padding-top:18px}
body.is-signed-in header{background:var(--bg);border-color:#281e24;min-height:64px;padding-top:14px;padding-bottom:14px}
body.is-signed-in main{padding-top:28px;padding-bottom:40px}
.panel{border-color:var(--of-border);background:linear-gradient(135deg,#161114,#110e11);border-radius:var(--of-radius);padding:24px}
h2{font-size:20px;font-weight:700;letter-spacing:-.2px}h3{font-size:16px;font-weight:650}p{color:var(--muted)}
input,select,textarea{background:#100d10;border-color:#392730;border-radius:10px;color:#f1eaf0;font-size:13px}
input::placeholder,textarea::placeholder{color:#80737d}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e83b62;outline-offset:2px}
button,.actions button{border-radius:10px}button{font-size:13px}button:disabled{cursor:not-allowed}
button.primary,.primary[type=submit]{background:var(--of-accent);border-color:#ff466b;color:#fff;font-weight:650}
button.primary:hover:not(:disabled),.primary[type=submit]:hover:not(:disabled){background:#ff4268;border-color:#ff6686}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ff5279;outline-offset:3px}
.badge{border-radius:999px;padding:5px 10px;background:#1e121b;border-color:#553040;color:#e3b8c8;font-size:10px}
.trading-tabs{gap:8px}.trading-tabs button{border-radius:9px;font-size:13px}
.table-scroll{border-radius:13px;border:1px solid #32242d}table th{font-size:10px;letter-spacing:.8px;color:#a997a3;background:#171017}table td{font-size:13px;border-color:#2b2028}
.of-settings-card{background:linear-gradient(135deg,#161114,#110e11)}
.of-settings-layout .of-account-connect{border-radius:13px;padding:22px 16px;border-color:#4a2a38}
.of-inline-account #account-save{background:var(--of-accent);border-color:#ff466b}
@media(min-width:701px){body.is-signed-in header,body.is-signed-in main{margin-left:250px}}
@media(max-width:700px){body.is-signed-in .sidebar{position:static;width:auto;padding:19px 16px;border-right:0;border-bottom:1px solid #30212a}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .nav-item{min-width:0;padding:10px}.sidebar-status{margin:15px 0}.sidebar-caption{margin-top:16px}.sidebar-bottom{display:none}body.is-signed-in header,body.is-signed-in main{margin-left:0}body.is-signed-in main{padding:18px 16px 30px}.panel{padding:18px}header{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Full member layout, measured against the authenticated reference. */
body.is-signed-in main{max-width:none;margin-right:0;padding:32px;min-width:0}
body.is-signed-in header{display:none}
body.is-signed-in .hero{display:none}
#dashboard>.section-head{display:none}
.sidebar nav{display:flex;flex-direction:column}.sidebar .nav-item{display:flex;align-items:center;gap:12px;width:100%;flex-shrink:0}
.sidebar .nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar .nav-item::before{display:none}
.of-workspace-nav{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.of-workspace-nav summary{font-size:11px;color:var(--muted);padding:10px;cursor:pointer}.of-workspace-nav[open] summary{margin-bottom:8px}
.sidebar-bottom{display:flex;align-items:center;gap:10px}.sidebar-bottom strong{display:block;color:#eee;font-size:12px}.sidebar-bottom small{font-size:10px}.of-avatar{background:#ac1538;border-radius:10px;padding:9px 12px;color:white}.sidebar-bottom #logout{margin-left:auto;font-size:10px;padding:6px;background:transparent}
.of-mobile-menu{display:none}.of-beta-banner{display:flex;align-items:center;gap:16px;background:#211018;border:1px solid #652037;border-radius:18px;padding:20px 24px;margin-bottom:32px}.of-beta-banner>span{font-size:25px;color:#ff4169}.of-beta-banner strong{font-size:14px}.of-beta-banner p{margin:4px 0 0;font-size:12px}.of-beta-banner button{margin-left:auto;white-space:nowrap}
.of-page-heading{margin:0 0 32px}.of-page-heading h2,.trading-title h2{display:flex;align-items:center;gap:14px;font-size:30px;font-weight:750;letter-spacing:-.7px;margin:0 0 8px}.of-page-heading svg,.of-settings-card h3 svg{width:28px;height:28px;color:var(--of-accent);vertical-align:middle}.of-page-heading p{margin:0;font-size:14px}
.of-settings-layout{max-width:896px;margin:0}.of-settings-card{padding:24px;margin:0 0 30px;border-radius:18px}.of-settings-card h2,.of-settings-card h3{font-size:18px;margin:0 0 20px;letter-spacing:-.2px}.of-settings-card>p{font-size:13px;line-height:1.7}.of-platform-tiles{gap:16px}.of-platform-tiles>div{min-height:94px}
.of-billing-stack{max-width:896px}.of-affiliate-stack{max-width:768px}.of-plan-row{display:flex;align-items:center;gap:16px}.of-plan-row h3{margin:3px 0 0;font-size:20px}.of-plan-row>.of-small-tag{margin-left:auto}.of-plan-icon{font-size:27px;background:#9d1536;border-radius:12px;padding:7px 15px;color:white}.of-small-tag{display:inline-block;border:1px solid #54313e;background:#25131c;color:#d9b5c2;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;vertical-align:middle}.of-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.of-detail-tile,.of-reward-row{background:#1a1318;border:1px solid #30232b;border-radius:14px;padding:16px}.of-detail-tile small,.of-reward-row small{display:block;font-size:12px;color:var(--muted)}.of-detail-tile strong{display:block;margin-top:5px;font-size:14px}.of-reward-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.of-reward-row strong{font-size:14px}.of-reward-row>span{color:#c791a2;font-size:12px}.of-affiliate-stack .primary{margin-top:20px}.of-not-ready{border:1px solid #52303e;background:#24151c;border-radius:10px;padding:10px 14px;margin-bottom:20px;color:#cfa5b4;font-size:12px}.of-telegram fieldset{border:0;padding:0;margin:0}.of-telegram label{font-size:12px}.of-telegram input{margin-top:7px}.of-telegram .actions{margin-top:18px}
.of-welcome-flow{max-width:672px;margin:56px auto 32px}.of-welcome-heading{margin-bottom:32px}.of-welcome-heading h2{font-size:32px;letter-spacing:-.7px}.of-welcome-heading>p:last-of-type{font-size:15px;line-height:1.7}.of-welcome-heading>.eyebrow{display:none}.of-setup-video{margin:0 0 32px;text-align:center}.of-setup-video>.eyebrow{font-size:11px;color:#ff5276;margin-bottom:14px}.of-setup-video>div{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #43232f;border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#401022,#100c10 70%);padding:24px}.of-video-brand{font-size:38px;font-style:italic;font-weight:900;letter-spacing:-1.5px}.of-video-brand b{color:#ff315f}.of-setup-video strong{font-size:14px;margin-top:14px}.of-setup-video p{font-size:12px}.of-setup-video button{margin-top:12px}.of-setup-card{padding:24px;border-radius:18px;margin-bottom:32px;gap:16px}.of-setup-card h3{font-size:18px}.of-setup-card p{font-size:14px;line-height:1.65}.of-step-number{border-radius:14px;min-width:40px;height:40px}.of-discord-card{background:#14121f;border-color:#393054}.of-workspace-details{max-width:100%;margin-top:40px}.of-secondary-overview{margin-top:20px}.of-workspace-details>summary{padding:16px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted);cursor:pointer}.of-workspace-details[open]>summary{margin-bottom:20px}
.clean-trading,.clean-trade-log{max-width:none}.trading-tabs{display:inline-flex;padding:5px;background:#151014;border-radius:14px;margin-bottom:24px}.trading-tabs button{min-height:34px;padding:7px 16px}.trading-title{margin-bottom:24px}.trading-notice{margin:24px 0;border-radius:14px;padding:16px}.recent-activity{padding:0;overflow:hidden}.recent-activity h3{padding:18px 24px;margin:0;border-bottom:1px solid #2c2028;font-size:18px}.recent-activity-empty{min-height:230px;padding:44px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.recent-activity-empty p{font-size:13px;text-align:center;max-width:480px}.simulation-disclosure{margin-top:24px;font-size:12px}.trade-summary-strip{border-radius:16px;background:#151014;border:1px solid var(--line);padding:20px 24px;margin:24px 0}.reference-trade-empty{height:150px;text-align:center}
@media(max-width:900px){body.is-signed-in main{padding:24px}.of-two-columns{gap:10px}.of-beta-banner{flex-wrap:wrap}.of-beta-banner button{margin-left:40px}.of-page-heading h2{font-size:26px}}
@media(max-width:700px){body.is-signed-in .sidebar{position:relative;padding:18px 20px;display:block}.sidebar>.eyebrow,.sidebar>.sidebar-status,.sidebar>.sidebar-caption,.sidebar>nav,.sidebar>.sidebar-bottom{display:none}.of-mobile-menu{display:block;float:right;padding:7px 10px}.of-menu-open .sidebar>nav{display:flex;margin-top:18px}.of-menu-open .sidebar>.sidebar-bottom{display:flex;margin-top:20px}.sidebar .brand{display:inline-block;margin:0}body.is-signed-in main{padding:20px 16px}.of-beta-banner{padding:16px;margin-bottom:24px}.of-beta-banner button{margin-left:0;width:100%}.of-welcome-flow{margin-top:30px}.of-welcome-heading h2{font-size:27px}.of-setup-card{padding:20px;gap:12px;margin-bottom:22px}.of-setup-card h3{font-size:16px}.of-setup-card p{font-size:13px}.of-settings-card{padding:20px;margin-bottom:22px}.of-platform-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.of-platform-tiles>div{padding:10px 5px}.of-platform-tiles strong{font-size:11px}.of-platform-tiles small{font-size:10px}.of-platform-tiles span{font-size:10px}.of-page-heading{margin-bottom:24px}.of-two-columns{grid-template-columns:1fr}.of-video-brand{font-size:30px}.of-setup-video>div{padding:18px}.of-plan-row{gap:10px}.of-plan-row h3{font-size:17px}.of-reward-row>span{font-size:11px}.of-small-tag{font-size:10px}}

[data-screen="settings"].of-settings-layout{max-width:896px;margin:0;padding:0}

.sidebar-bottom>div{min-width:0;flex:1}.sidebar-bottom small{display:block;line-height:1.5}.sidebar-bottom #logout{flex-shrink:0;white-space:nowrap;padding:8px}.sidebar-bottom .of-avatar{padding:8px}.sidebar-bottom{gap:8px}

@media(max-width:440px){.of-platform-tiles{grid-template-columns:1fr}.of-platform-tiles>div{min-height:0;padding:14px}.of-platform-tiles strong{font-size:14px}.of-platform-tiles small,.of-platform-tiles span{font-size:12px}}

#account-status[data-result]{padding:14px;border:1px solid #845066;border-radius:10px;background:#2b1620;color:#ffe5ed;font-size:13px;line-height:1.6;margin:14px 0}#account-status[data-result="success"]{border-color:#48735f;background:#14281f;color:#d4f5e3}

.of-inline-account fieldset{gap:12px}.of-inline-account label{padding:0}.of-inline-account form{gap:0}.of-inline-account .of-mode-choices,.of-mode-choices{display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;margin:0;gap:8px;min-width:0}.of-mode-choices legend{font-size:12px;color:#bbaab3;margin-bottom:8px}.of-inline-account .of-mode-option,.of-mode-option{display:block;position:relative;margin:0;padding:0;cursor:pointer}.of-mode-option input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;margin:0}.of-mode-option>span{display:block;border:1px solid #49313a;border-radius:10px;padding:13px;background:#160f13}.of-mode-option input:checked+span{background:#381321;border-color:#ff365f;box-shadow:inset 0 0 0 1px #ff365f}.of-mode-option input:focus-visible+span{outline:2px solid #ff7895;outline-offset:3px}.of-mode-option strong{display:block;font-size:13px}.of-mode-option small{display:block;font-size:11px;color:#c0abb5;margin-top:4px}.of-mode-help{font-size:11px;color:#bbaab3;margin:8px 0}.of-inline-account fieldset>label{margin:0!important}.of-inline-account input,.of-inline-account select{margin:0!important}.of-inline-account .of-inline-modes{margin:0}.of-inline-account #account-save{font-size:13px}.of-inline-account .of-inline-actions{margin-top:0}
@media(max-width:440px){.of-inline-account .of-mode-choices,.of-mode-choices{grid-template-columns:1fr}}

.of-saved-account{border:1px solid #633246;background:#171015;border-radius:13px;padding:18px;margin:16px 0}.of-saved-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.of-saved-head h3{margin:0 auto 0 0!important;font-size:14px!important;overflow-wrap:anywhere}.of-account-mode,.of-account-state{font-size:10px;padding:4px 8px;border-radius:7px;background:#321422;color:#ff91ac}.of-account-state{background:#29212a;color:#cdb7c4}.of-saved-row{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid #30202a;font-size:11px}.of-saved-row>span{color:#b2a2ac;min-width:75px}.of-saved-row>strong{font-weight:500;color:#eee0e8;overflow-wrap:anywhere;min-width:0}.of-saved-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.of-saved-actions button{font-size:11px;padding:7px 10px}.of-saved-account [role=status]{font-size:11px;color:#b9a5b0;margin-top:12px;line-height:1.6}.of-inline-saved{margin:0 0 16px}.of-inline-saved #account-refresh{font-size:11px;padding:6px 10px}.of-inline-account:has(form[hidden]){border:0;background:none;padding:0;margin:0}.of-inline-account form[hidden]{display:none!important}

/* Signal activity panel: simulation, saved credentials and provider execution kept visually distinct. */
.signal-activity .sa-legend{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin:12px 0 18px;font-size:12px;color:var(--muted)}
.sa-chip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;border:1px solid;border-radius:999px;padding:3px 9px;white-space:nowrap}
.sa-chip.is-sim{color:#ffd295;border-color:#6b5426;background:#211a0e}
.sa-chip.is-saved{color:#9fd9ff;border-color:#2e5a78;background:#0e1a24}
.sa-chip.is-preview{color:#c9c2c6;border-color:#4a4247;background:#18151a}
.sa-chip.is-none{color:#ff9aa4;border-color:#6e2a33;background:#22100f}
.sa-chip.is-src{color:#f5f3f4;border-color:#55474e;background:#1b1619}
.sa-controls{display:grid;gap:14px;margin-bottom:10px}
.sa-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;align-items:end}
.sa-form>strong,.sa-replay>strong{grid-column:1/-1}
.sa-form select,.sa-replay select{font:inherit;border:1px solid #45353b;border-radius:6px;padding:10px 12px;background:#101012;color:#faf5f7}
.sa-replay{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sa-item{border-top:1px solid var(--line);padding:16px 0}
.sa-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px}.sa-head span{color:var(--muted);font-size:13px}
.sa-table{width:100%;border-collapse:collapse;font-size:13px}.sa-table th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.6px;padding:6px 8px;border-bottom:1px solid var(--line)}
.sa-table td{vertical-align:top;padding:9px 8px;border-bottom:1px solid #221d20}.sa-table small{color:var(--muted)}
.sa-ok{color:#8aefce}.sa-skip{color:#ffb0a8}.sa-ref{color:var(--muted)}.sa-status:empty{display:none}
@media(max-width:700px){.signal-activity .sa-legend{grid-template-columns:1fr}.sa-table{min-width:720px}}
.signal-activity .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.signal-activity table.sa-table{min-width:760px;table-layout:auto}
.sa-table td:nth-child(2){white-space:nowrap}
.sa-hook{border:1px solid var(--line);border-radius:10px;padding:10px 14px}.sa-hook summary{cursor:pointer;font-weight:600}
.sa-copy{display:grid;gap:6px;margin:10px 0}.sa-copy pre{white-space:pre-wrap;word-break:break-all;background:#0c0b0d;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;margin:0;max-width:100%;overflow:auto}
.sa-hook-log{font-size:12px;color:var(--muted);padding-left:18px}
.sa-copy button{justify-self:start}

/* Supervised demo order test */
.demo-orders .do-gates{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.25rem}
.demo-orders .do-gates li{font-size:.9rem}
.demo-orders .do-confirm{border:1px solid currentColor;border-radius:8px;padding:.75rem;margin:.75rem 0;display:grid;gap:.5rem}
.demo-orders .do-preview{white-space:pre-wrap;font-size:.8rem;max-height:14rem;overflow:auto;margin:0}
.demo-orders .sa-warn{font-weight:700}

/* V2 saved-account controls */
.of-card-settings{margin:18px 0;border-top:1px solid #35212a;padding-top:14px}.of-card-settings fieldset{border:0;padding:0;margin:0 0 14px}.of-card-settings legend{font-size:12px;color:#c9b7c0;margin-bottom:9px}.of-card-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.of-card-modes label{position:relative;cursor:pointer}.of-card-modes input,.of-card-buckets input{position:absolute;opacity:0;width:1px;height:1px}.of-card-modes label>span{display:block;padding:12px 8px;background:#171217;border:1px solid #3c2731;border-radius:9px}.of-card-modes strong,.of-card-modes small{display:block}.of-card-modes strong{font-size:12px}.of-card-modes small{font-size:10px;color:#c1adb7;margin-top:5px}.of-card-modes input:checked+span,.of-card-buckets input:checked+span{border-color:#ff244f;background:#421322;color:#fff}.of-card-modes input:focus-visible+span,.of-card-buckets input:focus-visible+span{outline:2px solid white;outline-offset:2px}.of-card-buckets label{position:relative;display:inline-block;cursor:pointer;margin-right:5px}.of-card-buckets span{display:block;padding:7px 13px;border:1px solid #3c2731;border-radius:7px}.of-profit-cap{background:#21131b;border:1px solid #51303d;border-radius:10px;padding:14px}.of-profit-cap summary{cursor:pointer;color:#ff7898;font-size:13px}.of-profit-cap p{font-size:12px;color:#c7b7bf;line-height:1.6}.of-profit-cap label{display:block;font-size:12px}.of-profit-cap input{display:block;width:220px;max-width:100%;margin-top:7px;padding:10px;background:#100d11;color:white;border:1px solid #74505f;border-radius:7px}.of-card-settings>p{font-size:12px;color:#c7b7bf}.of-card-settings>button{margin-right:8px;padding:9px 15px;font-size:12px}@media(max-width:650px){.of-card-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Saved-account dashboard */
.of-account-dashboard{max-width:1600px;margin:0 auto 28px;color:#f3eef1}.of-account-dashboard[hidden],.of-welcome-flow[hidden],.of-dash-today[hidden]{display:none!important}.of-dash-tabs{display:inline-flex;padding:4px;background:#151114;border:1px solid #302229;border-radius:13px;gap:3px;margin-bottom:28px}.of-dash-tabs button{border:0;background:transparent;color:#ada1aa;padding:10px 18px;border-radius:9px}.of-dash-tabs button[aria-pressed=true]{background:#401320;color:#ff577a}.of-dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.of-dash-heading h2{font-size:29px;margin:4px 0 7px}.of-dash-heading p{color:#a89ba4;margin:0;font-size:13px}.of-dash-heading .eyebrow{color:#ec5373;font-size:10px;letter-spacing:2px}.of-dash-actions{display:flex;align-items:center;gap:8px}.of-dash-actions select,.of-dash-actions button{background:#161115;border:1px solid #38262f;border-radius:11px;padding:11px 14px;color:#e3d7df;font-size:12px;max-width:290px}.of-dash-status{font-size:12px;color:#aa969f;padding-bottom:14px}.of-dash-today{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:20px;margin-bottom:24px}.of-dash-today article{position:relative;background:#151014;border:1px solid #33212a;border-radius:18px;padding:22px}.of-dash-today span{display:block;color:#baabb4;font-size:11px;letter-spacing:1px}.of-dash-today strong{display:block;font-size:28px;margin:8px 0;color:#d4c8ce}.of-dash-today small{color:#978991;font-size:11px}.of-dash-today i{position:absolute;right:20px;top:20px;background:#241a20;border-radius:13px;width:42px;height:42px;text-align:center;line-height:42px;font-size:25px;color:#c5aab6;font-style:normal}.of-equity-card,.of-alltime{background:linear-gradient(120deg,#171014,#100d10);border:1px solid #3c242e;border-radius:20px;padding:25px;margin-bottom:24px}.of-equity-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.of-equity-header h3,.of-alltime h3{font-size:13px;color:#c8b7c0;letter-spacing:1.7px;margin:0}.of-equity-header h3>span{color:#ff355f;font-size:23px;margin-right:10px}.of-equity-chips{display:flex;gap:8px}.of-equity-chips>div{border:1px solid #34232b;background:#1c1419;border-radius:12px;padding:10px 18px;min-width:94px}.of-equity-chips small{display:block;color:#a5949e;font-size:9px;letter-spacing:1px}.of-equity-chips b{display:block;color:#cdb9c3;font-size:14px;margin-top:3px}.of-milestone-label{display:flex;justify-content:space-between;color:#94848d;font-size:11px;margin:24px 0 8px;gap:12px}.of-milestone-label span:last-child{color:#e47d94}.of-milestone-track{height:4px;background:#312028;border-radius:5px}.of-equity-empty{height:260px;position:relative;margin:22px 0}.of-equity-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 51px,#39212b55 52px),repeating-linear-gradient(90deg,transparent,transparent 159px,#39212b33 160px);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.of-equity-message{position:relative;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center}.of-equity-message>span{font-size:42px;color:#ff365e}.of-equity-message h3{font-size:20px;margin:7px 0}.of-equity-message p{font-size:13px;color:#b49ba8;margin:5px 0}.of-equity-message small{font-size:11px;color:#87747f;margin-top:8px}.of-milestones{border-top:1px solid #30202a;padding-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.of-milestones>span{font-size:9px;letter-spacing:1px;color:#9e8794;margin-right:5px}.of-milestones b{font-size:11px;font-weight:400;padding:6px 11px;background:#1b1419;border:1px solid #30232b;border-radius:8px;color:#97818e}.of-milestones small{margin-left:auto;color:#9e8794;font-size:11px}.of-performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;margin-top:25px}.of-performance-grid span{display:block;font-size:12px;color:#a998a2}.of-performance-grid strong{display:block;font-size:20px;margin-top:6px}.of-alltime>p{color:#877782;font-size:11px;margin:26px 0 0}.of-dash-actions .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.of-dash-heading{align-items:flex-start;flex-direction:column}.of-dash-actions{width:100%;flex-wrap:wrap}.of-dash-actions select{max-width:100%;width:100%}.of-dash-actions label{min-width:0;flex:1}.of-dash-today{gap:10px}.of-dash-today article{padding:16px}.of-dash-today i{display:none}.of-equity-card,.of-alltime{padding:18px}.of-equity-header{align-items:flex-start;flex-direction:column}.of-equity-chips{width:100%}.of-equity-chips>div{min-width:0;flex:1;padding:9px}.of-milestone-label{flex-direction:column;gap:5px}.of-performance-grid{gap:22px}.of-equity-empty{height:220px}.of-milestones small{width:100%;margin:8px 0 0}}

.of-saved-head .of-account-disconnect{flex:0 0 auto;width:auto;margin-left:10px;border:1px solid #823148;background:#32101c;color:#ff8aa3;padding:9px 13px;border-radius:9px;font-size:12px;cursor:pointer}.of-disconnect-confirm{background:#29121c;border:1px solid #743046;border-radius:12px;padding:18px;margin:14px 0}.of-disconnect-confirm[hidden]{display:none!important}.of-disconnect-confirm p{font-size:13px;color:#d9b7c4;line-height:1.6}.of-disconnect-confirm button{width:auto;margin:4px 8px 0 0;padding:10px 16px}.of-disconnect-confirm .of-account-disconnect{background:#b51c43;color:white;border:1px solid #fa406d}@media(max-width:600px){.of-saved-head .of-account-disconnect{margin-left:0}}

/* Server-confirmed supervised readiness; automatic trading remains off. */
[data-execution-status][data-ready="true"] strong{color:#34d399}
[data-execution-status][data-ready="true"] strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;margin-right:8px}
[data-execution-status][data-ready="true"]{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.05)}

/* Compact connected-account card; existing save and disconnect flows retained. */
.of-saved-account.of-compact-account{padding:14px 18px;border-radius:14px;background:#121012;border-color:#34302f}
.of-compact-account .of-saved-head{gap:10px;min-height:32px;margin:0 0 10px;padding:0;border:0;display:flex;align-items:center}
.of-compact-account .of-saved-head h3{margin:0;font-size:14px;flex:1}
.of-account-mark{color:#34d399;font-size:20px}
.of-compact-account .of-account-state{margin:0;font-size:10px;padding:4px 8px;border-radius:99px}
.of-compact-account .of-account-disconnect{padding:5px 9px;min-height:28px;background:transparent;border:0;color:#fb406b;font-size:16px}
.of-compact-account .of-card-settings{display:block;margin:0;padding:0;border:0}
.of-compact-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.of-segment-group{display:flex;align-items:center;gap:3px}
.of-segment-group>small{text-transform:uppercase;font-size:10px;letter-spacing:.06em;color:#938b90;margin-right:6px}
.of-compact-account .of-segment-group button{border:1px solid transparent;background:#211b20;color:#bdb4bb;border-radius:7px;min-height:28px;padding:4px 12px;font-size:12px}
.of-compact-account .of-segment-group button[aria-pressed="true"]{background:#481725;color:#ff537c;border-color:#813048}
.of-compact-summary{margin:8px 0 10px!important;font-size:11px!important;color:#bcb2b8}
.of-compact-account .of-saved-row{padding:8px 0;display:flex;align-items:baseline;gap:12px;border-top:1px solid #282126;font-size:11px;min-height:0}
.of-compact-account .of-saved-row>span{flex:0 0 76px;color:#a49ba1}
.of-compact-account .of-saved-row strong{font-size:11px;font-weight:400;overflow-wrap:anywhere;min-width:0}
.of-compact-account .of-compact-edit{background:none;border:0;color:#ff537c;padding:2px 0 8px;min-height:0;font-size:11px}
.of-compact-account .of-card-buckets{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:9px 0;margin:0;border:0;border-top:1px solid #282126}
.of-compact-account .of-card-buckets legend{float:left;width:auto;margin:0 10px 0 0;font-size:11px;line-height:26px;padding:0;color:#a49ba1}
.of-compact-account .of-card-buckets label{margin:0;display:inline-flex}
.of-compact-account .of-card-buckets label span{padding:3px 9px;border-radius:6px;font-size:11px;min-height:24px;line-height:18px}
.of-bucket-hint{font-size:10px;color:#938b90;margin-left:10px}
.of-compact-account .of-profit-cap{margin:0;padding:9px 0;border:0;border-top:1px solid #282126;border-radius:0;background:none}
.of-compact-account .of-profit-cap summary{font-size:11px;color:#aaa0a7}
.of-compact-account .of-profit-cap p{font-size:11px;line-height:1.5}
.of-compact-account .of-profit-cap input{max-width:240px}
.of-compact-account .of-account-more{border-top:1px solid #282126;padding-top:8px;font-size:11px;color:#938b90}
.of-compact-account .of-account-more summary{cursor:pointer}
.of-compact-account [hidden]{display:none!important}
.of-compact-account .of-card-settings>button.primary{display:inline-block;width:auto;padding:7px 14px;min-height:32px;margin:8px 8px 8px 0}
.of-compact-account button:focus-visible{outline:2px solid #f77796;outline-offset:2px}
@media(max-width:550px){.of-compact-account .of-saved-head{flex-wrap:wrap}.of-bucket-hint{flex-basis:100%;margin:5px 0 0}.of-compact-toolbar{gap:8px}.of-saved-account.of-compact-account{padding:12px}}

.of-compact-account .of-connection-check{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:5px;min-height:0;border:1px solid #393137;border-radius:50%;background:#201a1e;color:#b6abb2}.of-compact-account .of-connection-check:hover{color:#fff;border-color:#ff537c}.of-connection-check:disabled{opacity:.5}

.of-close-test-dialog{max-width:480px;width:calc(100% - 40px);padding:24px;border:1px solid #693040;border-radius:16px;background:#171015;color:#eee}.of-close-test-dialog::backdrop{background:#000b}.of-close-test-dialog label{display:block;margin:14px 0}.of-close-test-dialog input:not([type=checkbox]){display:block;width:100%;margin-top:8px;padding:10px;background:#23181e;color:white;border:1px solid #68404c}.of-close-test-dialog button{padding:9px 14px;margin:8px 8px 0 0;background:#671b32;color:white;border:1px solid #b33152;border-radius:7px}.of-close-test-dialog p{font-size:13px;line-height:1.5}

.of-compact-account .of-connection-check.of-close-oneclick{width:auto;border-radius:7px;gap:6px;padding:5px 10px;color:#ff93ad;font-size:11px}.of-close-effect{font-size:11px;color:#c7a5af;margin:0 0 10px}

.of-compact-account .of-connection-check.of-close-oneclick{width:30px;height:30px;padding:5px;border-radius:50%;flex:0 0 30px}.of-close-effect{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}