/* V1 Research World + Live Trading Center visual pass.
 * Decorative backgrounds never imply actual activity. Source-backed badges
 * distinguish durable research, simulated evidence and real-money lockout.
 */
.detail-cockpit .page-heading{margin-bottom:18px}
.detail-cockpit .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.detail-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}
.detail-layout>.panel{min-width:0;grid-column:span 4}
.detail-layout>.panel.detail-span-3{grid-column:span 3}
.detail-layout>.panel.detail-span-4{grid-column:span 4}
.detail-layout>.panel.detail-span-5{grid-column:span 5}
.detail-layout>.panel.detail-span-6{grid-column:span 6}
.detail-layout>.panel.detail-span-7{grid-column:span 7}
.detail-layout>.panel.detail-span-8{grid-column:span 8}
.detail-layout>.panel.detail-span-9{grid-column:span 9}
.detail-layout>.panel.detail-span-12{grid-column:span 12}
.detail-layout .panel-body{padding-top:13px}
.detail-layout .panel-header h2{display:flex;align-items:center;gap:8px}
.detail-layout .panel-header h2:before{content:"";height:13px;width:3px;border-radius:3px;background:#36c3f2;box-shadow:0 0 9px #259dd5}
.detail-layout .panel.research-purple .panel-header h2:before{background:#a78cff;box-shadow:0 0 9px #7963e0}
.detail-layout .panel.money-purple{border-color:#4c4073}
.detail-layout .panel.money-purple .panel-header h2:before{background:#ba9aff}
.detail-layout .panel.locked-panel{border-color:#714453;background:linear-gradient(145deg,#211b2d,#111a2b 80%)}
.detail-layout .panel.locked-panel .panel-header h2:before{background:#eb7f90}
.detail-layout .brain-svg{max-height:375px;min-height:270px}
.research-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:2px 0 4px}
.research-step{
  position:relative;padding:13px 7px;border:1px solid #315574;
  border-radius:9px;background:linear-gradient(135deg,#174068,#102a42);
  min-height:95px;min-width:0;
}
.research-step:after{
  content:"›";position:absolute;right:-10px;top:34%;font-size:22px;
  font-weight:bold;color:#4ab3e9;z-index:1;line-height:1;
}
.research-step:last-child:after{content:none}
.research-step .step-index{
  display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:#226796;color:#d9f3ff;font-size:11px;font-weight:800;
}
.research-step strong{display:block;font-size:11px;color:#ceeaff;margin-top:11px;overflow:hidden;text-overflow:ellipsis}
.research-step small{display:block;margin-top:6px;font-size:10px;color:#85abc3;line-height:1.4}
.research-step:nth-child(3),.research-step:nth-child(4){background:linear-gradient(135deg,#193e60,#172948);border-color:#53528a}
.research-step:nth-child(5),.research-step:nth-child(6){background:linear-gradient(135deg,#1a454e,#133141);border-color:#276b77}
.research-step:last-child{border-color:#32785f}
.research-card-list{display:grid;gap:9px}
.research-source-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;
  align-items:center;padding:10px 12px;border:1px solid #28506a;
  border-radius:8px;background:#0b2a41;
}
.research-source-item strong{display:block;font-size:11px;color:#d2edff;overflow-wrap:anywhere;line-height:1.45}
.research-source-item small{display:block;margin-top:5px;color:#77a4c1;font-size:10px;overflow-wrap:anywhere}
.research-source-pill{font-size:10px;font-weight:700;color:#62daf2;padding:6px 9px;border:1px solid #246b83;border-radius:7px;background:#103b51}
.research-stage-counts{display:grid;gap:9px;padding:4px 0}
.research-stage-row{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:9px}
.research-stage-row label{font-size:10px;color:#a7c8df}
.research-bar{height:9px;background:#16364e;border:1px solid #285270;border-radius:12px;overflow:hidden}
.research-bar .bar-fill{height:100%;border-radius:11px;background:linear-gradient(90deg,#2775bb,#44ddf1)}
.research-stage-row:nth-child(3n) .bar-fill{background:linear-gradient(90deg,#6c69c5,#b69bf5)}
.research-stage-row .count{font-size:12px;color:#d6edfc;font-weight:750;min-width:25px;text-align:right}
.research-cluster-list{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 9px}
.research-cluster{
  border:1px solid #345a7a;border-radius:7px;background:#102e49;
  color:#a6d4ed;font-size:10px;padding:8px 10px;
}
.research-cluster strong{color:#def4ff;margin-left:7px}
.research-note{
  border:1px solid #31516c;background:#0a2639;padding:11px 12px;
  border-radius:8px;color:#86adca;font-size:10px;line-height:1.7;
}
.research-note.warning{border-color:#82583a;background:#36281c;color:#f2c287}
.research-source-empty{min-height:200px}
.detail-cockpit .table-wrap{max-height:260px;overflow:auto}
.detail-cockpit .data-table{min-width:0}
.detail-cockpit .data-table td,.detail-cockpit .data-table th{padding:9px 7px}
.live-mode-strip{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:12px 15px;margin-bottom:14px;
  background:linear-gradient(90deg,#361d2b,#19243b);
  border:1px solid #8d4557;border-radius:10px;
}
.live-mode-strip .live-badge{
  font-size:11px;color:#ffe0e6;background:#83394d;
  font-weight:800;padding:7px 10px;border-radius:7px;letter-spacing:.7px;
}
.live-mode-strip strong{color:#f9c3cc;font-size:12px}
.live-mode-strip small{font-size:11px;color:#d6abb8;line-height:1.6}
.live-mode-strip .mode-spacer{flex:1}
.live-mode-strip .paper-mode{
  color:#7fe9e2;border:1px solid #317774;border-radius:7px;
  background:#104044;padding:8px 11px;font-size:11px;font-weight:700;
}
.live-asset-watch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.live-watch-item{
  min-width:0;padding:12px 10px;border:1px solid #315873;
  border-radius:9px;background:#0d2b41;
}
.live-watch-item strong{font-size:12px;color:#d3eaff}
.live-watch-item small{display:block;color:#7e9bb2;font-size:10px;margin-top:7px}
.live-watch-item .watch-price{display:block;font-size:19px;font-weight:800;color:#abc6dc;margin-top:11px}
.live-watch-item .watch-state{display:inline-block;font-size:10px;color:#e7b879;margin-top:9px}
.live-chart-frame{
  position:relative;min-height:335px;border:1px solid #234763;
  background:
    repeating-linear-gradient(0deg,transparent 0,transparent 50px,#36577224 50px,#36577224 51px),
    repeating-linear-gradient(90deg,transparent 0,transparent 72px,#36577224 72px,#36577224 73px),
    radial-gradient(ellipse at 50% 48%,#103854,#071b2d);
  border-radius:9px;overflow:hidden;
}
.live-chart-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-bottom:1px solid #275270;
  background:#102c4277;
}
.live-chart-head b{color:#dfedfc;font-size:12px}
.live-chart-head small{color:#91afc7;font-size:10px}
.live-chart-timeframes{display:flex;gap:4px;align-items:center}
.live-chart-timeframes span{padding:5px 7px;color:#7098b6;border:1px solid #28455c;border-radius:4px;font-size:10px}
.live-chart-empty{display:flex;justify-content:center;align-items:center;min-height:246px;text-align:center;padding:25px}
.live-chart-empty .center{border:1px dashed #3c6682;border-radius:10px;background:#0d2b42da;padding:24px;max-width:360px}
.live-chart-empty strong{display:block;color:#c8def0;font-size:13px}
.live-chart-empty small{display:block;color:#91abc1;line-height:1.7;font-size:10px;margin-top:9px}
.live-chart-empty .decor{font-size:27px;color:#699ab8;display:block;margin-bottom:8px}
.orderbook-shell{display:grid;grid-template-rows:28px repeat(4,32px) 55px repeat(4,32px);gap:2px;align-items:stretch}
.orderbook-head{display:grid;grid-template-columns:1fr 1fr 1fr;color:#85a9c2;font-size:10px;padding:7px 6px}
.orderbook-placeholder{display:grid;place-items:center;border:1px solid #34435e;border-radius:5px;background:#182b3a;color:#5e7e99;font-size:10px}
.orderbook-placeholder.ask{background:#40233144;border-color:#83434e55}
.orderbook-placeholder.bid{background:#183a3844;border-color:#3d7d7155}
.orderbook-mid{display:grid;place-items:center;border-top:1px solid #40556c;border-bottom:1px solid #40556c;color:#e7c08a;font-size:13px;font-weight:800}
.live-status-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.live-status-tile{border:1px solid #294b68;border-radius:8px;padding:11px;background:#0b2a3e}
.live-status-tile small{display:block;font-size:10px;color:#91b1c9}
.live-status-tile strong{display:block;margin-top:8px;font-size:13px;color:#e1c3a0}
.live-status-tile strong.blocked{color:#f4aab8}
.live-status-tile strong.known{color:#75e0c0}
.live-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.live-step{padding:12px 9px;border:1px solid #2a4c68;border-radius:8px;background:#102c43;min-width:0}
.live-step .num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #397ba4;background:#194969;color:#ccecff;font-size:11px}
.live-step strong{display:block;margin-top:10px;color:#d8effc;font-size:11px}
.live-step small{display:block;margin-top:7px;font-size:10px;color:#d5a96c}
.live-step:last-child{border-color:#844759;background:#342333}
.live-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.live-quick-actions button{
  border-radius:8px;min-height:48px;border:1px solid #5e3e58;
  background:#321f32;color:#e8a8b5;opacity:.75;
  font:600 11px Inter,"PingFang SC",sans-serif;
}
.live-quick-actions button:disabled{cursor:not-allowed}
.live-table-note{margin-top:9px;color:#86a9c3;font-size:10px}
@media(max-width:1550px){
  .detail-cockpit .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .detail-layout>.panel.detail-span-3,.detail-layout>.panel.detail-span-4,.detail-layout>.panel.detail-span-5{grid-column:span 6}
  .detail-layout>.panel.detail-span-7,.detail-layout>.panel.detail-span-8,.detail-layout>.panel.detail-span-9{grid-column:span 12}
}
@media(max-width:1020px){
  .detail-layout>.panel.detail-span-3,.detail-layout>.panel.detail-span-4,
  .detail-layout>.panel.detail-span-5,.detail-layout>.panel.detail-span-6{grid-column:span 12}
  .research-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .research-step:nth-child(3):after{content:none}
  .live-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .detail-cockpit .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-layout>.panel{grid-column:span 12!important}
  .research-stage-row{grid-template-columns:97px 1fr auto}
  .research-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .research-step:nth-child(3):after{content:"›"}
  .research-step:nth-child(2n):after{content:none}
  .live-asset-watch{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-chart-head{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.research-step,.live-watch-item{transition:none}}


/* Public close-only candles and timestamped REST depth (no executable quotes). */
.market-candles{display:block;width:100%;max-height:275px;padding:8px 3px;overflow:hidden}
.market-chart-grid{stroke:#284d68;stroke-width:.6;stroke-dasharray:3 4}
.market-chart-label{fill:#9ab8d0;font:10px Inter,"PingFang SC",sans-serif}
.market-candle-up line,.market-candle-up rect{stroke:var(--delta-up);fill:var(--delta-up);stroke-width:1.2}
.market-candle-down line,.market-candle-down rect{stroke:var(--delta-down);fill:var(--delta-down);stroke-width:1.2}
.market-active-timeframe{color:#84e0c5;border:1px solid #377e75;border-radius:4px;padding:3px 5px}
.market-depth-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;
  gap:3px;min-width:0;padding:3px 6px;border:1px solid #34435e;border-radius:5px;
  background:#182b3a;color:#c7dce9;font-size:10px;font-variant-numeric:tabular-nums}
.market-depth-row span{min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis}
.market-depth-row.ask{background:#40233144;border-color:#83434e55}
.market-depth-row.bid{background:#183a3844;border-color:#3d7d7155}
.market-depth-row.ask span:first-child{color:#f0a3af}
.market-depth-row.bid span:first-child{color:#7dd6be}
.live-chart-frame>.live-table-note,.orderbook-shell+.live-table-note{
  max-width:100%;overflow-wrap:anywhere;line-height:1.4;padding:0 8px 8px}

/* Public rolling 24h TRADE-price stats, independent of the mark-price quote. */
.live-watch-item .market-trend{display:block;margin-top:8px;font-size:12px;font-weight:700}
.live-watch-item .market-trend-time{overflow-wrap:anywhere;line-height:1.35}
.market-trend.up{color:var(--delta-up)}.market-trend.down{color:var(--delta-down)}
.market-trend.flat{color:#c0d2de}.market-trend.unknown{color:#8ca8bf;font-weight:400}

/* Fixed, read-only public market symbol selection; never an order control. */
.market-detail-symbol-picker{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:#b9cddd}
.market-detail-symbol-picker select{max-width:124px;min-height:30px;border:1px solid #4e7180;border-radius:5px;background:#162a39;color:#edf6fb;padding:4px 6px;font:inherit;cursor:pointer}
.market-detail-symbol-picker select:focus-visible{outline:2px solid #72d9bb;outline-offset:2px}
.live-watch-item.market-selected{border-color:#4dba9b;background:linear-gradient(145deg,#193c3c,#172a3b)}
@media(max-width:700px){.market-detail-symbol-picker{white-space:normal}.market-detail-symbol-picker select{max-width:118px}}

/* A third, read-only selector must not stretch the 390px screenshot canvas. */
.live-chart-head>b{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
  .live-chart-head{column-gap:7px;row-gap:9px}
  .live-chart-head>b{flex-basis:100%}
  .market-detail-symbol-picker{flex:0 1 auto;min-width:0}
  .live-chart-timeframes{flex:0 1 auto;margin-left:auto}
}