/* ============================================================================
   PILOT · TRADING FLOOR — sample-fidelity layer  ([data-theme="trading"] only)
   Bloomberg discipline + motion: scrolling tape, blinking run-cursor, flash-on-
   update, amber "you-are-here", keylines-not-shadows, monospace density.
   green-up/red-down FIXED. All motion behind prefers-reduced-motion (app.css).
   ============================================================================ */
[data-theme="trading"]{--ease:linear}

/* flat by law: keylines carry structure, never shadows ---------------------- */
[data-theme="trading"] .card,[data-theme="trading"] .tile,[data-theme="trading"] .column,
[data-theme="trading"] .proc-detail,[data-theme="trading"] .proc-list,[data-theme="trading"] .inspector,
[data-theme="trading"] .prose,[data-theme="trading"] .wiki-side,[data-theme="trading"] .admin-nav,
[data-theme="trading"] .canvas{box-shadow:none;border-radius:2px}
[data-theme="trading"] .btn,[data-theme="trading"] .chip,[data-theme="trading"] .pchip,[data-theme="trading"] .lchip,
[data-theme="trading"] .kcard,[data-theme="trading"] .search,[data-theme="trading"] .field input{border-radius:1px}

/* everything tabular + monospace-tight ------------------------------------- */
[data-theme="trading"] .num,[data-theme="trading"] .mrow .mv,[data-theme="trading"] .colsum,[data-theme="trading"] .cmeta{font-feature-settings:"tnum" 1}
[data-theme="trading"] .secttl,[data-theme="trading"] .colhead .cn{letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}

/* blinking terminal run-cursor at the end of the running step's meta -------- */
[data-theme="trading"] .step.live .sm::after{content:"▊";color:var(--brand);margin-left:6px;font-family:var(--font-mono);font-size:11px;vertical-align:baseline}
[data-theme="trading"]:not([data-effects="off"]) .step.live .sm::after{animation:t-blink 1.05s steps(1) infinite}
@keyframes t-blink{0%,50%{opacity:1}51%,100%{opacity:0}}
[data-theme="trading"] .step.live .node{background:var(--live-bg,color-mix(in srgb,var(--brand) 14%,transparent));border-color:var(--brand);color:var(--brand-ink)}
[data-theme="trading"] .step.live .bar i{background:var(--brand)}

/* flash-on-update: the ONLY decorative animation (amber wash, JS-driven) ---- */
@keyframes t-flash{0%{background:color-mix(in srgb,var(--brand) 26%,transparent)}100%{background:transparent}}
[data-theme="trading"]:not([data-effects="off"]) .flash{animation:t-flash 1.4s ease-out}

/* amber "you-are-here": active nav = sharp 2px amber spine (no glow) -------- */
[data-theme="trading"] .navitem{position:relative;border-radius:2px}
[data-theme="trading"] .navitem[aria-current="true"]{box-shadow:none;background:var(--live-bg,color-mix(in srgb,var(--brand) 10%,transparent))}
[data-theme="trading"] .navitem[aria-current="true"]::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;background:var(--brand)}
[data-theme="trading"] .navitem .fkey{color:var(--fg-faint)}

/* command / search caret = amber block ------------------------------------- */
[data-theme="trading"] .search input,[data-theme="trading"] .composer textarea{caret-color:var(--brand)}

/* sharp amber focus keyline ------------------------------------------------ */
[data-theme="trading"] :focus-visible{outline:0;box-shadow:0 0 0 2px var(--brand)}

/* KPI-none; monospace headings stay flat ----------------------------------- */
[data-theme="trading"] h1.title,[data-theme="trading"] .lp h1{font-weight:600;letter-spacing:-.01em}

/* ticker tape: sharpen tag + hairline separators (signatures animates it) --- */
[data-theme="trading"] .ticker .tk-tag{letter-spacing:.16em}
[data-theme="trading"] .ticker .tk{letter-spacing:.02em}

/* live chip reads as a terminal tag (amber on live-bg), semantics fixed ----- */
[data-theme="trading"] .chip.brand{background:var(--live-bg,color-mix(in srgb,var(--brand) 12%,transparent));border-color:var(--brand)}