/* Stage 423 — Production UI System Enforcement
   Deterministic shell, route clarity, zero-overlap governance, accessibility-first controls. */
:root{
  --s423-bg:#03070d;
  --s423-surface:#07111f;
  --s423-surface-2:#0b1728;
  --s423-card:#0d1b2e;
  --s423-card-2:#101f35;
  --s423-line:rgba(139,168,210,.22);
  --s423-line-strong:rgba(116,169,255,.42);
  --s423-text:#edf5ff;
  --s423-muted:#9fb1cc;
  --s423-subtle:#70819d;
  --s423-blue:#66a6ff;
  --s423-green:#2df0ad;
  --s423-amber:#ffc966;
  --s423-red:#ff647f;
  --s423-radius-xl:22px;
  --s423-radius-lg:18px;
  --s423-radius-md:14px;
  --s423-topbar:62px;
  --s423-ticket:376px;
  --s423-dock:132px;
  --s423-shadow:0 24px 80px rgba(0,0,0,.38);
  --s423-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
html.stage423-production-terminal,
body.stage423-production-terminal{height:100%;min-height:100%;overflow:hidden!important;background:var(--s423-bg)!important;color:var(--s423-text)!important;font-family:var(--s423-font)!important}
body.stage423-production-terminal *{box-sizing:border-box;min-width:0}
body.stage423-production-terminal ::selection{background:rgba(102,166,255,.28);color:#fff}
body.stage423-production-terminal :focus-visible{outline:2px solid rgba(102,166,255,.82)!important;outline-offset:2px!important;border-radius:10px}
body.stage423-production-terminal .stage422-debug-toggle{display:none!important}
body.stage423-production-terminal[data-s423-advanced="true"] .stage422-debug-toggle{display:inline-flex!important}
body.stage423-production-terminal #stage399TerminalShell{
  isolation:isolate!important;position:fixed!important;inset:0!important;display:grid!important;grid-template-rows:var(--s423-topbar) minmax(0,1fr)!important;
  overflow:hidden!important;background:radial-gradient(circle at 14% 0%,rgba(102,166,255,.16),transparent 32%),radial-gradient(circle at 82% -6%,rgba(45,240,173,.10),transparent 30%),linear-gradient(180deg,#07111f,#03070d 72%)!important;
}
body.stage423-production-terminal #stage399TerminalShell::before{content:"";position:absolute;inset:var(--s423-topbar) 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(116,169,255,.42),transparent);z-index:4;pointer-events:none}
body.stage423-production-terminal .q399-topbar{
  position:relative!important;height:var(--s423-topbar)!important;display:grid!important;grid-template-columns:minmax(220px,310px) minmax(360px,1fr) minmax(240px,360px)!important;align-items:center!important;gap:12px!important;
  padding:8px 14px!important;background:rgba(3,7,13,.92)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(139,168,210,.20)!important;z-index:8!important;overflow:hidden!important;
}
body.stage423-production-terminal .q399-brand{height:46px!important;display:flex!important;align-items:center!important;gap:10px!important;overflow:hidden!important;white-space:nowrap!important}
body.stage423-production-terminal .q399-brand-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.15!important}
body.stage423-production-terminal .q399-brand-title span:first-child{font-size:13px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#f5f9ff!important}
body.stage423-production-terminal .q399-brand-title span:last-child{font-size:10px!important;color:var(--s423-subtle)!important;text-transform:uppercase!important;letter-spacing:.12em!important}
body.stage423-production-terminal .q399-nav{height:42px!important;display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:0 2px!important;border:1px solid rgba(139,168,210,.15)!important;background:rgba(7,17,31,.58)!important;border-radius:16px!important}
body.stage423-production-terminal .q399-nav::-webkit-scrollbar{display:none}
body.stage423-production-terminal .q399-nav button,
body.stage423-production-terminal .q399-nav a{height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;padding:0 10px!important;white-space:nowrap!important;font-size:11px!important;font-weight:800!important;line-height:1!important;color:#aebed6!important;background:transparent!important;border:1px solid transparent!important;text-decoration:none!important}
body.stage423-production-terminal .q399-nav .is-active,
body.stage423-production-terminal .q399-nav [aria-selected="true"]{color:#ffffff!important;background:rgba(102,166,255,.14)!important;border-color:rgba(102,166,255,.32)!important;box-shadow:none!important}
body.stage423-production-terminal .q399-account-strip{height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;overflow:hidden!important}
body.stage423-production-terminal .q399-body{height:calc(100vh - var(--s423-topbar))!important;min-height:0!important;overflow:hidden!important;padding:12px!important}
body.stage423-production-terminal .q399-page{height:100%!important;min-height:0!important;overflow:hidden!important}
body.stage423-production-terminal .q399-page:not(.is-active){display:none!important}
body.stage423-production-terminal .q399-page.is-active[data-q399-panel="trading"]{display:grid!important;grid-template-rows:minmax(0,1fr) var(--s423-dock)!important;gap:12px!important;min-height:0!important;overflow:hidden!important}
body.stage423-production-terminal .q399-trading-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,var(--s423-ticket))!important;gap:12px!important;min-height:0!important;overflow:hidden!important}
body.stage423-production-terminal .q399-chart-zone{
  position:relative!important;min-height:0!important;overflow:hidden!important;border-radius:var(--s423-radius-xl)!important;background:linear-gradient(180deg,rgba(9,22,39,.92),rgba(4,10,18,.98))!important;border:1px solid rgba(139,168,210,.22)!important;box-shadow:var(--s423-shadow)!important;
}
body.stage423-production-terminal .q399-chart-zone::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(255,255,255,.025);z-index:30}
body.stage423-production-terminal .q399-right-ticket{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;overscroll-behavior:contain!important;padding-right:2px!important;scrollbar-width:thin!important}
body.stage423-production-terminal .q399-ticket-card,
body.stage423-production-terminal .q399-ai-card,
body.stage423-production-terminal .q399-account-card,
body.stage423-production-terminal .q399-risk-card,
body.stage423-production-terminal .q399-dock-card,
body.stage423-production-terminal .stage404-ticket-panel,
body.stage423-production-terminal [data-stage404-ticket]{
  border-radius:var(--s423-radius-lg)!important;background:linear-gradient(180deg,rgba(13,27,46,.94),rgba(7,17,31,.96))!important;border:1px solid rgba(139,168,210,.22)!important;box-shadow:none!important;color:var(--s423-text)!important;
}
body.stage423-production-terminal .q399-ticket-card,
body.stage423-production-terminal .q399-ai-card,
body.stage423-production-terminal .q399-account-card,
body.stage423-production-terminal .q399-risk-card{padding:13px!important;max-height:none!important;min-height:auto!important}
body.stage423-production-terminal .q399-ticket-card h3,
body.stage423-production-terminal .q399-ai-card h3,
body.stage423-production-terminal .q399-account-card h3,
body.stage423-production-terminal .q399-risk-card h3{font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin:0 0 10px!important;color:#f2f7ff!important}
body.stage423-production-terminal .q399-ticket-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body.stage423-production-terminal .q399-ticket-form label{display:grid!important;gap:5px!important;color:var(--s423-muted)!important;font-size:11px!important;font-weight:750!important}
body.stage423-production-terminal .q399-ticket-form input,
body.stage423-production-terminal .q399-ticket-form select,
body.stage423-production-terminal .q399-ticket-form textarea,
body.stage423-production-terminal .stage404-ticket-panel input,
body.stage423-production-terminal .stage404-ticket-panel select,
body.stage423-production-terminal [data-stage404-ticket] input,
body.stage423-production-terminal [data-stage404-ticket] select{
  min-height:36px!important;border-radius:12px!important;border:1px solid rgba(139,168,210,.24)!important;background:rgba(3,9,17,.82)!important;color:#eef6ff!important;padding:0 10px!important;font-size:12px!important;
}
body.stage423-production-terminal button{cursor:pointer!important}
body.stage423-production-terminal .q399-ticket-form button,
body.stage423-production-terminal .q399-ai-card button,
body.stage423-production-terminal .stage404-ticket-panel button,
body.stage423-production-terminal [data-stage404-ticket] button{min-height:36px!important;border-radius:12px!important;border:1px solid rgba(102,166,255,.28)!important;background:rgba(102,166,255,.13)!important;color:#eef6ff!important;font-weight:850!important;font-size:12px!important}
body.stage423-production-terminal .q399-ticket-form button:hover,
body.stage423-production-terminal .q399-ai-card button:hover{background:rgba(102,166,255,.20)!important;border-color:rgba(102,166,255,.46)!important}
body.stage423-production-terminal .q399-ai-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.stage423-production-terminal .q399-bottom-dock{display:grid!important;grid-template-columns:1.1fr .9fr .9fr!important;gap:12px!important;height:var(--s423-dock)!important;min-height:0!important;overflow:hidden!important}
body.stage423-production-terminal .q399-dock-card{min-height:0!important;overflow:auto!important;padding:12px!important;scrollbar-width:thin!important}
body.stage423-production-terminal .q399-dock-card h4{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin:0 0 8px!important;color:#eef6ff!important}
body.stage423-production-terminal .q399-dock-table{width:100%!important;border-collapse:collapse!important;font-size:11px!important;color:#aebed6!important}
body.stage423-production-terminal .q399-dock-table td{padding:4px 0!important;border-bottom:1px solid rgba(139,168,210,.10)!important}
body.stage423-production-terminal #q408ChartCanvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important}
body.stage423-production-terminal #q408Toolbar{position:absolute!important;left:14px!important;top:132px!important;right:auto!important;max-width:min(720px,calc(100% - 320px))!important;z-index:36!important;background:rgba(3,9,17,.72)!important;border:1px solid rgba(139,168,210,.22)!important;border-radius:16px!important;backdrop-filter:blur(16px)!important;box-shadow:none!important}
body.stage423-production-terminal #q408IndicatorPanel{position:absolute!important;right:14px!important;top:64px!important;width:258px!important;max-height:calc(100% - 144px)!important;z-index:35!important;overflow:auto!important;background:rgba(3,9,17,.76)!important;border:1px solid rgba(139,168,210,.22)!important;border-radius:16px!important;backdrop-filter:blur(16px)!important;box-shadow:none!important}
body.stage423-production-terminal #q409Panel{position:absolute!important;left:14px!important;bottom:72px!important;top:auto!important;width:min(340px,calc(100% - 28px))!important;max-height:42px!important;overflow:hidden!important;z-index:38!important;background:rgba(3,9,17,.75)!important;border:1px solid rgba(139,168,210,.22)!important;border-radius:16px!important;backdrop-filter:blur(16px)!important;transition:max-height .16s ease!important}
body.stage423-production-terminal #q409Panel:hover,
body.stage423-production-terminal #q409Panel:focus-within{max-height:260px!important}
body.stage423-production-terminal #q410Panel{position:absolute!important;left:14px!important;right:14px!important;bottom:14px!important;z-index:37!important;max-height:44px!important;overflow:hidden!important;transition:max-height .16s ease!important}
body.stage423-production-terminal #q410Panel:hover,
body.stage423-production-terminal #q410Panel:focus-within{max-height:220px!important}
body.stage423-production-terminal .q399-symbol-card,
body.stage423-production-terminal .q399-chart-toolbar,
body.stage423-production-terminal .q399-chart-range{z-index:39!important;box-shadow:none!important;border:1px solid rgba(139,168,210,.22)!important;background:rgba(3,9,17,.72)!important;backdrop-filter:blur(16px)!important;border-radius:16px!important}
/* No floating public debug by default. Advanced mode places diagnostics in a drawer. */
body.stage423-production-terminal:not([data-s423-advanced="true"]) .stage405-validation-card,
body.stage423-production-terminal:not([data-s423-advanced="true"]) #qlion-stage406-panel,
body.stage423-production-terminal:not([data-s423-advanced="true"]) #stage407Panel,
body.stage423-production-terminal:not([data-s423-advanced="true"]) .stage407-panel,
body.stage423-production-terminal:not([data-s423-advanced="true"]) #s419Guardrail,
body.stage423-production-terminal:not([data-s423-advanced="true"]) .stage418-smoke-panel,
body.stage423-production-terminal:not([data-s423-advanced="true"]) .stage421-status-strip,
body.stage423-production-terminal:not([data-s423-advanced="true"]) [data-stage405-status],
body.stage423-production-terminal:not([data-s423-advanced="true"]) .debug-panel,
body.stage423-production-terminal:not([data-s423-advanced="true"]) .qa-panel{display:none!important}
body.stage423-production-terminal #s423DiagnosticsDrawer{position:fixed!important;right:16px!important;top:78px!important;width:min(420px,calc(100vw - 32px))!important;max-height:calc(100vh - 96px)!important;overflow:auto!important;z-index:180!important;border-radius:20px!important;border:1px solid rgba(139,168,210,.28)!important;background:rgba(5,12,22,.94)!important;backdrop-filter:blur(22px)!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important;padding:12px!important;display:none!important}
body.stage423-production-terminal[data-s423-advanced="true"] #s423DiagnosticsDrawer{display:block!important}
body.stage423-production-terminal .s423-diagnostics-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#eef6ff;font-weight:900;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
body.stage423-production-terminal .s423-diagnostics-title button{height:30px;border-radius:10px;border:1px solid rgba(139,168,210,.24);background:rgba(102,166,255,.12);color:#eef6ff;font-weight:800}
body.stage423-production-terminal .s423-route-pill{position:fixed!important;left:16px!important;bottom:16px!important;z-index:130!important;display:inline-flex!important;align-items:center!important;gap:7px!important;height:36px!important;border-radius:999px!important;padding:0 13px!important;background:rgba(3,9,17,.78)!important;border:1px solid rgba(139,168,210,.22)!important;color:#b8c7dd!important;backdrop-filter:blur(16px)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase!important;pointer-events:none!important}
body.stage423-production-terminal .s423-route-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--s423-green);box-shadow:0 0 18px rgba(45,240,173,.6)}
@media(max-width:1280px){:root{--s423-ticket:340px;--s423-dock:126px}body.stage423-production-terminal .q399-trading-grid{grid-template-columns:minmax(0,1fr) minmax(308px,var(--s423-ticket))!important}body.stage423-production-terminal #q408IndicatorPanel{width:228px!important}body.stage423-production-terminal #q408Toolbar{max-width:calc(100% - 270px)!important}}
@media(max-width:1080px){html.stage423-production-terminal,body.stage423-production-terminal{overflow:auto!important}body.stage423-production-terminal #stage399TerminalShell{position:relative!important;min-height:100vh!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:visible!important}body.stage423-production-terminal .q399-topbar{height:auto!important;grid-template-columns:1fr!important;padding:10px!important}body.stage423-production-terminal .q399-body{height:auto!important;overflow:visible!important;padding:10px!important}body.stage423-production-terminal .q399-page.is-active[data-q399-panel="trading"]{grid-template-rows:auto!important;overflow:visible!important}body.stage423-production-terminal .q399-trading-grid{grid-template-columns:1fr!important;overflow:visible!important}body.stage423-production-terminal .q399-chart-zone{height:64vh!important;min-height:500px!important}body.stage423-production-terminal .q399-right-ticket{height:auto!important;overflow:visible!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.stage423-production-terminal .q399-bottom-dock{height:auto!important;grid-template-columns:1fr!important}body.stage423-production-terminal #q408IndicatorPanel{display:none!important}}
@media(max-width:720px){:root{--s423-topbar:58px}body.stage423-production-terminal .q399-chart-zone{height:58vh!important;min-height:410px!important;border-radius:18px!important}body.stage423-production-terminal .q399-right-ticket{grid-template-columns:1fr!important}body.stage423-production-terminal #q408Toolbar,body.stage423-production-terminal #q410Panel{display:none!important}body.stage423-production-terminal .s423-route-pill{display:none!important}}
@media(prefers-reduced-motion:reduce){body.stage423-production-terminal *,body.stage423-production-terminal *::before,body.stage423-production-terminal *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
