/* Operations portal additions on top of brand.css + app.css */
.dbswitch{display:flex;align-items:center;gap:6px;background:#17181C;border:1px solid #3A3B40;border-radius:9px;padding:3px}
.dbswitch button{border:0;background:transparent;color:var(--barmuted);font-weight:600;font-size:12.5px;padding:5px 10px;border-radius:7px}
.dbswitch button.on{background:var(--gold);color:#0E0F12}
.dbswitch button[data-db="demo"].on{background:var(--warn);color:#0E0F12}
.signin{max-width:560px;margin:40px auto 0}
.gbtn{min-height:44px;display:flex;justify-content:center;margin-top:14px}
.wf{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
@media (max-width:860px){.wf{grid-template-columns:1fr}}
.wf ol{margin:8px 0 0;padding-left:18px;font-size:13px}.wf ol li{margin:4px 0}
.wf ul{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--muted)}
.int{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.int.live{color:var(--good);background:var(--goodbg)}.int.simulated{color:var(--warn);background:var(--warnbg)}.int.manual{color:var(--info);background:var(--infobg)}
.runs td{font-size:12.5px;vertical-align:top}
.runs .d{color:var(--muted);max-width:620px;overflow-wrap:anywhere}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.diagram{width:100%;height:auto;display:block}
.diagram text{font-family:var(--body);font-size:11px;fill:var(--fg)}
.diagram .t{font-weight:700;font-size:12px}
.diagram .m{fill:var(--muted);font-size:10px}
.diagram .box{fill:var(--card);stroke:var(--edge);stroke-width:1}
.diagram .store{fill:var(--card2);stroke:var(--edge)}
.diagram .dark{fill:var(--bar);stroke:var(--antique)}
.diagram .dark text, .diagram text.on-dark{fill:#F5EFE2}
.diagram .gold{fill:var(--gold)}
.diagram .arrow{stroke:var(--antique);stroke-width:1.4;fill:none;marker-end:url(#ah)}
.diagram .dash{stroke-dasharray:4 3}
.spark{width:100%;height:140px;display:block}
.spark .ax{stroke:var(--line);stroke-width:1}
.spark .ln{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round}
.spark .area{fill:var(--gold);opacity:.12}
.spark text{font-family:var(--body);font-size:10px;fill:var(--muted)}
.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--card2);color:var(--muted);border:1px solid var(--line)}
.chip.seed{color:var(--warn);border-color:var(--edge)}
.chip.real{color:var(--good)}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px}
.kpi .card{padding:12px}
.kpi .v{font-size:26px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.setup ol{padding-left:18px;font-size:13.5px}.setup li{margin:6px 0}
.setup code{background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:12.5px}
select[data-orgmember]{min-width:128px}
.cen{text-align:center}