.scientific-transitions-page { --st-cyan: #0891b2; --st-blue: #2563eb; --st-purple: #7c3aed; --st-green: #059669; --st-amber: #d97706; --st-red: #e11d48; }
.scientific-transitions-hero { align-items: flex-end; }
.scientific-transitions-hero .market-caption { max-width: 840px; margin: 8px 0 0; }
.scientific-transition-method__heading,
.scientific-transition-controls__heading,
.scientific-transition-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.scientific-transition-method__heading h2,
.scientific-transition-controls__heading h2 { margin: 0; font-size: 16px; }
.scientific-transition-method__flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 18px 0 14px; }
.scientific-transition-method__flow > div { position: relative; min-width: 0; padding: 12px 12px 12px 42px; border: 1px solid var(--gside-border); border-radius: 10px; background: #fbfdff; }
.scientific-transition-method__flow b { position: absolute; top: 12px; left: 12px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #eaf6f9; color: #0e7490; font-size: 9px; }
.scientific-transition-method__flow strong,
.scientific-transition-method__flow small { display: block; }
.scientific-transition-method__flow strong { color: var(--gside-text); font-size: 11px; }
.scientific-transition-method__flow small { margin-top: 4px; color: var(--gside-muted); font-size: 9px; line-height: 1.45; }
.scientific-transition-controls__heading { margin-bottom: 14px; }
.scientific-transition-controls__heading p { margin: 5px 0 0; color: var(--gside-muted); font-size: 11px; }
.scientific-transition-controls__grid { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 10px; align-items: end; }
.scientific-transition-controls__grid label { display: grid; gap: 5px; min-width: 0; color: var(--gside-muted); font-size: 9px; font-weight: 750; }
.scientific-transition-controls__grid .market-input { min-height: 36px; padding: 7px 8px; font-size: 11px; }
.scientific-transition-controls__submit { min-height: 36px; }
.scientific-transition-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.scientific-transition-kpis article { min-width: 0; padding: 14px; border: 1px solid var(--gside-border); border-radius: 11px; background: var(--gside-surface); }
.scientific-transition-kpis span,
.scientific-transition-kpis strong,
.scientific-transition-kpis small { display: block; }
.scientific-transition-kpis span { color: var(--gside-muted); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.scientific-transition-kpis strong { margin-top: 7px; color: var(--gside-text); font-size: 23px; font-variant-numeric: tabular-nums; }
.scientific-transition-kpis small { margin-top: 4px; overflow: hidden; color: var(--gside-faint); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.scientific-transition-panel-heading p { margin: 5px 0 0; max-width: 800px; }
.scientific-transition-monitor-health { flex: 0 0 auto; min-width: 140px; padding: 9px 10px; border: 1px solid var(--gside-border); border-radius: 9px; background: #fbfcfd; text-align: right; }
.scientific-transition-monitor-health span,
.scientific-transition-monitor-health strong,
.scientific-transition-monitor-health small { display: block; }
.scientific-transition-monitor-health span { color: var(--gside-faint); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.scientific-transition-monitor-health strong { margin-top: 3px; font-size: 11px; }
.scientific-transition-monitor-health small { margin-top: 2px; color: var(--gside-muted); font-size: 8px; }
.scientific-transition-table-wrap { max-height: 72vh; }
.scientific-transition-table { min-width: 1500px; font-size: 11px; }
.scientific-transition-table th { position: sticky; top: 0; z-index: 2; }
.scientific-transition-table td { vertical-align: top; }
.scientific-transition-table td small { display: block; margin-top: 3px; color: var(--gside-faint); font-size: 8px; line-height: 1.35; }
.scientific-transition-table code { color: #334155; font-size: 10px; }
.scientific-transition-row--entry_ready { background: #f0fdf4; }
.scientific-transition-row--near_flip { background: #f0fbff; }
.scientific-transition-row--exit_ready { background: #fff7ed; }
.scientific-transition-state { display: inline-flex; min-height: 24px; align-items: center; padding: 4px 7px; border: 1px solid #dbe4ee; border-radius: 999px; background: #f8fafc; color: #475569; font-size: 8px; font-weight: 850; white-space: nowrap; }
.scientific-transition-state--entry_ready { border-color: #86efac; background: #dcfce7; color: #047857; }
.scientific-transition-state--near_flip,
.scientific-transition-state--compressing { border-color: #a5f3fc; background: #ecfeff; color: #0e7490; }
.scientific-transition-state--positive_confirmed { border-color: #c4b5fd; background: #f5f3ff; color: #6d28d9; }
.scientific-transition-state--exit_ready { border-color: #fdba74; background: #fff7ed; color: #c2410c; }
.scientific-transition-state--low_fit,
.scientific-transition-state--unavailable { color: #64748b; }
.scientific-transition-spark { display: block; width: 118px; height: 32px; overflow: visible; }
.scientific-transition-spark__zero { stroke: #cbd5e1; stroke-width: .8; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.scientific-transition-spark__line { fill: none; stroke: var(--st-cyan); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.scientific-transition-watch-cell { min-width: 240px; }
.scientific-transition-row-actions { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.scientific-transition-row-actions form { margin: 0; }
.scientific-transition-row-actions .market-button { min-height: 28px; padding: 5px 7px; font-size: 8px; }
.scientific-transition-watch-form { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.scientific-transition-watch-form label { display: inline-flex; align-items: center; gap: 4px; color: var(--gside-muted); font-size: 8px; font-weight: 700; }
.scientific-transition-watch-form input[type="checkbox"] { accent-color: var(--st-cyan); }
.scientific-transition-research { overflow: hidden; }
.scientific-transition-backtest-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; background: #fbfcfd; }
.scientific-transition-backtest-card { min-width: 0; padding: 16px; border: 1px solid var(--gside-border); border-top: 3px solid #94a3b8; border-radius: 12px; background: #fff; }
.scientific-transition-backtest-card:nth-child(1) { border-top-color: var(--st-cyan); }
.scientific-transition-backtest-card:nth-child(2) { border-top-color: var(--st-purple); }
.scientific-transition-backtest-card:nth-child(3) { border-top-color: var(--st-green); }
.scientific-transition-backtest-card.is-selected { box-shadow: 0 0 0 2px rgba(8,145,178,.10), 0 8px 20px rgba(15,23,42,.05); }
.scientific-transition-backtest-card > span,
.scientific-transition-backtest-card > strong,
.scientific-transition-backtest-card > small { display: block; }
.scientific-transition-backtest-card > span { color: var(--gside-muted); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.scientific-transition-backtest-card > strong { margin-top: 8px; color: var(--gside-text); font-size: 25px; font-variant-numeric: tabular-nums; }
.scientific-transition-backtest-card > small { margin-top: 2px; color: var(--gside-faint); font-size: 9px; }
.scientific-transition-backtest-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 14px 0 0; }
.scientific-transition-backtest-card dl div { min-width: 0; padding: 7px 8px; border: 1px solid #edf1f5; border-radius: 8px; background: #fafcfd; }
.scientific-transition-backtest-card dt { color: var(--gside-faint); font-size: 8px; }
.scientific-transition-backtest-card dd { margin: 3px 0 0; color: var(--gside-text); font-size: 11px; font-weight: 750; font-variant-numeric: tabular-nums; }
.scientific-transition-recent-trades { padding: 0 20px 18px; }
.scientific-transition-recent-trades h3 { margin: 0 0 10px; font-size: 13px; }
.scientific-transition-ledger td small { display: block; margin-top: 3px; color: var(--gside-muted); font-size: 9px; max-width: 520px; }
.scientific-transitions-error p { margin: 6px 0 0; color: var(--gside-muted); }
@media (max-width: 1100px) {
  .scientific-transition-controls__grid { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
  .scientific-transition-method__flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .scientific-transition-controls__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scientific-transition-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scientific-transition-backtest-grid { grid-template-columns: 1fr; }
  .scientific-transition-panel-heading { flex-direction: column; }
  .scientific-transition-monitor-health { width: 100%; text-align: left; }
}
@media (max-width: 640px) {
  .scientific-transitions-hero { align-items: stretch; flex-direction: column; }
  .scientific-transition-method__heading,
  .scientific-transition-controls__heading { flex-direction: column; }
  .scientific-transition-method__flow,
  .scientific-transition-controls__grid,
  .scientific-transition-kpis { grid-template-columns: 1fr; }
  .scientific-transition-method__flow > div { min-height: 62px; }
  .scientific-transition-backtest-grid { padding: 14px 12px; }
  .scientific-transition-recent-trades { padding-right: 12px; padding-left: 12px; }
}
.scientific-transition-delivery-note { margin: 10px 0 0; padding: 9px 11px; border-left: 3px solid #00b8d9; background: #f4fbfd; color: #526680; font-size: 10px; line-height: 1.55; }
.scientific-transition-delivery-note strong { color: #17324d; }
.scientific-transition-fit-preview { margin: 16px 20px 0; padding: 13px 14px 11px; overflow: hidden; border: 1px solid #dbe7ef; border-radius: 12px; background: linear-gradient(145deg,#fbfdff,#fff); }
.scientific-transition-fit-preview__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.scientific-transition-fit-preview__heading > div:last-child { display: flex; gap: 12px; color: #64748b; font-size: 9px; font-variant-numeric: tabular-nums; }
.scientific-transition-fit-preview__heading strong,.scientific-transition-fit-preview__heading small { display: block; }
.scientific-transition-fit-preview__heading strong { color: #243851; font-size: 12px; }
.scientific-transition-fit-preview__heading small { margin-top: 3px; color: #7b8aa0; font-size: 9px; }
.scientific-transition-fit-preview svg { display: block; width: 100%; height: 230px; margin-top: 7px; overflow: visible; }
.scientific-transition-fit-preview__axis { stroke: #e2e8f0; stroke-width: 1; vector-effect: non-scaling-stroke; }
.scientific-transition-fit-preview__actual,.scientific-transition-fit-preview__fitted { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.scientific-transition-fit-preview__actual { stroke: #ff2bd6; stroke-width: 2.1; opacity: .78; }
.scientific-transition-fit-preview__fitted { stroke: #0066ff; stroke-width: 2.7; }
.scientific-transition-fit-preview__turn { fill: #fff; stroke: #00b8d9; stroke-width: 3; vector-effect: non-scaling-stroke; }
.scientific-transition-fit-preview__turn--maximum { stroke: #d946ef; }
.scientific-transition-fit-preview__legend { display: flex; align-items: center; gap: 14px; color: #64748b; font-size: 8px; }
.scientific-transition-fit-preview__legend span { display: inline-flex; align-items: center; gap: 5px; }
.scientific-transition-fit-preview__legend i { display: inline-block; width: 18px; height: 3px; border-radius: 999px; background: #94a3b8; }
.scientific-transition-fit-preview__legend i.is-actual { background: #ff2bd6; }
.scientific-transition-fit-preview__legend i.is-fit { background: #0066ff; }
.scientific-transition-fit-preview__legend i.is-turn { width: 8px; height: 8px; border: 2px solid #00b8d9; border-radius: 50%; background: #fff; }
@media (max-width: 640px) { .scientific-transition-fit-preview { margin-right: 12px; margin-left: 12px; padding: 11px; } .scientific-transition-fit-preview__heading { flex-direction: column; } .scientific-transition-fit-preview svg { height: 190px; } }