/* Scoped to the feedback release; no heatmap or Grid selectors. */
#page-trade-smart:not([hidden]) { display:block!important; }
#page-orderflow .cf-context-rail { display:block!important; padding:6px 0 10px; border:0; }
#page-orderflow .cf-context-rail .cf-verdict { display:none!important; }
#page-orderflow .cf-context-rail .cf-pair-groups { display:flex!important; max-width:100%; width:100%; overflow:visible; flex-wrap:wrap; gap:8px 20px; }
#page-orderflow .cf-pair-groups .cf-pair-chips { display:flex; align-items:center; flex-wrap:wrap; gap:5px; padding:0; border:0; }
#page-orderflow .cf-movers-label { color:var(--of-muted); font:600 11px 'Instrument Sans',sans-serif; white-space:nowrap; min-width:91px; }
#page-orderflow .cf-movers-label small { font-size:10px; }
#page-orderflow .cf-movers-empty { color:var(--of-muted); font-size:11px; }
#page-orderflow .cf-pair { font-size:11px; padding:5px 7px; min-height:30px; }
/* Keep selection separate from direction. The legacy inverted fill collided
   with the later theme ink override, producing white-on-white / black-on-black. */
#page-orderflow .cf-pair.active {
  background:var(--of-surface-3);
  color:var(--cf-ink);
  border-color:var(--of-accent);
  box-shadow:inset 0 -2px 0 var(--of-accent);
}
#page-orderflow .cf-pair .s { color:inherit; }
#page-orderflow .cf-pair.up .c { color:var(--cf-ink-up); }
#page-orderflow .cf-pair.dn .c { color:var(--cf-ink-dn); }
#page-orderflow .cf-pair:focus-visible { outline:2px solid var(--of-accent); outline-offset:2px; }
#cf-share-modal .cf-share-preview-wrap { min-width:0; overflow:auto; }
#cf-share-modal #cf-share-canvas { display:block; width:100%!important; max-width:100%!important; height:auto!important; min-width:0!important; }
.of4-book-details { padding:5px 12px; color:var(--cf-ink-muted,var(--ink-2)); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
#of4-funding-clock { display:block; margin-top:3px; color:var(--cf-ink-muted,var(--ink-2)); font-size:10px; font-weight:500; letter-spacing:.03em; font-variant-numeric:tabular-nums; }
#page-orderflow .of4-funding .of4-title { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:baseline; row-gap:2px; }
#page-orderflow .of4-funding #of4-funding-clock { grid-column:1/-1; width:auto; max-width:none; overflow:visible; white-space:nowrap; text-overflow:clip; }
#page-trade-smart .ts2-hero { display:block; padding-bottom:12px; }
#page-trade-smart .ts2-reassurance { font-size:13px; font-weight:600; margin-top:12px; }
#page-trade-smart > .ts2-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:14px 0 20px; }
#page-trade-smart > .ts2-steps span { display:flex; align-items:center; gap:8px; font-size:13px; }
#page-trade-smart > .ts2-steps b { border:1px solid var(--border,#657084); border-radius:50%; width:24px; height:24px; display:inline-grid; place-items:center; flex:none; }
#page-trade-smart .ts2-rail[hidden] { display:none!important; }
#page-trade-smart .ts2-feat { min-height:0!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center; padding:24px!important; gap:16px!important; }
#page-trade-smart .ts2-feat .ts2-hook { font-size:32px; margin:8px 0; }
#page-trade-smart .ts2-ribbon { position:static; grid-column:1/-1; justify-self:start; transform:none; margin:0; font-size:10px; padding:4px 8px; }
#page-trade-smart .ts2-cta-row { display:flex; flex-direction:column; align-items:stretch; gap:4px; margin-top:12px; }
#page-trade-smart .ts2-claimbtn { background:none!important; border:0!important; box-shadow:none!important; min-height:32px!important; padding:6px!important; font-size:12px!important; text-decoration:underline; font-weight:400!important; }
#page-trade-smart .ts2-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#page-trade-smart .ts2-card { min-height:0; display:flex; flex-direction:column; padding:20px; }
#page-trade-smart .ts2-card .ts2-hook { font-size:26px; }
#page-trade-smart .ts2-card .ts2-cta-row { margin-top:auto; padding-top:16px; }
#page-trade-smart .ts2-native-amount { font-size:11px; margin:6px 0 10px; opacity:.85; }
#page-trade-smart .ts2-section-heading { font-size:16px; height:auto; min-height:0; margin:24px 20px 12px; }
#page-trade-smart .ts2-tracking-note { display:block; font-size:11px; max-width:290px; padding-top:8px; }
#page-trade-smart .ts2-recommended { display:inline-block; font-size:10px; font-weight:600; color:var(--accent-ink); background:var(--accent-soft); border:1px solid var(--line); padding:4px 7px; border-radius:4px; }
#page-trade-smart .ts2-eligibility-note,#page-trade-smart .ts2-opened-progress { font-size:12px; line-height:1.5; color:var(--ink-2); margin:8px 0; }
#page-trade-smart .ts2-rail [hidden] { display:none!important; }
#page-trade-smart .ts2-fee-discount { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 20px; margin-top:20px; }
#page-trade-smart .ts2-fee-discount .ts2-name,#page-trade-smart .ts2-fee-discount .ts2-hook,#page-trade-smart .ts2-fee-discount .ts2-perks { grid-column:1; }
#page-trade-smart .ts2-fee-discount .ts2-cta-row { grid-column:2; grid-row:1/span 3; padding:0; margin:0; justify-content:center; }
#page-trade-smart .ts2-fee-discount .ts2-form,#page-trade-smart .ts2-fee-discount .ts2-done { grid-column:1/-1; }
#page-trade-smart .ts-foot { display:flex; flex-direction:column; gap:8px; font-size:11px; line-height:1.5; }
@media(max-width:680px) {
  #page-orderflow .cf-pair-groups .cf-pair-chips { width:100%; gap:4px; }
  #page-orderflow .cf-movers-label { min-width:78px; font-size:10px; }
  #page-orderflow .cf-pair { padding:5px; font-size:10px; }
  #page-trade-smart > .ts2-steps { grid-template-columns:1fr; gap:8px; }
  #page-trade-smart .ts2-feat,#page-trade-smart .ts2-row,#page-trade-smart .ts2-fee-discount { grid-template-columns:1fr!important; }
  #page-trade-smart .ts2-feat { padding:18px!important; }
  #page-trade-smart .ts2-fee-discount .ts2-cta-row { grid-column:1; grid-row:auto; padding-top:12px; }
}