:root{color-scheme:dark;--bg:#06101d;--panel:#0a1727;--panel2:#0d1d31;--line:#20324a;--text:#edf4ff;--muted:#8fa4bd;--blue:#45a4ff;--green:#24d18f;--red:#ff6174;--amber:#f7b955;--navy:#071525;--shadow:0 12px 40px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 80% -10%,#112d4f 0,transparent 30%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh;max-width:1600px;margin:auto}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:rgba(6,16,29,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:17px}.brand span{display:block;color:var(--muted);font-size:11px}.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0d8cff,#29d3b0);font-weight:900}.header-actions{display:flex;gap:8px;align-items:center}.badge{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.badge.good{background:#113f35;color:#6ff0c2}.badge.bad{background:#471d27;color:#ff94a2}.badge.neutral{background:#1a2b40;color:#a9bdd2}nav{display:flex;gap:4px;padding:10px 18px;overflow:auto;border-bottom:1px solid var(--line);background:#071321}nav button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:9px;font-weight:700;white-space:nowrap}nav button.active{background:#11263e;color:white}main{padding:20px}.screen{display:none}.screen.active{display:block}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}h1{font-size:25px;margin:0 0 4px}h2{font-size:15px;margin:18px 0 10px}p{margin:0;color:var(--muted)}button,input,select{font:inherit}button{cursor:pointer}.primary,.ghost{border-radius:9px;padding:10px 14px;font-weight:800}.primary{border:1px solid #3198ff;background:#1687ec;color:white}.ghost{border:1px solid var(--line);background:#0b1a2c;color:#dbe9fa}.hidden{display:none!important}.control-row,.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.control-row input{min-width:300px;flex:1}.control-row input,.control-row select,.form-grid input{background:#09182a;border:1px solid var(--line);color:white;border-radius:8px;padding:10px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card,.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.card{padding:14px}.card-head{display:flex;justify-content:space-between;align-items:center}.direction{font-size:11px;font-weight:900;padding:4px 7px;border-radius:6px}.long{background:#153c34;color:#63e7b8}.short{background:#46212a;color:#ff8d9b}.wait{background:#3d3420;color:#ffd077}.scoreline{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px;color:var(--muted)}.scoreline b{color:white}.table-wrap{margin-top:16px;overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#091624}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #17283c;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8ea4bd}tbody tr{cursor:pointer}tbody tr:hover{background:#102239}.state-ready{color:var(--green);font-weight:900}.state-no_trade{color:var(--red);font-weight:900}.state-wait{color:var(--amber);font-weight:900}.chart-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.8fr);gap:12px}.panel{padding:14px;overflow:hidden}canvas{width:100%;height:auto;display:block;background:#06101c;border-radius:8px}.vcard .hero{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.big-score{font-size:34px;font-weight:900}.kv{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px;color:var(--muted)}.kv b{color:white}.vision-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-zone{display:grid;place-items:center;min-height:180px;border:1px dashed #3b5c80;border-radius:12px;background:#071423;cursor:pointer;text-align:center}.upload-zone span{color:var(--muted);font-size:12px}.upload-zone input{display:none}.preview{width:100%;max-height:480px;object-fit:contain;margin-top:12px;border-radius:10px;background:#050b13}.result pre{white-space:pre-wrap;word-break:break-word;color:#d9e8fb}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.metric{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0b192a}.metric span{color:var(--muted);font-size:11px}.metric b{display:block;font-size:22px;margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px}.form-grid label{display:grid;gap:6px;color:var(--muted)}.form-grid button{align-self:end}.empty{color:var(--muted);padding:18px;text-align:center}code{color:#71c0ff;background:#06111e;padding:2px 5px;border-radius:5px}footer{display:flex;justify-content:space-between;color:#61788f;padding:24px;border-top:1px solid var(--line);margin-top:30px;font-size:11px}@media(max-width:900px){.cards{grid-template-columns:1fr}.chart-grid,.vision-grid,.two-col{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.control-row input{min-width:100%}}@media(max-width:520px){main{padding:12px}header{padding:10px 12px}nav{padding:8px}.brand span{display:none}.section-head{display:block}.section-head button{margin-top:10px;width:100%}.metrics{grid-template-columns:1fr 1fr}.table-wrap{font-size:12px}th,td{padding:9px 8px}}

.scanner-controls{display:grid;gap:12px}.main-controls{padding:12px;background:#081727;border:1px solid var(--line);border-radius:12px}.compact-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.compact-label select{background:#09182a;border:1px solid var(--line);color:white;border-radius:8px;padding:10px}.market-universe-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.universe-family{padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0b1b2e,#081522)}.family-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.family-title b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.family-title span{font-size:10px;color:var(--muted)}.universe-buttons{display:flex;gap:6px;flex-wrap:wrap}.universe-btn{border:1px solid #29415e;background:#0a1a2c;color:#a9bdd2;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800}.universe-btn:hover{border-color:#3d78aa;color:white}.universe-btn.active{background:#123d62;border-color:#3098f0;color:#fff;box-shadow:inset 0 0 0 1px rgba(72,167,255,.18)}.section-chip{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#112b45;color:#7fc3ff;font-size:10px;vertical-align:middle}.badge.live{background:#173727;color:#5ee6ae}.badge.scanning{background:#3d3420;color:#ffd077}@media(max-width:900px){.market-universe-panel{grid-template-columns:1fr}.family-title{align-items:flex-start;flex-direction:column}.main-controls .compact-label{flex:1}.main-controls select{width:100%}}

.scanner-subcategories-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:2px 2px 0;color:#dbe9fa}.scanner-subcategories-title b{font-size:13px}.scanner-subcategories-title span{font-size:10px;color:var(--muted)}@media(max-width:520px){.scanner-subcategories-title{align-items:flex-start;flex-direction:column}}

/* V2.3 nested scanner universes + live chart */
.market-universe-panel.nested{grid-template-columns:1fr 1fr;align-items:start}.universe-groups{display:grid;gap:9px}.universe-group{padding:9px;border:1px solid #1d334b;border-radius:10px;background:#071321}.group-title{margin-bottom:7px;color:#72bfff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.crypto-family{box-shadow:inset 3px 0 0 #3098f0}.traditional-family{box-shadow:inset 3px 0 0 #8495aa}.chart-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.live-price{font-size:20px;font-weight:900;letter-spacing:.02em;color:#eaf6ff;min-width:105px;text-align:right}.chart-toolbar select{background:#09182a;border:1px solid var(--line);color:white;border-radius:8px;padding:9px}.badge.live{animation:tdpulse 1.8s ease-in-out infinite}@keyframes tdpulse{0%,100%{opacity:1}50%{opacity:.66}}@media(max-width:900px){.market-universe-panel.nested{grid-template-columns:1fr}.chart-toolbar{justify-content:flex-start}.live-price{text-align:left}}

/* V2.4 interactive universes + pinned live scanner ledger */
.universe-cards{display:grid;gap:7px}.universe-card{border:1px solid #1b3147;border-radius:9px;padding:7px;background:#081522}.universe-card.active{border-color:#3098f0;background:#0b2035}.universe-card .universe-btn{width:100%;text-align:left}.universe-preview{font-size:9px;line-height:1.45;color:#6f879f;padding:5px 4px 0;word-break:break-word}.active-universe-symbols{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#071421}.symbols-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.symbols-head b{font-size:12px}.symbols-head span{font-size:10px;color:var(--muted)}.ticker-chips{display:flex;gap:6px;flex-wrap:wrap}.ticker-chip{border:1px solid #29415e;background:#09182a;color:#a9bdd2;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.ticker-chip:hover,.ticker-chip.active{border-color:#48a7ff;color:#fff;background:#123d62}.scanner-ledger{margin-top:2px}.ledger-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.ledger-head h2{font-size:20px;margin:2px 0}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:#6faee8}.ledger-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ledger-price{font-size:20px;font-weight:900;color:#eaf6ff;min-width:110px;text-align:right}.ledger-meta{font-size:10px;color:var(--muted);margin-top:7px}#ledgerCanvas{height:180px}.scanner-subcategories-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.scanner-subcategories-title span{font-size:10px;color:var(--muted)}@media(max-width:700px){.symbols-head,.ledger-head{align-items:flex-start;flex-direction:column}.ledger-toolbar{width:100%}.ledger-price{text-align:left}.scanner-subcategories-title{align-items:flex-start;flex-direction:column}}

/* V2.5 scanner control correction */
.auto-switch{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:900;cursor:pointer;user-select:none}.auto-switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:34px;height:18px;border-radius:999px;background:#23364b;border:1px solid #36506d;position:relative;transition:.18s}.switch-knob{position:absolute;width:12px;height:12px;border-radius:50%;background:#9eb1c5;left:2px;top:2px;transition:.18s}.auto-switch input:checked+.switch-track{background:#125b49;border-color:#29d3a2}.auto-switch input:checked+.switch-track .switch-knob{left:18px;background:#70f0c4}.compact-action{padding:6px 10px;font-size:10px}.universe-btn[aria-pressed="true"]{background:#174b76!important;border-color:#48a7ff!important;color:#fff!important;box-shadow:0 0 0 2px rgba(72,167,255,.13)}.scanner-subcategories-title>div{display:flex;gap:10px;align-items:center}.scanner-ledger{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;padding:8px!important;margin-top:0}.ledger-identity{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:baseline;min-width:175px}.ledger-identity .eyebrow{grid-column:1/-1}.ledger-identity b{font-size:12px}.ledger-price{font-size:13px;font-weight:900;color:#eaf6ff;min-width:0;text-align:left}.ledger-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap}.ledger-toolbar .compact-label{font-size:9px}.ledger-toolbar .compact-label select{padding:5px 6px;font-size:10px}.ledger-meta{font-size:9px;color:var(--muted);white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis;margin:0}#ledgerCanvas{height:68px!important;width:100%;min-width:180px;background:#06101c}.scanner-ledger .badge{font-size:9px;padding:4px 6px}@media(max-width:760px){.scanner-ledger{grid-template-columns:1fr minmax(140px,1.4fr)}.ledger-toolbar{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.scanner-subcategories-title>div{align-items:flex-start;flex-direction:column;gap:2px}}

/* V2.5 live stats PnL */
.stats-pnl-panel{margin-bottom:12px}.stats-pnl-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:10px}.stats-pnl-head h2{margin:2px 0 0;font-size:17px}.pnl-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric.positive{border-color:rgba(36,209,143,.45);background:linear-gradient(180deg,rgba(18,70,55,.55),#0b192a)}.metric.positive b{color:var(--green)}.metric.negative{border-color:rgba(255,97,116,.45);background:linear-gradient(180deg,rgba(80,28,39,.55),#0b192a)}.metric.negative b{color:var(--red)}@media(max-width:900px){.pnl-metrics{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats-pnl-head{align-items:flex-start;flex-direction:column}.pnl-metrics{grid-template-columns:1fr 1fr}}

/* V2.6 paper position telemetry + locked execution map */
.paper-toolbar{display:flex;align-items:center;gap:8px}.paper-trade-card{margin-bottom:12px;padding:12px;border-color:#243c56;background:linear-gradient(180deg,#0b1a2d,#081421)}.paper-trade-card.positive{border-color:rgba(36,209,143,.45)}.paper-trade-card.negative{border-color:rgba(255,97,116,.45)}.paper-trade-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.paper-symbol-row{display:flex;align-items:center;gap:8px;margin-top:3px}.paper-symbol-row>b{font-size:18px}.paper-pnl{display:grid;text-align:right;line-height:1.05}.paper-pnl span{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.paper-pnl b{font-size:19px;margin-top:3px}.paper-pnl small{font-size:11px;margin-top:3px}.positive,.paper-pnl.positive b,.paper-pnl.positive small{color:var(--green)!important}.negative,.paper-pnl.negative b,.paper-pnl.negative small{color:var(--red)!important}.paper-sparkline{width:100%;height:82px!important;margin-top:9px;border:1px solid #18304a;border-radius:8px}.paper-mark-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.paper-mark-row b{color:#eaf6ff}.paper-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.paper-level-grid>div{padding:7px 8px;border:1px solid #1c3249;border-radius:8px;background:#071321;min-width:0}.paper-level-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.paper-level-grid b{display:block;margin-top:3px;font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.closed-trade-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.closed-trade-row .ghost{padding:6px 9px;font-size:10px}@media(max-width:900px){.paper-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.paper-toolbar{margin-top:9px;justify-content:space-between}.paper-trade-head{gap:8px}.paper-level-grid{grid-template-columns:1fr 1fr}.paper-actions{grid-template-columns:1fr}.closed-trade-row{grid-template-columns:1fr auto}.closed-trade-row .ghost{grid-column:1/-1}}


/* V2.7 full-width individual paper-position telemetry */
.paper-open-panel{margin-bottom:14px;padding:14px}.paper-closed-panel{margin-top:0}.paper-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:10px}.paper-panel-head h2{margin:2px 0 0;font-size:18px}.paper-open-trades{display:grid;grid-template-columns:1fr;gap:12px}.paper-trade-card{margin:0!important;padding:14px!important;border-width:1px;box-shadow:0 10px 28px rgba(0,0,0,.22)}.paper-trade-head{padding-bottom:9px;border-bottom:1px solid #173049}.paper-opened{margin-top:5px;color:var(--muted);font-size:9px}.paper-live-dot{font-size:8px;font-weight:900;letter-spacing:.08em;color:#5ee6ae;border:1px solid rgba(94,230,174,.35);background:rgba(23,55,39,.65);padding:3px 6px;border-radius:999px}.paper-trade-body{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.3fr);gap:12px;align-items:stretch;margin-top:11px}.paper-chart-block{min-width:0;padding:9px;border:1px solid #183149;border-radius:10px;background:#06111e}.paper-chart-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.paper-chart-title span{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.10em}.paper-chart-title b{font-size:12px;color:#fff}.paper-sparkline{height:126px!important;margin:0!important;border:0!important;border-radius:7px}.paper-line-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:8px;font-weight:900;letter-spacing:.06em}.paper-line-legend span:before{content:'';display:inline-block;width:9px;height:2px;margin-right:4px;vertical-align:middle;background:currentColor}.paper-line-legend .entry{color:#d7e4f2}.paper-line-legend .stop{color:#ff6174}.paper-line-legend .tp1{color:#7be0bd}.paper-line-legend .tp2{color:#24d18f}.paper-line-legend .tp3{color:#14b8a6}.paper-position-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-content:start}.paper-stat{padding:8px;border:1px solid #1c3249;border-radius:8px;background:#071321;min-width:0}.paper-stat span{display:block;color:var(--muted);font-size:8px;line-height:1.1;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.paper-stat b{display:block;margin-top:4px;font-size:11px;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper-stat.emphasis{border-color:#31516e;background:#0a1a2a}.paper-stat.stop{border-color:rgba(255,97,116,.35)}.paper-stat.stop b{color:#ff8c99}.paper-stat.tp{border-color:rgba(36,209,143,.25)}.paper-stat.tp b{color:#78e6c0}.paper-stat.positive{border-color:rgba(36,209,143,.42);background:rgba(18,70,55,.35)}.paper-stat.negative{border-color:rgba(255,97,116,.42);background:rgba(80,28,39,.35)}.paper-actions{margin-top:11px}.paper-pnl b{font-size:22px}.paper-pnl small{font-size:12px}.paper-mark-row,.paper-level-grid{display:none!important}@media(max-width:1050px){.paper-trade-body{grid-template-columns:1fr}.paper-position-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:760px){.paper-panel-head{align-items:flex-start;flex-direction:column}.paper-position-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.paper-trade-body{grid-template-columns:1fr}}@media(max-width:520px){.paper-position-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-chart-block{padding:7px}.paper-sparkline{height:112px!important}.paper-pnl b{font-size:18px}}


/* V2.8 leveraged paper order sizing */
.paper-order-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #294765;border-radius:14px;background:#071321;color:#eaf6ff;padding:0;box-shadow:0 28px 80px rgba(0,0,0,.62)}.paper-order-dialog::backdrop{background:rgba(1,7,14,.78);backdrop-filter:blur(3px)}.paper-order-shell{padding:16px}.paper-order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #173049}.paper-order-head h2{margin:3px 0 0;font-size:20px}.paper-order-plan{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:var(--muted);font-size:11px}.paper-order-plan b{color:#fff}.paper-order-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.paper-order-grid label{font-size:10px;color:var(--muted);font-weight:800}.paper-order-grid select,.paper-order-grid input{width:100%;margin-top:5px}.paper-leverage-quick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.paper-leverage-quick>span{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-right:4px}.paper-leverage-quick .ghost{padding:5px 9px}.paper-order-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.paper-order-preview>div{padding:9px;border:1px solid #1c3249;border-radius:8px;background:#091827;min-width:0}.paper-order-preview span{display:block;font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.paper-order-preview b{display:block;margin-top:4px;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper-order-invalid{grid-column:1/-1;color:var(--muted)}.paper-order-error{min-height:18px;color:#ff8c99;font-size:10px;margin-top:8px}.paper-order-actions{display:flex;justify-content:flex-end;margin-top:6px}.paper-order-note{font-size:9px;margin-top:10px}.paper-stat.leverage{border-color:rgba(72,167,255,.35);background:rgba(16,48,77,.34)}.paper-stat.leverage b{color:#8bc8ff}@media(max-width:700px){.paper-order-grid{grid-template-columns:1fr}.paper-order-preview{grid-template-columns:1fr 1fr}}


/* V3.0 high-impact news */
.latest-news-strip{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;margin-bottom:12px;border:1px solid #263e55;border-radius:10px;background:linear-gradient(90deg,rgba(30,48,67,.75),rgba(7,19,33,.85));overflow:hidden}
.latest-news-label{display:flex;gap:8px;align-items:center}.latest-news-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.latest-news-items>div{display:grid;gap:2px;min-width:0;padding-left:9px;border-left:2px solid #294762}.latest-news-items span{font-size:10px;color:#eef7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-news-items small{font-size:8px;color:var(--muted)}.impact-text{font-size:8px;letter-spacing:.08em}.impact-text.critical{color:#ff6174}.impact-text.high{color:#ffbe55}
.news-toolbar{display:flex;align-items:center;gap:8px}.news-filter-bar{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}.news-filter-bar button{white-space:nowrap;min-height:36px}.news-filter-bar button.active{border-color:#48a7ff;background:#123d61;color:#fff}.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.news-card{display:grid;gap:7px;padding:12px;border:1px solid #20384f;border-radius:10px;background:#091727;min-width:0}.news-card.impact-critical{border-color:rgba(255,97,116,.65);box-shadow:inset 3px 0 0 #ff6174}.news-card.impact-high{border-color:rgba(255,190,85,.45);box-shadow:inset 3px 0 0 #ffbe55}.news-card-top{display:flex;justify-content:space-between;align-items:center}.news-impact{font-size:9px;font-weight:900;letter-spacing:.08em}.impact-critical .news-impact{color:#ff7b8a}.impact-high .news-impact{color:#ffd17c}.news-age,.news-source{font-size:9px;color:var(--muted)}.news-title{font-size:13px;line-height:1.3;color:#f1f7ff;text-decoration:none;font-weight:800}.news-title:hover{text-decoration:underline}.news-tags{display:flex;gap:5px;flex-wrap:wrap}.news-tags span{font-size:8px;color:#9dc4e4;border:1px solid #284660;border-radius:999px;padding:3px 6px}.news-note{margin-top:12px;font-size:9px}
@media(max-width:900px){.latest-news-items{grid-template-columns:1fr}.latest-news-items>div:nth-child(n+2){display:none}.news-list{grid-template-columns:1fr}}


/* V3.0 responsive paper layout + mobile navigation */
.paper-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;align-items:start}
.paper-columns .paper-open-panel,.paper-columns .paper-closed-panel{margin:0;min-width:0}
.paper-columns .paper-trade-body{grid-template-columns:1fr}
.paper-columns .paper-position-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.paper-columns .paper-sparkline{height:112px!important}
.settings-block,.settings-save-panel{margin-top:12px}.settings-block-head h2{margin:2px 0 4px}.settings-block-head p{font-size:11px}.vision-config-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #17283c}.vision-config-row:last-of-type{margin-bottom:10px}

@media(max-width:900px){
  .paper-columns{grid-template-columns:1fr}
  .paper-columns .paper-position-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom));}
  main{padding:12px 10px 18px}
  header{padding:9px 10px;z-index:30}
  .logo{width:34px;height:34px;border-radius:10px}
  .brand strong{font-size:15px}
  .header-actions{gap:5px}
  .header-actions .badge{font-size:8px;padding:4px 6px}
  #installBtn{display:none!important}
  #nav{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));background:rgba(5,15,27,.97);border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -12px 30px rgba(0,0,0,.38);overflow-x:auto;overscroll-behavior-x:contain}
  #nav button{min-height:44px;min-width:74px;padding:8px 10px;font-size:10px;border-radius:10px;flex:0 0 auto}
  button,.primary,.ghost,input,select{min-height:44px}
  .section-head{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}
  .section-head>div{width:100%}
  .section-head>button,.section-head .primary{width:100%;margin-top:0}
  h1{font-size:21px}
  .main-controls{display:grid;grid-template-columns:1fr 1fr;padding:9px}
  .main-controls>input{grid-column:1/-1;min-width:0;width:100%}
  .main-controls .compact-label{display:grid;gap:4px;min-width:0}
  .main-controls .compact-label select{width:100%}
  .main-controls .auto-switch{grid-column:1/-1}
  .market-universe-panel.nested{grid-template-columns:1fr}
  .universe-card .universe-btn,.ticker-chip{min-height:40px}
  .scanner-ledger{grid-template-columns:1fr!important}
  #ledgerCanvas{min-width:0!important;height:76px!important}
  .ledger-toolbar{grid-column:auto!important;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important}
  .ledger-meta{display:none}
  .chart-toolbar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .chart-toolbar .live-price{grid-column:1/-1;text-align:left}
  .chart-toolbar .badge{align-self:center}
  .chart-toolbar .compact-label{display:grid;gap:4px}
  .chart-toolbar select,.chart-toolbar button{width:100%}
  .chart-grid,.vision-grid,.two-col{grid-template-columns:1fr}
  #chartCanvas{width:100%!important;max-width:100%;height:auto}
  .panel{padding:10px}
  .metrics,.pnl-metrics{grid-template-columns:1fr 1fr;gap:7px}
  .metric{padding:10px}.metric b{font-size:17px}
  .paper-panel-head{align-items:flex-start;flex-direction:column;gap:5px}
  .paper-columns{grid-template-columns:1fr}
  .paper-trade-card{padding:10px!important}
  .paper-trade-head{gap:8px}
  .paper-symbol-row>b{font-size:16px}
  .paper-pnl b{font-size:18px}
  .paper-position-stats,.paper-columns .paper-position-stats{grid-template-columns:1fr 1fr}
  .paper-stat{padding:7px}
  .paper-sparkline,.paper-columns .paper-sparkline{height:100px!important}
  .paper-actions{grid-template-columns:1fr 1fr}
  .paper-order-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);margin:6px}
  .paper-order-shell{padding:12px}
  .paper-order-grid{grid-template-columns:1fr}
  .paper-order-preview{grid-template-columns:1fr 1fr}
  .paper-order-actions .primary{width:100%}
  .form-grid,.trade-default-grid{grid-template-columns:1fr;max-width:none}
  .form-grid input,.form-grid select{width:100%}
  .upload-zone{min-height:150px}
  .preview{max-height:42vh}
  .news-toolbar{width:100%;justify-content:space-between}
  .news-toolbar button{width:auto}
  .news-filter-bar{margin:0 -10px;padding:2px 10px 10px}
  .news-filter-bar button{min-height:40px}
  .news-list{grid-template-columns:1fr}
  .latest-news-strip{grid-template-columns:1fr}
  .latest-news-items>div:nth-child(n+2){display:none}
  footer{padding:18px 12px;flex-direction:column;gap:4px}
}

@media(max-width:420px){
  .metrics,.pnl-metrics{grid-template-columns:1fr 1fr}
  .paper-position-stats,.paper-columns .paper-position-stats{grid-template-columns:1fr 1fr}
  .paper-actions{grid-template-columns:1fr}
  .paper-order-preview{grid-template-columns:1fr 1fr}
  .brand span{display:none}
}

/* TradeDeskX additive branding layer. Keeps all V3 runtime layout IDs intact. */
.site-header{background:linear-gradient(90deg,rgba(3,10,24,.97),rgba(7,27,55,.92) 58%,rgba(3,10,24,.97));border-bottom-color:rgba(63,148,255,.34)}
.brand-logo{width:58px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 0 12px rgba(31,167,255,.38))}
.site-header .brand strong{font-size:19px;letter-spacing:.02em}.site-header .brand span{color:#a9c9e9;font-size:11px}
.social-x,.footer-social-x{color:#8fd8ff;text-decoration:none;font-weight:800;transition:color .18s ease,background .18s ease,border-color .18s ease}
.social-x{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid rgba(76,163,255,.38);border-radius:999px;background:rgba(8,38,72,.72)}
.social-x:hover,.footer-social-x:hover{color:#fff}.social-x:hover{background:rgba(19,91,154,.8);border-color:#4db5ff}
.hero-banner{position:relative;min-height:260px;margin:14px 18px 4px;border:1px solid rgba(78,143,224,.32);border-radius:18px;overflow:hidden;background:#041020;box-shadow:0 20px 55px rgba(0,0,0,.30)}
.hero-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.hero-banner-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,22,.94) 0%,rgba(2,15,34,.74) 28%,rgba(2,15,34,.14) 63%,rgba(2,9,22,.30) 100%)}
.hero-banner-copy{position:relative;z-index:1;max-width:610px;padding:48px 38px 42px}.hero-banner-copy .eyebrow{color:#7bc8ff;letter-spacing:.14em}.hero-banner-copy h1{font-size:42px;line-height:1.02;margin:8px 0 10px;text-shadow:0 0 22px rgba(51,171,255,.28)}.hero-banner-copy p{max-width:560px;color:#d7e7f8;font-size:15px}
.footer-social-x{color:#78c8ff}
@media(max-width:900px){.brand-logo{width:48px;height:48px}.hero-banner{min-height:220px;margin:12px 12px 4px}.hero-banner-copy{padding:34px 26px}.hero-banner-copy h1{font-size:34px}.social-x{font-size:11px;padding:6px 9px}}
@media(max-width:760px){.hero-banner{min-height:190px;margin:10px 10px 4px;border-radius:14px}.hero-banner-image{object-position:58% center}.hero-banner-gradient{background:linear-gradient(90deg,rgba(2,9,22,.94) 0%,rgba(2,15,34,.78) 42%,rgba(2,9,22,.22) 100%)}.hero-banner-copy{padding:26px 20px;max-width:360px}.hero-banner-copy h1{font-size:28px}.hero-banner-copy p{font-size:13px}.site-header .brand span{display:block}.social-x{font-size:0;width:40px;height:40px;padding:0;justify-content:center}.social-x::after{content:'X';font-size:15px;font-weight:900}}
@media(max-width:520px){.brand-logo{width:40px;height:40px}.site-header .brand strong{font-size:15px}.site-header .brand span{font-size:9px}.hero-banner{min-height:168px}.hero-banner-copy{padding:22px 16px;max-width:300px}.hero-banner-copy .eyebrow{font-size:9px}.hero-banner-copy h1{font-size:24px}.hero-banner-copy p{font-size:12px;line-height:1.35}.header-actions{gap:5px}.footer-social-x{display:inline-block;margin-bottom:4px}}
/* V3.1 secure branded access */
.auth-gate{position:fixed;inset:0;z-index:200;background:#020914 url('/assets/tradedeskx-header-v1.png') center/cover no-repeat;display:grid;place-items:center;padding:24px}.auth-gate::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,18,.94),rgba(1,12,28,.55),rgba(1,7,18,.86))}.auth-card{position:relative;z-index:1;width:min(460px,100%);background:rgba(3,14,30,.94);border:1px solid rgba(75,168,255,.4);border-radius:20px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.auth-logo{width:92px;height:92px;object-fit:contain;display:block;margin:0 auto 10px}.auth-copy{text-align:center}.auth-form{display:grid;gap:10px;margin-top:18px}.auth-form label,.social-watch-settings label{display:grid;gap:5px}.remember-row{display:flex!important;align-items:center;gap:8px}.auth-locked{display:none}.auth-gate.hidden{display:none!important}.security-result{margin-top:10px;white-space:pre-wrap}.social-watch-settings{display:grid;gap:10px;margin-top:16px}.social-watch-settings textarea{min-height:72px;background:#071423;color:#dcecff;border:1px solid var(--line);border-radius:8px;padding:8px}.custom-tickers-block{margin-top:10px;padding:10px;border:1px solid #183753;border-radius:12px;background:rgba(5,20,37,.65)}.custom-ticker-form{display:grid;grid-template-columns:1.1fr .8fr 1fr auto;gap:7px;margin-top:8px}.news-source-health{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.source-health-chip{font-size:9px;border:1px solid #294963;border-radius:999px;padding:5px 8px}.source-health-chip.live{color:#78f0bc}.source-health-chip.error{color:#ff8793}.source-health-chip.external,.source-health-chip.not-configured{color:#ffd17c}.news-card.impact-critical,.news-card.impact-high{grid-column:span 2;min-height:150px;border-width:1px}.news-social{font-size:9px;font-weight:900;letter-spacing:.08em;color:#7ed8ff}.news-summary{font-size:10px;color:#9eb5ca;line-height:1.4}
@media(max-width:760px){.auth-gate{background-image:url('/assets/tradedeskx-mobile-bg.png');background-position:center top}.auth-card{margin-top:18vh}.custom-ticker-form{grid-template-columns:1fr}.news-card.impact-critical,.news-card.impact-high{grid-column:span 1}}
.session-manager{margin-top:16px}.sessions-list{display:grid;gap:8px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(80,165,255,.18);border-radius:10px;background:rgba(5,18,34,.55)}.session-row span{display:grid;gap:3px}.session-row small{color:var(--muted);font-size:.78rem}
/* V3.3 subscription access + adaptive scanner */
.access-portal{position:fixed;inset:0;z-index:9999;background:#030a14;color:#edf7ff}.startup-view{display:none;position:absolute;inset:0;overflow:auto}.startup-view.active{display:flex}.startup-splash,.guest-landing,.access-form-view,.billing-view{align-items:center;justify-content:center;background-image:linear-gradient(rgba(1,9,20,.58),rgba(1,8,18,.82)),url('/assets/tradedeskx-header-v1.png');background-size:cover;background-position:center}.startup-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,174,255,.08),rgba(0,4,13,.52))}.splash-content,.access-card,.billing-shell{position:relative;z-index:2}.splash-content{text-align:center;max-width:720px;padding:40px}.splash-logo{width:min(280px,55vw);max-height:250px;object-fit:contain;filter:drop-shadow(0 0 28px #00a6ff)}.splash-content h1{font-size:clamp(2rem,5vw,4rem);margin:.3em 0}.splash-loader{width:180px;height:3px;margin:28px auto;background:linear-gradient(90deg,transparent,#00ccff,#fff,#00ccff,transparent);animation:splashPulse 1.2s infinite}@keyframes splashPulse{50%{opacity:.35;transform:scaleX(.7)}}.access-card{width:min(480px,calc(100vw - 32px));padding:32px;border:1px solid rgba(88,192,255,.28);border-radius:20px;background:rgba(3,16,31,.92);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 40px rgba(0,144,255,.1);backdrop-filter:blur(14px)}.landing-card{text-align:center}.access-logo{width:190px;max-height:160px;object-fit:contain}.access-logo.small{width:125px;max-height:100px}.access-actions,.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.access-form{display:grid;gap:12px}.access-form label,.crypto-invoice label{display:grid;gap:6px}.access-form input,.crypto-invoice input{width:100%}.owner-setup-link{margin:18px auto 0;background:none;border:0;color:#71c9ff;text-decoration:underline}.billing-view{align-items:flex-start;padding:40px 16px}.billing-shell{width:min(980px,100%);padding:28px}.billing-head{text-align:center}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.plan-card,.payment-card,.crypto-invoice{border:1px solid rgba(68,177,255,.28);border-radius:18px;background:rgba(5,19,35,.94);padding:24px}.plan-card.featured{box-shadow:0 0 34px rgba(0,183,255,.16)}.plan-card h2{font-size:2.4rem;margin:.4em 0}.plan-card h2 small{font-size:.45em}.plan-badge{letter-spacing:.16em;color:#72d8ff;font-weight:800}.payment-chooser,.crypto-invoice{margin-top:20px}.payment-grid{grid-template-columns:repeat(3,1fr)}.payment-card{text-align:left;color:inherit}.payment-card b,.payment-card span{display:block}.payment-card span{font-size:.82rem;color:#91a8bd;margin-top:6px}.payment-card:disabled{opacity:.4}.crypto-invoice code{display:block;overflow-wrap:anywhere;padding:10px;background:#020811;border-radius:8px;margin:8px 0}.app-shell.auth-locked{display:none}.subscription-settings,.owner-billing-admin{margin-top:20px}.pending-payment-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(100,160,210,.2);border-radius:10px;margin:8px 0}.pending-actions{display:flex;gap:8px}.strong{font-weight:800}@media(max-width:720px){.startup-splash,.guest-landing,.access-form-view,.billing-view{background-image:linear-gradient(rgba(1,7,18,.48),rgba(1,7,18,.84)),url('/assets/tradedeskx-mobile-bg.png');background-position:center top}.plan-grid,.payment-grid,.access-actions{grid-template-columns:1fr}.billing-view{padding:18px 8px}.billing-shell{padding:12px}.splash-logo{width:60vw}}

/* TradeDesk X V3.3 adaptive scanner / visual UX */
.hero-banner{min-height:0;height:clamp(180px,14vw,220px);display:grid;place-items:center;background:#020913;overflow:hidden;max-width:calc(100% - 36px)}
.hero-banner-picture,.hero-banner-image{width:100%;height:100%;display:block}.hero-banner-image{position:static;object-fit:cover;object-position:center 60%}
.hero-banner-gradient,.hero-banner-copy{display:none!important}
.horizon-panel{margin:0 0 12px;padding:12px 14px}.horizon-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.horizon-head b{display:block;font-size:16px}.horizon-selector{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:2px}.horizon-selector button,.news-segmented-nav button,.vision-mode-bar button{border:1px solid #24445f;background:linear-gradient(180deg,#0b1d31,#071523);color:#9fb8ce;border-radius:11px;padding:9px 13px;font-size:10px;font-weight:900;letter-spacing:.05em;white-space:nowrap;transition:.16s ease}.horizon-selector button:hover,.news-segmented-nav button:hover,.vision-mode-bar button:hover{border-color:#3e85ba;color:#eaf7ff;transform:translateY(-1px)}.horizon-selector button.active,.news-segmented-nav button.active,.vision-mode-bar button.active{color:white;border-color:#39a8ff;background:linear-gradient(135deg,#0c75c8,#103b6f);box-shadow:0 0 18px rgba(35,160,255,.18)}
.visual-scan-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;align-items:start}.visual-preview-panel{position:sticky;top:92px}.visual-preview-panel .preview{max-height:68vh}.vision-mode-bar{display:flex;gap:6px;overflow-x:auto;margin:12px 0 10px;padding-bottom:4px}.visual-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.vision-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.vision-section{border:1px solid #1e3a55;border-radius:10px;padding:10px;background:rgba(4,18,33,.7)}.vision-section h3{font-size:10px;letter-spacing:.08em;color:#7bc8ff;margin:0 0 6px}.vision-section p{color:#e2eef8}.vision-section.full{grid-column:1/-1}
.news-segmented-nav{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 10px;scrollbar-width:thin}.news-segmented-nav button{min-height:38px}.social-icon-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.social-quick-links{margin:4px 0 12px}.social-icon-link{width:40px;height:40px;border:1px solid #274963;border-radius:12px;display:grid;place-items:center;background:#081b2e;color:white;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18)}.social-icon-link:hover{border-color:#4fb8ff;background:#0b2a47}.social-icon-link svg{width:20px;height:20px;fill:currentColor}.social-icon-row.compact .social-icon-link{width:30px;height:30px;border-radius:9px}.social-icon-row.compact .social-icon-link svg{width:15px;height:15px}
.back-to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px));z-index:90;width:48px;height:48px;border-radius:50%;border:1px solid #3c9ee2;background:linear-gradient(145deg,#0f71b6,#082746);color:white;font-size:22px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.4),0 0 20px rgba(41,164,255,.18);opacity:0;transform:translateY(14px);pointer-events:none;transition:.2s ease}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}
@media(max-width:900px){.visual-scan-workspace{grid-template-columns:1fr}.visual-preview-panel{position:static}.hero-banner{height:190px;max-width:calc(100% - 24px)}}
@media(max-width:760px){.hero-banner{height:176px;max-height:none;background:#020913}.hero-banner-image{object-fit:cover;object-position:center 36%}.horizon-head{align-items:flex-start;flex-direction:column}.news-segmented-nav{margin-inline:-2px}.back-to-top{bottom:calc(74px + env(safe-area-inset-bottom));right:14px}.vision-section-grid{grid-template-columns:1fr}.vision-section.full{grid-column:auto}}
.vision-summary-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:14px;border:1px solid #295172;border-radius:14px;background:linear-gradient(135deg,rgba(9,36,61,.95),rgba(5,20,36,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.vision-summary-card h3{margin:4px 0 0;font-size:18px}.vision-score-stack{min-width:92px;text-align:center;border-left:1px solid rgba(105,185,238,.2);padding-left:14px}.vision-score-stack b{display:block;font-size:28px;color:#73caff}.vision-score-stack span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.vision-diagnosis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.vision-diagnosis-grid article{min-width:0;padding:11px;border:1px solid #1c3953;border-radius:11px;background:linear-gradient(180deg,rgba(7,25,43,.92),rgba(5,18,32,.92))}.vision-diagnosis-grid article>span{display:block;margin-bottom:5px;color:#7ccaff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.vision-diagnosis-grid article>b{display:block;overflow-wrap:anywhere;color:#eef8ff}.vision-diagnosis-grid article small{display:block;margin-top:6px;color:#8ea8bf;line-height:1.35}.vision-diagnosis-grid article.wide{grid-column:1/-1}.vision-diagnosis-grid ul{margin:6px 0 0;padding-left:18px;color:#d8e7f5}.vision-diagnosis-grid li+li{margin-top:4px}.vision-summary-text p{margin-top:4px;color:#dcebf7;line-height:1.55}
@media(max-width:760px){.vision-summary-card{align-items:flex-start}.vision-score-stack{min-width:76px}.vision-diagnosis-grid{grid-template-columns:1fr}.vision-diagnosis-grid article.wide{grid-column:auto}}

/* V3.3.1 compact premium header */
@media(max-width:520px){.hero-banner{height:168px;min-height:0;margin:10px 10px 4px;max-width:calc(100% - 20px)}.hero-banner-image{object-fit:cover;object-position:center 34%}}


/* V3.3.2 premium UI patch */
.hero-banner{position:relative;height:clamp(185px,15vw,230px);margin:16px 18px 8px;max-width:calc(100% - 36px);border-radius:24px;border:1px solid rgba(88,174,255,.22);background:#04101d;box-shadow:0 26px 60px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.02)}
.hero-banner-picture,.hero-banner-image{border-radius:inherit}.hero-banner-image{object-fit:cover;object-position:center 57%;filter:saturate(1.02) contrast(1.01)}
.hero-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,24,.84) 0%,rgba(3,12,24,.54) 30%,rgba(3,12,24,.16) 55%,rgba(3,12,24,.36) 100%);pointer-events:none}
.hero-banner-sheen{position:absolute;inset:0;background:linear-gradient(180deg,rgba(111,197,255,.10),transparent 28%,rgba(0,0,0,.18) 100%),radial-gradient(circle at 78% 18%,rgba(95,205,255,.14),transparent 22%);pointer-events:none}
.hero-banner-overlay{position:absolute;left:44px;top:50%;transform:translateY(-50%);max-width:min(42%,540px);z-index:1}.hero-banner-overlay .eyebrow{display:inline-block;letter-spacing:.16em;color:#a7d8ff;font-weight:800;margin-bottom:14px}.hero-banner-overlay h1{font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.02;margin:0 0 10px;background:linear-gradient(180deg,#ffffff,#c5e8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 35px rgba(0,0,0,.35)}.hero-banner-overlay p{max-width:560px;color:#d9ecfb;font-size:clamp(.92rem,1.4vw,1rem);line-height:1.45;text-shadow:0 8px 24px rgba(0,0,0,.3)}
.social-icon-row{gap:10px}.social-icon-link{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#0d2741,#08192d);border-color:#29577a;box-shadow:0 8px 22px rgba(0,0,0,.22)}.social-icon-link:hover{border-color:#69c3ff;background:linear-gradient(180deg,#12355a,#0a223b)}
.vision-grid.visual-v291{grid-template-columns:minmax(0,1.02fr) minmax(360px,1fr);gap:12px}.vision-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.vision-status-strip>div{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#0c1b2d,#081524)}.vision-status-strip span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#8db6d4;text-transform:uppercase;margin-bottom:6px}.status-text{color:#63e7b8;font-weight:900}.vision-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vision-card h2{margin:2px 0 10px;font-size:13px}.vision-card .empty{min-height:88px;display:grid;place-items:center}.vision-card.native-comparison{grid-column:1/-1}.visual-preview-panel .preview{max-height:430px;background:#06111d;border:1px solid rgba(78,136,190,.18)}.vision-message{margin-top:10px}.vision-mode-bar{margin:12px 0 12px}.vision-mode-bar button{font-size:10px;padding:9px 12px}.visual-preview-panel .button-row{margin-top:10px}.visual-preview-panel .button-row .primary{min-width:140px}.settings-grid-v291{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px}.settings-main-col,.settings-side-col{display:grid;gap:14px}.settings-card{padding:16px 18px}.settings-card h2{margin-top:0}.settings-card .form-grid{max-width:none}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-actions .primary{min-width:170px}.social-watch-settings textarea{width:100%;min-height:84px;background:#09182a;border:1px solid var(--line);color:#fff;border-radius:12px;padding:12px;resize:vertical}.social-watch-settings h3{margin:18px 0 10px}.premium-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 24px;margin-top:30px;border-top:1px solid var(--line);color:#8aa1b8;font-size:11px}.footer-copy{font-size:12px;font-weight:700;letter-spacing:.02em;color:#d7e6f7}.footer-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.social-icon-row.compact .social-icon-link{width:32px;height:32px}.social-icon-row.compact .social-icon-link svg{width:16px;height:16px}.settings-side-col #accountSecurityPanel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#accountSecurityPanel .form-grid button{min-height:42px}.settings-main-col .form-grid label,.settings-side-col .form-grid label{display:grid;gap:6px;color:var(--muted)}
@media(max-width:960px){.settings-grid-v291,.vision-grid.visual-v291,.vision-results,.vision-status-strip{grid-template-columns:1fr}.hero-banner-overlay{left:26px;max-width:60%}.hero-banner-overlay h1{font-size:clamp(1.6rem,5vw,2.7rem)}}
@media(max-width:760px){.hero-banner{height:190px;margin:12px 12px 6px;max-width:calc(100% - 24px)}.hero-banner-image{object-position:center 42%}.hero-banner-overlay{left:18px;right:18px;max-width:72%}.hero-banner-overlay p{font-size:.86rem}.premium-footer{padding-bottom:calc(26px + env(safe-area-inset-bottom))}}
@media(max-width:520px){.hero-banner{height:174px}.hero-banner::before{background:linear-gradient(90deg,rgba(3,12,24,.70),rgba(3,12,24,.46) 36%,rgba(3,12,24,.36))}.hero-banner-overlay{left:14px;right:14px;max-width:78%}.hero-banner-overlay .eyebrow{margin-bottom:9px;font-size:9px}.hero-banner-overlay h1{font-size:1.45rem;margin-bottom:7px}.hero-banner-overlay p{display:none}.settings-side-col #accountSecurityPanel .form-grid{grid-template-columns:1fr}.premium-footer{justify-content:center;text-align:center}.footer-meta{justify-content:center}}

.vision-panel-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.vision-panel-stack div{padding:10px;border:1px solid rgba(73,128,177,.22);border-radius:10px;background:rgba(7,20,35,.45)}.vision-panel-stack span,.vision-reason-columns span{display:block;margin-bottom:5px;color:#7ccaff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.vision-panel-stack b{display:block;color:#edf8ff;overflow-wrap:anywhere}.vision-reason-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vision-reason-columns>div{padding:10px;border:1px solid rgba(73,128,177,.22);border-radius:10px;background:rgba(7,20,35,.45)}.vision-reason-columns ul{margin:0;padding-left:18px;color:#dce9f7}.vision-reason-columns li+li{margin-top:4px}@media(max-width:760px){.vision-panel-stack,.vision-reason-columns{grid-template-columns:1fr}}

/* V3.3.5 functional/UI repair */
.hero-banner{height:clamp(190px,13vw,238px);background:linear-gradient(180deg,#061626,#020914);border-color:rgba(70,169,255,.28);box-shadow:0 18px 50px rgba(0,0,0,.32),0 0 28px rgba(34,144,255,.08);}
.hero-banner-picture,.hero-banner-image{width:100%;height:100%;display:block}.hero-banner-image{object-fit:cover;object-position:center 54%;filter:saturate(1.03) contrast(1.03) brightness(.94)}
.hero-banner::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,12,25,.10),rgba(3,12,25,.02) 48%,rgba(3,12,25,.22)),linear-gradient(90deg,rgba(2,9,20,.18),transparent 18%,transparent 82%,rgba(2,9,20,.18))}
.hero-banner-sheen{z-index:2;background:radial-gradient(circle at 50% 48%,rgba(41,180,255,.08),transparent 44%),linear-gradient(180deg,rgba(126,207,255,.04),transparent 28%,rgba(0,0,0,.10))}.hero-banner-overlay{display:none!important}
.family-title,.group-title{position:relative;display:flex;align-items:center;gap:8px}.category-collapse{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid #284560;background:#081a2d;color:#8fc8f1;border-radius:8px;padding:0;cursor:pointer}.category-collapse span{transition:transform .16s ease}.universe-family.collapsed>.universe-groups,.universe-family.collapsed>.custom-tickers-block{display:none}.universe-group.collapsed>.universe-buttons,.universe-group.collapsed>.universe-cards{display:none}.universe-family.collapsed .category-collapse span,.universe-group.collapsed>.group-title .category-collapse span{transform:rotate(-90deg)}
.custom-ticker-status{font-size:10px;margin-top:7px;min-height:16px}.custom-ticker-form .primary{min-width:68px}.custom-ticker-form button:disabled{opacity:.6;cursor:wait}
.scanner-ledger{grid-template-columns:minmax(220px,270px) auto minmax(260px,1fr) auto}.quick-market-grid{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));gap:6px;align-self:stretch}.quick-market-btn{min-height:31px;border:1px solid #294864;background:linear-gradient(180deg,#0b1d31,#071523);color:#9ebbd3;border-radius:9px;padding:5px 7px;font-size:9px;font-weight:900;letter-spacing:.02em;cursor:pointer}.quick-market-btn:hover,.quick-market-btn.active{border-color:#43a8ef;color:#fff;background:linear-gradient(180deg,#15476f,#0c2e4b);box-shadow:0 0 0 1px rgba(72,167,255,.12)}
@media(max-width:1100px) and (min-width:621px){.hero-banner{height:230px}.hero-banner-image{object-position:center 48%}.scanner-ledger{grid-template-columns:minmax(200px,240px) minmax(120px,.45fr) minmax(220px,1fr)}.ledger-toolbar{grid-column:1/-1}}
@media(max-width:760px){.scanner-ledger{grid-template-columns:1fr!important}.quick-market-grid{grid-template-columns:repeat(3,1fr);width:100%}.hero-banner{height:205px}.hero-banner-image{object-position:center 46%}.custom-ticker-form{grid-template-columns:1fr 1fr}.custom-ticker-form input:last-of-type{grid-column:1/-1}.custom-ticker-form button{grid-column:1/-1}}
@media(max-width:520px){.hero-banner{height:185px}.hero-banner-image{object-position:center 44%}}

/* V3.3.6 approved desktop header replacement */
@media (min-width:1101px){
  .hero-banner-image{object-fit:cover;object-position:center center}
  .hero-banner::before{background:linear-gradient(180deg,rgba(3,12,25,.05),rgba(3,12,25,.01) 50%,rgba(3,12,25,.16)),linear-gradient(90deg,rgba(2,9,20,.10),transparent 16%,transparent 84%,rgba(2,9,20,.10))}
  .hero-banner-sheen{background:radial-gradient(circle at 50% 50%,rgba(41,180,255,.06),transparent 46%),linear-gradient(180deg,rgba(126,207,255,.03),transparent 30%,rgba(0,0,0,.08))}
}




/* V4.3.4 desktop panoramic header */
@media (min-width:1101px){
  .hero-banner{background:#020913;overflow:hidden}
  .hero-banner-picture{position:absolute;inset:0;width:100%;height:100%;display:block}
  .hero-banner-image{position:static;width:100%;height:100%;max-width:none;transform:none;object-fit:cover;object-position:center center;border-radius:inherit;filter:saturate(1.02) contrast(1.02) brightness(.97)}
  .hero-banner::before{background:linear-gradient(180deg,rgba(3,12,25,.025),rgba(3,12,25,0) 52%,rgba(3,12,25,.10))}
  .hero-banner-sheen{background:radial-gradient(circle at 50% 50%,rgba(41,180,255,.04),transparent 52%),linear-gradient(180deg,rgba(126,207,255,.02),transparent 34%,rgba(0,0,0,.05))}
}

.vision-image-meta{margin-top:8px;font-size:10px}.upload-zone.drag-over{border-color:#48a7ff;background:#0b2035;box-shadow:0 0 0 2px rgba(72,167,255,.12) inset}

#loadVisionTicketBtn:disabled{opacity:.45;cursor:not-allowed}

.integration-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connection-card{padding:12px;border:1px solid #1d334b;border-radius:12px;background:#071321}.connection-head,.connection-list>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.connection-head small{display:block;color:var(--muted)}.connection-env{display:flex;gap:6px;margin:8px 0}.connection-env span{font-size:9px;padding:3px 7px;border-radius:999px;background:#10263e}.referral-link{text-decoration:none;font-size:10px}@media(max-width:760px){.integration-cards{grid-template-columns:1fr}}

.trading-mode-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 18px;background:#06111f;border-bottom:1px solid var(--line);position:sticky;top:76px;z-index:72}.trading-env-selector{display:flex;gap:5px}.trading-env-selector button{border:1px solid #29415e;background:#09182a;color:#9fb8d3;border-radius:999px;padding:7px 14px;font-weight:900}.trading-env-selector button.active[data-environment='PAPER']{background:#19304a;color:#fff}.trading-env-selector button.active[data-environment='DEMO']{background:#0f5163;border-color:#24b6d4;color:#fff}.trading-env-selector button.active[data-environment='LIVE']{background:#6a1d2b;border-color:#ff6174;color:#fff;box-shadow:0 0 18px rgba(255,97,116,.24)}@media(max-width:760px){.trading-mode-bar{position:static;padding:8px 10px;flex-wrap:wrap}.trading-env-selector{width:100%}.trading-env-selector button{flex:1}}

/* V3.4 live execution controls */
.live-order-panel{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 18px;background:#071321;border-bottom:1px solid var(--line)}.live-execution-warning{margin-right:auto;font-size:10px;font-weight:900;letter-spacing:.08em;color:#f7b955}.ghost.danger,.primary.danger{border-color:rgba(255,97,116,.65);color:#ff9eaa}.primary.danger{background:#a92d3d;color:#fff}.live-order-confirm-dialog{border-color:rgba(255,97,116,.6)}@media(max-width:760px){.live-order-panel{padding:7px 10px;overflow-x:auto;justify-content:flex-start}.live-execution-warning{white-space:nowrap}.live-order-panel button{white-space:nowrap}}

/* V4.3.4 exact responsive splash backgrounds */
.startup-splash,.guest-landing,.access-form-view,.billing-view{background-image:linear-gradient(rgba(1,9,20,.50),rgba(1,8,18,.80)),url('/assets/splash-desktop-v3368.png')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}.startup-overlay{background:radial-gradient(circle at center,rgba(0,174,255,.06),rgba(0,4,13,.58))!important}@media(min-width:721px) and (max-width:1180px) and (min-aspect-ratio:1/1){.startup-splash,.guest-landing,.access-form-view,.billing-view{background-image:linear-gradient(rgba(1,8,18,.46),rgba(1,8,18,.78)),url('/assets/splash-zfold-wide-v3368.png')!important}}@media(min-width:721px) and (max-width:1180px) and (max-aspect-ratio:1/1){.startup-splash,.guest-landing,.access-form-view,.billing-view{background-image:linear-gradient(rgba(1,8,18,.46),rgba(1,8,18,.78)),url('/assets/splash-zfold-tall-v3368.png')!important}}@media(max-width:720px){.startup-splash,.guest-landing,.access-form-view,.billing-view{background-image:linear-gradient(rgba(1,7,18,.46),rgba(1,7,18,.82)),url('/assets/splash-mobile-v3368.png')!important;background-position:center center!important}}
.integration-connect-form{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#071523}.connection-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:9px;border-top:1px solid #183047}.connection-actions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.connection-actions button{border:1px solid #29415e;background:#0a1a2c;color:#d9eafa;border-radius:7px;padding:6px 9px}.integration-connect-form input,.integration-connect-form select{width:100%;background:#09182a;border:1px solid var(--line);color:#fff;border-radius:8px;padding:10px}


/* V4.3.4 workspace density upgrade */
.panel,.card,.vision-card{position:relative}
.workspace-collapse,.paper-trade-collapse{
  position:absolute;top:8px;right:8px;z-index:8;width:30px;height:30px;padding:0;
  border-radius:9px;display:grid;place-items:center;font-weight:900;line-height:1;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.workspace-collapsed{min-height:46px!important;max-height:46px!important;overflow:hidden!important;padding-bottom:0!important}
.workspace-collapsed > :not(.workspace-collapse):not(.section-head):not(h1):not(h2):not(h3):not(.eyebrow){display:none!important}
.workspace-collapsed .section-head{margin-bottom:0!important}
.paper-trade-collapse{position:relative;top:auto;right:auto;flex:0 0 auto;margin-right:8px}
.paper-partial-collapsed .paper-position-stats,
.paper-partial-collapsed .paper-fill-history,
.paper-partial-collapsed .paper-actions{display:none!important}
.paper-partial-collapsed .paper-trade-body{display:block!important}
.paper-partial-collapsed .paper-chart-block{display:block!important;margin-top:8px}
.paper-partial-collapsed .paper-sparkline{height:92px!important}
button{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background-color .12s ease}
button:hover:not(:disabled){filter:brightness(1.08)}
button:active:not(:disabled),button.button-pressed:not(:disabled){transform:translateY(1px) scale(.965);filter:brightness(1.18);box-shadow:inset 0 0 0 2px rgba(255,255,255,.16)}
@media (prefers-reduced-motion:reduce){button,.workspace-collapse,.paper-trade-collapse{transition:none!important}}

/* V4.3.4 collapse refinement: collapsed cells retain their category/header identity. */
.workspace-collapsed{
  min-height:52px!important;max-height:52px!important;overflow:hidden!important;
  padding-top:9px!important;padding-bottom:7px!important;
}
.workspace-collapsed > :not(.workspace-collapse):not(.section-head):not(.paper-panel-head):not(.collapsed-header-label):not(h1):not(h2):not(h3):not(.eyebrow){
  display:none!important;
}
.workspace-collapsed .section-head,
.workspace-collapsed .paper-panel-head{
  display:flex!important;min-height:34px!important;margin:0!important;padding:0 42px 0 0!important;
  align-items:center!important;overflow:hidden!important;
}
.workspace-collapsed .section-head > *,
.workspace-collapsed .paper-panel-head > *{margin-top:0!important;margin-bottom:0!important}
.workspace-collapsed .section-head h1,.workspace-collapsed .section-head h2,.workspace-collapsed .section-head h3,
.workspace-collapsed .paper-panel-head h1,.workspace-collapsed .paper-panel-head h2,.workspace-collapsed .paper-panel-head h3{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.collapsed-header-label{display:none;font-weight:900;font-size:13px;line-height:32px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:42px}
.workspace-collapsed > .collapsed-header-label{display:block!important}

/* Paper open-position compact mode: keep the trade header plus PIN-LINE only.
   Hide the chart title, level legend, telemetry and action areas so this is a true compact line view. */
.paper-partial-collapsed .paper-trade-head{display:flex!important;padding-bottom:7px!important}
.paper-partial-collapsed .paper-trade-body{display:block!important;margin-top:7px!important}
.paper-partial-collapsed .paper-chart-block{
  display:block!important;margin-top:0!important;padding:4px 6px!important;
  border:0!important;background:transparent!important;
}
.paper-partial-collapsed .paper-chart-title,
.paper-partial-collapsed .paper-line-legend,
.paper-partial-collapsed .paper-position-stats,
.paper-partial-collapsed .paper-fill-history,
.paper-partial-collapsed .paper-actions{display:none!important}
.paper-partial-collapsed .paper-sparkline{
  display:block!important;width:100%!important;height:54px!important;min-height:54px!important;
  border:0!important;background:transparent!important;margin:0!important;
}

/* R4 collapse identity + paper open-position compact pin-line correction */
.collapsed-identity{display:none}
.workspace-collapsed{
  min-height:64px!important;max-height:64px!important;height:64px!important;
  overflow:hidden!important;padding:7px 44px 7px 12px!important;
}
.workspace-collapsed > *{display:none!important}
.workspace-collapsed > .workspace-collapse,
.workspace-collapsed > .collapsed-identity{display:block!important}
.workspace-collapsed > .workspace-collapse{position:absolute!important;display:grid!important}
.workspace-collapsed > .collapsed-identity{
  min-width:0!important;height:50px!important;overflow:hidden!important;
}
.collapsed-identity b,.collapsed-identity span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.collapsed-identity b{font-size:13px!important;line-height:22px!important;color:var(--text,#eaf6ff)!important}
.collapsed-identity span{font-size:10px!important;line-height:18px!important;color:var(--muted,#8fa6bb)!important}

/* The Open Positions container must remain expanded. Individual trade cards do the collapsing. */
.paper-open-panel.workspace-collapsed{
  min-height:unset!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:14px!important;
}
.paper-open-panel.workspace-collapsed > *{display:initial!important}
.paper-open-panel > .workspace-collapse{display:none!important}

/* Individual open trade compact mode: header + subheader + live pin line are mandatory. */
.paper-trade-card.paper-partial-collapsed{
  min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:10px!important;
}
.paper-partial-collapsed > .paper-trade-head{display:flex!important;visibility:visible!important;height:auto!important;min-height:48px!important}
.paper-partial-collapsed .paper-trade-head .eyebrow,
.paper-partial-collapsed .paper-symbol-row,
.paper-partial-collapsed .paper-opened,
.paper-partial-collapsed .paper-pnl{display:flex!important;visibility:visible!important}
.paper-partial-collapsed .paper-pnl{display:grid!important}
.paper-partial-collapsed > .paper-trade-body{display:block!important;visibility:visible!important;height:auto!important;margin-top:6px!important}
.paper-partial-collapsed .paper-chart-block{display:block!important;visibility:visible!important;height:58px!important;padding:2px 4px!important;margin:0!important;overflow:hidden!important}
.paper-partial-collapsed .paper-chart-title,.paper-partial-collapsed .paper-line-legend{display:none!important}
.paper-partial-collapsed canvas.paperPositionSparkline{
  display:block!important;visibility:visible!important;width:100%!important;height:54px!important;min-height:54px!important;max-height:54px!important;opacity:1!important;
}

/* R5 visible paper automation controls */
.paper-automation-rules{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:8px 10px;border:1px solid #24415d;border-radius:10px;background:#071625}
.paper-automation-rules b{font-size:10px;letter-spacing:.09em}
.paper-automation-rules span{font-size:9px;color:var(--muted);padding:3px 7px;border:1px solid #1b354e;border-radius:999px}
.paper-automation-rules.automation-disabled{opacity:.45}
#paperAutomationToggle.automation-on{border-color:rgba(36,209,143,.65)!important;color:var(--green)!important;box-shadow:inset 0 0 0 1px rgba(36,209,143,.15)}

/* R6 automatic responsive density: desktop -> compact laptop -> tablet -> mobile */
html{font-size:16px}
body{min-width:0;overflow-x:hidden}
img,canvas,svg,video{max-width:100%}
.screen,.panel,.card,.vision-card,.paper-trade-card{min-width:0}
input,select,textarea,button{max-width:100%}

/* Smaller laptops: reduce the whole workspace density without requiring browser zoom. */
@media (max-width:1440px), (max-height:820px){
  html{font-size:14px}
  .app-shell,.shell,.main-shell,main{--responsive-gap:10px}
  .screen{padding:12px!important}
  .panel,.card,.vision-card{padding:11px!important}
  .section-head{margin-bottom:10px!important;gap:8px!important}
  .section-head h1{font-size:clamp(18px,1.7vw,24px)!important}
  .paper-columns{gap:10px!important}
  .metrics{gap:7px!important}
  button{min-height:32px}
}

/* Compact laptops / tablets: stack wide columns and let toolbars wrap. */
@media (max-width:1100px){
  html{font-size:13px}
  .screen{padding:9px!important}
  .paper-columns{grid-template-columns:minmax(0,1fr)!important}
  .section-head,.paper-panel-head,.paper-trade-head,.paper-toolbar,.news-toolbar,.live-order-panel{
    flex-wrap:wrap!important;min-width:0!important
  }
  .metrics,.paper-position-stats{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}
  .paper-trade-card{width:100%!important}
  .paper-sparkline{width:100%!important}
}

/* Phones: single-column controls, compact cards, horizontal scrolling only where data needs it. */
@media (max-width:700px){
  html{font-size:12px}
  body{width:100%;max-width:100vw}
  .screen{padding:7px!important}
  .panel,.card,.vision-card,.paper-trade-card{padding:8px!important;border-radius:10px!important}
  .section-head{align-items:flex-start!important}
  .section-head h1{font-size:18px!important;line-height:1.15!important}
  .section-head p,.paper-panel-head .muted{font-size:10px!important}
  .paper-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .paper-toolbar > *{width:100%!important;min-width:0!important}
  .paper-automation-rules{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .paper-position-stats,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .paper-trade-head{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  .paper-trade-head .paper-pnl{grid-column:1/-1!important;width:100%!important}
  .paper-symbol-row{flex-wrap:wrap!important}
  .paper-chart-block,canvas.paperPositionSparkline{width:100%!important}
  table{min-width:620px}
  .table-wrap,.data-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  dialog{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;margin:auto!important}
}

/* Very small phones */
@media (max-width:420px){
  html{font-size:11px}
  .screen{padding:5px!important}
  .paper-toolbar{grid-template-columns:1fr!important}
  .paper-position-stats,.metrics{grid-template-columns:1fr!important}
  button,input,select{min-height:38px}
  .collapsed-identity b{font-size:12px!important}
  .collapsed-identity span{font-size:9px!important}
}

/* R7 execution-chart protection: never allow responsive rules to crush the trading chart. */
#chartScreen .chart-grid{align-items:start}
#chartScreen .chart-grid > .panel:first-child{min-width:0;overflow:hidden}
#chartCanvas{
  display:block!important;
  width:100%!important;
  height:clamp(420px,56vh,620px)!important;
  min-height:420px!important;
  max-height:620px!important;
  aspect-ratio:auto!important;
}
#chartScreen #vcard{min-width:0;overflow:visible!important}
#chartScreen .chart-toolbar{position:relative;z-index:3}

/* Smaller laptop: preserve execution room; stack the ticket under the chart before either becomes too narrow. */
@media (max-width:1180px){
  #chartScreen .chart-grid{grid-template-columns:1fr!important}
  #chartCanvas{height:clamp(390px,52vh,560px)!important;min-height:390px!important}
  #chartScreen #vcard{display:block!important;visibility:visible!important}
}

/* Tablet/mobile: maintain a usable candle area and keep execution controls reachable. */
@media (max-width:700px){
  #chartScreen .section-head{display:flex!important;flex-direction:column!important}
  #chartScreen .chart-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  #chartScreen .chart-toolbar .live-price{grid-column:1/-1!important}
  #chartCanvas{height:360px!important;min-height:360px!important;max-height:360px!important}
  #chartScreen #vcard{margin-top:8px!important}
  #paperFromVcard,#paperViewLocked{display:block!important;visibility:visible!important;min-height:44px!important;position:relative!important;z-index:5!important}
}
@media (max-width:420px){
  #chartCanvas{height:320px!important;min-height:320px!important;max-height:320px!important}
  #chartScreen .chart-toolbar{grid-template-columns:1fr!important}
  #chartScreen .chart-toolbar .live-price{grid-column:auto!important}
}

/* R8 device-class layout tuning.
   Laptop density is intentionally ~80% of desktop visual scale without browser zoom/transform. */

/* Wide desktop / external monitor */
@media (min-width:1600px) and (min-height:850px){
  html{font-size:16px!important}
  main{max-width:none}
  .screen{padding:16px!important}
  .panel,.card,.vision-card{padding:14px!important}
  #chartCanvas{height:clamp(480px,58vh,680px)!important;min-height:480px!important;max-height:680px!important}
}

/* Normal desktop */
@media (min-width:1281px) and (max-width:1599px) and (min-height:760px){
  html{font-size:14px!important}
  .screen{padding:11px!important}
  .panel,.card,.vision-card{padding:10px!important}
  .section-head{margin-bottom:9px!important}
  button,input,select{min-height:30px!important}
  #chartCanvas{height:clamp(400px,52vh,560px)!important;min-height:400px!important}
}

/* Laptop: approx. 80% visual density, including common 1366x768 / 1440x900 / 1536x864 screens. */
@media (min-width:901px) and (max-width:1536px), (min-width:901px) and (max-height:850px){
  html{font-size:12.8px!important}
  body{line-height:1.25}
  main{padding:8px!important}
  .screen{padding:8px!important}
  .panel,.card,.vision-card,.paper-trade-card{padding:8px!important;border-radius:9px!important}
  .section-head{margin-bottom:7px!important;gap:7px!important}
  .section-head h1{font-size:18px!important}
  .section-head p{font-size:10px!important}
  nav{gap:4px!important;padding-top:5px!important;padding-bottom:5px!important}
  nav button,.nav button{padding:6px 8px!important;min-height:28px!important}
  button,input,select,textarea{font-size:11px!important}
  button{min-height:28px!important;padding:5px 8px!important}
  .metrics{gap:6px!important;margin-bottom:7px!important}
  .metric{padding:8px!important}
  .metric span{font-size:9px!important}
  .metric b{font-size:16px!important}
  .chart-grid{gap:8px!important}
  #chartCanvas{height:clamp(350px,48vh,470px)!important;min-height:350px!important;max-height:470px!important}
  #chartScreen .chart-toolbar{gap:5px!important}
  .kv{gap:5px!important;margin-top:5px!important}
  .big-score{font-size:26px!important}
  .paper-position-stats{gap:5px!important}
  .paper-stat{padding:6px!important}
  table{font-size:10px!important}
  th,td{padding:6px!important}
}

/* iPad / Android tablet portrait and landscape: touch-sized controls, 1-column execution when needed. */
@media (min-width:701px) and (max-width:1100px){
  html{font-size:13px!important}
  main{padding:9px!important}
  .screen{padding:9px!important}
  .panel,.card,.vision-card{padding:9px!important}
  button,input,select{min-height:38px!important}
  .chart-grid,.paper-columns,.vision-grid,.two-col{grid-template-columns:1fr!important}
  #chartCanvas{height:clamp(380px,48vh,520px)!important;min-height:380px!important;max-height:520px!important}
  .chart-toolbar,.paper-toolbar{flex-wrap:wrap!important}
  .metrics,.paper-position-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
}

/* iOS + Android phones */
@media (max-width:700px){
  html{font-size:12px!important;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  main{padding:6px!important}
  .screen{padding:6px!important}
  .panel,.card,.vision-card,.paper-trade-card{padding:7px!important}
  button,input,select,textarea{font-size:16px!important} /* prevents iOS input auto-zoom */
  button,input,select{min-height:42px!important}
  .chart-grid,.paper-columns,.vision-grid,.two-col{grid-template-columns:1fr!important}
  #chartCanvas{height:340px!important;min-height:340px!important;max-height:340px!important}
  .metrics,.paper-position-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .chart-toolbar,.paper-toolbar{width:100%!important}
}
@media (max-width:430px){
  #chartCanvas{height:300px!important;min-height:300px!important;max-height:300px!important}
  .metrics,.paper-position-stats{grid-template-columns:1fr!important}
}

/* TradeDesk X V1.0 supplied panoramic header */
.site-header{
  background-image:linear-gradient(rgba(3,10,22,.06),rgba(3,10,22,.12)),url('/assets/tradedeskx-header-v1.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  min-height:92px!important;
  height:clamp(92px,8.5vw,132px)!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  overflow:hidden!important;
}
.site-header .brand,.site-header .header-actions{
  position:relative;z-index:2;
}
@media (min-width:1600px){
  .site-header{height:118px!important;min-height:118px!important;background-position:center 51%!important}
}
@media (min-width:901px) and (max-width:1599px){
  .site-header{height:96px!important;min-height:96px!important;background-position:center 50%!important}
}
@media (max-width:900px){
  .site-header{height:82px!important;min-height:82px!important;background-size:cover!important;background-position:center center!important}
}
@media (max-width:520px){
  .site-header{height:72px!important;min-height:72px!important;background-position:center center!important}
}

/* V1.0 chart hotfix: execution chart remains readable on 1m/2m/3m/5m. */
#chartCanvas{image-rendering:auto}
@media (min-width:901px){
  #chartScreen #chartCanvas{min-height:400px!important;height:clamp(400px,52vh,540px)!important}
}

/* V1.0 compact logo-only header: banner artwork disabled to maximize workspace. */
.site-header{
  background-image:none!important;
  background:#07111f!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:5px 12px!important;
  overflow:visible!important;
}
.site-header .brand{min-width:0!important}
.site-header .brand-logo{
  display:block!important;
  width:auto!important;
  height:40px!important;
  max-height:40px!important;
  object-fit:contain!important;
}
.site-header .brand > div{display:none!important}
.site-header .header-actions{min-height:40px!important}
@media (max-width:700px){
  .site-header{height:50px!important;min-height:50px!important;max-height:50px!important;padding:4px 7px!important}
  .site-header .brand-logo{height:36px!important;max-height:36px!important}
  .site-header .header-actions{min-height:36px!important}
}

/* V1.0 compact market-leader ticker replacing decorative header space */
.market-leader-ticker{height:34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#06101c;overflow:hidden;white-space:nowrap}
.ticker-label{height:100%;display:flex;align-items:center;padding:0 10px;font-size:9px;font-weight:900;letter-spacing:.09em;color:#71c0ff;background:#091a2d;z-index:2;flex:0 0 auto}
.ticker-viewport{overflow:hidden;flex:1;height:100%}
.ticker-track{display:flex;width:max-content;height:100%;align-items:center;animation:marketTicker 42s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:flex!important;align-items:center!important;gap:8px!important;height:28px!important;min-height:28px!important;padding:2px 12px!important;border:0!important;border-right:1px solid #18304a!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:9px!important;cursor:pointer}
.ticker-item b{color:#eaf6ff}.ticker-up{color:#24d18f}.ticker-down{color:#ff6174}
.ticker-loading{padding:0 14px;color:var(--muted);font-size:10px}
@keyframes marketTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.market-leader-ticker{height:30px}.ticker-label{font-size:8px;padding:0 6px}.ticker-item{font-size:8px!important;padding:2px 8px!important;gap:5px!important}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* V1.0 fixed live-market banner: decorative second image removed. */
.hero-banner,.hero-banner-picture,.hero-banner-image,.hero-banner-sheen{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
.market-leader-ticker{height:34px!important;min-height:34px!important}
.fixed-market-item span{font-variant-numeric:tabular-nums}

/* V1.0 professional consolidated application chrome */
.site-header{
  height:48px!important;min-height:48px!important;max-height:48px!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;gap:10px!important;padding:4px 10px!important;
}
.site-header .brand-logo{height:34px!important;max-height:34px!important}
.site-header .header-actions{grid-column:3;grid-row:1;display:flex!important;align-items:center!important;gap:5px!important}
.top-command-center{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.top-command-center #nav{display:flex!important;gap:3px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;min-width:0}
.top-command-center #nav button{min-height:28px!important;height:28px!important;padding:4px 8px!important;font-size:10px!important}
.top-trade-controls{display:flex;align-items:center;gap:5px;min-width:0}
.top-trade-controls .trading-mode-bar,.top-trade-controls .live-order-panel{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;min-height:0!important}
.top-trade-controls .trading-env-selector button,.top-trade-controls .live-order-panel button{height:27px!important;min-height:27px!important;padding:3px 7px!important;font-size:9px!important}
.top-trade-controls .live-execution-warning{font-size:8px!important}
.market-leader-ticker{height:30px!important;min-height:30px!important;border-top:1px solid #13283d!important}
.ticker-label{font-size:8px!important}
.ticker-item{height:26px!important;min-height:26px!important}

/* Guaranteed collapsed identity: title + subtitle remain visible for every generic minimized cell. */
body .workspace-collapsed{position:relative!important;height:58px!important;min-height:58px!important;max-height:58px!important;padding:5px 40px 5px 10px!important;overflow:hidden!important}
body .workspace-collapsed > *{display:none!important}
body .workspace-collapsed > .collapsed-identity{display:flex!important;visibility:visible!important;opacity:1!important;height:48px!important;flex-direction:column!important;justify-content:center!important;position:relative!important;z-index:10!important}
body .workspace-collapsed > .collapsed-identity b{display:block!important;visibility:visible!important;font-size:12px!important;line-height:19px!important}
body .workspace-collapsed > .collapsed-identity span{display:block!important;visibility:visible!important;font-size:9px!important;line-height:16px!important}
body .workspace-collapsed > .workspace-collapse{display:grid!important;visibility:visible!important;z-index:12!important}

/* Open paper positions never use generic collapse; compact trade mode always keeps identity + pin line. */
body .paper-open-panel.workspace-collapsed{height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important;overflow:visible!important}
body .paper-open-panel.workspace-collapsed > *{display:block!important}
body .paper-open-panel.workspace-collapsed > .workspace-collapse{display:none!important}
body .paper-partial-collapsed .paper-trade-head{display:flex!important;visibility:visible!important;opacity:1!important}
body .paper-partial-collapsed .paper-trade-body{display:block!important;visibility:visible!important}
body .paper-partial-collapsed .paper-chart-block{display:block!important;height:62px!important;min-height:62px!important}
body .paper-partial-collapsed canvas.paperPositionSparkline{display:block!important;height:58px!important;min-height:58px!important;visibility:visible!important}

/* Tablet/laptop consolidation */
@media(max-width:1280px){
 .site-header{height:auto!important;min-height:48px!important;max-height:none!important;grid-template-columns:auto minmax(0,1fr)!important}
 .site-header .header-actions{display:none!important}
 .top-command-center{gap:4px!important}
 .top-trade-controls .live-order-panel{display:none!important}
 .top-command-center #nav button{padding:3px 6px!important;font-size:9px!important}
}
@media(max-width:900px){
 .site-header{display:flex!important;height:auto!important;min-height:44px!important;padding:4px 6px!important}
 .site-header .brand-logo{height:32px!important}
 .top-command-center{flex:1;overflow-x:auto!important;scrollbar-width:none}
 .top-trade-controls{display:none!important}
 .top-command-center #nav{width:max-content!important}
 .market-leader-ticker{height:28px!important;min-height:28px!important}
}

/* Low-timeframe chart refinement: more candle width and protected plot height. */
@media(min-width:901px){
 #chartScreen #chartCanvas{height:clamp(420px,54vh,570px)!important;min-height:420px!important}
}
@media(min-width:701px) and (max-width:900px){
 #chartScreen #chartCanvas{height:400px!important;min-height:400px!important;max-height:400px!important}
}

/* R10 requested removals */
#scannerScreen .horizon-panel{display:none!important}
#scannerScreen .live-ledger-panel{display:none!important}
#chartScreen .workspace-collapse,
#visionScreen .workspace-collapse,
.paper-closed-panel > .workspace-collapse{display:none!important}

/* Visual Scanner: no collapsible behavior and image workspace pulled upward/aligned. */
#visionScreen .workspace-collapsed{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:inherit!important}
#visionScreen .workspace-collapsed > *{display:initial!important}
#visionScreen .vision-grid{align-items:start!important;margin-top:6px!important;gap:10px!important}
#visionScreen .vision-upload,.vision-dropzone,#visionDropZone{margin-top:0!important;align-self:start!important}

#scannerScreen .ledger-identity,
#scannerScreen #ledgerCanvas,
#scannerScreen .ledger-toolbar,
#scannerScreen #quickMarketGrid{display:none!important}

/* Closed-trade cell has no minimizer. */
.paper-closed-panel{height:auto!important;max-height:none!important;overflow:visible!important}

/* Open position compact mode: use more width for the PIN line and less header footprint.
   Header becomes a narrow left identity column; line chart gets the remaining width. */
.paper-trade-card.paper-partial-collapsed{
 display:grid!important;grid-template-columns:minmax(150px,24%) minmax(0,1fr)!important;
 align-items:center!important;column-gap:10px!important;padding:7px 9px!important;
}
.paper-partial-collapsed > .paper-trade-head{
 grid-column:1!important;grid-row:1!important;min-width:0!important;min-height:58px!important;
 display:block!important;padding:2px 6px!important;overflow:hidden!important;
}
.paper-partial-collapsed .paper-trade-head .paper-symbol-row{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important}
.paper-partial-collapsed .paper-opened{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.paper-partial-collapsed .paper-pnl{font-size:9px!important}
.paper-partial-collapsed > .paper-trade-body{
 grid-column:2!important;grid-row:1!important;margin:0!important;min-width:0!important;
}
.paper-partial-collapsed .paper-chart-block{width:100%!important;height:68px!important;min-height:68px!important}
.paper-partial-collapsed canvas.paperPositionSparkline{width:100%!important;height:64px!important;min-height:64px!important}
@media(max-width:700px){
 .paper-trade-card.paper-partial-collapsed{grid-template-columns:minmax(110px,32%) minmax(0,1fr)!important;column-gap:5px!important}
 .paper-partial-collapsed .paper-chart-block{height:62px!important;min-height:62px!important}
 .paper-partial-collapsed canvas.paperPositionSparkline{height:58px!important;min-height:58px!important}
}

/* R11: Stats/Settings are permanent panels, no collapse dropdowns. */
#statsScreen .workspace-collapse,#settingsScreen .workspace-collapse{display:none!important}
#statsScreen .workspace-collapsed,#settingsScreen .workspace-collapsed{
 height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:inherit!important
}
#statsScreen .workspace-collapsed > *,#settingsScreen .workspace-collapsed > *{display:initial!important}

/* R11: logo command header + market ticker form one fixed top unit. */
:root{--tdx-fixed-header-h:48px;--tdx-fixed-ticker-h:30px}
.site-header{
 position:sticky!important;top:0!important;z-index:1000!important;
 box-shadow:0 1px 0 rgba(80,150,210,.18)!important;
}
.market-leader-ticker{
 position:sticky!important;top:var(--tdx-fixed-header-h)!important;z-index:999!important;
 margin-top:0!important;
 box-shadow:0 3px 8px rgba(0,0,0,.28)!important;
}
@media(max-width:1280px){
 :root{--tdx-fixed-header-h:48px}
}
@media(max-width:900px){
 :root{--tdx-fixed-header-h:44px;--tdx-fixed-ticker-h:28px}
 .site-header{min-height:44px!important}
 .market-leader-ticker{top:var(--tdx-fixed-header-h)!important}
}

/* R12 clean TradeDesk X V1.0 boot screen; overrides legacy 3.x splash artwork. */
#startupSplash.startup-splash{
 background:#050d18!important;
 background-image:radial-gradient(circle at 50% 42%,rgba(28,102,160,.20),transparent 38%),linear-gradient(180deg,#071522 0%,#040a12 100%)!important;
}
#startupSplash.startup-splash::before,#startupSplash.startup-splash::after{content:none!important;background:none!important}
#startupSplash .startup-overlay{background:none!important}
#startupSplash .splash-content{position:relative!important;z-index:2!important}
#startupSplash .splash-logo{width:min(330px,62vw)!important;height:auto!important;max-height:100px!important;object-fit:contain!important}
#startupSplash .eyebrow{font-size:11px!important;letter-spacing:.18em!important}
.dual-pin-board{margin:0 0 8px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#071421}.dual-pin-head,.dual-pin-select{display:flex;align-items:center;justify-content:space-between;gap:8px}.dual-pin-head>div{display:flex;gap:7px;align-items:center}.dual-pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.dual-pin-card{min-width:0;padding:5px 7px;border:1px solid #17324b;border-radius:7px;background:#050f1b}.dual-pin-select label{font-size:8px;color:var(--muted)}.dual-pin-select select{display:block;height:25px!important;min-height:25px!important;margin-top:2px;font-size:10px!important}.dual-pin-card canvas{display:block;width:100%!important;height:68px!important;margin-top:3px}@media(max-width:700px){.dual-pin-grid{grid-template-columns:1fr}.dual-pin-card canvas{height:58px!important}}
/* R14 executive market intelligence center */
.executive-news{max-width:1700px;margin:0 auto}.news-exec-head{padding-bottom:7px;border-bottom:1px solid #17304a}.news-exec-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.news-kpi{padding:8px 10px;border:1px solid #17324b;border-radius:8px;background:linear-gradient(180deg,#0a1a2a,#07121e)}.news-kpi span{display:block;font-size:8px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.news-kpi b{display:block;margin-top:3px;font-size:15px}.news-segmented-nav{display:flex;gap:3px;overflow-x:auto;padding:5px;background:#06111e;border:1px solid #162d43;border-radius:8px}.news-segmented-nav button{min-height:27px!important;height:27px!important;font-size:8px!important;padding:3px 8px!important}.news-exec-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:9px;margin-top:8px;align-items:start}.news-primary,.news-side-card{border:1px solid #17324b;border-radius:9px;background:#071421}.news-primary{padding:8px}.news-side{display:grid;gap:8px}.news-side-card{padding:9px}.news-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid #132a40;margin-bottom:6px}.news-column-head>div{display:flex;align-items:center;gap:7px}.news-list{display:grid;gap:6px}.news-card{border:1px solid #152d43!important;border-radius:7px!important;background:#06111d!important;padding:9px!important}.news-card:hover{border-color:#2d628d!important;background:#081827!important}.news-title{font-size:12px!important;line-height:1.35!important}.news-source-health{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}.source-health{display:flex!important;justify-content:space-between!important;padding:5px 7px!important;border-radius:5px!important;font-size:8px!important}.news-governance p{font-size:9px;line-height:1.45;margin:5px 0 0}.social-quick-links{min-height:28px}
@media(max-width:1050px){.news-exec-layout{grid-template-columns:1fr}.news-side{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.news-exec-dashboard{grid-template-columns:1fr 1fr}.news-side{grid-template-columns:1fr}.news-exec-layout{gap:6px}.news-title{font-size:11px!important}}

/* R15 four-market PIN LIVE board */
.pin-quad-board{padding:8px!important}.pin-quad-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.pin-quad-grid .dual-pin-card{padding:7px!important;background:linear-gradient(180deg,#071827,#050f1b)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.pin-card-title{display:flex;align-items:center;gap:6px;margin-bottom:5px;min-width:0}.pin-card-title>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #285270;border-radius:6px;font-size:8px;font-weight:900;color:#68c9ff;background:#0a2033}.pin-card-title>b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-card-title>em{margin-left:auto;font-size:7px;font-style:normal;color:#3ad49a;letter-spacing:.06em}
.pin-quad-grid .dual-pin-select{align-items:center}.pin-quad-grid .dual-pin-select select{flex:1;min-width:0;height:29px!important;min-height:29px!important;border:1px solid #285270!important;border-radius:6px!important;background:#081a29!important;color:#eaf7ff!important;font-weight:700!important;cursor:pointer;padding:3px 24px 3px 7px!important}.pin-quad-grid .dual-pin-select select:hover,.pin-quad-grid .dual-pin-select select:focus{border-color:#54b9ef!important;box-shadow:0 0 0 2px rgba(84,185,239,.09)!important}.pin-quad-grid .dual-pin-select select.pin-invalid{border-color:#ff687b!important}.pin-quad-grid .dual-pin-select>b{font-size:11px;min-width:58px;text-align:right;font-variant-numeric:tabular-nums}.pin-quad-grid .dual-pin-card canvas{height:62px!important}
@media(max-width:1250px){.pin-quad-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.pin-quad-grid{grid-template-columns:1fr!important}.pin-quad-grid .dual-pin-card canvas{height:56px!important}}

/* R16 PIN controls: compact button banks below each line chart, no dropdowns. */
.pin-hidden-selection{display:none!important}
.pin-card-title strong{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#eaf7ff}
.pin-button-group{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;padding-top:5px;border-top:1px solid #132b40}
.pin-symbol-btn{height:22px!important;min-height:22px!important;padding:2px 6px!important;border:1px solid #23435d!important;border-radius:5px!important;background:#081725!important;color:#9fb6c8!important;font-size:7.5px!important;font-weight:800!important;line-height:1!important;letter-spacing:.01em!important;box-shadow:none!important}
.pin-symbol-btn:hover{border-color:#4da8d8!important;color:#e9f8ff!important;background:#0a2031!important}
.pin-symbol-btn.active{border-color:#55c5ff!important;background:#0c2a40!important;color:#72d4ff!important;box-shadow:inset 0 -2px #55c5ff!important}
.pin-symbol-btn small{font-size:6.5px;opacity:.8;margin-left:2px}
.pin-quad-grid .dual-pin-card canvas{margin-top:3px!important}
@media(max-width:700px){.pin-symbol-btn{height:25px!important;min-height:25px!important;font-size:8px!important}}

/* R17 professional Market Category Command Center */
.market-category-center{margin:8px 0 10px;padding:9px;border:1px solid #17334c;border-radius:10px;background:linear-gradient(180deg,#071522,#050f19)}
.market-category-head,.trade-radar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #173049}.market-category-head>div,.trade-radar-head>div{min-width:0}.market-category-head b,.trade-radar-head b{display:block;font-size:13px}.market-category-head p,.trade-radar-head p{margin:2px 0 0;font-size:8px;color:var(--muted)}
.market-category-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:7px;margin-top:7px}.market-family-card{padding:8px;border:1px solid #17324b;border-radius:8px;background:#06111d}.market-family-head{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;margin-bottom:6px}.market-family-head>span{grid-row:1/3;display:grid;place-items:center;min-width:42px;height:32px;border-radius:6px;background:#0a2235;color:#65c9ff;font-size:7px;font-weight:900;letter-spacing:.05em}.market-family-head>b{font-size:10px}.market-family-head>small{font-size:7px;color:var(--muted)}
.market-category-buttons{display:flex;flex-wrap:wrap;gap:4px}.market-category-buttons .universe-btn{height:25px!important;min-height:25px!important;padding:3px 7px!important;border:1px solid #24445e!important;border-radius:5px!important;background:#081725!important;font-size:8px!important;color:#a9becd!important}.market-category-buttons .universe-btn:hover{border-color:#4da9d8!important;color:#effaff!important}.market-category-buttons .universe-btn.active{background:#0b2a40!important;border-color:#55c6ff!important;color:#71d4ff!important;box-shadow:inset 0 -2px #55c6ff!important}
.market-active-strip{margin-top:7px!important;padding:6px 8px!important;border:1px solid #142d43!important;border-radius:7px!important;background:#06111c!important}.market-custom{margin-top:7px!important;padding:7px!important;border-radius:7px!important}.legacy-ledger-hidden{display:none!important}

/* R17 Top 15 Trade Radar */
.trade-radar15{margin:9px 0;padding:9px;border:1px solid #1b3b55;border-radius:10px;background:#06121e}.radar-actions{display:flex;align-items:center;gap:5px}.trade-radar-list{display:grid;gap:3px;margin-top:7px}.radar-row{display:grid!important;grid-template-columns:28px minmax(90px,.75fr) minmax(145px,1.25fr) minmax(90px,.7fr) minmax(120px,1fr) 62px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:42px!important;height:auto!important;padding:5px 7px!important;border:1px solid #142c41!important;border-radius:6px!important;background:#071522!important;text-align:left!important;color:#c8d9e5!important}.radar-row:hover{border-color:#32698f!important;background:#091b2b!important}.radar-rank{font-size:9px;font-weight:900;color:#54758d}.radar-symbol b{display:block;font-size:10px;color:#effaff}.radar-symbol small,.radar-row small{display:block;font-size:6.5px;color:#71899a;letter-spacing:.04em}.radar-meter{display:grid;grid-template-columns:1fr 25px;gap:2px 5px;align-items:center}.radar-meter small{grid-column:1/3}.radar-meter i{display:block;height:4px;border-radius:4px;background:#10283a;overflow:hidden}.radar-meter em{display:block;height:100%;background:#52c8ff}.radar-meter b,.radar-momentum b,.radar-news b,.radar-score b{font-size:9px}.radar-momentum.positive b{color:#38d49a}.radar-momentum.negative b{color:#ff687b}.radar-news b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radar-score{text-align:right}.radar-score b{font-size:14px;color:#74d4ff}
@media(max-width:1100px){.market-category-grid{grid-template-columns:1fr 1fr}.macro-market-family{grid-column:1/3}.radar-row{grid-template-columns:25px .8fr 1.2fr .7fr 55px!important}.radar-news{display:none}}
@media(max-width:700px){.market-category-grid{grid-template-columns:1fr}.macro-market-family{grid-column:auto}.market-category-head,.trade-radar-head{align-items:flex-start;flex-direction:column}.radar-row{grid-template-columns:24px 1fr 70px 42px!important}.radar-meter,.radar-news{display:none!important}.radar-momentum b{font-size:8px}.market-category-buttons .universe-btn{height:28px!important;min-height:28px!important}}

/* R18 unified scanner cleanup */
.scanner-command-workspace{margin:8px 0 10px;padding:9px;border:1px solid #1b3d58;border-radius:9px;background:#06121d}
.scanner-command-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 1px 8px;border-bottom:1px solid #173249}.scanner-command-head b{display:block;font-size:13px}.scanner-command-head p{margin:2px 0 0;font-size:8px;color:var(--muted)}.scanner-command-actions{display:flex;align-items:center;gap:6px}
.scanner-lanes{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:6px;margin-top:7px}.scanner-lane{min-width:0;padding:7px;border:1px solid #142f45;border-radius:6px;background:#071622}.scanner-lane-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.scanner-lane-title b{font-size:9px;color:#d8e9f4}.scanner-lane-title small{font-size:6.5px;color:#698397}.scanner-command-workspace .market-category-buttons{gap:3px}.scanner-command-workspace .market-category-buttons .universe-btn{height:23px!important;min-height:23px!important;padding:2px 6px!important;font-size:7.5px!important}
.scanner-active-universe{margin:6px 0!important;padding:5px 7px!important}.scanner-advanced{margin:5px 0;border:1px solid #142e43;border-radius:6px;background:#06111b}.scanner-advanced summary{cursor:pointer;padding:6px 8px;font-size:8px;font-weight:800;color:#8eb3ca}.scanner-advanced .market-custom{margin:0!important;border:0!important;border-top:1px solid #142e43!important}
.scanner-radar{margin:6px 0 0!important;border-radius:7px!important}.scanner-results-panel{margin-top:8px;padding:8px;border:1px solid #17354e;border-radius:8px;background:#06121d}.scanner-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.scanner-results-head h2{margin:1px 0;font-size:12px}.scanner-top-cards{margin-bottom:6px!important}
.paper-automation-rules{display:grid!important;grid-template-columns:auto repeat(4,minmax(0,1fr))!important;gap:4px!important;align-items:stretch!important}.paper-automation-rules>b,.paper-automation-rules>span{display:flex!important;align-items:center!important;padding:6px 7px!important;border:1px solid #17354b!important;border-radius:5px!important;background:#071724!important;font-size:7.5px!important}.paper-automation-rules>span:last-child{grid-column:2/6;color:#8fd6ff!important}.paper-automation-rules strong{margin-right:3px;color:#e9f8ff}
@media(max-width:1100px){.scanner-lanes{grid-template-columns:1fr 1fr}.scanner-lane:last-child{grid-column:1/3}.paper-automation-rules{grid-template-columns:1fr 1fr!important}.paper-automation-rules>span:last-child{grid-column:auto}}
@media(max-width:700px){.scanner-command-head{align-items:flex-start;flex-direction:column}.scanner-lanes{grid-template-columns:1fr}.scanner-lane:last-child{grid-column:auto}.paper-automation-rules{grid-template-columns:1fr!important}}

/* R19 front-page execution command center */
.scanner-command-workspace{display:grid;grid-template-columns:1fr!important;gap:7px;margin:7px 0 9px!important;padding:8px!important;background:linear-gradient(180deg,#061522,#050f18)!important}
.scanner-command-body{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:7px;align-items:start}
.scanner-category-rail{display:grid;gap:5px;min-width:0;padding:7px;border:1px solid #17354d;border-radius:7px;background:#06111c;position:sticky;top:84px}
.scanner-rail-head{display:flex;align-items:end;justify-content:space-between;gap:7px;padding-bottom:5px;border-bottom:1px solid #142d42}.scanner-rail-head b{font-size:10px}.scanner-category-rail .scanner-lane{padding:5px!important;border-radius:5px!important}.scanner-category-rail .scanner-lane-title{margin-bottom:4px!important}.scanner-category-rail .market-category-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px!important}.scanner-category-rail .market-category-buttons .universe-btn{width:100%!important;height:24px!important;min-height:24px!important;padding:2px 4px!important;font-size:7.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanner-category-rail .universe-group{display:contents}.scanner-category-rail .group-title,.scanner-category-rail .universe-preview{display:none!important}.scanner-category-rail .universe-cards{display:contents}.scanner-category-rail .universe-card{display:contents}
.execution-command-main{min-width:0;display:grid;gap:6px}.execution-intelligence-grid{display:grid;grid-template-columns:1.35fr repeat(4,minmax(110px,1fr));gap:5px}.execution-cell{min-height:84px;padding:8px;border:1px solid #17374f;border-radius:7px;background:linear-gradient(180deg,#081927,#06121d);overflow:hidden}.execution-cell>span{display:block;font-size:6.5px;font-weight:900;letter-spacing:.09em;color:#6f8fa5}.execution-cell>b{display:block;margin-top:5px;font-size:15px;color:#eaf7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.execution-cell>small{display:block;margin-top:4px;font-size:7px;line-height:1.35;color:#7d99ab}.execution-cell .execution-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:6px}.execution-cell .execution-metrics em{font-style:normal;font-size:6.5px;color:#718da0}.execution-cell .execution-metrics strong{display:block;margin-top:1px;font-size:9px;color:#dff5ff}.execution-best{border-color:#235d7c;background:linear-gradient(180deg,#0a2032,#071520)}.execution-best.ready{border-color:#2a8b70;box-shadow:inset 3px 0 #35d39c}.execution-best.wait{border-color:#6b6032;box-shadow:inset 3px 0 #d8b84a}.execution-best.no-trade{border-color:#6d3340;box-shadow:inset 3px 0 #ff687b}.execution-direction.long{color:#3ad49a!important}.execution-direction.short{color:#ff687b!important}.execution-direction.wait{color:#d8b84a!important}.execution-scorebar{height:4px;margin-top:5px;border-radius:4px;background:#11293a;overflow:hidden}.execution-scorebar i{display:block;height:100%;background:#57c8ff}.scanner-command-workspace .scanner-active-universe{margin:0!important;min-height:37px}.scanner-command-workspace .scanner-radar{margin:0!important}.scanner-category-rail .scanner-advanced{margin:0!important}.scanner-category-rail .scanner-advanced summary{padding:5px 6px!important}
@media(max-width:1250px){.execution-intelligence-grid{grid-template-columns:1.3fr repeat(2,minmax(125px,1fr))}.execution-intelligence-grid .execution-cell:nth-child(4),.execution-intelligence-grid .execution-cell:nth-child(5){grid-column:auto}.scanner-command-body{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.scanner-command-body{grid-template-columns:1fr}.scanner-category-rail{position:static}.scanner-category-rail .market-category-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.execution-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.execution-best{grid-column:1/3}}
@media(max-width:600px){.scanner-category-rail .market-category-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.execution-intelligence-grid{grid-template-columns:1fr 1fr}.execution-cell{min-height:72px;padding:7px}.execution-cell>b{font-size:12px}.execution-best{grid-column:1/3}.scanner-command-head{gap:7px!important}}

/* R20 high-probability alerts + execution sentiment UX */
.signal-alert-stack{position:fixed;right:18px;top:108px;z-index:180;display:grid;gap:8px;width:min(390px,calc(100vw - 28px));pointer-events:none}.signal-alert-card{pointer-events:auto;text-align:left;border:1px solid #31516f;border-radius:11px;padding:11px 13px;background:linear-gradient(135deg,rgba(8,27,45,.98),rgba(8,18,30,.98));color:#eef7ff;box-shadow:0 16px 38px rgba(0,0,0,.38);display:grid;gap:3px;animation:signalAlertIn .22s ease-out}.signal-alert-card.long{border-color:rgba(44,213,153,.72);box-shadow:inset 4px 0 #2cd599,0 16px 38px rgba(0,0,0,.38)}.signal-alert-card.short{border-color:rgba(255,97,116,.72);box-shadow:inset 4px 0 #ff6174,0 16px 38px rgba(0,0,0,.38)}.signal-alert-card.aged{opacity:.78}.signal-alert-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;color:#9db9cf}.signal-alert-card strong{font-size:17px}.signal-alert-card strong em{font-style:normal;margin-left:5px}.signal-alert-card.long strong em{color:#63e7b8}.signal-alert-card.short strong em{color:#ff8d9b}.signal-alert-card small{font-size:11px;color:#a9bdd2}.signal-alert-action{margin-top:3px;font-size:10px;font-weight:900;color:#70c8ff;letter-spacing:.04em}@keyframes signalAlertIn{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:700px){.signal-alert-stack{right:10px;left:10px;top:92px;width:auto}}

/* R20: collapsed paper positions remain compact but preserve a usable live chart. */
.paper-partial-collapsed .paper-chart-block{height:108px!important;min-height:108px!important;padding:7px!important}.paper-partial-collapsed canvas.paperPositionSparkline{height:96px!important;min-height:96px!important}.paper-partial-collapsed > .paper-trade-head{min-height:96px!important}.paper-partial-collapsed .paper-position-stats,.paper-partial-collapsed .paper-line-legend,.paper-partial-collapsed .paper-chart-title,.paper-partial-collapsed ~ .paper-actions{display:none!important}@media(max-width:700px){.paper-partial-collapsed .paper-chart-block{height:96px!important;min-height:96px!important}.paper-partial-collapsed canvas.paperPositionSparkline{height:86px!important;min-height:86px!important}.paper-partial-collapsed > .paper-trade-head{min-height:86px!important}}

/* R20: execution telemetry uses sentiment gradients for faster directional reading. */
.vcard{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.vcard.sentiment-bullish{border-color:rgba(36,209,143,.48);background:linear-gradient(145deg,#0c2030 0%,#0b1d2a 45%,rgba(17,72,60,.78) 100%)}.vcard.sentiment-bearish{border-color:rgba(255,97,116,.48);background:linear-gradient(145deg,#0c1b2d 0%,#0d1b2a 45%,rgba(82,27,39,.80) 100%)}.vcard.sentiment-neutral{border-color:rgba(247,185,85,.35);background:linear-gradient(145deg,#0c1b2d 0%,#0d1d31 55%,rgba(71,61,35,.58) 100%)}.vcard.alert-focus{box-shadow:0 0 0 2px rgba(78,181,255,.62),0 0 30px rgba(48,160,255,.26)}.vcard .sentiment-grid{display:grid;grid-template-columns:1fr;gap:5px;margin-top:9px}.vcard .vrow{display:grid;grid-template-columns:minmax(115px,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid rgba(49,79,106,.48);border-radius:7px;min-height:32px}.vcard .vrow span,.vcard .vrow b{font-size:13px;line-height:1.2}.vcard .vrow span{color:#b8c9d9}.vcard .vrow b{color:#fff;text-align:right}.vcard .vrow.sentiment-bullish{background:linear-gradient(90deg,rgba(9,26,40,.45),rgba(25,91,72,.58));border-color:rgba(52,185,137,.28)}.vcard .vrow.sentiment-bullish b{color:#74ebbe}.vcard .vrow.sentiment-bearish{background:linear-gradient(90deg,rgba(10,25,39,.45),rgba(105,34,48,.58));border-color:rgba(220,77,96,.30)}.vcard .vrow.sentiment-bearish b{color:#ff9aa7}.vcard .vrow.sentiment-neutral{background:linear-gradient(90deg,rgba(9,25,39,.45),rgba(77,67,40,.38));border-color:rgba(166,139,77,.20)}.vcard .hero .muted,.vcard .hero h2,.vcard .hero .direction{font-size:13px}.vcard .hero h2{margin:4px 0}.vcard .big-score{font-size:34px}

/* R21 Adaptive Execution Chart: use the actual viewport budget instead of fixed laptop heights. */
#chartScreen.active{
  --tdx-chart-offset:180px;
  display:flex!important;
  flex-direction:column!important;
  height:calc(100dvh - var(--tdx-chart-offset,180px))!important;
  min-height:430px!important;
  overflow:hidden!important;
}
#chartScreen.active > .section-head{flex:0 0 auto!important;margin-bottom:8px!important}
#chartScreen .chart-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  grid-template-columns:minmax(0,2.35fr) minmax(300px,.95fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
#chartScreen .chart-grid > .panel:first-child{height:100%!important;min-height:0!important;padding:9px!important;display:flex!important}
#chartScreen #chartCanvas{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important}
#chartScreen #vcard{height:100%!important;min-height:0!important;overflow:auto!important}
@media(max-width:1050px) and (min-width:701px){
  #chartScreen .chart-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr)!important}
}
@media(max-width:700px){
  #chartScreen.active{height:auto!important;min-height:0!important;overflow:visible!important}
  #chartScreen .chart-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;height:auto!important}
  #chartScreen .chart-grid > .panel:first-child{height:clamp(300px,52dvh,480px)!important;min-height:300px!important}
  #chartScreen #chartCanvas{height:100%!important;min-height:0!important;max-height:none!important}
  #chartScreen #vcard{height:auto!important;max-height:none!important;overflow:visible!important}
}

/* R22 chart indicator controls */
.chart-layer-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px;padding:6px 8px;border:1px solid #173451;border-radius:10px;background:#071423}
.chart-layer-controls button{font-size:11px;line-height:1;padding:7px 9px;border:1px solid #294663;border-radius:7px;background:#0a192a;color:#8ca3ba;cursor:pointer}
.chart-layer-controls button.active{color:#e9fbff;border-color:#2bd7dc;background:linear-gradient(135deg,rgba(23,91,112,.9),rgba(10,35,55,.95));box-shadow:0 0 12px rgba(44,226,220,.12)}
@media(max-width:700px){.chart-layer-controls{gap:4px;padding:5px}.chart-layer-controls button{font-size:10px;padding:6px 7px}}

/* R22 manual execution console and milestone strip */
.manual-chart-execution{display:grid;grid-template-columns:auto repeat(8,minmax(70px,1fr)) auto auto;gap:6px;align-items:end;padding:8px;margin:0 0 7px}.manual-chart-execution label{font-size:10px;color:#91a8be;display:grid;gap:3px}.manual-chart-execution input,.manual-chart-execution select{height:30px;min-width:0;font-size:12px}.manual-chart-execution button{height:32px;font-weight:800}.manual-buy{background:linear-gradient(135deg,#087c56,#18c985);color:white;border:1px solid #28daa0}.manual-sell{background:linear-gradient(135deg,#8d2636,#dc455b);color:white;border:1px solid #ef6578}.trade-milestones{display:flex;gap:5px;margin:0 0 7px;flex-wrap:wrap}.trade-milestones button{font-size:10px;background:#091827;color:#71869a;border:1px solid #24394e;padding:6px 9px;border-radius:7px}.trade-milestones .active{color:#ffd66b;border-color:#d8a93c;box-shadow:0 0 10px rgba(255,196,75,.16)}.trade-milestones .achieved{color:#70f2c4;border-color:#2ac98c;background:rgba(32,174,122,.15);box-shadow:0 0 12px rgba(36,209,143,.18)}.trade-milestones button span{font-size:8px;margin-left:4px}
@media(max-width:1200px){.manual-chart-execution{grid-template-columns:repeat(6,minmax(82px,1fr))}.manual-chart-execution #manualExecutionStatus{grid-column:1/-1}}
@media(max-width:700px){.manual-chart-execution{grid-template-columns:repeat(3,minmax(85px,1fr));padding:6px}.manual-chart-execution label{font-size:9px}.manual-chart-execution #manualEnvironment{align-self:center}.manual-chart-execution #manualExecutionStatus{grid-column:1/-1}.trade-milestones{overflow-x:auto;flex-wrap:nowrap}.trade-milestones button{white-space:nowrap}}

/* R22 full-market AutoScan selector */
.broad-autoscan-panel{margin:7px 0;padding:9px 11px}.broad-autoscan-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.broad-autoscan-head b{display:block;font-size:13px}.autoscan-progress-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#7f98ae}.auto-universe-actions{display:flex;gap:6px;align-items:center;margin:7px 0}.auto-universe-options{display:flex;flex-wrap:wrap;gap:6px}.auto-universe-options label{font-size:10px;color:#9db2c5;background:#081827;border:1px solid #213a52;border-radius:7px;padding:6px 8px;display:flex;align-items:center;gap:5px}.auto-universe-options input{accent-color:#24cbbf}@media(max-width:700px){.broad-autoscan-head{align-items:flex-start;flex-direction:column}.autoscan-progress-meta{font-size:9px}.auto-universe-options{max-height:110px;overflow:auto}.auto-universe-actions{flex-wrap:wrap}}

/* R22 per-signal notification controls */
.alert-pref{display:inline-flex!important;align-items:center;gap:5px}.alert-pref input{width:auto!important}.signal-alert-open{all:unset;display:grid;gap:3px;cursor:pointer;min-width:0}.signal-alert-controls{display:flex;gap:6px;justify-content:flex-end;border-top:1px solid rgba(80,112,140,.28);padding-top:5px;margin-top:3px}.signal-alert-controls button{min-width:34px;padding:3px 7px;border-radius:6px;background:#0b2032;border:1px solid #284862;color:#dff4ff;cursor:pointer}.signal-alert-controls button.muted{opacity:.42;filter:grayscale(1)}

/* R22 responsive chart budget: keep execution controls inside the available viewport. */
#chartScreen.active > .chart-layer-controls{flex:0 0 auto!important}
#chartScreen.active > .manual-chart-execution{flex:0 0 auto!important}
#chartScreen.active > .trade-milestones{flex:0 0 auto!important}
#chartScreen.active .chart-grid{flex:1 1 0!important;min-height:210px!important}
@media(max-height:800px) and (min-width:701px){
  #chartScreen.active > .section-head{margin-bottom:4px!important}
  #chartScreen .chart-layer-controls{gap:3px;margin-bottom:4px;padding:4px 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  #chartScreen .chart-layer-controls button{font-size:9px;padding:5px 6px;white-space:nowrap}
  #chartScreen .manual-chart-execution{gap:4px;padding:5px 6px;margin-bottom:4px;grid-template-columns:auto repeat(8,minmax(58px,1fr)) auto auto}
  #chartScreen .manual-chart-execution label{font-size:8px;gap:2px}
  #chartScreen .manual-chart-execution input,#chartScreen .manual-chart-execution select{height:25px;font-size:10px;padding:2px 4px}
  #chartScreen .manual-chart-execution button{height:27px;font-size:10px;padding:3px 7px}
  #chartScreen .trade-milestones{gap:3px;margin-bottom:4px;flex-wrap:nowrap;overflow-x:auto}
  #chartScreen .trade-milestones button{font-size:9px;padding:4px 7px;white-space:nowrap}
}
@media(max-width:700px){
  #chartScreen .chart-layer-controls{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:6px}
  #chartScreen .chart-layer-controls button{flex:0 0 auto;white-space:nowrap}
  #chartScreen .manual-chart-execution{grid-template-columns:repeat(3,minmax(85px,1fr));overflow:visible}
  #chartScreen .chart-grid{grid-template-columns:1fr!important}
}


/* R22.2 compact collapsed open-position view: less vertical cover, more live-chart width. */
.paper-trade-card.paper-partial-collapsed{grid-template-columns:minmax(92px,22%) minmax(0,1fr)!important;column-gap:6px!important;min-height:78px!important;max-height:82px!important;height:82px!important;padding:4px 6px!important;overflow:hidden!important}
.paper-partial-collapsed > .paper-trade-head{min-height:0!important;height:72px!important;padding:2px 3px!important;border-bottom:0!important;overflow:hidden!important}
.paper-partial-collapsed .paper-trade-head .eyebrow{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.paper-partial-collapsed .paper-symbol-row{gap:4px!important;margin-top:2px!important}.paper-partial-collapsed .paper-symbol-row>b{font-size:12px!important}.paper-partial-collapsed .direction{font-size:8px!important;padding:2px 4px!important}.paper-partial-collapsed .paper-live-dot{display:none!important}
.paper-partial-collapsed .paper-opened{display:none!important}.paper-partial-collapsed .paper-pnl{font-size:8px!important;text-align:left!important;margin-top:4px!important}.paper-partial-collapsed .paper-pnl span{display:none!important}.paper-partial-collapsed .paper-pnl b{font-size:12px!important;margin:0!important}.paper-partial-collapsed .paper-pnl small{font-size:9px!important;margin:1px 0 0!important}
.paper-partial-collapsed > .paper-trade-body{height:72px!important;min-height:72px!important}.paper-partial-collapsed .paper-chart-block{height:72px!important;min-height:72px!important;padding:2px 3px!important;border-radius:7px!important}.paper-partial-collapsed canvas.paperPositionSparkline{height:66px!important;min-height:66px!important;width:100%!important}.paper-partial-collapsed .paper-position-stats,.paper-partial-collapsed .paper-line-legend,.paper-partial-collapsed .paper-chart-title,.paper-partial-collapsed .paper-actions{display:none!important}
@media(max-width:700px){.paper-trade-card.paper-partial-collapsed{grid-template-columns:minmax(82px,24%) minmax(0,1fr)!important;height:78px!important;min-height:76px!important;max-height:80px!important}.paper-partial-collapsed > .paper-trade-head{height:68px!important}.paper-partial-collapsed > .paper-trade-body{height:68px!important}.paper-partial-collapsed .paper-chart-block{height:68px!important;min-height:68px!important}.paper-partial-collapsed canvas.paperPositionSparkline{height:62px!important;min-height:62px!important}}

/* R22.2 Dynamic R:R manual execution controls */
.manual-chart-execution{grid-template-columns:auto repeat(10,minmax(66px,1fr)) auto auto}.manual-chart-execution #manualExecutionStatus{font-size:10px;line-height:1.25;color:#a9bfd2}.manual-chart-execution select:disabled,.manual-chart-execution input:disabled{opacity:.42;filter:saturate(.45)}
@media(max-width:1200px){.manual-chart-execution{grid-template-columns:repeat(6,minmax(80px,1fr))}}


/* R22.3 repair: stable execution-chart geometry.
   The chart owns a predictable vertical canvas; surrounding controls may scroll,
   but must never squeeze the candle area to a few pixels. */
#chartScreen.active{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#chartScreen.active .chart-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2.35fr) minmax(300px,.95fr)!important;
  height:auto!important;
  min-height:520px!important;
  overflow:visible!important;
  align-items:stretch!important;
}
#chartScreen.active .chart-grid > .panel:first-child{
  height:auto!important;
  min-height:520px!important;
  display:block!important;
  overflow:hidden!important;
}
#chartScreen.active #chartCanvas{
  display:block!important;
  width:100%!important;
  height:clamp(500px,64vh,720px)!important;
  min-height:500px!important;
  max-height:720px!important;
}
#chartScreen.active #vcard{
  height:auto!important;
  min-height:520px!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:1180px) and (min-width:701px){
  #chartScreen.active .chart-grid{grid-template-columns:1fr!important;min-height:0!important}
  #chartScreen.active .chart-grid > .panel:first-child{min-height:500px!important}
}
@media(max-width:700px){
  #chartScreen.active .chart-grid{grid-template-columns:1fr!important;min-height:0!important}
  #chartScreen.active .chart-grid > .panel:first-child{min-height:360px!important}
  #chartScreen.active #chartCanvas{height:clamp(360px,58dvh,520px)!important;min-height:360px!important;max-height:520px!important}
}

/* R22.3 repair: collapsed positions keep a genuinely readable live chart. */
.paper-trade-card.paper-partial-collapsed{
  grid-template-columns:minmax(150px,24%) minmax(0,1fr)!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.paper-partial-collapsed > .paper-trade-head{
  height:138px!important;
  min-height:138px!important;
  overflow:hidden!important;
}
.paper-partial-collapsed > .paper-trade-body{
  display:block!important;
  height:138px!important;
  min-height:138px!important;
  overflow:hidden!important;
}
.paper-partial-collapsed .paper-chart-block{
  height:138px!important;
  min-height:138px!important;
  width:100%!important;
  padding:4px!important;
}
.paper-partial-collapsed canvas.paperPositionSparkline{
  display:block!important;
  visibility:visible!important;
  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;
}
.paper-partial-collapsed .paper-position-stats,
.paper-partial-collapsed .paper-line-legend,
.paper-partial-collapsed .paper-chart-title,
.paper-partial-collapsed .paper-actions{display:none!important}
@media(max-width:700px){
  .paper-trade-card.paper-partial-collapsed{
    grid-template-columns:minmax(112px,30%) minmax(0,1fr)!important;
    height:132px!important;min-height:132px!important;max-height:132px!important;
  }
  .paper-partial-collapsed > .paper-trade-head{height:120px!important;min-height:120px!important}
  .paper-partial-collapsed > .paper-trade-body,.paper-partial-collapsed .paper-chart-block{height:120px!important;min-height:120px!important}
  .paper-partial-collapsed canvas.paperPositionSparkline{height:112px!important;min-height:112px!important}
}

/* Independent broad scanner presentation */
.auto-scan-results{margin:7px 0;padding:9px 11px}
.auto-results-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.auto-results-head b{display:block;font-size:13px}
.auto-results-grid{display:grid;gap:4px}
.auto-result-row{display:grid;grid-template-columns:1.2fr .7fr .8fr .8fr .8fr .5fr;gap:8px;align-items:center;text-align:left;padding:7px 9px;border:1px solid #183650;border-radius:7px;background:#071523;color:#d9ebf8;cursor:pointer}
.auto-result-row:hover{border-color:#2a7790}
.auto-result-row span{font-size:10px;color:#8fa7ba}
.top15-search-history{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #17324a}
.history-snapshot{display:grid;grid-template-columns:minmax(110px,.7fr) 1fr 2fr;gap:8px;text-align:left;padding:6px 8px;border:1px solid #17324a;border-radius:7px;background:#071523;color:#d8eaf6}
.history-snapshot span,.history-snapshot small{font-size:9px;color:#8fa7ba}
@media(max-width:700px){
 .auto-result-row{grid-template-columns:1fr 1fr 1fr;gap:5px}
 .history-snapshot{grid-template-columns:1fr;gap:2px}
}

/* R22.5 Professional scanner consolidation + responsive execution chart */
.scanner-controls{display:block}
.scanner-command-workspace{margin-bottom:7px!important}
.trade-radar15{margin-bottom:7px!important}
.trade-radar-list{max-height:372px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}
.radar-row{grid-template-columns:28px minmax(95px,.82fr) minmax(160px,1.35fr) minmax(95px,.72fr) minmax(125px,1fr) 92px!important}
.radar-score{display:grid;gap:2px;justify-items:end}
.radar-score .radar-open{font-size:7px;padding:4px 6px;border:1px solid #286b8d;border-radius:5px;background:#0a2032;color:#8edbff;font-weight:900;white-space:nowrap}
.radar-score .radar-open:hover{border-color:#55c9ff;background:#0d2c43;color:#fff}
.radar-score>b{font-size:12px!important}
.scanner-display-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:6px 0;padding:4px 7px;border:1px solid #15344c;border-radius:6px;background:#071523}
.scanner-progress{height:4px;border-radius:999px;background:#102a3d;overflow:hidden}
.scanner-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#35b9ff,#27d59d);transition:width .25s ease}
.scanner-display-label{font-size:7px;font-weight:900;letter-spacing:.08em;color:#7896ad;white-space:nowrap}
.broad-autoscan-panel{margin-top:7px!important}
.broad-autoscan-panel .auto-scan-results{max-height:330px;overflow-y:auto}
.broad-autoscan-panel .auto-results-grid{max-height:270px;overflow-y:auto;padding-right:3px}
/* The lower legacy duplicate opportunity table is no longer part of the scanner UX. */
#scannerScreen > .table-wrap,#scannerScreen > #topCards,#scannerScreen > h2{display:none!important}
/* Desktop gets more chart height; mobile reflows without forcing a desktop height. */
@media(min-width:1201px){
  #chartScreen.active .chart-grid{min-height:590px!important}
  #chartScreen.active .chart-grid > .panel:first-child{min-height:590px!important}
  #chartScreen.active #chartCanvas{height:clamp(560px,67vh,780px)!important;min-height:560px!important}
  #chartScreen.active #vcard{min-height:590px!important}
}
@media(max-width:1200px) and (min-width:701px){
  #chartScreen.active .chart-grid{min-height:560px!important}
  #chartScreen.active .chart-grid > .panel:first-child{min-height:560px!important}
  #chartScreen.active #chartCanvas{height:clamp(520px,62vh,680px)!important;min-height:520px!important}
}
@media(max-width:700px){
  .trade-radar-list{max-height:430px}
  .radar-row{grid-template-columns:24px 1fr 76px 72px!important}
  .radar-news{display:none!important}
  .radar-meter{display:grid!important}
  .radar-score{display:grid}
  .radar-score .radar-open{font-size:6.5px;padding:3px 4px}
  .scanner-display-bar{grid-template-columns:1fr;gap:3px}
  .scanner-display-label{font-size:6.5px}
}