#tab-crypto-terminal {
  --ct-bg: #07090b;
  --ct-panel: #0d1014;
  --ct-panel-2: #12161c;
  --ct-card: #0f141a;
  --ct-line: #1e252e;
  --ct-line-soft: #161b22;
  --ct-orange: #ff9d00;
  --ct-orange-2: #ffb300;
  --ct-text: #edf0f2;
  --ct-muted: #728096;
  --ct-green: #00d978;
  --ct-red: #ff3d45;
  --ct-blue: #38bdf8;
  --ct-cyan: #1ed6d0;
  --ct-purple: #a855f7;
  padding: 0 !important;
  background: var(--ct-bg);
  color: var(--ct-text);
  min-height: calc(100vh - 120px) !important;
  font-family: "JetBrains Mono", "Space Mono", -apple-system, BlinkMacSystemFont, monospace;
}

/* ========================================================================== 
   2026 INSTITUTIONAL CRYPTO TERMINAL — PREMIUM VISUAL SYSTEM
   Scoped final layer intentionally consolidates Dashboard, Perps, Radar and
   Derivatives without changing live-data selectors or renderer contracts.
   ========================================================================== */
#tab-crypto-terminal {
  --ct-pro-bg: #05080d;
  --ct-pro-card: rgba(12, 18, 27, .92);
  --ct-pro-card-2: rgba(16, 24, 35, .88);
  --ct-pro-line: rgba(139, 170, 210, .13);
  --ct-pro-cyan: #38d9ff;
  --ct-pro-blue: #4f7cff;
  --ct-pro-green: #20e39a;
  --ct-pro-red: #ff5470;
  --ct-pro-amber: #ffb84d;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,217,255,.07), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(79,124,255,.07), transparent 28%),
    var(--ct-pro-bg);
}

#tab-crypto-terminal .ct-body {
  background-image: linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 36px 36px;
}

#tab-crypto-terminal .ct-kpi-strip {
  gap: 10px;
  padding: 12px;
  border: 0;
  background: transparent;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#tab-crypto-terminal .ct-kpi {
  min-height: 108px;
  border: 1px solid var(--ct-pro-line);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(18,28,40,.96), rgba(8,13,21,.96));
  box-shadow: 0 16px 42px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.03);
}

#tab-crypto-terminal .ct-kpi::after {
  content: "";
  position: absolute;
  inset: auto 12px 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--ct-pro-cyan), transparent);
  opacity: .45;
}

#tab-crypto-terminal .ct-kpi:hover { transform: translateY(-2px); border-color: rgba(56,217,255,.3); }
#tab-crypto-terminal .ct-kpi-badge { color: var(--ct-pro-cyan); background: rgba(56,217,255,.08); border: 1px solid rgba(56,217,255,.15); }

/* Reference-aligned Market Radar */
#tab-crypto-terminal .ct-cmm-radar {
  min-height: 900px;
  padding: 0 30px 42px;
  color: #b8b8b8;
  font-family: "IBM Plex Mono", "JetBrains Mono", monospace;
  background: #08090b;
}
#tab-crypto-terminal .ct-cmm-head {
  display: flex; justify-content: space-between; gap: 30px;
  margin: 0 -30px; padding: 10px 30px 13px;
  border-bottom: 1px solid rgba(56,203,137,.14);
  background: linear-gradient(180deg, rgba(0,115,92,.4), rgba(0,0,0,.08) 72%);
  position: relative; overflow: hidden;
}
#tab-crypto-terminal .ct-cmm-head::after,
#tab-crypto-terminal .ct-cmm-grid-break::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(56,203,137,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(56,203,137,.08) 1px, transparent 1px);
  background-size: 58px 22px; transform: perspective(260px) rotateX(54deg); transform-origin: top;
}
#tab-crypto-terminal .ct-cmm-title-row { display: flex; align-items: center; gap: 10px; }
#tab-crypto-terminal .ct-cmm-title-row h2 { margin: 0; color: #e8e8e8; font-size: 20px; letter-spacing: .01em; }
#tab-crypto-terminal .ct-cmm-source { color: #38cb89; border: 1px solid rgba(56,203,137,.3); padding: 3px 7px; border-radius: 3px; font-size: 8px; font-weight: 700; }
#tab-crypto-terminal .ct-cmm-head p { margin: 4px 0 0; color: #888; font-size: 10px; line-height: 1.45; }
#tab-crypto-terminal .ct-cmm-head-stats { display: flex; align-items: flex-start; gap: 20px; padding-top: 9px; }
#tab-crypto-terminal .ct-cmm-head-stats span { display: grid; gap: 3px; font-size: 9px; color: #888; white-space: nowrap; }
#tab-crypto-terminal .ct-cmm-head-stats b { color: #e8e8e8; font-size: 11px; }
#tab-crypto-terminal .ct-cmm-controls { display: grid; grid-template-columns: 150px minmax(520px, 628px); align-items: end; gap: 34px; padding: 12px 0 8px; }
#tab-crypto-terminal .ct-cmm-controls label, #tab-crypto-terminal .ct-cmm-level-control { display: grid; gap: 4px; color: #888; font-size: 9px; }
#tab-crypto-terminal .ct-cmm-controls select, #tab-crypto-terminal .ct-cmm-table-intro select, #tab-crypto-terminal .ct-cmm-chart-toolbar select {
  height: 34px; border: 1px solid #26272c; border-radius: 4px; padding: 0 10px; color: #e8e8e8; background: #18191c; font: 600 10px/1 "IBM Plex Mono", monospace;
}
#tab-crypto-terminal .ct-cmm-level-control { grid-template-columns: 55px 1fr; align-items: center; }
#tab-crypto-terminal .ct-cmm-level-control > span { text-align: right; }
#tab-crypto-terminal .ct-cmm-level-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; width: 100%; padding: 4px 5px; border: 1px solid #26272c; border-radius: 6px; background: #121212; }
#tab-crypto-terminal .ct-cmm-level-tabs button { min-height: 34px; border: 0; border-radius: 4px; color: #a0a2a4; background: transparent; font: 600 11px/1 "IBM Plex Mono", monospace; cursor: pointer; }
#tab-crypto-terminal .ct-cmm-level-tabs button.active { color: #fff; background: rgba(140,247,224,.2); }
#tab-crypto-terminal #ct-cmm-level-select { display: none; }
#tab-crypto-terminal .ct-cmm-chart-grid { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 7px; }
#tab-crypto-terminal .ct-cmm-historical, #tab-crypto-terminal .ct-cmm-live { border: 1px solid #26272c; border-radius: 6px; background: rgba(18,18,18,.94); overflow: hidden; }
#tab-crypto-terminal .ct-cmm-chart-toolbar { height: 38px; display: flex; align-items: center; gap: 9px; padding: 0 8px; color: #888; font-size: 9px; }
#tab-crypto-terminal .ct-cmm-chart-toolbar label { display: flex; align-items: center; gap: 7px; }
#tab-crypto-terminal .ct-cmm-chart-toolbar select { height: 23px; padding: 0 7px; }
#tab-crypto-terminal .ct-cmm-chart-toolbar > select { margin-left: auto; }
#tab-crypto-terminal .ct-cmm-estimated { color: #ffab00; font-size: 7px; letter-spacing: .08em; }
#tab-crypto-terminal .ct-cmm-heatmap { position: relative; height: 460px; padding: 30px 58px 30px 18px; display: grid; grid-template-rows: repeat(9, 1fr); background: linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px), #101113; background-size: 42px 42px; }
#tab-crypto-terminal .ct-cmm-heat-row { position: relative; display: grid; grid-template-columns: repeat(25, 1fr); align-items: center; gap: 1px; }
#tab-crypto-terminal .ct-cmm-heat-row i { display: block; height: 8px; border-radius: 1px; background: #38cb89; box-shadow: 0 0 5px rgba(56,203,137,.18); }
#tab-crypto-terminal .ct-cmm-heat-row.below i { background: #fd6e4e; box-shadow: 0 0 5px rgba(253,110,78,.15); }
#tab-crypto-terminal .ct-cmm-invert .ct-cmm-heat-row.above i { background:#fd6e4e; box-shadow:0 0 5px rgba(253,110,78,.15); }
#tab-crypto-terminal .ct-cmm-invert .ct-cmm-heat-row.below i { background:#38cb89; box-shadow:0 0 5px rgba(56,203,137,.18); }
#tab-crypto-terminal .ct-cmm-heat-row b { position: absolute; right: -51px; color: #888; font-size: 8px; font-weight: 500; }
#tab-crypto-terminal .ct-cmm-heat-row.current { display: block; }
#tab-crypto-terminal .ct-cmm-current-line { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dotted #e8e8e8; }
#tab-crypto-terminal .ct-cmm-heat-row.current b { top: calc(50% - 7px); color: #fff; }
#tab-crypto-terminal .ct-cmm-axis { position: absolute; right: 6px; color: #777; font-size: 8px; }
#tab-crypto-terminal .ct-cmm-axis.top { top: 7px; } #tab-crypto-terminal .ct-cmm-axis.bottom { bottom: 7px; }
#tab-crypto-terminal .ct-cmm-watermark { position: absolute; left: 18px; bottom: 10px; color: rgba(56,203,137,.25); font-size: 9px; }
#tab-crypto-terminal .ct-cmm-chart-metrics { display: grid; grid-template-columns: repeat(4,1fr); min-height: 60px; border-top: 1px solid #26272c; }
#tab-crypto-terminal .ct-cmm-chart-metrics div { display: grid; place-content: center; gap: 8px; text-align: center; border-right: 1px solid #26272c; }
#tab-crypto-terminal .ct-cmm-chart-metrics span { color: #888; font-size: 8px; } #tab-crypto-terminal .ct-cmm-chart-metrics b { color: #e8e8e8; font-size: 10px; }
#tab-crypto-terminal .ct-cmm-chart-metrics .negative, #tab-crypto-terminal .ct-cmm-cohort-table .negative { color: #fd6e4e; }
#tab-crypto-terminal .ct-cmm-cohort-table .positive { color: #38cb89; }
#tab-crypto-terminal .ct-cmm-live { padding: 13px 16px 12px; }
#tab-crypto-terminal .ct-cmm-live h3 { margin: 0 0 18px; color: #ffab00; font-size: 10px; } #tab-crypto-terminal .ct-cmm-live h3 span { color: #888; font-size: 8px; font-weight: 400; }
#tab-crypto-terminal .ct-cmm-live-head { display: grid; grid-template-columns: 1fr 1fr 1fr; color: #777; font-size: 8px; } #tab-crypto-terminal .ct-cmm-live-head span:nth-child(2) { text-align:center; } #tab-crypto-terminal .ct-cmm-live-head span:last-child { text-align:right; }
#tab-crypto-terminal .ct-cmm-ladder { min-height: 470px; display: flex; flex-direction: column; justify-content: space-around; position: relative; }
#tab-crypto-terminal .ct-cmm-ladder::before { content:""; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid #333; }
#tab-crypto-terminal .ct-cmm-ladder-row { position: relative; min-height: 34px; display: flex; align-items:center; }
#tab-crypto-terminal .ct-cmm-ladder-row span { height: 17px; display:flex; align-items:center; padding-left:4px; border-radius:2px; background: rgba(56,203,137,.72); color:#38cb89; font-size:8px; }
#tab-crypto-terminal .ct-cmm-ladder-row.below span { background: rgba(253,110,78,.55); color:#fd6e4e; }
#tab-crypto-terminal .ct-cmm-invert .ct-cmm-ladder-row.above span { background:rgba(253,110,78,.55); color:#fd6e4e; }
#tab-crypto-terminal .ct-cmm-invert .ct-cmm-ladder-row.below span { background:rgba(56,203,137,.72); color:#38cb89; }
#tab-crypto-terminal .ct-cmm-ladder-row strong { position:absolute; right:0; color:#e8e8e8; font-size:9px; }
#tab-crypto-terminal .ct-cmm-ladder-current { position:relative; z-index:1; text-align:center; color:#fff; font-size:11px; }
#tab-crypto-terminal .ct-cmm-live-foot { text-align:center; color:#777; font-size:8px; }
#tab-crypto-terminal .ct-cmm-grid-break { height: 92px; margin: 0 -30px; position:relative; overflow:hidden; border-bottom:1px solid rgba(56,203,137,.12); }
#tab-crypto-terminal .ct-cmm-table-intro { display:flex; align-items:center; gap:14px; min-height:62px; color:#e8e8e8; font-size:10px; font-weight:700; }
#tab-crypto-terminal .ct-cmm-table-intro select { height:25px; min-width:210px; }
#tab-crypto-terminal .ct-cmm-table-wrap { border:1px solid #26272c; border-radius:6px; overflow:auto; background:#101113; }
#tab-crypto-terminal .ct-cmm-cohort-table { width:100%; min-width:1120px; border-collapse:collapse; }
#tab-crypto-terminal .ct-cmm-cohort-table th { padding:14px 12px; color:#777; text-align:left; font-size:8px; font-weight:500; white-space:nowrap; }
#tab-crypto-terminal .ct-cmm-cohort-table td { padding:9px 12px; color:#888; font-size:9px; border-top:1px solid rgba(255,255,255,.025); white-space:nowrap; }
#tab-crypto-terminal .ct-cmm-cohort-table td:first-child { color:#9ca0a6; text-decoration:underline; }
#tab-crypto-terminal .ct-cmm-cohort-table td b { color:#e8e8e8; } #tab-crypto-terminal .ct-cmm-cohort-table small { display:block; color:#777; margin-top:3px; }

@media (max-width: 720px) {
  #tab-crypto-terminal .ct-cmm-radar { padding:0 6px 26px; }
  #tab-crypto-terminal .ct-cmm-head { margin:0 -6px; padding:12px 6px; display:block; }
  #tab-crypto-terminal .ct-cmm-title-row { display:block; } #tab-crypto-terminal .ct-cmm-title-row h2 { font-size:15px; margin-bottom:6px; }
  #tab-crypto-terminal .ct-cmm-source { display:none; }
  #tab-crypto-terminal .ct-cmm-head-stats { gap:24px; padding-top:7px; }
  #tab-crypto-terminal .ct-cmm-controls { grid-template-columns:1fr; gap:7px; padding:9px 0; }
  #tab-crypto-terminal .ct-cmm-level-control { display:block; } #tab-crypto-terminal .ct-cmm-level-control > span, #tab-crypto-terminal .ct-cmm-level-tabs { display:none; }
  #tab-crypto-terminal #ct-cmm-level-select { display:block; width:100%; height:38px; }
  #tab-crypto-terminal .ct-cmm-coin-control > span { display:none; } #tab-crypto-terminal .ct-cmm-coin-control select { width:100%; height:38px; }
  #tab-crypto-terminal .ct-cmm-chart-grid { display:flex; flex-direction:column; }
  #tab-crypto-terminal .ct-cmm-live { order:-1; } #tab-crypto-terminal .ct-cmm-ladder { min-height:430px; }
  #tab-crypto-terminal .ct-cmm-heatmap { height:390px; padding-right:48px; }
  #tab-crypto-terminal .ct-cmm-chart-metrics { grid-template-columns:1fr; }
  #tab-crypto-terminal .ct-cmm-chart-metrics div { min-height:37px; display:flex; justify-content:space-between; align-items:center; padding:0 10px; border-right:0; border-bottom:1px solid #26272c; }
  #tab-crypto-terminal .ct-cmm-grid-break { height:65px; margin:0 -6px; }
  #tab-crypto-terminal .ct-cmm-table-intro { align-items:flex-start; justify-content:space-between; gap:8px; padding:14px 0; line-height:1.55; }
  #tab-crypto-terminal .ct-cmm-table-intro select { min-width:160px; }
  #tab-crypto-terminal .ct-cmm-table-wrap { overflow:hidden; }
  #tab-crypto-terminal .ct-cmm-cohort-table { min-width:690px; }
  #tab-crypto-terminal .ct-cmm-cohort-table th:nth-child(n+6), #tab-crypto-terminal .ct-cmm-cohort-table td:nth-child(n+6) { display:none; }
}

/* Crypto Bubbles isolated live canvas surface */
#tab-crypto-bubbles { padding:0!important; min-height:calc(100vh - 120px)!important; background:#05080d; }
#tab-crypto-bubbles .ct-bubbles-shell { position:relative; min-height:calc(100vh - 120px); padding:0; overflow:hidden; background:#05080d; }
#tab-crypto-bubbles .ct-bubbles-head { position:absolute; z-index:4; top:0; left:0; width:auto; min-width:260px; height:54px; min-height:54px; box-sizing:border-box; display:flex; align-items:center; padding:0 18px; border:0; background:transparent; pointer-events:none; }
#tab-crypto-bubbles .ct-bubbles-eyebrow { display:none; }
#tab-crypto-bubbles .ct-bubbles-head h2 { margin:0; color:#f2f8ff; font-size:17px; font-weight:850; line-height:1; letter-spacing:.045em; text-transform:uppercase; text-shadow:0 0 20px rgba(56,217,255,.22); }
#tab-crypto-bubbles .ct-bubbles-head p { display:none; }
#tab-crypto-bubbles .ct-bubbles-actions { display:none; }
#tab-crypto-bubbles .ct-bubbles-actions span { color:#20e39a; font-size:8px; font-weight:900; letter-spacing:.1em; }
#tab-crypto-bubbles .ct-bubbles-actions button { min-height:34px; padding:0 12px; border:1px solid rgba(56,217,255,.24); border-radius:7px; color:#38d9ff; background:rgba(56,217,255,.07); font:800 8px/1 "JetBrains Mono",monospace; cursor:pointer; }
#tab-crypto-bubbles .ct-bubbles-actions button:hover { background:rgba(56,217,255,.14); }
#tab-crypto-bubbles .ct-bubbles-frame-wrap { position:relative; height:calc(100vh - 126px); min-height:640px; overflow:hidden; border:1px solid rgba(56,217,255,.16); border-radius:12px; background:#070a0f; box-shadow:0 22px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025); }
#tab-crypto-bubbles .ct-bubbles-frame { width:100%; height:100%; border:0; display:block; opacity:0; background:#080b10; transition:opacity .25s ease; }
#tab-crypto-bubbles .ct-bubbles-frame.ready { opacity:1; }
#tab-crypto-bubbles .ct-bubbles-loader { position:absolute; inset:0; z-index:2; display:grid; place-content:center; justify-items:center; gap:10px; color:#dcecff; background:radial-gradient(circle,rgba(14,49,58,.5),#06090e 52%); transition:opacity .2s ease,visibility .2s ease; }
#tab-crypto-bubbles .ct-bubbles-loader span { width:34px; height:34px; border:2px solid rgba(56,217,255,.18); border-top-color:#38d9ff; border-radius:50%; animation:ct-spin .75s linear infinite; }
#tab-crypto-bubbles .ct-bubbles-loader b { font-size:10px; letter-spacing:.1em; }
#tab-crypto-bubbles .ct-bubbles-loader small { color:#718399; font-size:8px; }
#tab-crypto-bubbles .ct-bubbles-loader.hidden { opacity:0; visibility:hidden; }
@media (max-width:720px) {
  #tab-crypto-bubbles .ct-bubbles-head { width:108px; min-width:0; height:50px; min-height:50px; padding:0 8px; }
  #tab-crypto-bubbles .ct-bubbles-head h2 { overflow:hidden; font-size:10px; letter-spacing:.015em; white-space:nowrap; text-overflow:clip; }
  #tab-crypto-bubbles .ct-bubbles-frame-wrap { height:calc(100vh - 112px); min-height:570px; border-radius:8px; }
}

/* Dashboard command surface */
#tab-crypto-terminal .ct-dashboard-premium {
  grid-template-columns: minmax(0, 1.8fr) minmax(310px, .72fr);
  gap: 12px;
  padding: 0 12px 14px;
}

#tab-crypto-terminal .ct-dashboard-premium .ct-dashboard-main,
#tab-crypto-terminal .ct-dashboard-premium .ct-dashboard-side { border: 0; background: transparent; }

#tab-crypto-terminal .ct-dashboard-premium .ct-section {
  margin-bottom: 12px;
  border: 1px solid var(--ct-pro-line);
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(145deg, var(--ct-pro-card-2), var(--ct-pro-card));
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
}

#tab-crypto-terminal .ct-dashboard-premium .ct-section-head {
  min-height: 52px;
  background: rgba(7,12,19,.72);
  border-color: var(--ct-pro-line);
}

#tab-crypto-terminal .ct-dashboard-premium .ct-section-title { color: #eef7ff; font-size: 12px; }
#tab-crypto-terminal .ct-dashboard-premium .ct-section-sub { color: #718399; }
#tab-crypto-terminal .ct-dashboard-premium .ct-table th { background: #080e16; color: #6f8298; }
#tab-crypto-terminal .ct-dashboard-premium .ct-table td { border-color: rgba(139,170,210,.08); }
#tab-crypto-terminal .ct-dashboard-premium .ct-table tbody tr:hover { background: linear-gradient(90deg, rgba(56,217,255,.065), transparent); }
#tab-crypto-terminal .ct-dashboard-premium .ct-gauge-container,
#tab-crypto-terminal .ct-dashboard-premium .ct-meter { padding: 20px; }
#tab-crypto-terminal .ct-dashboard-premium .ct-heatmap { padding: 12px; gap: 6px; }
#tab-crypto-terminal .ct-dashboard-premium .ct-heat-cell { border-radius: 8px; border: 1px solid rgba(255,255,255,.08); min-height: 56px; }

/* Derivatives trading cockpit */
#tab-crypto-terminal .ct-derivatives-hero {
  margin: 12px !important;
  padding: 22px 24px !important;
  border-radius: 16px !important;
  border-color: rgba(56,217,255,.18) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(32,227,154,.12), transparent 35%),
    radial-gradient(circle at 85% 0%, rgba(255,84,112,.12), transparent 35%),
    linear-gradient(145deg, rgba(15,24,35,.97), rgba(7,11,18,.97)) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.04) !important;
  position: relative;
  overflow: hidden;
}

#tab-crypto-terminal .ct-derivatives-hero::before {
  content: "LONG / SHORT POSITIONING · ESTIMATED MODEL";
  display: inline-flex;
  margin-bottom: 13px;
  color: var(--ct-pro-cyan);
  font: 800 9px/1 "JetBrains Mono", monospace;
  letter-spacing: .12em;
}

#tab-crypto-terminal .ct-derivatives-hero > div:last-child { height: 12px !important; border-radius: 99px !important; box-shadow: 0 0 24px rgba(56,217,255,.08); }
#tab-crypto-terminal .ct-panel-grid { gap: 12px; }
#tab-crypto-terminal .ct-panel {
  border-color: var(--ct-pro-line);
  border-radius: 14px;
  background: linear-gradient(145deg, var(--ct-pro-card-2), var(--ct-pro-card));
  box-shadow: 0 16px 44px rgba(0,0,0,.22);
}

/* Perps command center + clearer 24h risk ladder */
#tab-crypto-terminal .ct-perps-wrapper { padding: 12px; background: transparent; }
#tab-crypto-terminal .ct-perps-wrapper::before {
  content: "PERP COMMAND CENTER  /  MARGIN INTELLIGENCE";
  display: block;
  padding: 14px 16px;
  margin-bottom: 10px;
  border: 1px solid var(--ct-pro-line);
  border-radius: 12px;
  color: #dff7ff;
  background: linear-gradient(90deg, rgba(56,217,255,.08), rgba(79,124,255,.035), transparent);
  font: 900 11px/1 "JetBrains Mono", monospace;
  letter-spacing: .1em;
}

#tab-crypto-terminal .ct-perps-card,
#tab-crypto-terminal .ct-perps-toolbar,
#tab-crypto-terminal .ct-perps-table-container { border-color: var(--ct-pro-line); border-radius: 12px; }
#tab-crypto-terminal .ct-perps-card { background: linear-gradient(145deg, rgba(17,27,39,.96), rgba(8,13,21,.96)); }
#tab-crypto-terminal .ct-perps-card:hover { border-color: rgba(56,217,255,.3); transform: translateY(-2px); }
#tab-crypto-terminal .ct-perps-toolbar { position: sticky; top: 0; z-index: 18; backdrop-filter: blur(16px); background: rgba(7,12,19,.9); }
#tab-crypto-terminal .ct-perps-table thead th { background: #080e16; }
#tab-crypto-terminal .ct-perps-table tbody tr:hover { background: rgba(56,217,255,.045); }
#tab-crypto-terminal .ct-liq-pools-display {
  min-width: 168px;
  gap: 5px;
  padding: 8px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(5,9,15,.7);
}
#tab-crypto-terminal .ct-liq-pools-display::before {
  content: "24H RISK POOLS · EST.";
  color: #6f8298;
  font: 800 8px/1 "JetBrains Mono", monospace;
  letter-spacing: .09em;
}
#tab-crypto-terminal .ct-liq-pool-bar-track { height: 6px; border-radius: 99px; }
#tab-crypto-terminal .ct-popover-card { width: 300px; border-radius: 12px; border-color: rgba(56,217,255,.22); background: rgba(7,12,19,.98); }

/* Market Radar: four unmistakable order layers */
#tab-crypto-terminal .ct-radar-container { padding: 12px; }
#tab-crypto-terminal .ct-radar-header-bar {
  border: 1px solid rgba(56,217,255,.17);
  border-radius: 16px;
  background: radial-gradient(circle at 0 0, rgba(56,217,255,.11), transparent 38%), linear-gradient(145deg, rgba(16,25,37,.96), rgba(7,12,19,.96));
  box-shadow: 0 20px 52px rgba(0,0,0,.3);
}
#tab-crypto-terminal .ct-radar-header-subtitle::after {
  content: "  ·  SL / TP / LIQUIDATION ZONES ARE MODEL ESTIMATES";
  color: var(--ct-pro-amber);
}
#tab-crypto-terminal .ct-radar-controls-bar { margin-top: 10px; border: 1px solid var(--ct-pro-line); border-radius: 12px; background: rgba(7,12,19,.88); }
#tab-crypto-terminal .ct-radar-order-tabs { padding: 4px; border: 1px solid var(--ct-pro-line); border-radius: 10px; background: rgba(2,6,11,.78); }
#tab-crypto-terminal .ct-radar-order-tab-btn { min-height: 38px; border-radius: 7px; }
#tab-crypto-terminal .ct-radar-order-tab-btn.liq.active { box-shadow: inset 0 -2px var(--ct-pro-red), 0 0 20px rgba(255,84,112,.13); }
#tab-crypto-terminal .ct-radar-order-tab-btn.sl.active { box-shadow: inset 0 -2px var(--ct-pro-amber), 0 0 20px rgba(255,184,77,.13); }
#tab-crypto-terminal .ct-radar-order-tab-btn.tp.active { box-shadow: inset 0 -2px var(--ct-pro-green), 0 0 20px rgba(32,227,154,.13); }
#tab-crypto-terminal .ct-radar-order-tab-btn.limit.active { box-shadow: inset 0 -2px var(--ct-pro-cyan), 0 0 20px rgba(56,217,255,.13); }
#tab-crypto-terminal .ct-radar-kpi-grid { gap: 10px; margin-top: 10px; }
#tab-crypto-terminal .ct-radar-kpi-card { min-height: 124px; border-color: var(--ct-pro-line); border-radius: 13px; background: linear-gradient(145deg, rgba(16,25,37,.96), rgba(7,12,19,.96)); box-shadow: 0 16px 38px rgba(0,0,0,.22); }
#tab-crypto-terminal .ct-radar-kpi-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.2); }
#tab-crypto-terminal .ct-radar-wrapper { grid-template-columns: minmax(360px, .72fr) minmax(520px, 1.28fr); gap: 12px; }
#tab-crypto-terminal .ct-radar-scanner-card { border-radius: 16px; border-color: rgba(32,227,154,.22); background: radial-gradient(circle, #0a1b1d, #05090d 72%); }
#tab-crypto-terminal .ct-zone-row { min-height: 46px; border-radius: 7px; margin: 3px 8px; border: 1px solid rgba(255,255,255,.045); background: rgba(255,255,255,.018); }
#tab-crypto-terminal .ct-zone-row.above:hover { border-color: rgba(255,84,112,.28); background: rgba(255,84,112,.055); }
#tab-crypto-terminal .ct-zone-row.below:hover { border-color: rgba(32,227,154,.28); background: rgba(32,227,154,.055); }

#tab-crypto-terminal button:focus-visible,
#tab-crypto-terminal input:focus-visible,
#tab-crypto-terminal [tabindex]:focus-visible { outline: 2px solid var(--ct-pro-cyan); outline-offset: 2px; }

@media (max-width: 1180px) {
  #tab-crypto-terminal .ct-kpi-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #tab-crypto-terminal .ct-dashboard-premium,
  #tab-crypto-terminal .ct-radar-wrapper { grid-template-columns: 1fr; }
  #tab-crypto-terminal .ct-dashboard-premium .ct-dashboard-side { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
}

@media (max-width: 720px) {
  #tab-crypto-terminal .ct-kpi-strip { grid-template-columns: 1fr 1fr; padding: 8px; gap: 8px; }
  #tab-crypto-terminal .ct-kpi { min-height: 96px; padding: 11px; }
  #tab-crypto-terminal .ct-dashboard-premium { padding: 0 8px 10px; }
  #tab-crypto-terminal .ct-dashboard-premium .ct-dashboard-side { grid-template-columns: 1fr; }
  #tab-crypto-terminal .ct-derivatives-hero { margin: 8px !important; padding: 16px !important; }
  #tab-crypto-terminal .ct-radar-container, #tab-crypto-terminal .ct-perps-wrapper { padding: 8px; }
  #tab-crypto-terminal .ct-radar-kpi-grid { grid-template-columns: 1fr 1fr; }
  #tab-crypto-terminal .ct-radar-order-tabs { width: 100%; overflow-x: auto; justify-content: flex-start; }
  #tab-crypto-terminal .ct-radar-order-tab-btn { flex: 0 0 auto; min-width: 118px; }
  #tab-crypto-terminal .ct-radar-scope { width: min(300px, 82vw); height: min(300px, 82vw); }
  #tab-crypto-terminal .ct-zone-group { overflow-x: auto; }
  #tab-crypto-terminal .ct-zone-row { min-width: 760px; }
  #tab-crypto-terminal .ct-perps-toolbar { position: relative; }
}

@media (max-width: 480px) {
  #tab-crypto-terminal .ct-kpi-strip, #tab-crypto-terminal .ct-radar-kpi-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  #tab-crypto-terminal *, #tab-crypto-terminal *::before, #tab-crypto-terminal *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

#tab-crypto-terminal:not(.active) {
  display: none !important;
}

#tab-crypto-terminal.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  position: relative !important;
  z-index: 10 !important;
}

#tab-crypto-terminal * { box-sizing: border-box; }

/* Force visibility of shell elements */
#tab-crypto-terminal .ct-shell {
  display: block !important;
  min-height: calc(100vh - 150px);
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 157, 0, 0.04), transparent),
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.01) 1px, transparent 1px),
    #07090b;
  background-size: 100% 100%, 38px 38px, 38px 38px, 100% 100%;
}

#tab-crypto-terminal .ct-subnav {
  display: flex !important;
  position: sticky;
  top: 0;
  z-index: 12;
  align-items: stretch;
  gap: 1px;
  min-height: 46px;
  overflow-x: auto;
  border-bottom: 1px solid #1e252e;
  background: rgba(7, 9, 11, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  scrollbar-width: thin;
}

#tab-crypto-terminal .ct-subtab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  min-width: 105px;
  height: 46px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  color: #9ab0c8 !important;
  font: 700 11px/1 "JetBrains Mono", monospace;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}

#tab-crypto-terminal .ct-subtab:hover { color: #e0e8f0 !important; background: rgba(255,157,0,.05); }
#tab-crypto-terminal .ct-subtab.active { color: #ff9d00 !important; background: rgba(255,157,0,.08); }

.ct-subtab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--ct-orange), #ffb300);
  box-shadow: 0 0 10px rgba(255, 157, 0, 0.6);
}

.ct-statusbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--ct-line-soft);
  background: rgba(13, 16, 20, 0.7);
  color: #647188;
  font-size: 10px;
  letter-spacing: .06em;
}

.ct-status-left,
.ct-status-right,
.ct-source-list {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.ct-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ct-green);
  box-shadow: 0 0 9px rgba(0,217,120,.8);
  animation: ct-pulse 1.8s ease-in-out infinite;
}

.ct-source {
  color: #8491a4;
  text-decoration: none;
  border-bottom: 1px dotted #495263;
  transition: color 0.15s ease;
}

.ct-source:hover { color: var(--ct-orange); }

.ct-refresh {
  border: 1px solid rgba(255,157,0,0.3);
  border-radius: 4px;
  padding: 5px 10px;
  background: rgba(255,157,0,.08);
  color: var(--ct-orange);
  font: 700 9px/1 "JetBrains Mono", monospace;
  letter-spacing: .07em;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ct-refresh:hover {
  background: rgba(255,157,0,.18);
  box-shadow: 0 0 12px rgba(255,157,0,0.25);
}

.ct-body { min-height: 680px; }

.ct-loading,
.ct-empty,
.ct-error {
  min-height: 340px;
  display: grid;
  place-items: center;
  padding: 44px 20px;
  color: #677487;
  text-align: center;
  letter-spacing: .08em;
  font-size: 11px;
}

.ct-loading::before {
  content: "";
  width: 34px;
  height: 34px;
  margin: 0 auto 16px;
  display: block;
  border: 2px solid #2b2f34;
  border-top-color: var(--ct-orange);
  border-radius: 50%;
  animation: ct-spin .75s linear infinite;
}

.ct-error { color: #ff6a6f; }

/* KPI Grid & Cards */
.ct-kpi-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1px;
  background: var(--ct-line);
  border-bottom: 1px solid var(--ct-line);
}

.ct-kpi {
  min-height: 98px;
  padding: 14px 16px;
  background: var(--ct-card);
  transition: background .2s ease, transform .2s ease;
  position: relative;
  overflow: hidden;
}

.ct-kpi:hover {
  background: #131a22;
}

.ct-kpi-top { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-bottom: 6px; }
.ct-kpi-symbol-wrap { display: flex; align-items: center; gap: 6px; }
.ct-coin-icon { width: 20px; height: 20px; object-fit: contain; border-radius: 50%; }
.ct-kpi-symbol { color: #fff; font-size: 12px; font-weight: 900; letter-spacing: 0.5px; }
.ct-kpi-badge {
  font-size: 9px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 3px;
  background: rgba(255,255,255,0.06);
}
.ct-kpi-price {
  color: #f5f7fa;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: .015em;
  transition: color .3s ease, text-shadow .3s ease;
}
.ct-kpi-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 6px; color: #626970; font-size: 9px; }

/* Ticker price animation flash */
.flash-up {
  color: #00d978 !important;
  text-shadow: 0 0 12px rgba(0, 217, 120, 0.6);
  animation: ct-flash-up 0.8s ease-out;
}
.flash-down {
  color: #ff3d45 !important;
  text-shadow: 0 0 12px rgba(255, 61, 69, 0.6);
  animation: ct-flash-down 0.8s ease-out;
}

@keyframes ct-flash-up {
  0% { background: rgba(0, 217, 120, 0.2); }
  100% { background: transparent; }
}
@keyframes ct-flash-down {
  0% { background: rgba(255, 61, 69, 0.2); }
  100% { background: transparent; }
}

.ct-pos { color: var(--ct-green) !important; }
.ct-neg { color: var(--ct-red) !important; }
.ct-flat { color: #8b95a2 !important; }

/* Layout Grid */
.ct-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 370px;
}

.ct-dashboard-main { min-width: 0; border-right: 1px solid var(--ct-line); }
.ct-dashboard-side { min-width: 0; background: var(--ct-bg); }

.ct-section {
  border-bottom: 1px solid var(--ct-line);
  background: var(--ct-panel);
}

.ct-section-head {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border-bottom: 1px solid var(--ct-line);
  background: rgba(13, 16, 20, 0.95);
}

.ct-section-title {
  color: var(--ct-orange);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ct-section-sub {
  color: #617086;
  font-size: 9px;
  letter-spacing: .08em;
}

.ct-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
}

.ct-panel-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ct-panel-grid.one { grid-template-columns: minmax(0, 1fr); }

.ct-panel {
  min-width: 0;
  border: 1px solid var(--ct-line);
  background: rgba(13, 16, 20, 0.95);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.ct-panel .ct-section-head { min-height: 44px; }
.ct-panel-body { padding: 16px; }
.ct-panel-body.no-pad { padding: 0; }

.ct-control-row {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.ct-pill {
  border: 1px solid #28303a;
  border-radius: 4px;
  padding: 5px 9px;
  background: #11151c;
  color: #7d8796;
  font: 700 9px/1 "JetBrains Mono", monospace;
  cursor: pointer;
  transition: all .15s ease;
}

.ct-pill:hover { color: #e7eaef; border-color: #4b5563; }
.ct-pill.active { color: #080909; background: var(--ct-orange); border-color: var(--ct-orange); box-shadow: 0 0 10px rgba(255,157,0,0.4); }

/* Tables */
.ct-table-wrap { width: 100%; overflow: auto; }
.ct-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.ct-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 12px;
  border-bottom: 1px solid var(--ct-line);
  background: #0d1014;
  color: #6e809a;
  text-align: right;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ct-table th:first-child,
.ct-table th:nth-child(2),
.ct-table td:first-child,
.ct-table td:nth-child(2) { text-align: left; }

.ct-table td {
  height: 46px;
  padding: 8px 12px;
  border-bottom: 1px solid #161c24;
  color: #e2e6eb;
  text-align: right;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .15s ease;
}

.ct-table tr:hover td { background: rgba(255,157,0,.035); }
.ct-table tr:last-child td { border-bottom: 0; }
.ct-rank { color: #63738a !important; font-weight: 500 !important; }
.ct-coin-cell { display: flex; align-items: center; gap: 9px; }
.ct-coin-cell strong { color: #f7f8fa; font-size: 11px; }
.ct-coin-cell small { color: #607089; font-size: 9px; }

.ct-spark {
  display: inline-block;
  width: 105px;
  height: 28px;
  vertical-align: middle;
}

/* Meters & Gauges */
.ct-meter {
  padding: 18px 18px 20px;
  text-align: center;
}

.ct-meter-value {
  margin: 4px 0 12px;
  color: var(--ct-orange-2);
  font-size: 28px;
  font-weight: 900;
  font-family: 'JetBrains Mono', monospace;
}

.ct-meter-bar {
  position: relative;
  height: 10px;
  overflow: visible;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--ct-green), #5fbf7f 34%, #bfc6d0 50%, #d67171 70%, var(--ct-red));
}

.ct-meter-pin {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background: #aeb6c1;
  box-shadow: 0 0 12px rgba(255,255,255,.85);
  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-meter-labels { display: flex; justify-content: space-between; margin-top: 8px; color: #6d737b; font-size: 8px; font-weight: 700; letter-spacing: 0.5px; }

/* Dynamic SVG Fear & Greed Gauge */
.ct-gauge-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 14px 18px;
}

.ct-gauge-svg {
  width: 220px;
  height: 120px;
  overflow: visible;
}

.ct-gauge-needle-dynamic {
  transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform-origin: 110px 110px;
}

.ct-gauge-readout-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}

.ct-gauge-score {
  font-size: 32px;
  font-weight: 900;
  font-family: 'JetBrains Mono', monospace;
}

.ct-gauge-sentiment {
  font-size: 12px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ct-gauge-history {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.06);
}

.ct-gauge-hist-item {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 4px;
  padding: 6px 4px;
  text-align: center;
}
.ct-gauge-hist-label { font-size: 8px; color: #728096; text-transform: uppercase; }
.ct-gauge-hist-val { font-size: 12px; font-weight: 800; color: #fff; margin-top: 2px; }

/* 24H Heatmap */
.ct-heatmap {
  min-height: 240px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(64px, auto);
  gap: 4px;
  padding: 8px;
  background: #07090b;
}

.ct-heat-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  transition: transform .15s ease;
  cursor: default;
}

.ct-heat-cell:hover {
  transform: scale(1.04);
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

.ct-heat-cell span { font-size: 9px; font-weight: 700; font-family: 'JetBrains Mono', monospace; }

/* Order Book Ladder */
.ct-orderbook-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  font-size: 10px;
  padding: 10px 14px;
}

.ct-ob-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 22px;
  padding: 0 6px;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 2px;
}

.ct-ob-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.18;
  z-index: 1;
  transition: width .2s ease;
}

.ct-ob-bar.bid { right: 0; background: var(--ct-green); }
.ct-ob-bar.ask { left: 0; background: var(--ct-red); }

.ct-ob-val { position: relative; z-index: 2; font-family: 'JetBrains Mono', monospace; }

/* Live Tape Feeds */
.ct-tape-feed {
  max-height: 380px;
  overflow-y: auto;
  padding: 8px 12px;
  scrollbar-width: thin;
}

.ct-tape-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 4px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  font-size: 10px;
  animation: ct-fade-in 0.3s ease-out;
}

@keyframes ct-fade-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.ct-tape-side {
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 9px;
}

.ct-tape-buy { background: rgba(0, 217, 120, 0.15); color: #00d978; }
.ct-tape-sell { background: rgba(255, 61, 69, 0.15); color: #ff3d45; }

/* ─────────────────────────────────────────────────────────────────────────────
   MARKET RADAR (FUTURISTIC HUD, ROTATING SCANNER & CVD METERS)
───────────────────────────────────────────────────────────────────────────── */
.ct-radar-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 14px;
}

.ct-radar-scanner-card {
  position: relative;
  background: radial-gradient(circle at center, #0c151c 0%, #07090b 80%);
  border: 1px solid rgba(0, 217, 120, 0.25);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 40px rgba(0, 217, 120, 0.04);
}

.ct-radar-scope {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 20px auto;
  border-radius: 50%;
  border: 2px solid rgba(0, 217, 120, 0.4);
  box-shadow: 0 0 25px rgba(0, 217, 120, 0.2), inset 0 0 25px rgba(0, 217, 120, 0.15);
  overflow: hidden;
}

.ct-radar-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px dashed rgba(0, 217, 120, 0.2);
  pointer-events: none;
}
.ct-radar-ring.r1 { width: 80px; height: 80px; }
.ct-radar-ring.r2 { width: 160px; height: 160px; }
.ct-radar-ring.r3 { width: 240px; height: 240px; }

.ct-radar-crosshair-x {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0, 217, 120, 0.2);
  pointer-events: none;
}
.ct-radar-crosshair-y {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(0, 217, 120, 0.2);
  pointer-events: none;
}

.ct-radar-sweep {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(from 0deg at 50% 50%, rgba(0, 217, 120, 0.35) 0deg, rgba(0, 217, 120, 0) 65deg, transparent 65deg);
  animation: ct-radar-spin 4s linear infinite;
  pointer-events: none;
}

@keyframes ct-radar-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.ct-radar-blip {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ct-blip-fade 2.5s ease-out forwards;
  pointer-events: none;
  z-index: 5;
}

.ct-radar-blip.buy {
  background: #00d978;
  box-shadow: 0 0 12px #00d978, 0 0 24px rgba(0, 217, 120, 0.8);
}

.ct-radar-blip.sell {
  background: #ff3d45;
  box-shadow: 0 0 12px #ff3d45, 0 0 24px rgba(255, 61, 69, 0.8);
}

.ct-radar-blip.whale {
  width: 16px;
  height: 16px;
  background: #ff9d00;
  box-shadow: 0 0 16px #ff9d00, 0 0 32px #ff9d00;
}

@keyframes ct-blip-fade {
  0% { opacity: 1; transform: translate(-50%, -50%) scale(1.6); }
  70% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(0.6); }
}

.ct-radar-center-hud {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(7, 9, 11, 0.85);
  border: 1px solid rgba(0, 217, 120, 0.4);
  padding: 6px 12px;
  border-radius: 20px;
  text-align: center;
  z-index: 6;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ct-radar-hud-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid rgba(0, 217, 120, 0.15);
  background: rgba(7, 9, 11, 0.7);
}

.ct-radar-hud-metric-box {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  padding: 8px;
  text-align: center;
}

.ct-cvd-meter-card {
  background: rgba(13, 16, 20, 0.95);
  border: 1px solid var(--ct-line);
  border-radius: 6px;
  padding: 14px 16px;
  margin-top: 12px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   RADAR KPI 4-CARD STRIP (LIQUIDATIONS, STOP LOSS, TAKE PROFIT, LIMIT WALL)
───────────────────────────────────────────────────────────────────────────── */
.ct-radar-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ct-radar-kpi-card {
  background: rgba(13, 16, 20, 0.95);
  border: 1px solid #1e252e;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.ct-radar-kpi-card:hover {
  transform: translateY(-2px);
}

.ct-radar-kpi-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}

.ct-radar-kpi-card.liq::before { background: linear-gradient(90deg, #ff3d45, #ff7b72); }
.ct-radar-kpi-card.sl::before { background: linear-gradient(90deg, #ff9d00, #ffc048); }
.ct-radar-kpi-card.tp::before { background: linear-gradient(90deg, #00d978, #34d399); }
.ct-radar-kpi-card.limit::before { background: linear-gradient(90deg, #00b4d8, #38bdf8); }

.ct-radar-kpi-title {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #728096;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ct-radar-kpi-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.02em;
  margin-bottom: 4px;
}

.ct-radar-kpi-sub {
  font-size: 10px;
  color: #94a3b8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ─────────────────────────────────────────────────────────────────────────────
   RADAR SUB-TABS (0: LIQUIDITY CLUSTERS, 1: COHORT MATRIX, 2: ORDER FLOW)
───────────────────────────────────────────────────────────────────────────── */
.ct-radar-subtabs-nav {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  background: rgba(13, 16, 20, 0.7);
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #1e252e;
}

.ct-radar-subtab-btn {
  flex: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 8px 12px;
  color: #728096;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.ct-radar-subtab-btn:hover {
  color: #dde6f3;
  background: rgba(255, 255, 255, 0.03);
}

.ct-radar-subtab-btn.active {
  background: #ff9d00;
  color: #07090b;
  border-color: #ff9d00;
  box-shadow: 0 0 14px rgba(255, 157, 0, 0.3);
}

/* ─────────────────────────────────────────────────────────────────────────────
   LIQUIDITY CLUSTERS & ORDER LADDER TABLE
───────────────────────────────────────────────────────────────────────────── */
.ct-zone-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ct-zone-row {
  display: grid;
  grid-template-columns: 80px 140px 80px 100px 1fr 140px 65px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(13, 16, 20, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 11px;
  font-family: 'JetBrains Mono', monospace;
  transition: all 0.15s ease;
}

.ct-zone-row:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateX(2px);
}

.ct-zone-row.above {
  border-left: 3px solid #ff3d45;
}

.ct-zone-row.below {
  border-left: 3px solid #00d978;
}

.ct-anchor-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  margin: 10px 0;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255,157,0,0.15), rgba(255,157,0,0.05));
  border: 1px solid rgba(255, 157, 0, 0.4);
  box-shadow: 0 0 20px rgba(255, 157, 0, 0.15);
}

.ct-order-segment-bar {
  height: 8px;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  background: #151a21;
}

.ct-seg-liq { background: #ff3d45; transition: width 0.3s ease; }
.ct-seg-sl { background: #ff9d00; transition: width 0.3s ease; }
.ct-seg-tp { background: #00d978; transition: width 0.3s ease; }
.ct-seg-limit { background: #00b4d8; transition: width 0.3s ease; }

.ct-gravity-pill {
  font-size: 9px;
  font-weight: 900;
  padding: 2px 6px;
  border-radius: 4px;
  text-align: center;
  background: rgba(255, 157, 0, 0.15);
  color: #ff9d00;
  border: 1px solid rgba(255, 157, 0, 0.3);
}

.ct-gravity-pill.high {
  background: rgba(255, 61, 69, 0.2);
  color: #ff3d45;
  border-color: rgba(255, 61, 69, 0.4);
  box-shadow: 0 0 8px rgba(255, 61, 69, 0.3);
}

/* ─────────────────────────────────────────────────────────────────────────────
   COHORT SEGMENTATION MATRIX (WHALES, SMART MONEY, SHARKS, RETAIL)
───────────────────────────────────────────────────────────────────────────── */
.ct-cohort-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ct-cohort-card {
  background: rgba(13, 16, 20, 0.95);
  border: 1px solid #1e252e;
  border-radius: 8px;
  padding: 14px;
  transition: all 0.2s ease;
}

.ct-cohort-card:hover {
  border-color: #ff9d00;
  box-shadow: 0 0 18px rgba(255, 157, 0, 0.15);
}

.ct-cohort-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ct-cohort-tier {
  font-size: 12px;
  font-weight: 900;
  color: #dde6f3;
}

.ct-cohort-filter {
  font-size: 9px;
  color: #728096;
  font-family: 'JetBrains Mono', monospace;
}

.ct-cohort-stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 11px;
}

.ct-cohort-stat-label { color: #728096; }
.ct-cohort-stat-val { font-family: 'JetBrains Mono', monospace; font-weight: 800; }

.ct-whale-card-item {
  background: rgba(255, 157, 0, 0.04);
  border: 1px solid rgba(255, 157, 0, 0.25);
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  animation: ct-fade-in 0.3s ease-out;
}

.ct-whale-card-item:hover {
  border-color: #ff9d00;
  box-shadow: 0 0 14px rgba(255, 157, 0, 0.2);
}

/* ─────────────────────────────────────────────────────────────────────────────
   PERPS HYPERTRACKER (1:1 COINMARKETMAN REPLICATION & ENHANCEMENT)
───────────────────────────────────────────────────────────────────────────── */
.ct-perps-wrapper {
  padding: 16px 20px 48px;
  max-width: 1720px;
  margin: 0 auto;
  animation: ct-fade-in 0.25s ease-out;
}

.ct-perps-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 10px 16px;
  margin-bottom: 16px;
  background: rgba(15, 20, 26, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
  font-size: 11px;
  color: #94a3b8;
  backdrop-filter: blur(8px);
}

.ct-perps-top-stats {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.ct-perps-top-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ct-perps-top-label {
  color: #64748b;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.05em;
}

.ct-perps-top-val {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 800;
  color: #f1f5f9;
}

.ct-perps-top-delta {
  font-size: 10px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 3px;
}

.ct-perps-top-right {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 10px;
  color: #64748b;
}

/* 3 Top Hero Metrics Cards */
.ct-perps-hero-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}

.ct-perps-hero-card {
  background: linear-gradient(145deg, rgba(17, 24, 39, 0.8), rgba(11, 15, 22, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 16px 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 118px;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ct-perps-hero-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 157, 0, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.ct-perps-hero-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--ct-orange), transparent);
  opacity: 0.6;
}

.ct-perps-hero-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ct-perps-hero-title {
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ct-perps-hero-main {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 6px;
}

.ct-perps-hero-value {
  font-size: 22px;
  font-weight: 900;
  color: #f8fafc;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: -0.02em;
}

.ct-perps-hero-sub {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
}

.ct-perps-hero-chart {
  position: absolute;
  right: 14px;
  bottom: 12px;
  width: 140px;
  height: 48px;
  pointer-events: none;
}

/* Toolbar: Search + Category Filters */
.ct-perps-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: rgba(13, 16, 20, 0.7);
  border: 1px solid var(--ct-line-soft);
  border-radius: 8px;
}

.ct-perps-search-wrap {
  position: relative;
  flex: 1;
  min-width: 260px;
  max-width: 420px;
}

.ct-perps-search-input {
  width: 100%;
  padding: 9px 12px 9px 36px;
  background: rgba(7, 9, 11, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #f1f5f9;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  outline: none;
  transition: all 0.2s ease;
}

.ct-perps-search-input:focus {
  border-color: var(--ct-orange);
  box-shadow: 0 0 10px rgba(255, 157, 0, 0.25);
  background: rgba(13, 16, 20, 0.95);
}

.ct-perps-search-icon {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  pointer-events: none;
}

.ct-perps-filter-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.ct-perps-pill {
  padding: 5px 11px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

.ct-perps-pill:hover {
  color: #f1f5f9;
  background: rgba(255, 157, 0, 0.08);
  border-color: rgba(255, 157, 0, 0.3);
}

.ct-perps-pill.active {
  color: #000;
  background: var(--ct-orange);
  border-color: var(--ct-orange);
  font-weight: 900;
  box-shadow: 0 0 10px rgba(255, 157, 0, 0.4);
}

.ct-perps-count-badge {
  font-size: 10px;
  color: #64748b;
  font-family: 'JetBrains Mono', monospace;
}

/* Master Perps Table */
.ct-perps-table-container {
  background: rgba(13, 16, 20, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  overflow-x: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.ct-perps-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 11px;
  min-width: 1100px;
}

.ct-perps-table th {
  padding: 11px 14px;
  background: rgba(17, 22, 30, 0.95);
  color: #78869c;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  cursor: pointer;
  user-select: none;
  position: sticky;
  top: 46px;
  z-index: 5;
  transition: color 0.15s ease;
}

.ct-perps-table th:hover {
  color: var(--ct-orange);
}

.ct-perps-table th.sort-asc::after {
  content: " ▲";
  font-size: 8px;
  color: var(--ct-orange);
}

.ct-perps-table th.sort-desc::after {
  content: " ▼";
  font-size: 8px;
  color: var(--ct-orange);
}

.ct-perps-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  transition: background 0.15s ease;
}

.ct-perps-row:hover {
  background: rgba(255, 157, 0, 0.035);
}

.ct-perps-row td {
  padding: 10px 14px;
  vertical-align: middle;
}

/* Perp Symbol Cell */
.ct-perp-symbol-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ct-fav-star {
  background: transparent;
  border: none;
  color: #475569;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  transition: color 0.15s ease, transform 0.15s ease;
}

.ct-fav-star:hover {
  color: #ffb300;
  transform: scale(1.2);
}

.ct-fav-star.active {
  color: #ffb300;
  text-shadow: 0 0 8px rgba(255, 179, 0, 0.6);
}

.ct-perp-sym-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ct-perp-symbol {
  font-size: 13px;
  font-weight: 900;
  color: #f8fafc;
  display: flex;
  align-items: center;
  gap: 6px;
}

.ct-xyz-tag {
  font-size: 9px;
  padding: 1px 4px;
  border-radius: 3px;
  background: rgba(56, 189, 248, 0.15);
  border: 1px solid rgba(56, 189, 248, 0.35);
  color: #38bdf8;
  font-weight: 800;
}

.ct-perp-subname {
  font-size: 9px;
  color: #64748b;
}

/* Price & Volume Cells */
.ct-perp-val-main {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 800;
  color: #f1f5f9;
}

.ct-perp-val-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  margin-top: 1px;
}

/* Open Interest with Depth Bar */
.ct-perp-oi-wrap {
  position: relative;
  padding-bottom: 5px;
}

.ct-oi-depth-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #38bdf8, #818cf8);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(56, 189, 248, 0.5);
  transition: width 0.3s ease;
}

/* 24h Liq Timeline (24 mini bars) */
.ct-liq-timeline-chart {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  width: 96px;
  height: 22px;
  padding: 1px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.ct-liq-bar {
  flex: 1;
  min-width: 2px;
  border-radius: 1px;
  transition: transform 0.15s ease;
}

.ct-liq-bar.long {
  background: #00d978;
}

.ct-liq-bar.short {
  background: #ff3d45;
}

.ct-liq-bar:hover {
  transform: scaleY(1.25);
}

/* Whale Bias Pill & Interactive Hover Popover */
.ct-whale-bias-wrapper {
  position: relative;
  display: inline-block;
}

.ct-whale-bias-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ct-whale-bias-badge.ct-pos {
  background: rgba(0, 217, 120, 0.12);
  border: 1px solid rgba(0, 217, 120, 0.35);
  color: #00d978;
}

.ct-whale-bias-badge.ct-neg {
  background: rgba(255, 61, 69, 0.12);
  border: 1px solid rgba(255, 61, 69, 0.35);
  color: #ff3d45;
}

.ct-whale-bias-badge.neutral {
  background: rgba(148, 163, 184, 0.12);
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: #94a3b8;
}

.ct-whale-bias-badge:hover {
  box-shadow: 0 0 10px rgba(255, 157, 0, 0.3);
  border-color: var(--ct-orange);
}

/* Rich Floating Whale Sentiment Popover */
.ct-whale-popover {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  width: 320px;
  background: #0b0f14;
  border: 1px solid rgba(255, 157, 0, 0.35);
  border-radius: 8px;
  padding: 14px 16px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 157, 0, 0.15);
  z-index: 100;
  display: none;
  pointer-events: none;
  animation: ct-fade-in 0.15s ease-out;
}

.ct-whale-bias-wrapper:hover .ct-whale-popover,
.ct-whale-bias-wrapper:focus-within .ct-whale-popover {
  display: block;
  pointer-events: auto;
}

.ct-whale-popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ct-whale-popover-title {
  font-size: 11px;
  font-weight: 900;
  color: #f1f5f9;
  letter-spacing: 0.04em;
}

.ct-whale-popover-signal {
  font-size: 9px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 3px;
  text-transform: uppercase;
}

.ct-whale-ratio-bar-wrap {
  margin-bottom: 12px;
}

.ct-whale-ratio-labels {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 800;
  margin-bottom: 4px;
  font-family: 'JetBrains Mono', monospace;
}

.ct-whale-ratio-bar {
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  background: #1e252e;
}

.ct-whale-ratio-long {
  background: #00d978;
  box-shadow: inset 0 0 6px rgba(0, 217, 120, 0.8);
}

.ct-whale-ratio-short {
  background: #ff3d45;
  box-shadow: inset 0 0 6px rgba(255, 61, 69, 0.8);
}

.ct-whale-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
  font-size: 10px;
}

.ct-whale-detail-row {
  display: flex;
  flex-direction: column;
}

.ct-whale-detail-k {
  color: #64748b;
  font-size: 9px;
  text-transform: uppercase;
}

.ct-whale-detail-v {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 800;
  color: #e2e8f0;
  margin-top: 1px;
}

@keyframes ct-fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ct-spin { to { transform: rotate(360deg); } }
@keyframes ct-pulse { 50% { opacity: .45; transform: scale(.82); } }

@media (max-width: 1180px) {
  .ct-dashboard, .ct-radar-wrapper { grid-template-columns: 1fr; }
  .ct-radar-kpi-grid, .ct-cohort-grid, .ct-perps-hero-grid { grid-template-columns: repeat(2, 1fr); }
  .ct-zone-row { grid-template-columns: 70px 120px 70px 1fr 60px; }
  .ct-zone-row > :nth-child(4), .ct-zone-row > :nth-child(6) { display: none; }
  .ct-dashboard-main { border-right: 0; }
  .ct-dashboard-side { display: grid; grid-template-columns: repeat(2, 1fr); }
  .ct-dashboard-side .ct-section { border-right: 1px solid var(--ct-line); }
  .ct-panel-grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .ct-radar-kpi-grid, .ct-cohort-grid, .ct-perps-hero-grid { grid-template-columns: 1fr; }
  .ct-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ct-panel-grid, .ct-panel-grid.three { grid-template-columns: 1fr; }
  .ct-dashboard-side { grid-template-columns: 1fr; }
  .ct-statusbar { align-items: flex-start; flex-direction: column; }
  .ct-radar-scope { width: 260px; height: 260px; }
  .ct-radar-hud-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .ct-live-dot, .ct-loading::before, .ct-gauge-needle-dynamic, .ct-radar-sweep { animation: none; transition: none; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   PERPS (HYPERTRACKER) DEDICATED PIXEL-PERFECT STYLES
══════════════════════════════════════════════════════════════════════════════ */
#tab-crypto-terminal .ct-perps-wrapper {
  padding: 16px 20px 40px;
  background: radial-gradient(ellipse 60% 30% at 50% 0%, rgba(0, 217, 120, 0.04), transparent 70%), #07090d;
  min-height: 100vh;
}

#tab-crypto-terminal .ct-perps-top-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

#tab-crypto-terminal .ct-perps-card {
  background: rgba(13, 17, 23, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
  padding: 18px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

#tab-crypto-terminal .ct-perps-card:hover {
  border-color: rgba(0, 217, 120, 0.3);
  transform: translateY(-1px);
}

#tab-crypto-terminal .ct-perps-card-left {
  display: flex;
  flex-direction: column;
}

#tab-crypto-terminal .ct-perps-card-title {
  color: #72849a;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}

#tab-crypto-terminal .ct-perps-card-value {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.02em;
  font-family: 'JetBrains Mono', monospace;
  line-height: 1.1;
  margin-bottom: 6px;
}

#tab-crypto-terminal .ct-perps-card-sub {
  font-size: 11px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
  display: flex;
  align-items: center;
  gap: 6px;
}

#tab-crypto-terminal .ct-perps-card-chart {
  width: 140px;
  height: 48px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* Toolbar: Search + Checkboxes */
#tab-crypto-terminal .ct-perps-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 14px;
}

#tab-crypto-terminal .ct-perps-search-wrap {
  position: relative;
  width: 320px;
}

#tab-crypto-terminal .ct-perps-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #5d7088;
  font-size: 13px;
  pointer-events: none;
}

#tab-crypto-terminal .ct-perps-search-input {
  width: 100%;
  background: #0b0f16;
  border: 1px solid #1c2738;
  border-radius: 6px;
  padding: 8px 12px 8px 34px;
  color: #edf2f7;
  font-size: 11.5px;
  font-family: 'JetBrains Mono', monospace;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#tab-crypto-terminal .ct-perps-search-input:focus {
  border-color: #00d978;
  box-shadow: 0 0 12px rgba(0, 217, 120, 0.18);
}

#tab-crypto-terminal .ct-perps-filter-group {
  display: flex;
  align-items: center;
  gap: 18px;
}

#tab-crypto-terminal .ct-perps-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #8da1b9;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}

#tab-crypto-terminal .ct-perps-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: #0e141d;
  border: 1px solid #29384d;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: all 0.15s ease;
}

#tab-crypto-terminal .ct-perps-checkbox:checked {
  background: #00d978;
  border-color: #00d978;
}

#tab-crypto-terminal .ct-perps-checkbox:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 10px;
  font-weight: 900;
}

/* Master Perps Table */
#tab-crypto-terminal .ct-perps-table-container {
  background: #080c12;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

#tab-crypto-terminal .ct-perps-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: 'JetBrains Mono', monospace;
}

#tab-crypto-terminal .ct-perps-table thead th {
  background: #080d14;
  color: #63758d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 12px 14px;
  border-bottom: 1px solid #16202e;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
}

#tab-crypto-terminal .ct-perps-table thead th:hover {
  color: #9bb0cb;
}

#tab-crypto-terminal .ct-perps-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.035);
  transition: background 0.15s ease;
}

#tab-crypto-terminal .ct-perps-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.025);
}

#tab-crypto-terminal .ct-perps-table td {
  padding: 11px 14px;
  font-size: 11.5px;
  vertical-align: middle;
  white-space: nowrap;
}

/* Asset column */
#tab-crypto-terminal .ct-perp-symbol-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}

#tab-crypto-terminal .ct-perp-fav-star {
  color: #3b495b;
  cursor: pointer;
  font-size: 13px;
  transition: color 0.15s ease, transform 0.15s ease;
  user-select: none;
}

#tab-crypto-terminal .ct-perp-fav-star:hover {
  color: #ffb300;
  transform: scale(1.2);
}

#tab-crypto-terminal .ct-perp-fav-star.active {
  color: #ffb300;
}

#tab-crypto-terminal .ct-perp-name {
  color: #ffffff;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.02em;
}

#tab-crypto-terminal .ct-perp-tag-xyz {
  display: inline-block;
  background: rgba(45, 212, 191, 0.1);
  border: 1px solid rgba(45, 212, 191, 0.35);
  color: #2dd4bf;
  font-size: 9px;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 3px;
  letter-spacing: 0.03em;
}

/* Metrics dual lines */
#tab-crypto-terminal .ct-metric-val {
  color: #f1f5f9;
  font-weight: 800;
  font-size: 11.5px;
  line-height: 1.2;
}

#tab-crypto-terminal .ct-metric-chg {
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 2px;
}

/* OI Bar */
/* =============================================================================
   HYPERTRACKER / PERPS TAB: COMPACT ZERO-BLANK-SPACE, HIGH-DEF TYPOGRAPHY & INTERACTIVE MODALS
============================================================================= */

#tab-crypto-terminal .ct-perps-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 0 16px 0;
  width: 100%;
  animation: ctFadeIn 0.25s ease-out;
}

@keyframes ctFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ctModalFade {
  from { opacity: 0; transform: scale(0.96) translateY(8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes ctPulseGlow {
  0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 10px rgba(56, 189, 248, 0.4); }
  50% { transform: scale(1.08); opacity: 1; box-shadow: 0 0 20px rgba(56, 189, 248, 0.8); }
}

/* 4 Top 3D KPI Cards Grid - Compact Zero-Waste Spacing */
#tab-crypto-terminal .ct-perps-top-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 0px;
}

#tab-crypto-terminal .ct-perps-card {
  background: linear-gradient(135deg, rgba(16, 21, 30, 0.95) 0%, rgba(10, 14, 20, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(12px);
}

#tab-crypto-terminal .ct-perps-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.8), transparent);
  opacity: 0;
  transition: opacity 0.25s ease;
}

#tab-crypto-terminal .ct-perps-card:hover {
  transform: translateY(-2px);
  border-color: rgba(56, 189, 248, 0.4);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 14px rgba(56, 189, 248, 0.18);
}

#tab-crypto-terminal .ct-perps-card:hover::before {
  opacity: 1;
}

#tab-crypto-terminal .ct-perps-card-left {
  display: flex;
  flex-direction: column;
  gap: 3px;
  z-index: 1;
}

#tab-crypto-terminal .ct-perps-card-title {
  font-size: 11.5px;
  font-weight: 800;
  color: #94a3b8;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
}

#tab-crypto-terminal .ct-perps-card-value {
  font-family: 'JetBrains Mono', monospace;
  font-size: 23px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

#tab-crypto-terminal .ct-perps-card-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 2px;
}

#tab-crypto-terminal .ct-perps-card-chart {
  width: 105px;
  height: 44px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 1;
}

/* Semi-circular Sentiment Gauge Meter */
#tab-crypto-terminal .ct-gauge-wrapper {
  position: relative;
  width: 88px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#tab-crypto-terminal .ct-gauge-svg {
  width: 88px;
  height: 44px;
  overflow: visible;
}

#tab-crypto-terminal .ct-gauge-needle {
  transform-origin: 44px 40px;
  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#tab-crypto-terminal .ct-gauge-center-text {
  position: absolute;
  bottom: 0px;
  font-size: 10.5px;
  font-weight: 900;
  font-family: 'JetBrains Mono', monospace;
  color: #38bdf8;
}

/* Search & Toolbar - Sleek & Compact */
#tab-crypto-terminal .ct-perps-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(13, 17, 24, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  padding: 8px 12px;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

#tab-crypto-terminal .ct-perps-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 380px;
}

#tab-crypto-terminal .ct-perps-search-icon {
  position: absolute;
  left: 11px;
  color: #64748b;
  font-size: 14px;
  pointer-events: none;
}

#tab-crypto-terminal .ct-perps-search-input {
  width: 100%;
  background: rgba(8, 11, 16, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  padding: 7px 12px 7px 32px;
  color: #ffffff;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  outline: none;
  transition: all 0.2s ease;
}

#tab-crypto-terminal .ct-perps-search-input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25);
  background: rgba(8, 11, 16, 0.98);
}

#tab-crypto-terminal .ct-perps-filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#tab-crypto-terminal .ct-perps-pill-btn {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

#tab-crypto-terminal .ct-perps-pill-btn:hover {
  background: rgba(255, 255, 255, 0.09);
  color: #ffffff;
}

#tab-crypto-terminal .ct-perps-pill-btn.active {
  background: rgba(56, 189, 248, 0.16);
  border-color: rgba(56, 189, 248, 0.45);
  color: #38bdf8;
  font-weight: 800;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.18);
}

#tab-crypto-terminal .ct-perps-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 700;
  color: #94a3b8;
  cursor: pointer;
  user-select: none;
}

#tab-crypto-terminal .ct-perps-checkbox {
  appearance: none;
  width: 15px;
  height: 15px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  transition: all 0.15s ease;
}

#tab-crypto-terminal .ct-perps-checkbox:checked {
  background: #38bdf8;
  border-color: #38bdf8;
}

#tab-crypto-terminal .ct-perps-checkbox:checked::after {
  content: '✓';
  position: absolute;
  top: -2px;
  left: 2.5px;
  font-size: 10.5px;
  color: #05080f;
  font-weight: 900;
}

/* Master Perps Table */
#tab-crypto-terminal .ct-perps-table-container {
  background: rgba(11, 15, 22, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  overflow-x: auto;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55);
}

#tab-crypto-terminal .ct-perps-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 13px;
}

#tab-crypto-terminal .ct-perps-table thead th {
  background: rgba(16, 22, 32, 0.98);
  padding: 11px 14px;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #728096;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: color 0.15s ease;
}

#tab-crypto-terminal .ct-perps-table thead th:hover {
  color: #38bdf8;
}

#tab-crypto-terminal .ct-perps-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  transition: background 0.15s ease;
  cursor: pointer;
}

#tab-crypto-terminal .ct-perps-table tbody tr:hover {
  background: rgba(56, 189, 248, 0.06);
}

#tab-crypto-terminal .ct-perps-table tbody td {
  padding: 9px 14px;
  vertical-align: middle;
  white-space: nowrap;
}

/* Symbol & Badge Cell */
#tab-crypto-terminal .ct-perp-symbol-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}

#tab-crypto-terminal .ct-perp-fav-star {
  color: #475569;
  cursor: pointer;
  font-size: 14px;
  transition: color 0.15s ease, transform 0.15s ease;
}

#tab-crypto-terminal .ct-perp-fav-star:hover {
  color: #f59e0b;
  transform: scale(1.25);
}

#tab-crypto-terminal .ct-perp-fav-star.active {
  color: #f59e0b;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}

#tab-crypto-terminal .ct-perp-name {
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.02em;
}

#tab-crypto-terminal .ct-perp-tag-xyz {
  font-size: 9.5px;
  font-weight: 800;
  background: rgba(56, 189, 248, 0.16);
  border: 1px solid rgba(56, 189, 248, 0.35);
  color: #38bdf8;
  padding: 1.5px 5px;
  border-radius: 3px;
}

/* Values & Dual Sub-line */
#tab-crypto-terminal .ct-metric-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13.5px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.01em;
}

#tab-crypto-terminal .ct-metric-chg {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  margin-top: 1px;
}

#tab-crypto-terminal .ct-pos { color: #00d978; }
#tab-crypto-terminal .ct-neg { color: #ff4d4f; }
#tab-crypto-terminal .ct-neutral { color: #94a3b8; }

/* Open Interest Bar */
#tab-crypto-terminal .ct-oi-bar-wrap {
  width: 72px;
  height: 4px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
  overflow: hidden;
  margin-top: 4px;
}

#tab-crypto-terminal .ct-oi-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #38bdf8, #818cf8);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(56, 189, 248, 0.6);
}

/* =============================================================================
   CRYSTAL-CLEAR 24H LIQUIDATION POOLS WIDGET & HOVER POPOVERS
============================================================================= */
#tab-crypto-terminal .ct-popover-cell {
  position: relative;
}

#tab-crypto-terminal .ct-popover-card {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  width: 268px;
  background: #0d1117;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  padding: 12px 14px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.9), 0 0 1px rgba(255, 255, 255, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.12s ease, transform 0.12s ease;
  transform: translateY(4px);
  z-index: 99999;
  font-family: 'JetBrains Mono', monospace;
  text-align: left;
}

#tab-crypto-terminal .ct-popover-cell:hover .ct-popover-card {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#tab-crypto-terminal .ct-popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#tab-crypto-terminal .ct-popover-title {
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.02em;
}

#tab-crypto-terminal .ct-popover-badge-text {
  font-weight: 800;
}

#tab-crypto-terminal .ct-popover-pct-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 700;
  margin-top: 8px;
}

#tab-crypto-terminal .ct-popover-split-bar {
  display: flex;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  margin: 6px 0;
  background: rgba(255, 255, 255, 0.06);
}

#tab-crypto-terminal .ct-pop-bar-long {
  height: 100%;
  background: #00d978;
  box-shadow: 0 0 4px rgba(0, 217, 120, 0.5);
}

#tab-crypto-terminal .ct-pop-bar-short {
  height: 100%;
  background: #ff4d4f;
  box-shadow: 0 0 4px rgba(255, 77, 79, 0.5);
}

#tab-crypto-terminal .ct-popover-usd-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #728096;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#tab-crypto-terminal .ct-popover-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  margin-top: 8px;
}

#tab-crypto-terminal .ct-popover-total-label {
  color: #728096;
}

#tab-crypto-terminal .ct-popover-total-val {
  font-weight: 900;
  color: #ffffff;
}

/* Clear Professional Liquidation Pools Table Display */
#tab-crypto-terminal .ct-liq-pools-display {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 130px;
}

#tab-crypto-terminal .ct-liq-pool-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

#tab-crypto-terminal .ct-liq-pool-bar-track {
  display: flex;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  margin-top: 2px;
}

/* Whale Bias Pill */
#tab-crypto-terminal .ct-whale-bias-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
  transition: all 0.15s ease;
  cursor: default;
  user-select: none;
}

#tab-crypto-terminal .ct-whale-bias-badge:hover {
  filter: brightness(1.15);
}

#tab-crypto-terminal .ct-whale-bias-badge.bullish {
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.35);
  color: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.2);
}

#tab-crypto-terminal .ct-whale-bias-badge.slightly-bullish {
  background: rgba(74, 222, 128, 0.12);
  border-color: rgba(74, 222, 128, 0.3);
  color: #4ade80;
}

#tab-crypto-terminal .ct-whale-bias-badge.slightly-bearish {
  background: rgba(251, 146, 60, 0.12);
  border-color: rgba(251, 146, 60, 0.3);
  color: #fb923c;
}

#tab-crypto-terminal .ct-whale-bias-badge.bearish {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #f87171;
  box-shadow: 0 0 8px rgba(248, 113, 113, 0.2);
}

#tab-crypto-terminal .ct-whale-bias-badge.neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: rgba(148, 163, 184, 0.25);
  color: #94a3b8;
}

/* =============================================================================
   HIGH-TECH MODAL OVERLAYS (PAIR DETAILS & WHALE SENTIMENT)
============================================================================= */
.ct-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(3, 6, 11, 0.82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: ctFadeIn 0.2s ease-out;
}

.ct-modal-box {
  background: linear-gradient(135deg, rgba(15, 20, 29, 0.98) 0%, rgba(9, 12, 18, 0.99) 100%);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 12px;
  width: 100%;
  max-width: 680px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85), 0 0 30px rgba(56, 189, 248, 0.12);
  color: #ffffff;
  font-family: 'JetBrains Mono', monospace;
  animation: ctModalFade 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.ct-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(18, 24, 35, 0.6);
}

.ct-modal-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.ct-modal-close-btn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  font-size: 18px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ct-modal-close-btn:hover {
  background: rgba(255, 77, 79, 0.2);
  color: #ff4d4f;
  border-color: rgba(255, 77, 79, 0.4);
}

.ct-modal-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ct-modal-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.ct-modal-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.ct-modal-card {
  background: rgba(12, 16, 24, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
  padding: 12px 14px;
}

.ct-modal-card-label {
  font-size: 10.5px;
  font-weight: 700;
  color: #728096;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.ct-modal-card-val {
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
}

.ct-modal-card-sub {
  font-size: 10.5px;
  margin-top: 2px;
  font-weight: 700;
}

.ct-modal-ratio-bar {
  display: flex;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 6px;
}

.ct-modal-btn-primary {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  border: 1px solid #38bdf8;
  color: #ffffff;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 800;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.15s ease;
  text-decoration: none;
}

.ct-modal-btn-primary:hover {
  background: #38bdf8;
  color: #05080f;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.5);
}

@media (max-width: 1200px) {
  #tab-crypto-terminal .ct-perps-top-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  #tab-crypto-terminal .ct-perps-top-cards {
    grid-template-columns: 1fr;
  }
  .ct-modal-grid-3, .ct-modal-grid-2 {
    grid-template-columns: 1fr;
  }
}

/* 2026 Crypto Command Center: full-width professional presentation */
#tab-crypto-terminal {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden;
  background: #05080d;
}
#tab-crypto-terminal #crypto-terminal-root,
#tab-crypto-terminal .ct-shell,
#tab-crypto-terminal .ct-body,
#tab-crypto-terminal .ct-dashboard,
#tab-crypto-terminal .ct-perps-wrapper,
#tab-crypto-terminal .ct-cmm-radar,
#tab-crypto-terminal .ct-radar-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#tab-crypto-terminal .ct-shell {
  background:
    radial-gradient(circle at 10% 0%, rgba(38,198,218,.10), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(109,94,252,.10), transparent 30%),
    linear-gradient(180deg,#07101a 0,#05080d 42%,#070b12 100%);
}
#tab-crypto-terminal .ct-subnav {
  padding: 7px 10px;
  gap: 6px;
  border-bottom-color: rgba(86,214,255,.16);
  background: rgba(5,10,17,.94);
}
#tab-crypto-terminal .ct-subtab {
  min-width: 112px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 9px;
}
#tab-crypto-terminal .ct-subtab:hover { border-color: rgba(86,214,255,.18); background: rgba(86,214,255,.06); }
#tab-crypto-terminal .ct-subtab.active {
  color: #e9fbff !important;
  border-color: rgba(86,214,255,.32);
  background: linear-gradient(135deg,rgba(41,190,220,.18),rgba(91,91,235,.12));
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.24);
}
#tab-crypto-terminal .ct-subtab.active::after { left: 12px; right: 12px; background: linear-gradient(90deg,#31d7e8,#7278ff); }
#tab-crypto-terminal .ct-statusbar {
  min-height: 44px;
  padding: 7px 14px;
  border-bottom-color: rgba(86,214,255,.12);
  background: rgba(8,15,24,.88);
}
#tab-crypto-terminal .ct-refresh {
  min-height: 30px;
  border-radius: 8px;
  border-color: rgba(49,215,232,.32);
  color: #63e8f4;
  background: rgba(49,215,232,.08);
}
#tab-crypto-terminal .ct-refresh:hover { background: rgba(49,215,232,.16); box-shadow: 0 0 18px rgba(49,215,232,.14); }
#tab-crypto-terminal .ct-kpi-strip { width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 12px; }
#tab-crypto-terminal .ct-kpi,
#tab-crypto-terminal .ct-section,
#tab-crypto-terminal .ct-perps-card,
#tab-crypto-terminal .ct-perps-toolbar,
#tab-crypto-terminal .ct-perps-table-container {
  border-color: rgba(104,179,222,.16);
  background: linear-gradient(145deg,rgba(15,27,41,.98),rgba(7,13,22,.98));
  box-shadow: 0 16px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);
}
#tab-crypto-terminal .ct-dashboard-premium { grid-template-columns: minmax(0,2fr) minmax(340px,.8fr); width:100%; padding:0 12px 14px; }
#tab-crypto-terminal .ct-cmm-radar { padding-left:12px; padding-right:12px; }
#tab-crypto-terminal .ct-perps-wrapper { padding:12px; }
@media (max-width: 1180px) {
  #tab-crypto-terminal .ct-kpi-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #tab-crypto-terminal .ct-dashboard-premium { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  #tab-crypto-terminal .ct-kpi-strip { grid-template-columns:1fr; padding:8px; }
  #tab-crypto-terminal .ct-cmm-radar,#tab-crypto-terminal .ct-perps-wrapper { padding-left:8px; padding-right:8px; }
}

/* Multi-desk professional intelligence system */
#tab-crypto-terminal .ct-pro-page { width:100%; padding:12px; display:grid; gap:12px; }
#tab-crypto-terminal .ct-pro-hero { min-height:118px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; border:1px solid rgba(74,205,255,.2); border-radius:16px; background:radial-gradient(circle at 10% 0,rgba(49,215,232,.13),transparent 38%),radial-gradient(circle at 90% 0,rgba(119,97,255,.12),transparent 36%),linear-gradient(145deg,rgba(14,27,42,.98),rgba(6,12,21,.98)); box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035); }
#tab-crypto-terminal .ct-pro-eyebrow { color:#56dfff; font:900 9px/1 "JetBrains Mono",monospace; letter-spacing:.14em; }
#tab-crypto-terminal .ct-pro-hero h2 { margin:8px 0 7px; color:#f3f9ff; font-size:24px; line-height:1.1; letter-spacing:-.02em; }
#tab-crypto-terminal .ct-pro-hero p { max-width:760px; margin:0; color:#8da2b8; font-size:11px; line-height:1.55; }
#tab-crypto-terminal .ct-pro-live { display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(32,228,167,.3); border-radius:9px; color:#20e4a7; background:rgba(32,228,167,.07); font:900 9px/1 "JetBrains Mono",monospace; white-space:nowrap; }
#tab-crypto-terminal .ct-pro-live i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; animation:ct-pulse 1.5s infinite; }
#tab-crypto-terminal .ct-pro-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#tab-crypto-terminal .ct-pro-kpis article { position:relative; min-height:118px; overflow:hidden; padding:17px 18px; border:1px solid rgba(123,173,220,.15); border-radius:13px; background:linear-gradient(145deg,rgba(15,27,42,.97),rgba(7,13,22,.97)); box-shadow:0 14px 36px rgba(0,0,0,.22); }
#tab-crypto-terminal .ct-pro-kpis article::after { content:""; position:absolute; left:0; top:0; width:42%; height:2px; background:linear-gradient(90deg,#35d0ff,transparent); }
#tab-crypto-terminal .ct-pro-kpis span { display:block; color:#788ea6; font:800 9px/1 "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
#tab-crypto-terminal .ct-pro-kpis b { display:block; margin:13px 0 9px; color:#eff8ff; font:900 20px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-pro-kpis small { color:#6f8297; font-size:9px; }
#tab-crypto-terminal .ct-pro-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#tab-crypto-terminal .ct-pro-card { overflow:hidden; border:1px solid rgba(123,173,220,.15); border-radius:14px; background:linear-gradient(145deg,rgba(13,24,38,.98),rgba(6,12,20,.98)); box-shadow:0 18px 45px rgba(0,0,0,.23); }
#tab-crypto-terminal .ct-pro-card>header { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 16px; border-bottom:1px solid rgba(123,173,220,.11); background:rgba(4,9,16,.45); }
#tab-crypto-terminal .ct-pro-card>header b { color:#eaf5ff; font-size:11px; letter-spacing:.035em; }
#tab-crypto-terminal .ct-pro-card>header span { color:#688097; font:800 8px/1 "JetBrains Mono",monospace; letter-spacing:.1em; }
#tab-crypto-terminal .ct-pro-meter-stack { display:grid; gap:18px; padding:20px; }
#tab-crypto-terminal .ct-pro-meter-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; color:#a7b8c9; font-size:10px; }
#tab-crypto-terminal .ct-pro-meter-top b { font:900 16px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-pro-meter-track { height:9px; overflow:hidden; border-radius:99px; background:#111d2b; box-shadow:inset 0 1px 4px rgba(0,0,0,.5); }
#tab-crypto-terminal .ct-pro-meter-track i { display:block; height:100%; border-radius:inherit; box-shadow:0 0 14px currentColor; }
#tab-crypto-terminal .ct-pro-meter small { display:block; margin-top:6px; color:#64788d; font-size:8px; }
#tab-crypto-terminal .ct-pro-movers { display:grid; gap:2px; padding:12px 16px; }
#tab-crypto-terminal .ct-pro-movers>div { position:relative; min-height:34px; display:grid; grid-template-columns:80px 1fr; align-items:center; gap:8px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.035); }
#tab-crypto-terminal .ct-pro-movers strong,#tab-crypto-terminal .ct-pro-movers span { position:relative; z-index:2; font-size:10px; }
#tab-crypto-terminal .ct-pro-movers span { justify-self:end; color:#dce9f4; font-family:"JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-pro-movers i { position:absolute; left:0; bottom:3px; height:3px; border-radius:9px; background:linear-gradient(90deg,#20e4a7,transparent); }
#tab-crypto-terminal .ct-pro-movers i.neg { background:linear-gradient(90deg,#ff5573,transparent); }
#tab-crypto-terminal .ct-pro-state { padding:4px 7px; border-radius:4px; font:800 8px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-pro-state.up { color:#20e4a7; background:rgba(32,228,167,.1); }
#tab-crypto-terminal .ct-pro-state.down { color:#ff5573; background:rgba(255,85,115,.1); }
#tab-crypto-terminal .ct-pro-inline-bar { width:100%; min-width:90px; height:7px; overflow:hidden; border-radius:99px; background:#111d2b; }
#tab-crypto-terminal .ct-pro-inline-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#35d0ff,#7770ff); }
#tab-crypto-terminal .ct-rsi-heatmap { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:12px; }
#tab-crypto-terminal .ct-rsi-tile { min-height:105px; display:grid; align-content:center; justify-items:center; gap:6px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(53,208,255,.07); }
#tab-crypto-terminal .ct-rsi-tile strong { color:#edf8ff; font:900 22px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-rsi-tile b,#tab-crypto-terminal .ct-rsi-tile span,#tab-crypto-terminal .ct-rsi-tile small { font-size:9px; }
#tab-crypto-terminal .ct-rsi-tile.hot { border-color:rgba(255,85,115,.32); background:linear-gradient(145deg,rgba(255,85,115,.19),rgba(40,11,20,.6)); }
#tab-crypto-terminal .ct-rsi-tile.cold { border-color:rgba(32,228,167,.32); background:linear-gradient(145deg,rgba(32,228,167,.18),rgba(7,33,28,.6)); }
#tab-crypto-terminal .ct-pro-spark { height:150px; padding:22px 18px 10px; }
#tab-crypto-terminal .ct-pro-spark .ct-spark { width:100%; height:100%; }
#tab-crypto-terminal .ct-derivatives-hero,#tab-crypto-terminal #ct-liq-rekt-cards+.ct-panel-grid,#tab-crypto-terminal #ct-liq-rekt-cards { margin-left:12px!important; margin-right:12px!important; }
#tab-crypto-terminal .ct-derivatives-hero+#tab-crypto-terminal .ct-panel-grid { margin-inline:12px; }
#tab-crypto-terminal .ct-panel-grid { padding-left:12px; padding-right:12px; }
#tab-crypto-terminal .ct-panel { border-radius:14px; border-color:rgba(123,173,220,.15); background:linear-gradient(145deg,rgba(13,24,38,.98),rgba(6,12,20,.98)); }
@media(max-width:1100px){#tab-crypto-terminal .ct-pro-kpis{grid-template-columns:repeat(2,1fr)}#tab-crypto-terminal .ct-rsi-heatmap{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){#tab-crypto-terminal .ct-pro-page{padding:8px}#tab-crypto-terminal .ct-pro-hero{align-items:flex-start;flex-direction:column;padding:17px}#tab-crypto-terminal .ct-pro-hero h2{font-size:20px}#tab-crypto-terminal .ct-pro-grid-2{grid-template-columns:1fr}#tab-crypto-terminal .ct-rsi-heatmap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){#tab-crypto-terminal .ct-pro-kpis{grid-template-columns:1fr}}

#tab-crypto-terminal .ct-liq-balance { display:grid; gap:16px; padding:22px; }
#tab-crypto-terminal .ct-liq-balance>div:first-child { display:flex; justify-content:space-between; gap:12px; font:800 9px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-liq-balance-track { display:flex; height:16px; overflow:hidden; border-radius:99px; background:linear-gradient(90deg,#142b27,#321622); }
#tab-crypto-terminal .ct-liq-balance-track i { display:block; height:100%; background:linear-gradient(90deg,#20e4a7,#35d0ff); border-right:2px solid #fff; box-shadow:0 0 18px rgba(32,228,167,.3); }
#tab-crypto-terminal .ct-liq-chart { height:235px; display:flex; align-items:flex-end; gap:8px; padding:26px 18px 18px; }
#tab-crypto-terminal .ct-liq-chart>div { flex:1; height:100%; min-width:24px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; }
#tab-crypto-terminal .ct-liq-chart i { width:70%; min-height:5px; border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,#ff8a62,#ff426d); box-shadow:0 0 14px rgba(255,66,109,.18); }
#tab-crypto-terminal .ct-liq-chart span { color:#c4d2df; font:800 8px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-liq-chart small { max-width:55px; overflow:hidden; color:#62778d; font-size:7px; white-space:nowrap; }
#tab-crypto-terminal .ct-liq-heat-pro { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:12px; }
#tab-crypto-terminal .ct-liq-heat-pro article { min-height:110px; display:grid; align-content:center; justify-items:center; gap:6px; border:1px solid rgba(255,93,118,.28); border-radius:10px; background:linear-gradient(145deg,rgba(255,66,109,var(--liq-alpha)),rgba(30,8,18,.75)); }
#tab-crypto-terminal .ct-liq-heat-pro b { color:#fff; font-size:12px; }
#tab-crypto-terminal .ct-liq-heat-pro strong { color:#fff; font:900 13px/1 "JetBrains Mono",monospace; }
#tab-crypto-terminal .ct-liq-heat-pro span,#tab-crypto-terminal .ct-liq-heat-pro small { font-size:8px; }
@media(max-width:900px){#tab-crypto-terminal .ct-liq-heat-pro{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){#tab-crypto-terminal .ct-liq-heat-pro{grid-template-columns:repeat(2,1fr)}#tab-crypto-terminal .ct-liq-chart{overflow-x:auto}}

/* ─────────────────────────────────────────────────────────────────────────────
   MARKET RADAR (1:1 COINMARKETMAN REPLICATION & HIGH-END ENHANCEMENTS)
───────────────────────────────────────────────────────────────────────────── */
.ct-radar-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 4px 0 40px;
  animation: ct-fade-in 0.25s ease-out;
}

/* 1. Header Bar */
.ct-radar-header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 14px 20px;
  background: linear-gradient(135deg, rgba(17, 24, 39, 0.85) 0%, rgba(10, 14, 22, 0.95) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.ct-radar-header-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ct-radar-header-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ct-radar-header-title {
  font-size: 18px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ct-radar-badge-live {
  background: rgba(0, 217, 120, 0.15);
  border: 1px solid rgba(0, 217, 120, 0.35);
  color: #00d978;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ct-radar-header-subtitle {
  font-size: 11px;
  color: #8d98a8;
  font-weight: 500;
}

.ct-radar-header-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ct-radar-header-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.ct-radar-header-stat-label {
  font-size: 10px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ct-radar-header-stat-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  font-weight: 900;
  color: #f1f5f9;
}

/* 2. Controls & Filter Bar */
.ct-radar-controls-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 18px;
  background: rgba(13, 17, 24, 0.95);
  border: 1px solid #1e2530;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  position: relative;
}

.ct-radar-coin-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  position: relative;
}

.ct-radar-coin-label {
  font-size: 10px;
  font-weight: 900;
  color: #ff9d00;
  letter-spacing: 0.08em;
  margin-right: 2px;
}

.ct-radar-coin-search-box {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(7, 10, 15, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  padding: 4px 8px;
  position: relative;
}

.ct-radar-coin-input {
  background: transparent;
  border: none;
  color: #ffffff;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  width: 90px;
  outline: none;
}

.ct-radar-coin-input::placeholder {
  color: #64748b;
}

.ct-radar-coin-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 260px;
  max-height: 320px;
  overflow-y: auto;
  background: rgba(10, 14, 22, 0.98);
  border: 1px solid rgba(255, 157, 0, 0.35);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 157, 0, 0.1);
  z-index: 9999;
  display: none;
  flex-direction: column;
}

.ct-radar-coin-dropdown.open {
  display: flex;
}

.ct-radar-coin-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.ct-radar-coin-row:hover {
  background: rgba(255, 157, 0, 0.15);
  color: #ffffff;
}

.ct-radar-coin-row.active {
  background: rgba(255, 157, 0, 0.25);
  color: #ff9d00;
  font-weight: 800;
}

.ct-radar-filter-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.ct-radar-order-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(8, 11, 16, 0.9);
  padding: 3px 4px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.ct-radar-order-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 800;
  font-family: 'JetBrains Mono', monospace;
  color: #94a3b8;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.ct-radar-order-tab-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}

.ct-radar-order-tab-btn.active.all {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.ct-radar-order-tab-btn.active.liq {
  background: rgba(255, 61, 69, 0.15);
  border-color: rgba(255, 61, 69, 0.45);
  color: #ff4d4f;
  box-shadow: 0 0 12px rgba(255, 61, 69, 0.25);
}

.ct-radar-order-tab-btn.active.sl {
  background: rgba(255, 157, 0, 0.15);
  border-color: rgba(255, 157, 0, 0.45);
  color: #ff9d00;
  box-shadow: 0 0 12px rgba(255, 157, 0, 0.25);
}

.ct-radar-order-tab-btn.active.tp {
  background: rgba(0, 217, 120, 0.15);
  border-color: rgba(0, 217, 120, 0.45);
  color: #00d978;
  box-shadow: 0 0 12px rgba(0, 217, 120, 0.25);
}

.ct-radar-order-tab-btn.active.limit {
  background: rgba(56, 189, 248, 0.15);
  border-color: rgba(56, 189, 248, 0.45);
  color: #38bdf8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.25);
}

/* 3. The 4 Key KPI Cards Grid */
.ct-radar-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.ct-radar-kpi-card {
  background: linear-gradient(145deg, rgba(17, 24, 39, 0.9) 0%, rgba(10, 14, 20, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ct-radar-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.ct-radar-kpi-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}

.ct-radar-kpi-card.liq {
  border-color: rgba(255, 61, 69, 0.2);
}
.ct-radar-kpi-card.liq::before {
  background: linear-gradient(90deg, transparent, #ff3d45, transparent);
}

.ct-radar-kpi-card.sl {
  border-color: rgba(255, 157, 0, 0.2);
}
.ct-radar-kpi-card.sl::before {
  background: linear-gradient(90deg, transparent, #ff9d00, transparent);
}

.ct-radar-kpi-card.tp {
  border-color: rgba(0, 217, 120, 0.2);
}
.ct-radar-kpi-card.tp::before {
  background: linear-gradient(90deg, transparent, #00d978, transparent);
}

.ct-radar-kpi-card.limit {
  border-color: rgba(56, 189, 248, 0.2);
}
.ct-radar-kpi-card.limit::before {
  background: linear-gradient(90deg, transparent, #38bdf8, transparent);
}

.ct-radar-kpi-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ct-radar-kpi-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.ct-radar-kpi-sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-family: 'JetBrains Mono', monospace;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* 4. Sub-Tabs Navigation Strip */
.ct-radar-subtabs-nav {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 2px;
  margin-top: 4px;
}

.ct-radar-subtab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: rgba(13, 17, 24, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 800;
  color: #728096;
  cursor: pointer;
  transition: all 0.2s ease;
}

.ct-radar-subtab-btn:hover {
  color: #cbd5e1;
  background: rgba(20, 27, 38, 0.85);
}

.ct-radar-subtab-btn.active {
  color: #ffffff;
  background: rgba(18, 25, 36, 0.95);
  border-color: rgba(255, 157, 0, 0.4);
  border-top: 2px solid #ff9d00;
  box-shadow: 0 -4px 16px rgba(255, 157, 0, 0.1);
}

/* 5. Tab 0 Layout: Radar Wrapper (Left HUD + Right Ladder) */
.ct-radar-wrapper {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 16px;
  align-items: start;
}

/* 6. Scanner HUD & CVD */
.ct-radar-scanner-card {
  background: rgba(12, 16, 22, 0.95);
  border: 1px solid rgba(0, 217, 120, 0.2);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.ct-radar-scope {
  width: 100%;
  height: 280px;
  position: relative;
  background: radial-gradient(circle, rgba(0, 217, 120, 0.06) 0%, rgba(5, 10, 15, 0.95) 75%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct-radar-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(0, 217, 120, 0.25);
}
.ct-radar-ring.r1 { width: 80px; height: 80px; }
.ct-radar-ring.r2 { width: 160px; height: 160px; }
.ct-radar-ring.r3 { width: 240px; height: 240px; }

.ct-radar-crosshair-x {
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0, 217, 120, 0.2);
}
.ct-radar-crosshair-y {
  position: absolute;
  height: 100%;
  width: 1px;
  background: rgba(0, 217, 120, 0.2);
}

.ct-radar-sweep {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 130px;
  transform-origin: top left;
  background: conic-gradient(from 0deg, rgba(0, 217, 120, 0.35) 0deg, transparent 60deg);
  border-radius: 50%;
  animation: ct-radar-sweep-anim 4s linear infinite;
  pointer-events: none;
}

@keyframes ct-radar-sweep-anim {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.ct-radar-center-hud {
  position: absolute;
  z-index: 5;
  background: rgba(10, 14, 20, 0.85);
  border: 1px solid rgba(0, 217, 120, 0.4);
  padding: 6px 14px;
  border-radius: 6px;
  text-align: center;
  box-shadow: 0 0 16px rgba(0, 217, 120, 0.25);
}

.ct-radar-blip {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  pointer-events: none;
  animation: ct-blip-pulse 2s ease-out forwards;
}
.ct-radar-blip.buy { background: #00d978; box-shadow: 0 0 8px #00d978; }
.ct-radar-blip.sell { background: #ff3d45; box-shadow: 0 0 8px #ff3d45; }
.ct-radar-blip.whale { width: 10px; height: 10px; }

@keyframes ct-blip-pulse {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(3.5); opacity: 0; }
}

.ct-radar-hud-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 10px 12px;
  background: rgba(8, 11, 16, 0.95);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
}

.ct-radar-hud-metric-box {
  padding: 4px;
}

.ct-cvd-meter-card {
  background: rgba(13, 17, 24, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 14px 16px;
}

/* 7. Liquidity Ladder Table & Cluster Zones */
.ct-zone-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ct-zone-row {
  display: grid;
  grid-template-columns: 80px 150px 75px 95px 1fr 110px 85px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(15, 20, 28, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  transition: all 0.15s ease;
  position: relative;
  cursor: pointer;
}

.ct-zone-row:hover {
  background: rgba(22, 30, 42, 0.9);
  border-color: rgba(255, 157, 0, 0.35);
  transform: translateX(2px);
}

.ct-zone-row.above {
  border-left: 3px solid #ff3d45;
}

.ct-zone-row.below {
  border-left: 3px solid #00d978;
}

.ct-order-segment-bar {
  display: flex;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  width: 100%;
}

.ct-seg-liq { background: #ff3d45; }
.ct-seg-sl { background: #ff9d00; }
.ct-seg-tp { background: #00d978; }
.ct-seg-limit { background: #38bdf8; }

.ct-gravity-pill {
  font-size: 9px;
  font-weight: 900;
  padding: 2px 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
  text-align: center;
}
.ct-gravity-pill.high {
  background: rgba(255, 157, 0, 0.15);
  color: #ff9d00;
  border: 1px solid rgba(255, 157, 0, 0.3);
}

.ct-anchor-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  margin: 6px 0;
  background: linear-gradient(90deg, rgba(255, 157, 0, 0.15) 0%, rgba(255, 157, 0, 0.03) 100%);
  border: 1px solid rgba(255, 157, 0, 0.45);
  border-radius: 6px;
  box-shadow: 0 0 16px rgba(255, 157, 0, 0.12);
}

/* Cluster Hover Popover */
.ct-cluster-popover {
  position: absolute;
  z-index: 1000;
  width: 290px;
  background: rgba(10, 14, 22, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 12px 14px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7), 0 0 20px rgba(56, 189, 248, 0.15);
  pointer-events: none;
  font-family: 'JetBrains Mono', monospace;
  animation: ct-fade-in 0.15s ease-out;
}

.ct-cluster-popover-title {
  font-size: 11px;
  font-weight: 800;
  color: #f1f5f9;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.ct-cluster-popover-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 6px 0;
}

.ct-cluster-popover-row {
  display: flex;
  justify-content: space-between;
  font-size: 10.5px;
  margin-bottom: 4px;
  color: #cbd5e1;
}

.ct-cluster-popover-label {
  color: #728096;
}

/* 8. Cohorts Grid (Tab 1) */
.ct-cohort-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.ct-cohort-card {
  background: linear-gradient(145deg, rgba(17, 24, 38, 0.85), rgba(11, 15, 24, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ct-cohort-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ct-cohort-tier {
  font-size: 14px;
  font-weight: 900;
  color: #ff9d00;
}

.ct-cohort-filter {
  font-size: 9px;
  color: #728096;
  font-family: 'JetBrains Mono', monospace;
}

.ct-cohort-stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-family: 'JetBrains Mono', monospace;
}

.ct-cohort-stat-label {
  color: #728096;
}

.ct-cohort-stat-val {
  font-weight: 800;
  color: #f1f5f9;
}

@media (max-width: 1200px) {
  .ct-radar-kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ct-radar-wrapper {
    grid-template-columns: 1fr;
  }
  .ct-cohort-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .ct-radar-kpi-grid {
    grid-template-columns: 1fr;
  }
  .ct-zone-row {
    grid-template-columns: 70px 1fr 60px 80px;
  }
  .ct-zone-row > :nth-child(5),
  .ct-zone-row > :nth-child(6),
  .ct-zone-row > :nth-child(7) {
    display: none;
  }
  .ct-cohort-grid {
    grid-template-columns: 1fr;
  }
}