:root{
  --bg:var(--bb-theme-canvas, #05070a);
  --sidebar:var(--bb-theme-ink, #070a0e);
  --panel:var(--bb-theme-surface, #111820);
  --panel2:var(--bb-theme-surface, #141c26);
  --border:var(--bb-theme-line, rgba(255,255,255,.12));
  --text:var(--bb-theme-ink, #eef3fb);
  --muted:var(--bb-theme-muted, #9da7b8);
  --gold:var(--bb-theme-accent, #f6c64b);
  --cyan:var(--bb-theme-muted, #20c7ff);
  --green:var(--bb-theme-up, #31e46b);
  --red:var(--bb-theme-down, #ff554d);
  --purple:var(--bb-theme-muted, #8b6cff);
  --orange:var(--bb-theme-down, #ff8a2f);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,var(--bb-theme-canvas, #111827),var(--bb-theme-canvas, #05070a) 55%);color:var(--text)}
.app{display:flex;min-height:100vh}
.sidebar{width:255px;position:fixed;left:0;top:0;bottom:0;background:linear-gradient(180deg,var(--bb-theme-surface, #080c11),var(--bb-theme-surface, #030406));border-right:1px solid var(--border);padding:24px 16px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:34px}
.brand-logo{width:48px;height:48px;border:3px solid var(--gold);border-radius:13px;color:var(--gold);font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center}
.brand-name{font-size:23px;color:var(--gold);font-weight:900}
.brand-sub{font-size:13px;color:var(--muted);margin-top:4px}
nav{display:flex;flex-direction:column;gap:8px}
nav a{padding:12px 16px;border-radius:10px;color:var(--bb-theme-muted, #c9d1dc);text-decoration:none;font-size:16px}
nav a.active{background:linear-gradient(90deg,rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.18),rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.04));color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(246,198,75,.5))}
.side-card{position:absolute;left:16px;right:16px;bottom:72px;border:1px solid var(--border);border-radius:12px;background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);padding:14px}
.side-title{color:var(--muted);font-size:13px}.side-card strong{display:block;color:var(--gold);font-size:18px;margin:8px 0 14px}.side-row{display:flex;justify-content:space-between;color:var(--muted)}.side-row b{color:var(--bb-theme-muted, #ccd3de)}.version{position:absolute;bottom:24px;color:var(--bb-theme-secondary, #657083);font-size:12px}
.main{margin-left:255px;width:calc(100% - 255px);padding:22px 28px 36px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:34px;font-weight:900}.top-actions{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px}.refresh,.chip{border:1px solid var(--border);background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);color:var(--text);padding:9px 13px;border-radius:8px}.chip.green{color:var(--green);border-color:var(--bb-theme-up, rgba(49,228,107,.35))}.chip.gray{color:var(--bb-theme-muted, #d4dae4)}
.hero-grid{display:grid;grid-template-columns:1fr repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:24px;align-items:start}.hero-card,.metric-card,.panel,.asset-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.06),rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025));border-radius:14px;box-shadow:0 16px 32px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.22)}
.hero-section{margin-bottom:24px;height:auto;min-height:unset}
.hero-grid{display:grid;align-items:start;gap:16px;height:auto;min-height:unset}
.hero-card{padding:24px 26px;border-color:var(--bb-theme-accent-text, rgba(246,198,75,.45))}.hero-card h2{margin:0 0 16px}.market-status{border:1px solid var(--bb-theme-accent, rgba(246,198,75,.7));background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.08);color:var(--gold);font-size:clamp(22px,2.2vw,28px);font-weight:900;padding:14px 18px;border-radius:13px;margin-bottom:16px;display:flex;gap:14px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-icon{width:48px;height:48px;border-radius:50%;background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.18);display:flex;align-items:center;justify-content:center}.hero-card p{color:var(--bb-theme-ink, #e8edf5);line-height:1.7}.focus-line b{color:var(--gold)}
.metric-card{padding:18px;min-height:220px;position:relative;overflow:hidden}.metric-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.08)}.metric-label{font-weight:800;margin-top:12px}.metric-value{font-size:40px;font-weight:900;margin:4px 0}.metric-sub,.metric-time{color:var(--muted);font-size:13px}.metric-time{position:absolute;bottom:14px}.metric-card.cyan .metric-icon{color:var(--cyan);background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.13)}.metric-card.green .metric-icon{color:var(--green);background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.13)}.metric-card.red .metric-icon{color:var(--red);background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.13)}.metric-card.purple .metric-icon{color:var(--purple);background:rgba(var(--bb-theme-surface-rgb, 139,108,255), 0.13)}
.mini-line{height:28px;margin-top:12px;border-bottom:2px solid currentColor;opacity:.6;clip-path:polygon(0 70%,15% 50%,25% 65%,42% 32%,58% 62%,75% 30%,90% 44%,100% 35%,100% 100%,0 100%)}
.section-head{display:flex;align-items:center;gap:14px;margin:8px 0 12px;justify-content:space-between;width:100%}.section-head h2{margin:0;font-size:22px}.section-head span{color:var(--muted);font-size:13px}.section-head a{margin-left:0;color:var(--bb-theme-muted, #cbd3df);text-decoration:none}
.asset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.asset-card{padding:16px}.asset-card.featured{border-color:var(--bb-theme-accent-text, rgba(246,198,75,.7));box-shadow:0 0 0 1px rgba(var(--bb-theme-shadow-rgb, 246,198,75), 0.18)}.asset-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.coin{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900}.btc{background:var(--bb-theme-down, #f7931a)}.eth{background:var(--bb-theme-surface, #d8dce2);color:var(--bb-theme-ink, #111)}.doge{background:var(--bb-theme-accent, #d9ae42)}.bnb{background:var(--bb-theme-accent, #f0b90b)}.sol{background:var(--bb-theme-up, #41e0a8)}.xrp{background:var(--bb-theme-surface, #262b34)}.asset-top b{font-size:20px}.asset-top em{margin-left:auto;font-style:normal;background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.14);border:1px solid var(--bb-theme-up, rgba(49,228,107,.35));color:var(--green);padding:5px 9px;border-radius:7px;font-size:12px}.asset-top em.observe{background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.12);border-color:var(--bb-theme-line, rgba(32,199,255,.3));color:var(--cyan)}
.asset-card{padding:14px}
.asset-top{margin-bottom:8px}
.status-badge{display:inline-block;padding:4px 8px;border-radius:8px;font-size:12px}
.status-badge.green{background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.12);color:var(--green);border:1px solid var(--bb-theme-up, rgba(49,228,107,0.2))}
.status-badge.warn{background:rgba(var(--bb-theme-down-rgb, 255,138,47), 0.08);color:var(--orange);border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12))}
.status-badge.observe{background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.03);color:var(--muted);border:1px solid var(--bb-theme-line, rgba(255,255,255,0.03))}
.status-badge.status-active{background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.12);color:var(--green);border:1px solid var(--bb-theme-up, rgba(49,228,107,0.2))}
.status-badge.status-lab{background:rgba(var(--bb-theme-accent-rgb, 255,214,102), 0.12);color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(255,214,102,0.12))}
.status-badge.status-missing{background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.02);color:var(--muted);border:1px solid var(--bb-theme-line, rgba(255,255,255,0.03))}
.status-badge.status-needs_key{background:rgba(var(--bb-theme-down-rgb, 255,138,47), 0.12);color:var(--orange);border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12))}
.status-badge.status-failed{background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.12);color:var(--red);border:1px solid var(--bb-theme-down, rgba(255,85,77,0.12))}
.status-badge.status-active_embedded{background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.1);color:var(--cyan);border:1px solid var(--bb-theme-line, rgba(32,199,255,0.12))}
.price-block{margin-top:10px;padding:12px 14px;background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.02);border-radius:10px}
.price-main{font-size:28px;font-weight:950;line-height:1.05;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.price-value-wrap{min-width:0;display:flex;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price-main.price-profit{color:var(--green)}
.price-main.price-loss{color:var(--red)}
.price-main.price-neutral{color:var(--bb-theme-ink, #eef3fb)}
.price-trend-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:13px;font-weight:900;vertical-align:middle;border:1px solid var(--bb-theme-line, rgba(255,255,255,.10));background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04)}
.price-trend-badge.up{color:var(--green);border-color:var(--bb-theme-up, rgba(49,228,107,.28));background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.1)}
.price-trend-badge.down{color:var(--red);border-color:var(--bb-theme-down, rgba(255,85,77,.30));background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.1)}
.price-trend-badge.flat{color:var(--muted)}
.price-currency{font-size:14px;color:currentColor;opacity:.78}
.price-meta{font-size:12px;color:var(--bb-theme-muted, #9da7b8);margin-top:6px}
.price-change{margin-top:6px;font-size:13px;color:var(--bb-theme-muted, #cbd3df)}
.asset-metrics{display:flex;gap:12px;margin-top:10px;color:var(--bb-theme-muted, #cbd3df);font-size:13px}
.refresh-price.large{padding:6px 10px;border-radius:8px;background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);border:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));color:var(--bb-theme-ink, rgba(255,255,255,0.92));opacity:0.95}
.refresh-price.large:hover{background:rgba(var(--bb-theme-inset-rgb, 255,255,255), 0.06);border-color:var(--bb-theme-line, rgba(255,255,255,0.12));opacity:1}
.sim-action{padding:8px 14px;border-radius:6px;font-weight:800;font-size:14px;border:none;cursor:pointer}
.sim-action.sim-long{background:var(--bb-theme-surface, #dffcf5);color:var(--green);border:1px solid var(--bb-theme-up, rgba(49,228,107,0.18))}
.sim-action.sim-short{background:var(--bb-theme-surface, #fff6ec);color:var(--orange);border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12))}
.sim-action.sim-close{background:var(--bb-theme-surface, #fff8e6);color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.25))}
.sim-panel input[type="text"],.sim-panel input[type="number"],.sim-panel select{width:100%;padding:6px;margin-top:4px;margin-bottom:8px;border-radius:6px;border:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));background:rgba(var(--bb-theme-inset-rgb, 0,0,0), 0.0);color:var(--text)}
.pnl-positive{color:var(--green);font-weight:700}
.pnl-negative{color:var(--red);font-weight:700}
.tag{display:inline-block;padding:3px 8px;border-radius:6px;font-weight:800}
.tag-long{background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.12);color:var(--cyan);border:1px solid var(--bb-theme-line, rgba(32,199,255,0.12))}
.tag-short{background:rgba(var(--bb-theme-down-rgb, 255,138,47), 0.06);color:var(--orange);border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12))}
.num{ text-align: right; font-variant-numeric: tabular-nums; }
.src-label{padding:2px 6px;border-radius:6px;font-size:12px}
.src-binance{background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.1);color:var(--cyan);border:1px solid var(--bb-theme-line, rgba(32,199,255,0.12))}
.src-okx{background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.1);color:var(--cyan);border:1px solid var(--bb-theme-line, rgba(32,199,255,0.12))}
.src-snapshot{background:rgba(var(--bb-theme-accent-rgb, 255,214,102), 0.12);color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(255,214,102,0.12))}
.src-warning{background:rgba(var(--bb-theme-down-rgb, 255,138,47), 0.12);color:var(--orange);border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12))}
.table-scroll{overflow-x:auto;width:100%;}
.positions-table{min-width:1180px}
.reverse-position-alert{margin-top:8px;padding:9px 10px;border-radius:8px;border:1px solid var(--bb-theme-down, rgba(255,138,47,0.36));background:rgba(var(--bb-theme-down-rgb, 255,138,47), 0.08);color:var(--bb-theme-ink, #ffe4cc);max-width:420px;line-height:1.35}
.reverse-position-alert.danger{border-color:var(--bb-theme-down, rgba(255,85,77,0.58));background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.12);color:var(--bb-theme-ink, #ffd8d5)}
.reverse-position-alert strong{display:block;color:var(--bb-theme-ink, #fff);font-size:12px;margin-bottom:4px}
.reverse-position-alert span,.reverse-position-alert small{display:block;font-size:12px}
.reverse-position-alert small{color:var(--bb-theme-muted, #b9c3d1);margin-top:3px}
.home-reverse-alert{margin:10px 0 8px;padding:10px 11px;border-radius:9px;border:1px solid var(--bb-theme-down, rgba(255,138,47,0.42));background:linear-gradient(180deg,rgba(var(--bb-theme-down-rgb, 255,138,47), 0.16),rgba(var(--bb-theme-down-rgb, 255,138,47), 0.07));color:var(--bb-theme-ink, #ffe7d1);line-height:1.35}
.home-reverse-alert.danger{border-color:var(--bb-theme-down, rgba(255,85,77,0.68));background:linear-gradient(180deg,rgba(var(--bb-theme-down-rgb, 255,85,77), 0.2),rgba(var(--bb-theme-down-rgb, 255,85,77), 0.08));color:var(--bb-theme-ink, #ffd9d6)}
.home-reverse-alert-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.home-reverse-alert-head strong{color:var(--bb-theme-ink, #fff);font-size:13px}
.home-reverse-alert-head span{border:1px solid var(--bb-theme-line, rgba(255,255,255,0.18));border-radius:999px;padding:2px 7px;font-size:12px;font-weight:900}
.home-reverse-alert small{display:block;color:var(--bb-theme-muted, #cbd3df);font-size:12px;margin-top:3px}
.trades-table{min-width:1450px}
table th, table td{padding:8px 10px}
table th{white-space:nowrap;text-align:left}
table td.num{text-align:right}
.operation-cell{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}
.src-label{font-size:11px;padding:2px 6px}
.asset-kv{display:flex;justify-content:space-between;border-bottom:1px solid var(--bb-theme-line, rgba(255,255,255,.07));padding:5px 0;color:var(--bb-theme-muted, #cbd2dd)}.up{color:var(--green)}.asset-card p{font-size:13px;line-height:1.5;color:var(--bb-theme-muted, #cbd3df);border-left:3px solid var(--green);padding-left:8px;margin:12px 0 0}
.two-col{display:grid;grid-template-columns:1fr 1.08fr;gap:14px;margin-bottom:14px}.two-col.futures-only{grid-template-columns:1fr}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0 0 14px}.panel button{background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.09);color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(246,198,75,.45));border-radius:8px;padding:8px 12px}
.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px}.summary-grid div,.mini-status div,.signal-grid div,.system-chips span{border:1px solid var(--border);background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);border-radius:10px;padding:14px}.summary-grid span,.mini-status span{display:block;color:var(--muted);font-size:13px}.summary-grid b{font-size:36px}.summary-grid strong{font-size:24px;color:var(--cyan)}.risk-level{margin-top:16px}.risk-level em{font-style:normal;color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(246,198,75,.45));border-radius:8px;padding:7px 16px;background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.08)}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.signal-grid p{color:var(--bb-theme-muted, #cbd3df);min-height:48px}.signal-grid button{width:100%}
.bottom{grid-template-columns:1fr 1fr}.mini-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:start}.mini-status b{display:block;margin-top:8px}.ok{color:var(--green)}.yellow{color:var(--gold)}.cyan{color:var(--cyan)}.system-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.system-chips b{display:block;margin-top:6px}.warning{color:var(--bb-theme-muted, #ffb6b1);border-color:var(--bb-theme-down, rgba(255,85,77,.3))!important}
.update-conclusion{margin-top:12px;border-top:1px solid var(--bb-theme-line, rgba(255,255,255,.04));padding-top:12px}
.conclusion-text{white-space:normal;word-wrap:break-word}
@media(max-width:1200px){.hero-grid{grid-template-columns:1fr repeat(2,minmax(150px,1fr))}.asset-row{grid-template-columns:repeat(2,1fr)}.mini-status,.system-chips{grid-template-columns:repeat(2,1fr)} }
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;grid-auto-rows:auto}.asset-row{grid-template-columns:1fr}.mini-status,.system-chips{grid-template-columns:1fr} }

/* P1 candidate suggestion highlight */
.p1-suggestion{color:var(--gold);font-weight:700}

/* simulate buttons */
.sim-btn{padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--bb-theme-ink, #0b1220);font-weight:700;font-size:13px}
.sim-long{background:linear-gradient(90deg, rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.12), rgba(var(--bb-theme-up-rgb, 49,228,107), 0.12));border:1px solid var(--bb-theme-line, rgba(32,199,255,0.18));color:var(--cyan)}
.sim-short{background:linear-gradient(90deg, rgba(var(--bb-theme-down-rgb, 255,138,47), 0.06), rgba(var(--bb-theme-down-rgb, 255,85,77), 0.06));border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12));color:var(--orange)}
.sim-action{padding:6px 10px;border-radius:8px;font-weight:700;font-size:13px;border:none;cursor:pointer}
.sim-action.sim-long{background:linear-gradient(90deg,var(--bb-theme-surface, #e6fffb),var(--bb-theme-surface, #d6fff0));color:var(--cyan);border:1px solid var(--bb-theme-line, rgba(32,199,255,0.2))}
.sim-action.sim-short{background:linear-gradient(90deg,var(--bb-theme-surface, #fff3e6),var(--bb-theme-surface, #fff0e6));color:var(--orange);border:1px solid var(--bb-theme-down, rgba(255,138,47,0.12))}
.sim-action.sim-close{background:linear-gradient(90deg,var(--bb-theme-surface, #f6e7c6),var(--bb-theme-surface, #efe6c0));color:var(--gold);border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.25))}
.sim-panel{background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.02);padding:8px;border-radius:8px}
.pnl-tag{font-size:13px;padding:4px 8px;border-radius:6px;border:1px solid var(--bb-theme-line, rgba(255,255,255,0.03));background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.01)}
.sim-panel input[type="text"],.sim-panel input[type="number"],.sim-panel select{width:100%;padding:6px;margin-top:4px;margin-bottom:8px;border-radius:6px;border:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));background:rgba(var(--bb-theme-inset-rgb, 0,0,0), 0.0);color:var(--text)}
.price-line{font-size:14px;color:var(--bb-theme-muted, #cbd3df)}

/* drawer styles for quick new simulated trade */
#drawer-overlay{transition:opacity .18s ease}
#trade-drawer{transition:transform .2s ease}
@media(min-width:900px){#trade-drawer{width:420px}}
@media(max-width:900px){#trade-drawer{width:90vw}}
#trade-drawer h3{margin:0}
#trade-drawer label{font-size:13px;color:var(--bb-theme-muted, #cbd3df)}
#trade-drawer input, #trade-drawer select{font-size:14px}
#trade-drawer #drawer-submit{font-weight:900}
#drawer-overlay{backdrop-filter:blur(2px)}
.drawer-order-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
#trade-drawer .drawer-order-row input,
#trade-drawer .drawer-order-row select{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid var(--bb-theme-line, rgba(233,238,225,.14));
  background:rgba(var(--bb-theme-inset-rgb, 233,238,225), 0.045);
  color:var(--bb-theme-ink, #f4f7ef);
  box-sizing:border-box;
}
.drawer-direction-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.drawer-direction-row button,
.drawer-slider-block button{
  min-height:42px;
  border-radius:8px;
  border:1px solid var(--bb-theme-line, rgba(233,238,225,.13));
  background:rgba(var(--bb-theme-surface-rgb, 233,238,225), 0.045);
  color:var(--bb-theme-ink, #f4f7ef);
  font-weight:900;
  cursor:pointer;
}
.drawer-direction-row button[data-drawer-direction="long"]{
  border-color:var(--bb-theme-up, rgba(103,228,143,.26));
  background:rgba(var(--bb-theme-up-rgb, 103,228,143), 0.055);
  color:var(--bb-theme-up, #67e48f);
}
.drawer-direction-row button[data-drawer-direction="short"]{
  border-color:var(--bb-theme-down, rgba(255,138,126,.28));
  background:rgba(var(--bb-theme-down-rgb, 255,138,126), 0.055);
  color:var(--bb-theme-down, #ff8a7e);
}
.drawer-direction-row button[data-drawer-direction="long"].active{
  border-color:var(--bb-theme-up, rgba(103,228,143,.72));
  background:linear-gradient(135deg,rgba(var(--bb-theme-up-rgb, 103,228,143), 0.92),rgba(var(--bb-theme-up-rgb, 114,231,209), 0.74));
  color:var(--bb-theme-up, #06110d);
}
.drawer-direction-row button[data-drawer-direction="short"].active{
  border-color:var(--bb-theme-down, rgba(255,138,126,.72));
  background:linear-gradient(135deg,rgba(var(--bb-theme-down-rgb, 255,138,126), 0.92),rgba(var(--bb-theme-accent-rgb, 242,200,91), 0.45));
  color:var(--bb-theme-ink, #160706);
}
.drawer-slider-block{
  margin-top:10px;
  padding:10px;
  border-radius:8px;
  border:1px solid var(--bb-theme-line, rgba(233,238,225,.12));
  background:rgba(var(--bb-theme-surface-rgb, 233,238,225), 0.035);
  touch-action:pan-x;
}
.drawer-slider-head,
.drawer-slider-marks{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.drawer-slider-head{
  color:var(--bb-theme-muted, #cbd3df);
  font-size:13px;
  font-weight:800;
}
.drawer-slider-head strong{
  color:var(--bb-theme-up, #72e7d1);
  font-size:18px;
}
.drawer-slider{
  width:100%;
  height:38px;
  margin:6px 0 3px;
  accent-color:var(--bb-theme-up, #72e7d1);
  touch-action:pan-x;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.0);
}
.drawer-slider::-webkit-slider-runnable-track{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--bb-theme-up-rgb, 114,231,209), 0.42),rgba(var(--bb-theme-accent-rgb, 242,200,91), 0.28));
  border:1px solid var(--bb-theme-line, rgba(233,238,225,.13));
}
.drawer-slider::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:30px;
  height:30px;
  margin-top:-10px;
  border-radius:50%;
  border:2px solid var(--bb-theme-line, rgba(6,8,13,.92));
  background:var(--bb-theme-up, #72e7d1);
  box-shadow:0 0 0 8px rgba(var(--bb-theme-shadow-rgb, 114,231,209), 0.13),0 7px 16px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.28);
}
.drawer-slider::-moz-range-track{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--bb-theme-up-rgb, 114,231,209), 0.42),rgba(var(--bb-theme-accent-rgb, 242,200,91), 0.28));
  border:1px solid var(--bb-theme-line, rgba(233,238,225,.13));
}
.drawer-slider::-moz-range-thumb{
  width:30px;
  height:30px;
  border-radius:50%;
  border:2px solid var(--bb-theme-line, rgba(6,8,13,.92));
  background:var(--bb-theme-up, #72e7d1);
  box-shadow:0 0 0 8px rgba(var(--bb-theme-shadow-rgb, 114,231,209), 0.13),0 7px 16px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.28);
}
.drawer-slider-marks{
  color:var(--bb-theme-muted, #7f8a96);
  font-size:11px;
}

/* paper summary cards */
.paper-summary-section{margin-top:8px}
.paper-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.paper-summary-card{background:rgba(var(--bb-theme-surface-rgb, 8,10,14), 0.85);border:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));padding:14px;border-radius:10px;min-height:72px;display:flex;flex-direction:column;justify-content:center;color:var(--bb-theme-ink, #ffffff)}
.paper-summary-label{color:var(--muted);font-size:13px;margin-bottom:6px}
.paper-summary-value{font-size:22px;font-weight:900}
.paper-summary-positive{color:var(--green)}
.paper-summary-negative{color:var(--red)}
.paper-summary-neutral{color:var(--text)}
.paper-pnl-panel{
  margin-top:14px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  border-radius:10px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);
  padding:14px;
}
.paper-pnl-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--bb-theme-line, rgba(255,255,255,0.07));
}
.paper-pnl-head h3{margin:0 0 4px}
.paper-pnl-head h3 + div{font-size:12px;color:var(--muted)}
.paper-pnl-switches{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
}
.paper-pnl-switches div{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.paper-pnl-switches a{
  color:var(--bb-theme-muted, #cbd3df);
  text-decoration:none;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.03);
  border-radius:7px;
  padding:5px 8px;
  font-size:12px;
}
.paper-pnl-switches a.active{
  color:var(--gold);
  border-color:var(--bb-theme-accent-text, rgba(246,198,75,0.35));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.08);
}
.paper-pnl-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.paper-pnl-grid>div,
.paper-pnl-breakdown>div{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.14);
  padding:10px;
}
.paper-pnl-grid span,
.paper-pnl-breakdown span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.paper-pnl-grid strong{
  display:block;
  font-size:18px;
  line-height:1.15;
}
.paper-pnl-breakdown{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.paper-pnl-breakdown strong{
  display:block;
  font-size:16px;
}
.paper-pnl-breakdown small{
  display:block;
  color:var(--muted);
  margin-top:5px;
  font-size:12px;
}
.paper-trend-panel{overflow:hidden}
.paper-trend-summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  color:var(--bb-theme-muted, #cbd3df);
  font-size:12px;
}
.paper-trend-summary span{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.09));
  border-radius:7px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.03);
  padding:5px 8px;
}
.paper-trend-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.paper-trend-metrics>div{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.14);
  padding:10px;
}
.paper-trend-metrics span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.paper-trend-metrics strong{
  display:block;
  font-size:16px;
  line-height:1.15;
}
.paper-trend-chart-wrap{
  position:relative;
  margin-top:12px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 4,8,12), 0.4);
  padding:8px;
}
.paper-trend-chart-wrap canvas{
  display:block;
  width:100%;
  height:320px;
}
.paper-trend-tooltip{
  position:absolute;
  z-index:2;
  min-width:156px;
  border:1px solid var(--bb-theme-line, rgba(85,214,255,0.32));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 9,13,18), 0.96);
  box-shadow:0 12px 32px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.35);
  color:var(--bb-theme-ink, #dfe6f0);
  padding:9px 10px;
  pointer-events:none;
  font-size:12px;
}
.paper-trend-tooltip strong,
.paper-trend-tooltip span{
  display:block;
  margin-bottom:4px;
}
.paper-trend-tooltip span:last-child{margin-bottom:0}
.paper-trend-legend{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:9px;
  color:var(--muted);
  font-size:12px;
}
.paper-trend-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.paper-trend-legend i{
  display:inline-block;
  width:18px;
  height:3px;
  border-radius:999px;
}
.paper-trend-legend i.equity{background:var(--bb-theme-surface, #55d6ff)}
.paper-trend-legend i.pnl{background:var(--bb-theme-up, #31e46b)}
.paper-trend-legend i.return{background:var(--bb-theme-accent, #f6c64b)}
.paper-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  color:var(--muted);
  font-size:12px;
}
.paper-pagination a{
  color:var(--bb-theme-muted, #cbd3df);
  text-decoration:none;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.03);
  border-radius:7px;
  padding:5px 8px;
}
.paper-pagination a.active{
  color:var(--gold);
  border-color:var(--bb-theme-accent-text, rgba(246,198,75,0.35));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.08);
}
.paper-pagination a.disabled{
  pointer-events:none;
  opacity:.38;
}
.paper-trade-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}
.paper-trade-sub{
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
}
.paper-trade-controls{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
}
.paper-exec-list{display:grid;gap:8px;margin-top:10px}
.paper-exec-row{display:grid;grid-template-columns:1fr 96px;gap:10px;align-items:center;border:1px solid var(--bb-theme-line, rgba(255,255,255,0.07));background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);border-radius:8px;padding:10px}
.paper-exec-row strong{display:block}
.paper-exec-row small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}
.paper-exec-status{justify-self:end;border:1px solid var(--bb-theme-line, rgba(255,255,255,0.12));border-radius:7px;padding:5px 8px;font-size:12px;font-weight:900;color:var(--muted)}
.paper-exec-status.opened{color:var(--green);border-color:var(--bb-theme-up, rgba(49,228,107,0.35));background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.08)}
.paper-exec-status.grid_added{color:var(--bb-theme-muted, #55d6ff);border-color:var(--bb-theme-line, rgba(85,214,255,0.35));background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.08)}
.paper-exec-status.pyramid_added{color:var(--green);border-color:var(--bb-theme-up, rgba(49,228,107,0.35));background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.08)}
.paper-exec-status.skipped{color:var(--orange);border-color:var(--bb-theme-down, rgba(255,138,47,0.35));background:rgba(var(--bb-theme-down-rgb, 255,138,47), 0.08)}
.paper-exec-status.not_trade_plan{color:var(--cyan);border-color:var(--bb-theme-line, rgba(32,199,255,0.25));background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.06)}
.paper-exec-status.error,.paper-exec-status.aborted{color:var(--red);border-color:var(--bb-theme-down, rgba(255,85,77,0.35));background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.08)}
.paper-time-filter a{
  border-color:var(--bb-theme-line, rgba(32,199,255,0.18));
}

@media(max-width:900px){
  .paper-summary-grid,.paper-pnl-grid,.paper-pnl-breakdown,.paper-trend-metrics{grid-template-columns:1fr}
  .paper-pnl-head{flex-direction:column}
  .paper-pnl-switches{align-items:flex-start}
  .paper-pnl-switches div{justify-content:flex-start}
  .paper-trend-summary{justify-content:flex-start}
  .paper-trend-chart-wrap canvas{height:260px}
  .paper-trade-head{flex-direction:column}
  .paper-trade-controls{align-items:flex-start}
  .paper-pagination{justify-content:flex-start}
}

/* market hero card constraints */
.market-hero-card{max-height:420px;overflow:hidden;display:flex;flex-direction:column}
.market-hero-card .market-hero-body{max-height:260px;overflow-y:auto;padding-right:8px}
.market-hero-card p.market-summary,.market-hero-card p.market-advice,.market-hero-card .focus-line{margin:6px 0;font-size:14px;line-height:1.25}
.market-hero-card .basis-line{margin-top:6px;color:var(--muted);font-size:12px}
.hero-section{margin-bottom:28px}
.assets-section{clear:both;display:block}
.asset-block-frame{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.14));
  border-radius:10px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.018);
  padding:14px;
  margin-bottom:16px;
  box-shadow:inset 0 0 0 1px rgba(var(--bb-theme-shadow-rgb, 255,255,255), 0.018);
}
.asset-block-frame .section-head{
  margin:0 0 12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--bb-theme-line, rgba(255,255,255,0.07));
}
.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
/* ensure hero-grid cards align at top */
.hero-grid{align-items:start}

.asset-card{
  border-color:var(--bb-theme-line, rgba(255,255,255,0.12));
  box-shadow:inset 0 0 0 1px rgba(var(--bb-theme-shadow-rgb, 255,255,255), 0.025), 0 16px 32px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.22);
}
.asset-card-head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-height:48px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid var(--bb-theme-line, rgba(255,255,255,0.07));
}
.asset-card-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:132px;
  flex:0 0 auto;
}
.asset-name-stack{display:flex;flex-direction:column;gap:4px}
.asset-symbol{
  font-size:20px;
  line-height:1;
  font-weight:900;
  color:var(--bb-theme-ink, #eef3fb);
}
.asset-head-pnl{
  color:var(--bb-theme-muted, #9da7b8);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  order:5;
  flex:1 0 100%;
  width:100%;
  min-width:0;
  margin-left:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
}
.asset-head-pnl.pnl-tag{
  padding:0;
  border:0;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.0);
  border-radius:0;
}
.asset-pnl-left{min-width:0;overflow:hidden;text-overflow:ellipsis}
.asset-pnl-right{flex:0 0 72px;text-align:right;font-variant-numeric:tabular-nums}
.asset-card-head>.asset-head-pnl{
  position:relative;
  display:block;
  padding-right:92px!important;
  white-space:nowrap!important;
  line-height:1.35;
}
.asset-card-head>.asset-head-pnl .asset-pnl-left{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.asset-card-head>.asset-head-pnl .asset-pnl-right{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:86px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.asset-score-pill{
  min-width:64px;
  height:32px;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:3px;
  border-radius:8px;
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.28));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.1);
  color:var(--gold);
}
.asset-score-pill strong{font-size:17px;line-height:1}
.asset-score-pill span{font-size:11px;color:var(--bb-theme-muted, #d9c47f)}
.asset-score-pill.empty{
  border-color:var(--bb-theme-line, rgba(255,255,255,0.08));
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);
  color:var(--bb-theme-muted, #7f8a99);
}
.asset-score-pill.empty span{
  color:var(--bb-theme-secondary, #667180);
}
.asset-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));
  border-radius:8px;
  overflow:hidden;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.12);
}
.asset-metrics div{
  padding:8px;
  border-right:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));
}
.asset-metrics div:last-child{border-right:0}
.factor-box{
  margin-top:8px;
  max-height:96px;
  overflow-y:auto;
  padding:8px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.07));
  border-radius:7px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.12);
}
.factor-box div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:4px 0;
  border-bottom:1px solid var(--bb-theme-line, rgba(255,255,255,0.045));
  color:var(--bb-theme-muted, #cbd3df);
  font-size:12px;
}
.factor-box div:last-child{border-bottom:0}
.factor-box span{color:var(--muted)}
.factor-box b{font-weight:800;color:var(--bb-theme-ink, #e7edf6);text-align:right}
.no-signal-box{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.07));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.02);
  color:var(--muted);
}
.no-signal-box strong{
  display:block;
  color:var(--bb-theme-muted, #aeb8c6);
  font-size:13px;
  margin-bottom:4px;
}
.no-signal-box span{font-size:12px;line-height:1.45}
.drawer-signal-card{
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.25));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.08);
  border-radius:8px;
  padding:12px;
  margin-bottom:14px;
}
.drawer-signal-card div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:4px 0;
  font-size:13px;
}
.drawer-signal-card span{color:var(--muted)}
.drawer-signal-card b{color:var(--bb-theme-ink, #fff);text-align:right}
.asset-top-close{
  border:1px solid var(--bb-theme-down, rgba(255,85,77,0.42));
  background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.1);
  color:var(--bb-theme-muted, #ffb6b1);
  padding:7px 10px;
  border-radius:7px;
  cursor:pointer;
  white-space:nowrap;
}
.asset-refresh{
  padding:7px 10px;
  border-radius:7px;
  white-space:nowrap;
}
.asset-signal-box{
  margin-top:10px;
  padding:12px;
  border-radius:8px;
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.24));
  background:linear-gradient(180deg,rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.055),rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.1));
  color:var(--bb-theme-ink, #fff);
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px;
  gap:12px;
  align-items:start;
}
.signal-eyebrow{
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px;
}
.signal-title{
  color:var(--gold);
  font-size:14px;
  font-weight:900;
  line-height:1.35;
}
.signal-title span{
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.28));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.1);
  color:var(--bb-theme-accent-text, #ffd66f);
  font-size:12px;
}
.home-signal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.home-signal-head>div:first-child{
  min-width:0;
}
.home-signal-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.home-signal-meta span{
  max-width:100%;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:999px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.035);
  color:var(--bb-theme-muted, #aeb8c6);
  padding:3px 7px;
  font-size:11px;
  line-height:1.2;
}
.home-signal-score{
  min-width:58px;
  padding:5px 8px;
  border-radius:7px;
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.32));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.12);
  color:var(--gold);
  text-align:center;
  white-space:nowrap;
}
.home-signal-score strong{
  font-size:20px;
  line-height:1;
}
.home-signal-score span{
  margin-left:2px;
  font-size:11px;
  color:var(--bb-theme-muted, #d9c47f);
}
.home-signal-chips{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:9px;
}
.home-signal-chips span{
  min-width:0;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.035);
  border-radius:7px;
  padding:7px 8px;
}
.home-signal-chips em{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  margin-bottom:4px;
}
.home-signal-chips b{
  display:block;
  color:var(--bb-theme-ink, #eef3fb);
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-signal-chips .direction-chip.long{
  border-color:var(--bb-theme-up, rgba(49,228,107,0.28));
  background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.08);
}
.home-signal-chips .direction-chip.long b{color:var(--green)}
.home-signal-chips .direction-chip.short{
  border-color:var(--bb-theme-down, rgba(255,85,77,0.30));
  background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.08);
}
.home-signal-chips .direction-chip.short b{color:var(--red)}
.home-signal-chips .direction-chip.observe{
  border-color:var(--bb-theme-accent-text, rgba(246,198,75,0.24));
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.07);
}
.home-signal-chips .direction-chip.observe b{color:var(--gold)}
.home-signal-summary{
  margin-top:8px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-left:3px solid var(--bb-theme-line, rgba(32,199,255,0.48));
  border-radius:7px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);
  padding:8px 9px;
  color:var(--bb-theme-ink, #dce5ee);
  font-size:12px;
  line-height:1.45;
  max-height:62px;
  overflow:auto;
}
.home-score-reason{
  margin-top:8px;
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.18));
  border-radius:7px;
  background:rgba(var(--bb-theme-accent-rgb, 246,198,75), 0.055);
  padding:8px 9px;
}
.home-score-reason strong,
.home-top-evidence-title{
  display:block;
  color:var(--gold);
  font-size:12px;
  margin-bottom:4px;
}
.home-score-reason span{
  display:block;
  color:var(--bb-theme-muted, #cbd5df);
  font-size:12px;
  line-height:1.4;
  max-height:52px;
  overflow:auto;
}
.home-evidence-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.home-evidence-tags span{
  border:1px solid var(--bb-theme-line, rgba(32,199,255,0.18));
  border-radius:999px;
  background:rgba(var(--bb-theme-surface-rgb, 32,199,255), 0.055);
  color:var(--bb-theme-muted, #aeeaff);
  padding:4px 7px;
  font-size:11px;
  line-height:1.25;
}
.home-top-evidence{
  margin-top:8px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:7px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.13);
  padding:8px;
  max-height:128px;
  overflow:auto;
}
.home-top-evidence div:not(.home-top-evidence-title){
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:5px 8px;
  padding:6px 0;
  border-top:1px solid var(--bb-theme-line, rgba(255,255,255,0.055));
}
.home-top-evidence div:not(.home-top-evidence-title):first-of-type{
  border-top:0;
}
.home-top-evidence b{
  color:var(--cyan);
  font-size:12px;
  line-height:1.35;
}
.home-top-evidence span{
  min-width:0;
  color:var(--bb-theme-ink, #eef3fb);
  font-size:12px;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-top-evidence small{
  grid-column:2;
  color:var(--bb-theme-muted, #9da7b8);
  font-size:11px;
  line-height:1.35;
}
.signal-advice{
  margin-top:6px;
  color:var(--bb-theme-ink, #dfe6f0);
  font-size:12px;
}
.signal-evidence{
  margin-top:4px;
  color:var(--bb-theme-muted, #9da7b8);
  font-size:12px;
  line-height:1.35;
}
.asset-signal-actions{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.asset-signal-actions a{
  display:block;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding:8px 9px;
  font-size:12px;
  font-weight:900;
}
.signal-long{
  background:rgba(var(--bb-theme-up-rgb, 50,225,120), 0.14);
  border:1px solid var(--bb-theme-up, rgba(50,225,120,0.34));
  color:var(--bb-theme-up, #75f0a4);
}
.signal-short{
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  color:var(--bb-theme-ink, #dbe3ee);
}
.asset-signal-actions .signal-detail-link{
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.035);
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  color:var(--bb-theme-muted, #cbd5df);
}
.asset-live-chart{
  position:relative;
  margin-top:9px;
  padding:9px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 4,8,12), 0.42);
}
.asset-live-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
  color:var(--bb-theme-muted, #9da7b8);
  font-size:12px;
}
.asset-live-chart-head b{
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.chart-range-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
  margin:0 0 6px;
}
.chart-range-tabs button{
  min-width:0;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  border-radius:6px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.035);
  color:var(--bb-theme-muted, #9da7b8);
  padding:4px 0;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.chart-range-tabs button.active{
  border-color:var(--bb-theme-line, rgba(85,214,255,0.38));
  background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.12);
  color:var(--bb-theme-muted, #55d6ff);
}
.asset-live-chart canvas{
  display:block;
  width:100%;
  height:84px;
}
.tv-chart-frame{
  display:block;
  width:100%;
  height:132px;
  border:0;
  border-radius:7px;
  background:var(--bb-theme-surface, #080d12);
}
.asset-live-chart.tv-mode canvas{
  display:none;
}
.tv-chart-open{
  position:absolute;
  left:9px;
  right:9px;
  top:74px;
  bottom:9px;
  border:0;
  padding:0;
  margin:0;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.0);
  cursor:pointer;
  z-index:2;
}
.focus-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.62);
  z-index:1180;
}
.focus-overlay.show{
  display:flex;
}
.asset-focus-panel{
  width:min(1120px,calc(100vw - 52px));
  max-height:calc(100vh - 52px);
  overflow:auto;
  overscroll-behavior:contain;
  background:var(--bb-theme-surface, #090d12);
  border:1px solid var(--bb-theme-accent, rgba(246,198,75,0.28));
  border-radius:12px;
  box-shadow:0 28px 70px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.55);
  padding:0 18px 18px;
}
.focus-close{
  width:32px;
  height:32px;
  flex:0 0 auto;
  border-radius:9px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.12));
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);
  color:var(--bb-theme-ink, #fff);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.focus-topline{
  display:grid;
  grid-template-columns:1.05fr 1fr 1.2fr 1.2fr;
  gap:10px;
  margin-bottom:12px;
}
.focus-topline div{
  min-width:0;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.035);
  padding:10px;
}
.focus-topline span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:5px;
}
.focus-topline strong{
  display:block;
  color:var(--bb-theme-ink, #edf4ff);
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.focus-chart-wrap{
  position:sticky;
  top:-1px;
  z-index:4;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  border-radius:0 0 9px 9px;
  border-top:0;
  background:var(--bb-theme-surface, #070b10);
  box-shadow:0 12px 22px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.42);
  padding:9px;
  margin:0 -18px;
  padding-left:18px;
  padding-right:18px;
}
.focus-chart-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.focus-chart-title{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:7px;
  flex-wrap:nowrap;
  white-space:nowrap;
  overflow:hidden;
}
.focus-chart-head span{
  color:var(--muted);
  font-size:12px;
  flex:0 0 auto;
}
.focus-chart-title>strong:first-child{
  color:var(--bb-theme-ink, #f4f7ef);
  font-size:20px;
  line-height:1;
  font-weight:1000;
  letter-spacing:0;
  flex:0 0 auto;
}
.focus-chart-title strong.price{
  color:var(--bb-theme-ink, #edf4ff);
  font-size:18px;
  line-height:1;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.focus-chart-title strong.price.tick-up{color:var(--green)}
.focus-chart-title strong.price.tick-down{color:var(--red)}
.focus-chart-head b{
  font-size:12px;
  flex:0 0 auto;
}
.focus-range-tabs{
  grid-column:1 / -1;
  display:flex;
  gap:5px;
}
.focus-range-tabs button{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.10));
  border-radius:7px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.04);
  color:var(--bb-theme-muted, #cbd5df);
  padding:5px 7px;
  font-size:12px;
  cursor:pointer;
}
.focus-range-tabs button.active{
  border-color:var(--bb-theme-line, rgba(85,214,255,0.36));
  background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.1);
  color:var(--bb-theme-muted, #8fe8ff);
}
#focus-spark{
  display:none;
  width:100%;
  height:190px;
}
.focus-tv-chart{
  display:block;
  width:100%;
  height:260px;
  border:0;
  border-radius:8px;
  background:var(--bb-theme-surface, #080d12);
}
.focus-positions{
  display:grid;
  gap:8px;
  margin-top:10px;
}
.focus-position-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:8px;
  align-items:stretch;
  border:1px solid var(--bb-theme-line, rgba(85,214,255,0.18));
  border-radius:10px;
  background:linear-gradient(180deg,rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.045),rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.018));
  padding:10px;
}
.focus-position-summary.empty{
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-color:var(--bb-theme-line, rgba(255,255,255,0.08));
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);
}
.focus-position-summary div{
  min-width:0;
}
.focus-position-summary span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:4px;
}
.focus-position-summary strong{
  display:block;
  color:var(--bb-theme-ink, #edf4ff);
  font-size:17px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.focus-close-asset{
  align-self:stretch;
  border:1px solid var(--bb-theme-down, rgba(255,85,77,0.42));
  border-radius:8px;
  background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.1);
  color:var(--bb-theme-muted, #ffb6b1);
  padding:0 14px;
  font-weight:900;
  cursor:pointer;
}
.focus-close-asset.inline{
  min-height:34px;
  align-self:center;
  padding:0 10px;
  white-space:nowrap;
}
.focus-position-row{
  display:grid;
  grid-template-columns:90px repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);
  padding:9px 10px;
  color:var(--bb-theme-muted, #cbd5df);
  font-size:13px;
}
.focus-position-row.muted{
  grid-template-columns:160px 1fr;
  color:var(--muted);
}
.focus-position-row.rich{
  display:block;
  font-size:12px;
}
.focus-position-row.rich.long{
  border-color:var(--bb-theme-up, rgba(49,228,107,.22));
  background:linear-gradient(180deg,rgba(var(--bb-theme-up-rgb, 49,228,107), 0.055),rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.018));
}
.focus-position-row.rich.short{
  border-color:var(--bb-theme-down, rgba(255,85,77,.34));
  background:linear-gradient(180deg,rgba(var(--bb-theme-down-rgb, 255,85,77), 0.13),rgba(var(--bb-theme-down-rgb, 255,138,126), 0.035));
  box-shadow:inset 3px 0 0 rgba(var(--bb-theme-shadow-rgb, 255,85,77), 0.72);
}
.focus-position-row.rich div{
  min-width:0;
}
.focus-position-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.focus-position-side{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.focus-position-side strong{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:42px;
  border-radius:999px;
  padding:4px 8px;
  margin-bottom:0;
  white-space:nowrap;
}
.focus-position-side strong em{
  font-style:normal;
  font-size:11px;
  opacity:.95;
}
.focus-position-row.rich.long .focus-position-side strong{
  background:rgba(var(--bb-theme-up-rgb, 49,228,107), 0.14);
  color:var(--bb-theme-up, #76ff98);
}
.focus-position-row.rich.short .focus-position-side strong{
  background:rgba(var(--bb-theme-down-rgb, 255,85,77), 0.28);
  color:var(--bb-theme-muted, #ffd1cd);
  border:1px solid var(--bb-theme-down, rgba(255,85,77,.38));
}
.focus-position-body{
  display:grid;
  grid-template-columns:1.35fr repeat(5,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
.focus-position-body>div{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,.06));
  border-radius:7px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.12);
  padding:7px 8px;
}
.focus-position-body .price-pair{
  border-color:var(--bb-theme-line, rgba(85,214,255,.16));
  background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.045);
}
.focus-position-row.rich strong,.focus-position-row.rich b{
  display:block;
  color:var(--bb-theme-ink, #edf4ff);
  font-size:13px;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
}
.focus-position-row.rich span{
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
  margin-top:0;
}
.focus-position-side span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--bb-theme-muted, #aeb8c5);
}
.focus-strategy{
  margin-top:10px;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.085));
  border-radius:10px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.024);
  padding:10px;
}
.focus-strategy-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.focus-strategy-head span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px;
}
.focus-strategy-head strong{
  color:var(--bb-theme-ink, #edf4ff);
  font-size:16px;
}
.focus-strategy-head a{
  flex:0 0 auto;
  border:1px solid var(--bb-theme-line, rgba(85,214,255,0.22));
  border-radius:7px;
  color:var(--bb-theme-muted, #8fe8ff);
  background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.055);
  padding:6px 9px;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}
.strategy-now,.strategy-ladder{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-bottom:6px;
}
.strategy-ladder{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.strategy-item{
  min-width:0;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.065));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 0,0,0), 0.1);
  padding:7px;
}
.strategy-item span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:4px;
}
.strategy-item b{
  display:block;
  color:var(--bb-theme-ink, #edf4ff);
  font-size:13px;
  line-height:1.3;
}
.strategy-item.accent{
  border-color:var(--bb-theme-line, rgba(85,214,255,0.24));
  background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.055);
}
.strategy-modules{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:6px;
}
.strategy-module{
  min-width:0;
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.075));
  border-radius:8px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.025);
  padding:7px;
}
.strategy-module>div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.strategy-module strong{
  color:var(--bb-theme-ink, #edf4ff);
  font-size:13px;
}
.strategy-module em{
  flex:0 0 auto;
  font-style:normal;
  border-radius:999px;
  padding:2px 6px;
  font-size:11px;
  font-weight:900;
}
.strategy-module.enabled{
  border-color:var(--bb-theme-line, rgba(85,214,255,0.16));
}
.strategy-module.enabled em{
  color:var(--bb-theme-muted, #8fe8ff);
  background:rgba(var(--bb-theme-surface-rgb, 85,214,255), 0.075);
}
.strategy-module.disabled{
  opacity:.72;
}
.strategy-module.disabled em{
  color:var(--bb-theme-muted, #9da7b8);
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.05);
}
.strategy-module p{
  margin:6px 0 0;
  color:var(--bb-theme-muted, #aeb8c6);
  font-size:12px;
  line-height:1.35;
}
.strategy-scoreline{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.strategy-scoreline span{
  border:1px solid var(--bb-theme-line, rgba(255,255,255,0.08));
  border-radius:999px;
  background:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.03);
  color:var(--bb-theme-muted, #cbd5df);
  padding:4px 8px;
  font-size:11px;
}
.focus-detail{
  margin-top:12px;
}
.focus-detail .asset-signal-box{
  display:grid!important;
}
.focus-detail .no-signal-box{
  display:block!important;
}
.asset-card{
  cursor:pointer;
}
.asset-card:focus{
  outline:2px solid var(--bb-theme-accent, rgba(246,198,75,0.55));
  outline-offset:2px;
}
@media(max-width:1180px){
  .asset-grid{grid-template-columns:1fr}
  .asset-card-head{flex-wrap:wrap}
  .asset-head-pnl{margin-left:0;text-align:left}
  .asset-signal-box{grid-template-columns:1fr}
  .asset-signal-actions{flex-direction:row}
  .home-signal-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Wide live-watch layout: keep all six focus coins visible at a glance. */
.main{
  padding:18px 18px 30px;
}
.topbar{
  margin-bottom:14px;
}
.page-title{
  font-size:30px;
}
.hero-section{
  margin-bottom:14px;
}
.hero-grid{
  grid-template-columns:minmax(340px,1.35fr) repeat(3,minmax(150px,.78fr));
  gap:10px;
  margin-bottom:0;
}
.hero-card{
  padding:16px 18px;
}
.market-hero-card{
  max-height:250px;
}
.market-hero-card .market-hero-body{
  max-height:170px;
}
.hero-card h2{
  margin-bottom:10px;
  font-size:20px;
}
.market-status{
  margin-bottom:10px;
  padding:10px 12px;
  border-radius:10px;
  font-size:20px;
}
.status-icon{
  width:36px;
  height:36px;
}
.hero-card p{
  margin:7px 0;
  font-size:13px;
  line-height:1.45;
}
.metric-card{
  min-height:150px;
  padding:14px;
}
.metric-icon{
  width:36px;
  height:36px;
  font-size:20px;
}
.metric-label{
  margin-top:9px;
  font-size:13px;
}
.metric-value{
  font-size:30px;
  margin:3px 0;
}
.metric-sub,.metric-time{
  font-size:12px;
}
.metric-time{
  bottom:12px;
}
.mini-line{
  height:20px;
  margin-top:8px;
}
.asset-block-frame{
  padding:10px;
  margin-bottom:12px;
}
.asset-block-frame .section-head{
  margin-bottom:10px;
  padding-bottom:8px;
}
.asset-block-frame .section-head h2{
  font-size:20px;
}
.asset-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  max-height:none!important;
  overflow:visible!important;
  margin-bottom:0;
}
.asset-card{
  min-width:0;
  padding:10px;
}
.asset-card-head{
  min-height:0;
  gap:6px;
  padding-bottom:8px;
  margin-bottom:8px;
  flex-wrap:wrap;
}
.asset-card-title{
  min-width:92px;
  gap:7px;
}
.coin{
  width:26px;
  height:26px;
  font-size:13px;
}
.asset-symbol{
  font-size:16px;
}
.status-badge{
  padding:3px 6px;
  font-size:11px;
}
.asset-score-pill{
  min-width:48px;
  height:26px;
}
.asset-score-pill strong{
  font-size:14px;
}
.asset-head-pnl{
  flex:1 0 100%;
  min-width:0;
  margin-left:0;
  font-size:11px;
  line-height:1.25;
  white-space:normal;
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.asset-top-close,.asset-refresh{
  padding:5px 7px;
  font-size:11px;
}
.price-block{
  margin-top:6px;
  padding:8px;
  border-radius:8px;
}
.price-main{
  font-size:18px;
}
.price-currency{
  font-size:11px;
}
.price-meta,.price-change{
  font-size:10px;
  line-height:1.28;
}
.asset-live-chart{
  margin-top:7px;
  padding:7px;
}
.asset-live-chart-head{
  margin-bottom:4px;
  font-size:11px;
}
.asset-live-chart-head b{
  font-size:11px;
}
.chart-range-tabs{
  gap:3px;
  margin-bottom:5px;
}
.chart-range-tabs button{
  font-size:9px;
  padding:3px 0;
}
.asset-live-chart canvas{
  height:74px;
}
.asset-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:7px;
  font-size:11px;
}
.asset-metrics div{
  padding:5px;
}
.asset-metrics div:nth-child(2){
  border-right:0;
}
.asset-metrics div:nth-child(n+3){
  border-top:1px solid var(--bb-theme-line, rgba(255,255,255,0.06));
}
.asset-signal-box,.no-signal-box{
  display:none;
}

@media(max-width:1500px){
  .hero-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .market-hero-card{
    grid-column:span 4;
  }
  .asset-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .asset-signal-box,.no-signal-box{
    display:grid;
  }
  .no-signal-box{
    display:block;
  }
}

@media(max-width:980px){
  .main{
    padding:16px;
  }
  .hero-grid,.asset-grid{
    grid-template-columns:1fr;
  }
  .market-hero-card{
    grid-column:auto;
  }
  .focus-overlay{
    padding:0;
    align-items:stretch;
    justify-content:stretch;
  }
  .asset-focus-panel{
    width:100vw;
    max-height:100vh;
    height:100vh;
    border-radius:0;
    border:0;
    padding:0 10px 10px;
  }
  .focus-topline{
    grid-template-columns:1fr 1fr;
  }
  #focus-spark{
    height:150px;
  }
  .focus-chart-wrap{
    padding:8px;
    border-radius:0 0 8px 8px;
    margin:0 -10px;
    padding-left:10px;
    padding-right:10px;
  }
  .focus-chart-title>strong:first-child{
    font-size:17px;
  }
  .focus-chart-title strong.price{
    font-size:15px;
  }
  .focus-range-tabs{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:4px;
  }
  .focus-range-tabs button{
    padding:5px 0;
    font-size:10px;
  }
  .focus-position-summary{
    grid-template-columns:1fr 1fr;
  }
  .focus-close-asset{
    grid-column:1 / -1;
    min-height:40px;
  }
  .focus-close-asset.inline{
    width:auto;
    min-height:30px;
  }
  .focus-position-row{
    grid-template-columns:1fr 1fr;
  }
  .focus-position-row.rich{
    display:block;
  }
  .focus-position-top{
    align-items:flex-start;
  }
  .focus-position-side{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .focus-position-side span{
    white-space:normal;
  }
  .focus-position-body{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .focus-position-body .price-pair{
    grid-column:1 / -1;
  }
  .strategy-now,.strategy-ladder,.strategy-modules{
    grid-template-columns:1fr;
  }
  .focus-chart-head{
    gap:6px;
  }
}

@media(min-width:981px) and (max-width:1500px){
  .hero-grid{
    grid-template-columns:minmax(300px,1.25fr) repeat(3,minmax(130px,.75fr));
  }
  .market-hero-card{
    grid-column:auto;
  }
  .market-hero-card .market-hero-body{
    max-height:130px;
  }
  .asset-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .asset-signal-box,.no-signal-box{
    display:none;
  }
}

@media(min-width:981px){
  .asset-grid .asset-refresh,.asset-grid .asset-top-close{
    display:none;
  }
  .asset-grid .asset-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
    align-items:start;
  }
  .asset-grid .asset-card-title{
    min-width:0;
  }
  .asset-grid .asset-score-pill{
    width:46px;
    min-width:42px;
    height:22px;
    justify-self:end;
  }
  .asset-grid .asset-head-pnl{
    flex-basis:auto;
    grid-column:1 / -1;
    width:100%;
  }
  .asset-grid .price-meta{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .asset-grid .price-change,.asset-grid .asset-metrics{
    display:none;
  }
}