:root {
  --bg: #070a12;
  --panel: #0d1220;
  --panel-2: #111827;
  --panel-3: #151f32;
  --text: #edf2ff;
  --muted: #8d99ae;
  --soft: #b8c0d9;
  --line: rgba(255,255,255,.08);
  --accent: #7c5cff;
  --accent-2: #00d4ff;
  --green: #16c784;
  --red: #ea3943;
  --yellow: #f5b942;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
  --radius: 18px;
  --radius-sm: 12px;
}

[data-theme="light"] {
  --bg: #f5f7fb;
  --panel: #ffffff;
  --panel-2: #f8fafc;
  --panel-3: #eef2ff;
  --text: #101828;
  --muted: #667085;
  --soft: #475467;
  --line: rgba(16,24,40,.1);
  --shadow: 0 18px 60px rgba(16,24,40,.1);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(circle at top left, rgba(124,92,255,.18), transparent 30%),
    radial-gradient(circle at 70% 15%, rgba(0,212,255,.12), transparent 25%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: inherit; text-decoration: none; }

button, input, select {
  font: inherit;
}

.app-shell {
  display: grid;
  grid-template-columns: 280px 1fr;
  min-height: 100vh;
}

.sidebar {
  border-right: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 86%, transparent);
  backdrop-filter: blur(18px);
  padding: 22px;
  position: sticky;
  top: 0;
  height: 100vh;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}

.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: white;
  font-weight: 900;
  box-shadow: var(--shadow);
}

.brand strong {
  display: block;
  font-size: 16px;
  letter-spacing: -.02em;
}

.brand small {
  display: block;
  color: var(--muted);
  margin-top: 2px;
}

.nav {
  display: grid;
  gap: 8px;
}

.nav a {
  padding: 12px 14px;
  border-radius: 13px;
  color: var(--soft);
  border: 1px solid transparent;
}

.nav a.active,
.nav a:hover {
  background: var(--panel-3);
  color: var(--text);
  border-color: var(--line);
}

.sidebar-card {
  margin-top: 28px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, var(--panel-2), color-mix(in srgb, var(--panel-2) 76%, transparent));
}

.sidebar-card p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.5;
  font-size: 13px;
}

.main {
  min-width: 0;
  padding: 24px;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.eyebrow {
  color: var(--muted);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .12em;
  font-weight: 700;
}

h1 {
  margin: 5px 0 0;
  font-size: clamp(28px, 4vw, 46px);
  letter-spacing: -.05em;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.search input {
  width: 280px;
  max-width: 36vw;
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  outline: none;
}

.btn {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
}

.btn:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); }

.btn.primary {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: white;
  border: none;
}

.btn.ghost {
  background: transparent;
}

.ticker {
  display: flex;
  gap: 10px;
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 78%, transparent);
  margin-bottom: 18px;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  font-size: 13px;
}

.logo {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--panel-3);
}

.logo.sm {
  width: 22px;
  height: 22px;
}

.content {
  display: grid;
  gap: 18px;
}

.grid {
  display: grid;
  gap: 18px;
}

.grid.two {
  grid-template-columns: 1.2fr .8fr;
}

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

.card {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 92%, transparent);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.card-pad {
  padding: 18px;
}

.card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.card-title h2,
.card-title h3 {
  margin: 0;
  letter-spacing: -.03em;
}

.muted { color: var(--muted); }
.pos { color: var(--green); }
.neg { color: var(--red); }

.table-wrap {
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 920px;
}

th, td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: right;
  white-space: nowrap;
}

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

th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}

tr:hover td {
  background: color-mix(in srgb, var(--panel-3) 50%, transparent);
}

.coin-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.coin-cell strong {
  display: block;
}

.coin-cell span {
  color: var(--muted);
  font-size: 12px;
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--panel-2);
  color: var(--soft);
  font-size: 12px;
}

.hero {
  padding: 22px;
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(124,92,255,.24), rgba(0,212,255,.08)),
    var(--panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.hero h2 {
  margin: 0;
  font-size: clamp(28px, 5vw, 54px);
  letter-spacing: -.06em;
}

.kpi {
  display: grid;
  gap: 6px;
}

.kpi span {
  color: var(--muted);
  font-size: 12px;
}

.kpi strong {
  font-size: 22px;
}

.loading-card,
.error-card {
  padding: 24px;
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: var(--radius);
  color: var(--muted);
}

.error-card {
  color: var(--red);
}

.form-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.form-row input,
.form-row select {
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  outline: none;
}

.placeholder-page {
  min-height: 420px;
  display: grid;
  place-items: center;
  text-align: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 50% 0%, rgba(124,92,255,.18), transparent 35%),
    var(--panel);
}

.placeholder-page h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 5vw, 52px);
  letter-spacing: -.06em;
}

.placeholder-page p {
  max-width: 680px;
  color: var(--muted);
  line-height: 1.7;
}

@media (max-width: 980px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar {
    position: static;
    height: auto;
    border-right: none;
    border-bottom: 1px solid var(--line);
  }
  .nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .topbar { align-items: flex-start; flex-direction: column; }
  .search input { width: 100%; max-width: none; }
  .topbar-actions { width: 100%; }
  .search { flex: 1; }
  .grid.two,
  .grid.three { grid-template-columns: 1fr; }
}

.chart-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.segmented {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel-2);
}

.segmented button {
  border: 0;
  color: var(--soft);
  background: transparent;
  padding: 8px 11px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.segmented button.active {
  color: white;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
}

.chart-box {
  position: relative;
  min-height: 360px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 70%, transparent), transparent),
    var(--panel);
  overflow: hidden;
}

.chart-box canvas {
  display: block;
  width: 100%;
  height: 360px;
}

.link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.link-grid a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-2);
  color: var(--text);
}

.link-grid a span {
  color: var(--muted);
  font-size: 12px;
}

.market-list {
  display: grid;
  gap: 10px;
}

.market-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-2);
}

.market-row strong {
  display: block;
}

.market-row small {
  color: var(--muted);
}

@media (max-width: 760px) {
  .link-grid {
    grid-template-columns: 1fr;
  }
}

.chart-controls {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

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

.chart-control-row label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-right: 4px;
}

.chart-select {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  border-radius: 999px;
  padding: 9px 12px;
  outline: none;
}

.chart-status {
  color: var(--muted);
  font-size: 12px;
}

.load-older-wrap {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.btn.small {
  padding: 8px 12px;
  font-size: 12px;
}

.chart-box {
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.chart-box.dragging {
  cursor: grabbing;
}

.chart-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.chart-hint {
  text-align: center;
  color: var(--muted);
  font-size: 12px;
  margin-top: 8px;
}

.chart-box {
  position: relative;
}

.chart-tooltip {
  position: absolute;
  z-index: 5;
  min-width: 180px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 94%, black);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  color: var(--text);
  font-size: 12px;
  pointer-events: none;
  display: none;
}

.chart-tooltip strong {
  display: block;
  margin-bottom: 6px;
}

.chart-tooltip-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--muted);
}

.chart-tooltip-row b {
  color: var(--text);
}

.chart-ohlc {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  margin-top: 8px;
}

.chart-ohlc b {
  color: var(--text);
}

.chart-ohlc .up {
  color: var(--green);
}

.chart-ohlc .down {
  color: var(--red);
}

.market-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.market-page-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.market-page-buttons button {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  border-radius: 999px;
  padding: 9px 12px;
  cursor: pointer;
  font-weight: 800;
}

.market-page-buttons button.active {
  color: white;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
}

.market-page-buttons button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.watch-btn {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--muted);
  border-radius: 999px;
  padding: 7px 10px;
  cursor: pointer;
  font-weight: 900;
  line-height: 1;
}

.watch-btn.active {
  color: #ffd166;
  border-color: rgba(255, 209, 102, .45);
  background: rgba(255, 209, 102, .10);
}

.watch-btn.large {
  padding: 10px 14px;
  font-size: 13px;
}

.market-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 14px 16px 18px;
  border-top: 1px solid var(--line);
}

.market-page-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.market-page-buttons button {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  border-radius: 999px;
  padding: 9px 12px;
  cursor: pointer;
  font-weight: 800;
}

.market-page-buttons button.active {
  color: white;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
}

.market-page-buttons button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.row-actions {
  display: flex;
  justify-content: flex-end;
}

.empty-state {
  padding: 28px;
  border: 1px dashed var(--line);
  border-radius: 18px;
  color: var(--muted);
  background: var(--panel-2);
}

.watch-btn {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  background: rgba(148, 163, 184, .08);
  color: var(--muted);
  border-radius: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}

.watch-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 209, 102, .10);
  border-color: rgba(255, 209, 102, .45);
  color: #ffd166;
}

.watch-btn.active {
  color: #ffd166;
  border-color: rgba(255, 209, 102, .55);
  background: rgba(255, 209, 102, .14);
}

.watch-btn.large {
  width: auto;
  min-width: 132px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
  gap: 8px;
}

.watch-btn.large::after {
  content: " Watchlist";
  font-size: 12px;
  color: inherit;
}

.market-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 18px;
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, transparent, rgba(148, 163, 184, .035));
}

.market-pager .muted {
  max-width: 520px;
}

.market-page-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.market-page-buttons button {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 900;
  min-width: 76px;
  box-shadow: none;
}

.market-page-buttons button:hover:not(:disabled) {
  border-color: rgba(0, 212, 255, .45);
  background: rgba(0, 212, 255, .08);
}

.market-page-buttons button.active {
  color: white;
  border-color: transparent;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
}

.market-page-buttons button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.market-watch-col {
  width: 48px;
  text-align: center;
}

.coin-hero-actions {
  margin-left: auto;
  align-self: center;
}

@media (max-width: 760px) {
  .market-pager {
    align-items: stretch;
  }

  .market-page-buttons {
    justify-content: flex-start;
  }
}

/* Polished watchlist + pager UI */
.watch-btn {
  appearance: none;
  -webkit-appearance: none;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .22);
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .72));
  color: rgba(203, 213, 225, .75);
  border-radius: 999px;
  cursor: pointer;
  font-size: 0;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.18);
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.watch-btn::before {
  content: "☆";
  font-size: 18px;
  line-height: 1;
  transform: translateY(-1px);
}

.watch-btn:hover {
  transform: translateY(-1px) scale(1.03);
  border-color: rgba(255, 209, 102, .48);
  color: #ffd166;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 30px rgba(255, 209, 102, .10);
}

.watch-btn.active {
  color: #ffd166;
  border-color: rgba(255, 209, 102, .60);
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, rgba(255, 209, 102, .24), rgba(124, 92, 255, .20));
}

.watch-btn.active::before {
  content: "★";
}

.watch-btn.large {
  width: auto;
  min-width: 148px;
  height: 42px;
  display: inline-flex;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 13px;
  color: var(--text);
}

.watch-btn.large::before {
  font-size: 17px;
}

.watch-btn.large::after {
  content: "Add to Watchlist";
  font-size: 12px;
  font-weight: 900;
}

.watch-btn.large.active::after {
  content: "Saved";
}

.market-watch-col {
  width: 52px;
  text-align: center;
}

.market-pager {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px 18px;
  border-top: 1px solid rgba(148, 163, 184, .16);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .72), rgba(15, 23, 42, .96)),
    var(--panel);
  backdrop-filter: blur(14px);
}

.market-page-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.market-page-buttons button {
  appearance: none;
  -webkit-appearance: none;
  min-width: 86px;
  border: 1px solid rgba(148, 163, 184, .20);
  background:
    linear-gradient(180deg, rgba(30, 41, 59, .92), rgba(15, 23, 42, .86));
  color: var(--text);
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.market-page-buttons button:hover:not(:disabled) {
  border-color: rgba(0, 212, 255, .45);
  background:
    linear-gradient(135deg, rgba(124, 92, 255, .18), rgba(0, 212, 255, .12));
}

.market-page-buttons button.active {
  color: white;
  border-color: transparent;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 12px 30px rgba(0, 212, 255, .12);
}

.market-page-buttons button:disabled {
  opacity: .38;
  cursor: not-allowed;
}

.market-page-buttons button[data-page] {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .market-pager {
    position: static;
  }

  .market-page-buttons {
    justify-content: flex-start;
  }

  .market-page-buttons button {
    min-width: auto;
  }
}

/* Premium finance-style watchlist and pager override */
.watch-btn {
  appearance: none;
  -webkit-appearance: none;
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, .18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    rgba(15, 23, 42, .74);
  color: rgba(148, 163, 184, .82);
  cursor: pointer;
  font-size: 0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 20px rgba(0,0,0,.16);
  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.watch-btn::before {
  content: "☆";
  font-size: 17px;
  line-height: 1;
  transform: translateY(-1px);
  opacity: .92;
}

.watch-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(148, 163, 184, .36);
  color: rgba(226, 232, 240, .96);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(15, 23, 42, .86);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 12px 28px rgba(0,0,0,.22);
}

.watch-btn.active {
  color: #f4c86a;
  border-color: rgba(244, 200, 106, .38);
  background:
    linear-gradient(180deg, rgba(244, 200, 106, .13), rgba(124, 92, 255, .055)),
    rgba(15, 23, 42, .88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 26px rgba(244, 200, 106, .075);
}

.watch-btn.active::before {
  content: "★";
}

.watch-btn.large {
  width: auto;
  min-width: 136px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 0;
}

.watch-btn.large::before {
  font-size: 16px;
}

.watch-btn.large::after {
  content: "Watchlist";
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .01em;
  color: rgba(226, 232, 240, .88);
}

.watch-btn.large.active::after {
  content: "Saved";
  color: rgba(244, 200, 106, .96);
}

.market-watch-col {
  width: 52px;
  text-align: center;
}

.market-pager {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px 18px;
  border-top: 1px solid rgba(148, 163, 184, .13);
  background:
    linear-gradient(180deg, rgba(10, 15, 28, .72), rgba(10, 15, 28, .96)),
    var(--panel);
  backdrop-filter: blur(18px);
}

.market-page-buttons {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 34px rgba(0,0,0,.14);
}

.market-page-buttons button {
  appearance: none;
  -webkit-appearance: none;
  min-width: 78px;
  border: 0;
  background: transparent;
  color: rgba(203, 213, 225, .72);
  border-radius: 999px;
  padding: 9px 13px;
  cursor: pointer;
  font-weight: 850;
  font-size: 13px;
  box-shadow: none;
  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease,
    opacity .16s ease;
}

.market-page-buttons button:hover:not(:disabled) {
  transform: translateY(-1px);
  color: rgba(248, 250, 252, .96);
  background: rgba(148, 163, 184, .09);
}

.market-page-buttons button.active {
  color: white;
  background:
    linear-gradient(135deg, rgba(124, 92, 255, .92), rgba(0, 158, 255, .72));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 24px rgba(0, 158, 255, .16);
}

.market-page-buttons button:disabled {
  opacity: .34;
  cursor: not-allowed;
}

.market-page-buttons button:first-child,
.market-page-buttons button:last-child {
  min-width: 74px;
  color: rgba(203, 213, 225, .62);
}

.market-page-buttons button:first-child:hover:not(:disabled),
.market-page-buttons button:last-child:hover:not(:disabled) {
  color: rgba(248, 250, 252, .94);
}

@media (max-width: 760px) {
  .market-pager {
    position: static;
    align-items: stretch;
  }

  .market-page-buttons {
    justify-content: flex-start;
    border-radius: 18px;
  }

  .market-page-buttons button {
    min-width: auto;
  }
}

/* Coin detail terminal profile */
.asset-terminal {
  display: grid;
  gap: 14px;
}

.asset-profile-card {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .12), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .76), rgba(15, 23, 42, .48));
  padding: 16px;
}

.asset-profile-card h3,
.asset-terminal h3 {
  margin: 0 0 10px;
}

.asset-profile-copy {
  color: var(--soft);
  line-height: 1.65;
  margin: 0;
}

.terminal-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.terminal-field {
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(15, 23, 42, .52);
  padding: 12px;
}

.terminal-field span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.terminal-field strong {
  display: block;
  color: var(--text);
  font-size: 14px;
  line-height: 1.35;
  word-break: break-word;
}

.performance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.performance-tile {
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(15, 23, 42, .46);
  padding: 10px;
}

.performance-tile span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  margin-bottom: 6px;
}

.performance-tile strong {
  font-size: 15px;
}

.premium-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.premium-link-grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    rgba(15, 23, 42, .52);
  color: var(--text);
  padding: 12px;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.premium-link-grid a:hover {
  transform: translateY(-1px);
  border-color: rgba(0, 212, 255, .36);
  background:
    linear-gradient(135deg, rgba(124, 92, 255, .12), rgba(0, 212, 255, .08)),
    rgba(15, 23, 42, .68);
}

.premium-link-grid a span {
  color: var(--muted);
  font-size: 12px;
}

.asset-warning-note {
  border: 1px solid rgba(255, 209, 102, .18);
  border-radius: 14px;
  background: rgba(255, 209, 102, .06);
  color: var(--soft);
  padding: 12px;
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .terminal-field-grid,
  .premium-link-grid {
    grid-template-columns: 1fr;
  }

  .performance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Coin detail layout polish */
.coin-detail-main {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, .9fr);
  gap: 18px;
  align-items: start;
}

.coin-detail-secondary {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: 18px;
  align-items: start;
}

.coin-detail-chart-card {
  min-height: auto;
}

.coin-detail-chart-card .chart-box {
  min-height: 420px;
}

.coin-detail-chart-card .chart-box canvas {
  height: 420px;
}

.coin-detail-side {
  position: sticky;
  top: 18px;
}

.coin-detail-side .asset-profile-card {
  padding: 18px;
}

.coin-detail-side .asset-profile-copy {
  font-size: 14px;
}

.coin-detail-side .terminal-field {
  padding: 11px;
}

.coin-detail-side .terminal-field strong {
  font-size: 13px;
}

.coin-detail-side .performance-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coin-detail-side .performance-tile {
  padding: 9px;
}

.coin-detail-links {
  min-height: auto;
}

.coin-detail-markets {
  min-height: auto;
}

.coin-detail-markets .market-list {
  gap: 8px;
}

.coin-detail-markets .market-row {
  border-radius: 13px;
}

@media (max-width: 1180px) {
  .coin-detail-main,
  .coin-detail-secondary {
    grid-template-columns: 1fr;
  }

  .coin-detail-side {
    position: static;
  }
}

@media (max-width: 760px) {
  .coin-detail-chart-card .chart-box {
    min-height: 360px;
  }

  .coin-detail-chart-card .chart-box canvas {
    height: 360px;
  }

  .coin-detail-side .performance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Exchange comparison panel */
.exchange-comparison {
  display: grid;
  gap: 8px;
}

.exchange-row {
  display: grid;
  grid-template-columns: 1.1fr 1.2fr 1fr 1fr .9fr .8fr;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(15, 23, 42, .48);
  padding: 11px 12px;
}

.exchange-row.header {
  border: 0;
  background: transparent;
  padding: 0 12px 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.exchange-row strong {
  color: var(--text);
}

.exchange-row small {
  display: block;
  color: var(--muted);
  margin-top: 2px;
}

.exchange-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(15, 23, 42, .58);
  font-size: 12px;
  font-weight: 900;
}

.exchange-status {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 900;
}

.exchange-status.live {
  color: #16c784;
  background: rgba(22, 199, 132, .08);
  border: 1px solid rgba(22, 199, 132, .22);
}

.exchange-status.tracked {
  color: var(--muted);
  background: rgba(148, 163, 184, .08);
  border: 1px solid rgba(148, 163, 184, .16);
}

.exchange-spread-base {
  color: var(--muted);
}

@media (max-width: 980px) {
  .exchange-row {
    grid-template-columns: 1fr 1fr;
  }

  .exchange-row.header {
    display: none;
  }
}

/* Portfolio MVP */
.portfolio-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.4fr auto;
  gap: 10px;
  align-items: end;
}

.form-field {
  display: grid;
  gap: 6px;
}

.form-field label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.form-field input {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .72);
  color: var(--text);
  border-radius: 14px;
  padding: 12px 13px;
  outline: none;
  font-weight: 750;
}

.form-field input:focus {
  border-color: rgba(0, 212, 255, .42);
  box-shadow: 0 0 0 3px rgba(0, 212, 255, .08);
}

.portfolio-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.portfolio-kpi {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  padding: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    rgba(15, 23, 42, .58);
}

.portfolio-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  margin-bottom: 8px;
}

.portfolio-kpi strong {
  display: block;
  color: var(--text);
  font-size: 22px;
}

.portfolio-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.danger-btn {
  border: 1px solid rgba(234, 57, 67, .22);
  background: rgba(234, 57, 67, .08);
  color: #ff6b75;
  border-radius: 999px;
  padding: 8px 11px;
  cursor: pointer;
  font-weight: 900;
}

.danger-btn:hover {
  border-color: rgba(234, 57, 67, .38);
  background: rgba(234, 57, 67, .13);
}

.portfolio-note {
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 1080px) {
  .portfolio-form {
    grid-template-columns: 1fr 1fr;
  }

  .portfolio-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .portfolio-form,
  .portfolio-summary {
    grid-template-columns: 1fr;
  }
}

/* Portfolio Ledger v2 */
.portfolio-ledger-form {
  display: grid;
  grid-template-columns: .9fr .9fr 1fr 1fr 1fr 1.2fr auto;
  gap: 10px;
  align-items: end;
}

.form-field select,
.form-field input {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .72);
  color: var(--text);
  border-radius: 14px;
  padding: 12px 13px;
  outline: none;
  font-weight: 750;
}

.form-field select:focus,
.form-field input:focus {
  border-color: rgba(0, 212, 255, .42);
  box-shadow: 0 0 0 3px rgba(0, 212, 255, .08);
}

.portfolio-summary.six {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.portfolio-kpi small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}

.portfolio-analytics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.allocation-list {
  display: grid;
  gap: 10px;
}

.allocation-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 76px;
  gap: 10px;
  align-items: center;
}

.allocation-label {
  font-weight: 900;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.allocation-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .10);
  overflow: hidden;
}

.allocation-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124,92,255,.95), rgba(0,212,255,.82));
}

.allocation-value {
  text-align: right;
  color: var(--muted);
  font-weight: 850;
  font-size: 12px;
}

.txn-type {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid rgba(148, 163, 184, .16);
}

.txn-type.buy,
.txn-type.transfer_in {
  color: #16c784;
  background: rgba(22, 199, 132, .08);
  border-color: rgba(22, 199, 132, .20);
}

.txn-type.sell,
.txn-type.transfer_out {
  color: #ff6b75;
  background: rgba(234, 57, 67, .08);
  border-color: rgba(234, 57, 67, .20);
}

.category-pill {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 9px;
  color: rgba(226, 232, 240, .88);
  background: rgba(148, 163, 184, .08);
  border: 1px solid rgba(148, 163, 184, .14);
  font-size: 12px;
  font-weight: 850;
}

.ledger-section {
  display: grid;
  gap: 14px;
}

@media (max-width: 1280px) {
  .portfolio-summary.six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-ledger-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-analytics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .portfolio-summary.six,
  .portfolio-ledger-form {
    grid-template-columns: 1fr;
  }

  .allocation-row {
    grid-template-columns: 1fr;
  }

  .allocation-value {
    text-align: left;
  }
}

/* Portfolio ledger field polish */
.portfolio-ledger-form.v2 {
  grid-template-columns: .9fr .8fr .9fr 1fr 1fr .8fr 1.1fr 1.2fr auto;
}

.ledger-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 3px;
}

.ledger-meta span {
  color: var(--muted);
  font-size: 11px;
}

.ledger-source-pill {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border-radius: 999px;
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(148, 163, 184, .07);
  color: rgba(226, 232, 240, .82);
  font-size: 12px;
  font-weight: 850;
}

.ledger-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.secondary-btn {
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(148, 163, 184, .07);
  color: var(--text);
  border-radius: 999px;
  padding: 8px 11px;
  cursor: pointer;
  font-weight: 900;
}

.secondary-btn:hover {
  border-color: rgba(0, 212, 255, .34);
  background: rgba(0, 212, 255, .08);
}

@media (max-width: 1480px) {
  .portfolio-ledger-form.v2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .portfolio-ledger-form.v2 {
    grid-template-columns: 1fr;
  }

  .ledger-actions {
    justify-content: flex-start;
  }
}

/* Portfolio form polish + risk analytics */
.portfolio-ledger-form.v3 {
  display: grid;
  grid-template-columns: .9fr .9fr .9fr 1fr 1fr .75fr;
  gap: 10px;
  align-items: end;
}

.portfolio-ledger-form.v3 .form-wide {
  grid-column: span 3;
}

.portfolio-ledger-form.v3 .form-action {
  align-self: end;
}

.risk-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.risk-card {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  padding: 14px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .68), rgba(15, 23, 42, .42));
}

.risk-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.risk-card strong {
  display: block;
  color: var(--text);
  font-size: 18px;
  line-height: 1.2;
}

.risk-card small {
  display: block;
  color: var(--muted);
  margin-top: 6px;
  font-size: 12px;
}

.risk-card.warning {
  border-color: rgba(255, 209, 102, .20);
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 209, 102, .10), transparent 34%),
    rgba(15, 23, 42, .58);
}

.risk-card.danger {
  border-color: rgba(234, 57, 67, .22);
  background:
    radial-gradient(circle at 0% 0%, rgba(234, 57, 67, .10), transparent 34%),
    rgba(15, 23, 42, .58);
}

.risk-card.success {
  border-color: rgba(22, 199, 132, .20);
  background:
    radial-gradient(circle at 0% 0%, rgba(22, 199, 132, .10), transparent 34%),
    rgba(15, 23, 42, .58);
}

@media (max-width: 1480px) {
  .portfolio-ledger-form.v3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-ledger-form.v3 .form-wide {
    grid-column: span 3;
  }

  .risk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .portfolio-ledger-form.v3,
  .risk-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-ledger-form.v3 .form-wide {
    grid-column: auto;
  }
}

/* Portfolio allocation donut visuals */
.allocation-visual {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.allocation-donut {
  width: 138px;
  height: 138px;
  border-radius: 50%;
  position: relative;
  background: conic-gradient(rgba(124,92,255,.95) 0 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 18px 46px rgba(0,0,0,.22);
}

.allocation-donut::after {
  content: "";
  position: absolute;
  inset: 24px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), transparent 35%),
    var(--panel);
  border: 1px solid rgba(148, 163, 184, .12);
}

.allocation-donut-center {
  position: absolute;
  inset: 38px;
  z-index: 1;
  display: grid;
  place-items: center;
  text-align: center;
  font-weight: 950;
  color: var(--text);
  font-size: 18px;
}

.allocation-donut-center span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.allocation-list.premium {
  gap: 8px;
}

.allocation-row.premium {
  grid-template-columns: 12px 130px minmax(0, 1fr) 70px;
}

.allocation-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--dot);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dot) 18%, transparent);
}

@media (max-width: 820px) {
  .allocation-visual {
    grid-template-columns: 1fr;
  }

  .allocation-donut {
    margin: 0 auto;
  }

  .allocation-row.premium {
    grid-template-columns: 12px 1fr 70px;
  }

  .allocation-row.premium .allocation-track {
    grid-column: 2 / 4;
  }
}

/* Portfolio symbol assist + insight charts */
.input-hint {
  min-height: 16px;
  color: var(--muted);
  font-size: 11px;
  margin-top: 5px;
}

.input-hint.good {
  color: #16c784;
}

.input-hint.warn {
  color: #f4c86a;
}

.input-hint.bad {
  color: #ff6b75;
}

.portfolio-insights {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}

.insight-card {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  padding: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    rgba(15, 23, 42, .55);
}

.insight-card h3 {
  margin: 0 0 12px;
}

.insight-bars {
  display: grid;
  gap: 10px;
}

.insight-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 82px;
  gap: 10px;
  align-items: center;
}

.insight-label {
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .10);
  overflow: hidden;
}

.insight-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(22,199,132,.95), rgba(0,212,255,.82));
}

.insight-fill.loss {
  background: linear-gradient(90deg, rgba(234,57,67,.95), rgba(255,107,117,.72));
}

.insight-value {
  text-align: right;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.cost-value-bars {
  display: grid;
  gap: 12px;
}

.cost-value-row {
  display: grid;
  gap: 7px;
}

.cost-value-row header {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.cost-value-track {
  height: 12px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .10);
  overflow: hidden;
}

.cost-value-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124,92,255,.95), rgba(0,212,255,.82));
}

.cost-value-fill.cost {
  background: linear-gradient(90deg, rgba(148,163,184,.72), rgba(124,92,255,.72));
}

@media (max-width: 1180px) {
  .portfolio-insights {
    grid-template-columns: 1fr;
  }
}

/* Portfolio premium cleanup + custom autocomplete */
.portfolio-ledger-form.v3 {
  position: relative;
}

.symbol-field {
  position: relative;
}

.symbol-suggestions {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-height: 280px;
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .16), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(8, 13, 24, .98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
  padding: 8px;
  display: none;
}

.symbol-suggestions.open {
  display: grid;
  gap: 6px;
}

.symbol-suggestion {
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 10px 11px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  color: var(--text);
  background: rgba(148, 163, 184, .04);
}

.symbol-suggestion:hover,
.symbol-suggestion.active {
  border-color: rgba(0, 212, 255, .28);
  background: rgba(0, 212, 255, .08);
}

.symbol-suggestion-logo {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  object-fit: cover;
  background: rgba(148, 163, 184, .10);
}

.symbol-suggestion-main {
  min-width: 0;
}

.symbol-suggestion-main strong {
  display: block;
  font-weight: 950;
}

.symbol-suggestion-main span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.symbol-suggestion-price {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}

.portfolio-summary.six {
  gap: 10px;
}

.portfolio-kpi {
  min-height: 96px;
}

.risk-grid {
  gap: 10px;
}

.risk-card {
  min-height: 96px;
}

.portfolio-analytics,
.portfolio-insights {
  gap: 12px;
}

.card,
.hero,
.portfolio-kpi,
.risk-card,
.insight-card {
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
}

.portfolio-note {
  margin-bottom: 28px;
}

@media (max-width: 1180px) {
  .symbol-suggestions {
    position: static;
    margin-top: 8px;
  }
}

/* Portfolio redesign v1 */
.portfolio-page {
  display: grid;
  gap: 18px;
}

.portfolio-hero {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 26px;
  padding: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .22), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(0, 212, 255, .12), transparent 32%),
    linear-gradient(135deg, rgba(20, 18, 50, .92), rgba(7, 26, 42, .86));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .16);
}

.portfolio-hero-top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.portfolio-hero h2 {
  margin: 6px 0 8px;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .92;
  letter-spacing: -0.06em;
}

.portfolio-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

.portfolio-hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.portfolio-soft-btn {
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .48);
  color: var(--text);
  border-radius: 999px;
  padding: 9px 13px;
  font-weight: 900;
  cursor: pointer;
}

.portfolio-soft-btn:hover {
  border-color: rgba(0, 212, 255, .34);
  background: rgba(0, 212, 255, .08);
}

.portfolio-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.portfolio-kpi-card {
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 20px;
  padding: 16px;
  min-height: 104px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    rgba(15, 23, 42, .58);
}

.portfolio-kpi-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.portfolio-kpi-card strong {
  display: block;
  font-size: 23px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.portfolio-kpi-card small {
  display: block;
  margin-top: 9px;
  color: var(--muted);
  font-size: 12px;
}

.portfolio-command {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: stretch;
}

.portfolio-command-panel,
.portfolio-form-panel {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .09), transparent 34%),
    rgba(15, 23, 42, .54);
  padding: 18px;
}

.portfolio-command-panel {
  display: grid;
  gap: 14px;
}

.portfolio-command-title {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.portfolio-command-title h3 {
  margin: 0;
  font-size: 20px;
}

.portfolio-command-title p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.portfolio-mini-risk {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.portfolio-mini-risk .risk-card {
  min-height: 88px;
  border-radius: 18px;
}

.portfolio-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border: 1px solid rgba(148, 163, 184, .12);
  background: rgba(15, 23, 42, .38);
  padding: 6px;
  border-radius: 999px;
  width: fit-content;
}

.portfolio-tab {
  border: 0;
  background: transparent;
  color: var(--muted);
  border-radius: 999px;
  padding: 10px 15px;
  font-weight: 950;
  cursor: pointer;
}

.portfolio-tab.active {
  color: white;
  background: linear-gradient(135deg, rgba(124, 92, 255, .95), rgba(0, 212, 255, .82));
  box-shadow: 0 10px 30px rgba(0, 212, 255, .14);
}

.portfolio-tab-panel {
  display: grid;
  gap: 16px;
}

.portfolio-section-card {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 24px;
  background: rgba(15, 23, 42, .50);
  overflow: hidden;
}

.portfolio-section-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, .10);
}

.portfolio-section-head h3 {
  margin: 0;
  font-size: 21px;
}

.portfolio-section-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.portfolio-section-body {
  padding: 18px;
}

.portfolio-form-panel .portfolio-ledger-form.v3 {
  grid-template-columns: .8fr .9fr .9fr 1fr 1fr .7fr;
}

.portfolio-form-panel .portfolio-ledger-form.v3 .form-wide {
  grid-column: span 3;
}

.portfolio-form-panel .portfolio-ledger-form.v3 .form-action {
  width: 100%;
}

.portfolio-analytics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.portfolio-insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.portfolio-table-card .table-wrap {
  border-radius: 0;
}

.portfolio-table-card table {
  margin: 0;
}

.portfolio-empty {
  border: 1px dashed rgba(148, 163, 184, .20);
  border-radius: 22px;
  padding: 28px;
  text-align: center;
  color: var(--muted);
  background: rgba(15, 23, 42, .34);
}

.portfolio-empty strong {
  display: block;
  color: var(--text);
  font-size: 22px;
  margin-bottom: 8px;
}

.symbol-suggestions {
  z-index: 80;
}

.symbol-suggestion {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.symbol-suggestion-price {
  font-size: 11px;
  opacity: .88;
}

@media (max-width: 1500px) {
  .portfolio-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-command {
    grid-template-columns: 1fr;
  }

  .portfolio-form-panel .portfolio-ledger-form.v3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-form-panel .portfolio-ledger-form.v3 .form-wide {
    grid-column: span 3;
  }
}

@media (max-width: 1050px) {
  .portfolio-analytics-grid,
  .portfolio-insight-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-mini-risk {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .portfolio-hero-top {
    display: grid;
  }

  .portfolio-hero-actions {
    justify-content: flex-start;
  }

  .portfolio-kpi-grid,
  .portfolio-form-panel .portfolio-ledger-form.v3 {
    grid-template-columns: 1fr;
  }

  .portfolio-form-panel .portfolio-ledger-form.v3 .form-wide {
    grid-column: auto;
  }

  .portfolio-tabs {
    width: 100%;
    border-radius: 18px;
  }

  .portfolio-tab {
    flex: 1;
  }
}

/* Portfolio Professional Theme V2 */
.portfolio-page {
  --pf-bg: #0b1220;
  --pf-card: rgba(17, 27, 45, .82);
  --pf-card-2: rgba(22, 34, 56, .76);
  --pf-card-3: rgba(30, 43, 70, .62);
  --pf-line: rgba(148, 163, 184, .18);
  --pf-line-strong: rgba(148, 163, 184, .28);
  --pf-text: #f8fafc;
  --pf-muted: #9ca8bd;
  --pf-soft: #cbd5e1;
  --pf-accent: #38bdf8;
  --pf-accent-2: #8b5cf6;
  --pf-green: #22c55e;
  --pf-red: #f43f5e;

  position: relative;
  padding-bottom: 40px;
}

.portfolio-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 22% 0%, rgba(56, 189, 248, .12), transparent 30%),
    radial-gradient(circle at 78% 8%, rgba(139, 92, 246, .13), transparent 32%),
    linear-gradient(180deg, #0b1220 0%, #090f1c 58%, #070b13 100%);
}

.portfolio-page * {
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    color .18s ease,
    opacity .18s ease;
}

/* Hero */
.portfolio-page .portfolio-hero {
  border: 1px solid rgba(148, 163, 184, .20);
  background:
    linear-gradient(135deg, rgba(30, 41, 75, .92), rgba(8, 47, 73, .80)),
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, .30), transparent 36%),
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, .20), transparent 38%);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

.portfolio-page .portfolio-hero h2 {
  font-size: clamp(42px, 4vw, 64px);
  letter-spacing: -0.07em;
}

.portfolio-page .portfolio-hero p {
  color: #c4cede;
  line-height: 1.55;
}

.portfolio-page .eyebrow {
  color: #a7f3d0;
  letter-spacing: .16em;
}

/* KPI cards */
.portfolio-page .portfolio-kpi-grid {
  gap: 14px;
}

.portfolio-page .portfolio-kpi-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--pf-line);
  background:
    linear-gradient(180deg, rgba(23, 35, 57, .88), rgba(12, 20, 34, .78));
  box-shadow:
    0 16px 48px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.portfolio-page .portfolio-kpi-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(56, 189, 248, .12), transparent 40%),
    radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .15), transparent 34%);
  opacity: .65;
}

.portfolio-page .portfolio-kpi-card > * {
  position: relative;
  z-index: 1;
}

.portfolio-page .portfolio-kpi-card:hover {
  transform: translateY(-2px);
  border-color: rgba(56, 189, 248, .32);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, .24),
    0 0 0 1px rgba(56, 189, 248, .08);
}

.portfolio-page .portfolio-kpi-card span {
  color: #94a3b8;
}

.portfolio-page .portfolio-kpi-card strong {
  color: var(--pf-text);
}

.portfolio-page .portfolio-kpi-card strong.up,
.portfolio-page .up {
  color: #34d399;
}

.portfolio-page .portfolio-kpi-card strong.down,
.portfolio-page .down {
  color: #fb7185;
}

/* Tabs */
.portfolio-page .portfolio-tabs {
  width: fit-content;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .20);
  background:
    linear-gradient(180deg, rgba(17, 27, 45, .92), rgba(10, 16, 28, .86));
  box-shadow:
    0 16px 50px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.portfolio-page .portfolio-tab {
  color: #9ca8bd;
  padding: 11px 18px;
  font-size: 14px;
}

.portfolio-page .portfolio-tab:hover {
  color: #e2e8f0;
  background: rgba(148, 163, 184, .08);
}

.portfolio-page .portfolio-tab.active {
  color: white;
  background: linear-gradient(135deg, #6366f1, #0ea5e9);
  box-shadow:
    0 10px 28px rgba(14, 165, 233, .22),
    inset 0 1px 0 rgba(255, 255, 255, .22);
}

/* Main panels */
.portfolio-page .portfolio-command-panel,
.portfolio-page .portfolio-form-panel,
.portfolio-page .portfolio-section-card,
.portfolio-page .insight-card {
  border: 1px solid var(--pf-line);
  background:
    linear-gradient(180deg, rgba(17, 27, 45, .88), rgba(9, 15, 27, .76));
  box-shadow:
    0 18px 60px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.portfolio-page .portfolio-command-panel:hover,
.portfolio-page .portfolio-form-panel:hover,
.portfolio-page .portfolio-section-card:hover,
.portfolio-page .insight-card:hover {
  border-color: rgba(148, 163, 184, .28);
}

/* Command center */
.portfolio-page .portfolio-command-title h3,
.portfolio-page .portfolio-section-head h3,
.portfolio-page .insight-card h3 {
  color: var(--pf-text);
  letter-spacing: -0.035em;
}

.portfolio-page .portfolio-command-title p,
.portfolio-page .portfolio-section-head p {
  color: var(--pf-muted);
}

/* Risk cards */
.portfolio-page .risk-card {
  border: 1px solid rgba(148, 163, 184, .16);
  background:
    linear-gradient(180deg, rgba(30, 41, 59, .72), rgba(15, 23, 42, .60));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.portfolio-page .risk-card:hover {
  transform: translateY(-2px);
  border-color: rgba(56, 189, 248, .24);
}

/* Add transaction form */
.portfolio-page .portfolio-form-panel {
  padding: 22px;
}

.portfolio-page .portfolio-ledger-form.v3 {
  gap: 12px;
}

.portfolio-page .form-field label {
  color: #94a3b8;
  font-size: 10px;
  letter-spacing: .16em;
}

.portfolio-page input,
.portfolio-page select {
  border: 1px solid rgba(148, 163, 184, .19);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(10, 16, 28, .92));
  color: #f8fafc;
  border-radius: 15px;
  min-height: 46px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 8px 28px rgba(0, 0, 0, .10);
}

.portfolio-page input:hover,
.portfolio-page select:hover {
  border-color: rgba(148, 163, 184, .34);
}

.portfolio-page input:focus,
.portfolio-page select:focus {
  border-color: rgba(56, 189, 248, .72);
  box-shadow:
    0 0 0 4px rgba(56, 189, 248, .12),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}

.portfolio-page .form-action,
.portfolio-page .btn {
  border: 1px solid rgba(56, 189, 248, .24);
  background:
    linear-gradient(135deg, rgba(14, 165, 233, .95), rgba(99, 102, 241, .95));
  color: white;
  border-radius: 999px;
  box-shadow:
    0 12px 34px rgba(14, 165, 233, .16),
    inset 0 1px 0 rgba(255, 255, 255, .20);
}

.portfolio-page .form-action:hover,
.portfolio-page .btn:hover {
  transform: translateY(-1px);
  box-shadow:
    0 18px 48px rgba(14, 165, 233, .22),
    inset 0 1px 0 rgba(255, 255, 255, .25);
}

/* Symbol suggestions */
.portfolio-page .symbol-suggestions {
  border: 1px solid rgba(56, 189, 248, .22);
  background:
    linear-gradient(180deg, rgba(17, 27, 45, .98), rgba(8, 13, 24, .98));
  box-shadow:
    0 26px 80px rgba(0, 0, 0, .50),
    0 0 0 1px rgba(56, 189, 248, .08);
}

.portfolio-page .symbol-suggestion {
  background: rgba(148, 163, 184, .045);
}

.portfolio-page .symbol-suggestion:hover,
.portfolio-page .symbol-suggestion.active {
  transform: translateX(2px);
  border-color: rgba(56, 189, 248, .35);
  background: rgba(56, 189, 248, .10);
}

/* Insight cards */
.portfolio-page .portfolio-insight-grid {
  gap: 12px;
}

.portfolio-page .insight-card {
  min-height: 152px;
}

.portfolio-page .insight-row {
  grid-template-columns: 54px minmax(0, 1fr) 76px;
}

.portfolio-page .insight-track,
.portfolio-page .cost-value-track,
.portfolio-page .allocation-track {
  background: rgba(148, 163, 184, .13);
}

.portfolio-page .insight-fill,
.portfolio-page .allocation-fill,
.portfolio-page .cost-value-fill {
  box-shadow: 0 0 18px rgba(56, 189, 248, .18);
}

/* Allocation */
.portfolio-page .allocation-donut {
  box-shadow:
    0 18px 55px rgba(0, 0, 0, .24),
    0 0 0 1px rgba(255, 255, 255, .06);
}

.portfolio-page .allocation-donut::after {
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .07), transparent 35%),
    #0d1627;
}

.portfolio-page .allocation-donut-center {
  color: #f8fafc;
}

/* Tables */
.portfolio-page .table-wrap {
  border: 0;
}

.portfolio-page table {
  border-collapse: separate;
  border-spacing: 0;
}

.portfolio-page thead th {
  color: #94a3b8;
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
  background: rgba(15, 23, 42, .55);
  border-bottom: 1px solid rgba(148, 163, 184, .14);
}

.portfolio-page tbody tr {
  background: rgba(15, 23, 42, .22);
}

.portfolio-page tbody tr:hover {
  background: rgba(56, 189, 248, .045);
}

.portfolio-page tbody td {
  border-bottom: 1px solid rgba(148, 163, 184, .09);
}

/* Pills and action buttons */
.portfolio-page .pill {
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .52);
  color: #cbd5e1;
}

.portfolio-page .danger,
.portfolio-page button.danger {
  border-color: rgba(244, 63, 94, .28);
  background: rgba(244, 63, 94, .10);
  color: #fb7185;
}

.portfolio-page .danger:hover,
.portfolio-page button.danger:hover {
  background: rgba(244, 63, 94, .16);
}

/* Make overview less crowded */
.portfolio-page .portfolio-command {
  grid-template-columns: minmax(0, 1fr) minmax(460px, .92fr);
}

.portfolio-page .portfolio-mini-risk {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-page .portfolio-insight-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field:nth-child(1) {
  grid-column: span 2;
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field:nth-child(2) {
  grid-column: span 2;
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field:nth-child(3) {
  grid-column: span 2;
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field:nth-child(4),
.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field:nth-child(5),
.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field:nth-child(6) {
  grid-column: span 2;
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-wide {
  grid-column: span 3;
}

.portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-action {
  grid-column: span 2;
  max-width: 220px;
}

/* Responsive */
@media (max-width: 1500px) {
  .portfolio-page .portfolio-command {
    grid-template-columns: 1fr;
  }

  .portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-field,
  .portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-wide {
    grid-column: auto !important;
  }

  .portfolio-page .portfolio-form-panel .portfolio-ledger-form.v3 .form-action {
    grid-column: span 1;
  }
}

@media (max-width: 1050px) {
  .portfolio-page .portfolio-mini-risk,
  .portfolio-page .portfolio-insight-grid {
    grid-template-columns: 1fr;
  }
}

/* Portfolio V3 - clean product layout + transaction drawer */
.portfolio-page {
  --pf-surface: rgba(15, 23, 42, .72);
  --pf-surface-2: rgba(20, 31, 52, .82);
  --pf-surface-3: rgba(30, 41, 59, .66);
  --pf-border: rgba(148, 163, 184, .16);
  --pf-border-strong: rgba(148, 163, 184, .26);
  --pf-text: #f8fafc;
  --pf-muted: #94a3b8;
  --pf-blue: #38bdf8;
  --pf-violet: #7c5cff;
  --pf-green: #34d399;
  --pf-red: #fb7185;
  gap: 18px;
}

.portfolio-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 22% 0%, rgba(56, 189, 248, .10), transparent 30%),
    radial-gradient(circle at 78% 4%, rgba(124, 92, 255, .13), transparent 34%),
    linear-gradient(180deg, #0b1220 0%, #080d18 65%, #060910 100%);
}

.portfolio-page .portfolio-hero {
  min-height: 150px;
  padding: 26px 28px;
  border-radius: 26px;
}

.portfolio-page .portfolio-hero-top {
  align-items: center;
}

.portfolio-page .portfolio-hero h2 {
  margin: 8px 0 10px;
  font-size: clamp(40px, 4vw, 62px);
}

.portfolio-page .portfolio-hero-actions {
  align-items: center;
}

.portfolio-primary-action {
  border: 1px solid rgba(56, 189, 248, .28);
  background: linear-gradient(135deg, #0ea5e9, #6366f1);
  color: white;
  border-radius: 999px;
  padding: 11px 16px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 38px rgba(14, 165, 233, .22);
}

.portfolio-primary-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 52px rgba(14, 165, 233, .28);
}

.portfolio-kpi-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.portfolio-tabs {
  margin-top: 2px;
  margin-bottom: 0;
}

.portfolio-dashboard {
  display: grid;
  grid-template-columns: 1.05fr .95fr .95fr;
  gap: 16px;
  align-items: stretch;
}

.portfolio-prime-card,
.portfolio-action-strip,
.portfolio-tab-heading {
  border: 1px solid var(--pf-border);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(17, 27, 45, .90), rgba(8, 13, 24, .72));
  box-shadow:
    0 20px 60px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.portfolio-prime-card {
  padding: 22px;
  display: grid;
  gap: 18px;
}

.portfolio-prime-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.portfolio-prime-head h3,
.portfolio-tab-heading h3 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -.045em;
}

.portfolio-prime-head p,
.portfolio-tab-heading p {
  margin: 6px 0 0;
  color: var(--pf-muted);
  font-size: 13px;
}

.portfolio-value-big {
  font-size: clamp(34px, 4vw, 54px);
  line-height: .95;
  font-weight: 1000;
  letter-spacing: -.06em;
}

.portfolio-value-sub {
  color: var(--pf-muted);
  font-size: 13px;
}

.portfolio-mini-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.portfolio-mini-metric {
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  padding: 14px;
  background: rgba(15, 23, 42, .52);
}

.portfolio-mini-metric span {
  display: block;
  color: var(--pf-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 7px;
}

.portfolio-mini-metric strong {
  font-size: 20px;
}

.portfolio-risk-wrap {
  border: 1px solid var(--pf-border);
  border-radius: 24px;
  padding: 16px;
  background: rgba(15, 23, 42, .42);
}

.portfolio-risk-wrap .risk-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.portfolio-risk-wrap .risk-card {
  min-height: 92px;
  border-radius: 18px;
}

.portfolio-action-strip {
  padding: 18px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.portfolio-action-strip strong {
  display: block;
  font-size: 20px;
  margin-bottom: 4px;
}

.portfolio-action-strip span {
  color: var(--pf-muted);
  font-size: 13px;
}

.portfolio-tab-heading {
  padding: 18px 20px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.portfolio-section-card {
  border-radius: 24px;
}

.portfolio-section-body {
  padding: 20px;
}

.portfolio-clean-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.portfolio-insight-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.drawer-open {
  overflow: hidden;
}

.portfolio-drawer-shell[hidden] {
  display: none !important;
}

.portfolio-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  grid-template-columns: 1fr min(560px, calc(100vw - 24px));
}

.portfolio-drawer-backdrop {
  background: rgba(2, 6, 23, .66);
  backdrop-filter: blur(8px);
}

.portfolio-drawer-panel {
  height: 100vh;
  overflow: auto;
  border-left: 1px solid rgba(148, 163, 184, .18);
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .14), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(5, 10, 20, .98));
  box-shadow: -30px 0 80px rgba(0,0,0,.40);
  transform: translateX(24px);
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
}

.portfolio-drawer-shell.open .portfolio-drawer-panel {
  transform: translateX(0);
  opacity: 1;
}

.portfolio-drawer-head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 22px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
  background: rgba(15, 23, 42, .92);
  backdrop-filter: blur(14px);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.portfolio-drawer-head h3 {
  margin: 0;
  font-size: 26px;
  letter-spacing: -.045em;
}

.portfolio-drawer-head p {
  margin: 6px 0 0;
  color: var(--pf-muted);
  font-size: 13px;
}

.portfolio-drawer-close {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .72);
  color: white;
  cursor: pointer;
  font-size: 20px;
}

.portfolio-drawer-body {
  padding: 22px;
}

.portfolio-drawer .portfolio-form-panel,
.portfolio-drawer .drawer-form-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.portfolio-drawer .portfolio-ledger-form.v3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-wide,
.portfolio-drawer .portfolio-ledger-form.v3 .form-action {
  grid-column: span 2 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-action {
  max-width: none;
  min-height: 48px;
  margin-top: 4px;
}

.portfolio-drawer input,
.portfolio-drawer select {
  min-height: 50px;
}

.portfolio-form-panel {
  display: none;
}

.portfolio-drawer .portfolio-form-panel {
  display: block;
}

@media (max-width: 1500px) {
  .portfolio-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-dashboard,
  .portfolio-clean-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-risk-wrap .risk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .portfolio-drawer-shell {
    grid-template-columns: 1fr;
  }

  .portfolio-drawer-backdrop {
    display: none;
  }

  .portfolio-drawer .portfolio-ledger-form.v3 {
    grid-template-columns: 1fr;
  }

  .portfolio-drawer .portfolio-ledger-form.v3 .form-wide,
  .portfolio-drawer .portfolio-ledger-form.v3 .form-action {
    grid-column: auto !important;
  }

  .portfolio-kpi-grid,
  .portfolio-insight-grid,
  .portfolio-risk-wrap .risk-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-action-strip,
  .portfolio-tab-heading {
    display: grid;
  }
}

/* Portfolio drawer form alignment + premium symbol suggestions */
.portfolio-drawer-shell {
  grid-template-columns: 1fr min(680px, calc(100vw - 24px)) !important;
}

.portfolio-drawer-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .10), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(124, 92, 255, .10), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .99), rgba(6, 11, 22, .99)) !important;
}

.portfolio-drawer-body {
  padding: 24px !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field {
  grid-column: auto !important;
  min-width: 0 !important;
  position: relative !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(1) {
  grid-column: 1 / 2 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(2) {
  grid-column: 2 / 3 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(3) {
  grid-column: 1 / -1 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(4) {
  grid-column: 1 / 2 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(5) {
  grid-column: 2 / 3 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(6) {
  grid-column: 1 / 2 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(7),
.portfolio-drawer .portfolio-ledger-form.v3 .form-field:nth-child(8),
.portfolio-drawer .portfolio-ledger-form.v3 .form-wide {
  grid-column: 1 / -1 !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 .form-action {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 52px !important;
  margin-top: 6px !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 input,
.portfolio-drawer .portfolio-ledger-form.v3 select {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 18px !important;
}

.portfolio-drawer .symbol-suggestions {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  z-index: 500 !important;
  padding: 8px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(56, 189, 248, .24) !important;
  background:
    linear-gradient(180deg, rgba(17, 27, 45, .98), rgba(7, 12, 23, .98)) !important;
  box-shadow:
    0 28px 90px rgba(0, 0, 0, .55),
    0 0 0 1px rgba(56, 189, 248, .08),
    inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

.portfolio-drawer .symbol-suggestions::-webkit-scrollbar {
  display: none !important;
}

.portfolio-drawer .symbol-suggestion:nth-child(n+6) {
  display: none !important;
}

.portfolio-drawer .symbol-suggestion {
  min-height: 58px !important;
  margin: 0 0 6px !important;
  padding: 9px 11px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, .12) !important;
  background: rgba(15, 23, 42, .64) !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.portfolio-drawer .symbol-suggestion:last-child {
  margin-bottom: 0 !important;
}

.portfolio-drawer .symbol-suggestion:hover,
.portfolio-drawer .symbol-suggestion.active {
  transform: none !important;
  border-color: rgba(56, 189, 248, .38) !important;
  background:
    linear-gradient(135deg, rgba(14, 165, 233, .16), rgba(99, 102, 241, .10)) !important;
}

.portfolio-drawer .symbol-suggestion img,
.portfolio-drawer .symbol-suggestion .coin-logo {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
}

.portfolio-drawer .symbol-suggestion strong {
  display: block !important;
  color: #f8fafc !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.portfolio-drawer .symbol-suggestion small {
  display: block !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.portfolio-drawer .symbol-suggestion-price {
  color: #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .portfolio-drawer-shell {
    grid-template-columns: 1fr !important;
  }

  .portfolio-drawer .portfolio-ledger-form.v3 {
    grid-template-columns: 1fr !important;
  }

  .portfolio-drawer .portfolio-ledger-form.v3 .form-field,
  .portfolio-drawer .portfolio-ledger-form.v3 .form-wide,
  .portfolio-drawer .portfolio-ledger-form.v3 .form-action {
    grid-column: 1 / -1 !important;
  }
}

/* Portfolio compact toolbar: replaces duplicate big hero card */
.portfolio-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(17, 27, 45, .72), rgba(8, 47, 73, .42));
  box-shadow:
    0 16px 45px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.portfolio-toolbar p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.portfolio-toolbar .portfolio-hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.portfolio-toolbar .portfolio-primary-action {
  padding: 10px 15px;
}

.portfolio-drawer .symbol-suggestions {
  max-height: 330px !important;
}

.portfolio-drawer .symbol-suggestion:nth-child(n+6) {
  display: none !important;
}

.portfolio-drawer .symbol-suggestion-main span {
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .portfolio-toolbar {
    display: grid;
  }

  .portfolio-toolbar .portfolio-hero-actions {
    justify-content: flex-start;
  }
}

/* Portfolio compact toolbar + clean suggestion final polish */
.portfolio-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(17, 27, 45, .72), rgba(8, 47, 73, .42));
  box-shadow:
    0 16px 45px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.portfolio-toolbar p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.portfolio-toolbar .portfolio-hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.portfolio-toolbar .portfolio-primary-action {
  padding: 10px 15px;
}

.portfolio-drawer .symbol-suggestions.open {
  display: grid !important;
  gap: 8px !important;
}

.portfolio-drawer .symbol-suggestion:nth-child(n+6) {
  display: none !important;
}

.portfolio-drawer .symbol-suggestion.no-match {
  opacity: .78;
}

.portfolio-drawer .symbol-suggestion-main span {
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .portfolio-toolbar {
    display: grid;
  }

  .portfolio-toolbar .portfolio-hero-actions {
    justify-content: flex-start;
  }
}

/* Portfolio transaction preview final */
.portfolio-preview-card {
  grid-column: 1 / -1;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 20px;
  padding: 14px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, .08), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, .74), rgba(9, 15, 27, .62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.portfolio-preview-empty {
  color: var(--muted);
  font-size: 13px;
}

.portfolio-preview-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.portfolio-preview-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.portfolio-preview-head strong {
  font-size: 15px;
}

.portfolio-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.portfolio-preview-grid div {
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  padding: 10px;
  background: rgba(15, 23, 42, .46);
}

.portfolio-preview-grid span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 5px;
}

.portfolio-preview-grid strong {
  font-size: 14px;
}

.portfolio-preview-ok,
.portfolio-preview-warning {
  margin-top: 12px;
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 800;
}

.portfolio-preview-ok {
  color: #34d399;
  background: rgba(16, 185, 129, .08);
  border: 1px solid rgba(16, 185, 129, .18);
}

.portfolio-preview-warning {
  color: #fb7185;
  background: rgba(244, 63, 94, .08);
  border: 1px solid rgba(244, 63, 94, .22);
}

.portfolio-drawer .symbol-suggestions {
  max-height: 328px !important;
  overflow: hidden !important;
}

.portfolio-drawer .symbol-suggestion:nth-child(n+6) {
  display: none !important;
}

.portfolio-drawer .portfolio-ledger-form.v3 {
  align-items: start;
}

.portfolio-drawer button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@media (max-width: 760px) {
  .portfolio-preview-grid {
    grid-template-columns: 1fr;
  }
}

/* Portfolio custom confirmation modal */
.portfolio-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(96, 165, 250, .14), transparent 34%),
    rgba(2, 6, 23, .72);
  backdrop-filter: blur(14px);
  opacity: 0;
  transition: opacity .14s ease;
}

.portfolio-confirm-overlay.open {
  opacity: 1;
}

.portfolio-confirm-card {
  width: min(520px, 100%);
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 24px;
  padding: 20px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, .13), transparent 35%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 13, 25, .98));
  box-shadow:
    0 30px 100px rgba(0, 0, 0, .55),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  transform: translateY(10px) scale(.98);
  transition: transform .16s ease;
}

.portfolio-confirm-overlay.open .portfolio-confirm-card {
  transform: translateY(0) scale(1);
}

.portfolio-confirm-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-weight: 950;
  color: #fde68a;
  background: rgba(245, 158, 11, .12);
  border: 1px solid rgba(245, 158, 11, .28);
  box-shadow: 0 0 30px rgba(245, 158, 11, .12);
}

.portfolio-confirm-body h3 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 20px;
  letter-spacing: -.03em;
}

.portfolio-confirm-body p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
  font-size: 14px;
}

.portfolio-confirm-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
}

.portfolio-confirm-actions button {
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  padding: 11px 18px;
  color: var(--text);
  font-weight: 900;
  cursor: pointer;
}

.portfolio-confirm-cancel {
  background: rgba(15, 23, 42, .78);
}

.portfolio-confirm-continue {
  background: linear-gradient(135deg, #22c7f7, #6366f1);
  box-shadow: 0 16px 40px rgba(59, 130, 246, .24);
}

@media (max-width: 640px) {
  .portfolio-confirm-card {
    grid-template-columns: 1fr;
  }

  .portfolio-confirm-actions {
    flex-direction: column-reverse;
  }

  .portfolio-confirm-actions button {
    width: 100%;
  }
}

/* Portfolio custom confirmation modal */
.portfolio-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(96, 165, 250, .14), transparent 34%),
    rgba(2, 6, 23, .72);
  backdrop-filter: blur(14px);
  opacity: 0;
  transition: opacity .14s ease;
}

.portfolio-confirm-overlay.open {
  opacity: 1;
}

.portfolio-confirm-card {
  width: min(520px, 100%);
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 24px;
  padding: 20px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, .13), transparent 35%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 13, 25, .98));
  box-shadow:
    0 30px 100px rgba(0, 0, 0, .55),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  transform: translateY(10px) scale(.98);
  transition: transform .16s ease;
}

.portfolio-confirm-overlay.open .portfolio-confirm-card {
  transform: translateY(0) scale(1);
}

.portfolio-confirm-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-weight: 950;
  color: #fde68a;
  background: rgba(245, 158, 11, .12);
  border: 1px solid rgba(245, 158, 11, .28);
  box-shadow: 0 0 30px rgba(245, 158, 11, .12);
}

.portfolio-confirm-overlay.danger .portfolio-confirm-icon {
  color: #fecaca;
  background: rgba(244, 63, 94, .12);
  border-color: rgba(244, 63, 94, .32);
}

.portfolio-confirm-overlay.info .portfolio-confirm-icon {
  color: #bae6fd;
  background: rgba(14, 165, 233, .12);
  border-color: rgba(14, 165, 233, .32);
}

.portfolio-confirm-body h3 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 20px;
  letter-spacing: -.03em;
}

.portfolio-confirm-body p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
  font-size: 14px;
}

.portfolio-confirm-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
}

.portfolio-confirm-actions button {
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  padding: 11px 18px;
  color: var(--text);
  font-weight: 900;
  cursor: pointer;
}

.portfolio-confirm-cancel {
  background: rgba(15, 23, 42, .78);
}

.portfolio-confirm-continue {
  background: linear-gradient(135deg, #22c7f7, #6366f1);
  box-shadow: 0 16px 40px rgba(59, 130, 246, .24);
}

.portfolio-confirm-overlay.danger .portfolio-confirm-continue {
  background: linear-gradient(135deg, #fb7185, #ef4444);
  box-shadow: 0 16px 40px rgba(239, 68, 68, .22);
}

@media (max-width: 640px) {
  .portfolio-confirm-card {
    grid-template-columns: 1fr;
  }

  .portfolio-confirm-actions {
    flex-direction: column-reverse;
  }

  .portfolio-confirm-actions button {
    width: 100%;
  }
}

/* Portfolio ledger edit action */
.ledger-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.ledger-actions .edit-btn {
  border-color: rgba(34, 211, 238, .22);
  background:
    radial-gradient(circle at 30% 0%, rgba(34, 211, 238, .16), transparent 42%),
    rgba(15, 23, 42, .72);
}

.ledger-actions .edit-btn:hover {
  border-color: rgba(34, 211, 238, .45);
  box-shadow: 0 12px 30px rgba(34, 211, 238, .10);
}


/* Portfolio archive + ledger filters */
.portfolio-archive-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.portfolio-utility-btn {
  appearance: none;
  border: 1px solid rgba(148, 163, 184, .22);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .76));
  color: rgba(226, 232, 240, .92);
  border-radius: 999px;
  min-height: 34px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.portfolio-utility-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(56, 189, 248, .42);
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, .18), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(2, 6, 23, .82));
}

.portfolio-import-label {
  cursor: pointer;
}

.portfolio-ledger-filterbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) minmax(120px, .8fr) minmax(135px, .8fr) minmax(135px, .8fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 14px 16px;
  border-top: 1px solid rgba(148, 163, 184, .10);
  border-bottom: 1px solid rgba(148, 163, 184, .10);
  background:
    radial-gradient(circle at 8% 0%, rgba(56, 189, 248, .08), transparent 32%),
    rgba(15, 23, 42, .24);
}

.portfolio-ledger-filterbar div {
  display: grid;
  gap: 6px;
}

.portfolio-ledger-filterbar label {
  color: rgba(148, 163, 184, .92);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.portfolio-ledger-filterbar input,
.portfolio-ledger-filterbar select {
  min-height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .20);
  background: rgba(15, 23, 42, .62);
  color: rgba(248, 250, 252, .96);
  padding: 0 12px;
  font-weight: 750;
  outline: none;
}

.portfolio-ledger-filterbar input:focus,
.portfolio-ledger-filterbar select:focus {
  border-color: rgba(56, 189, 248, .72);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .14);
}

.portfolio-ledger-filter-count {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .54);
  color: rgba(203, 213, 225, .88);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .portfolio-ledger-filterbar {
    grid-template-columns: 1fr 1fr;
  }

  .portfolio-ledger-filter-count {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .portfolio-archive-actions {
    width: 100%;
  }

  .portfolio-utility-btn,
  .portfolio-import-label {
    flex: 1;
  }

  .portfolio-ledger-filterbar {
    grid-template-columns: 1fr;
  }
}


/* Portfolio export-only polish */
.portfolio-archive-actions .portfolio-utility-btn[data-portfolio-export] {
  border-color: rgba(56, 189, 248, .38);
  background:
    radial-gradient(circle at 15% 0%, rgba(34, 211, 238, .20), transparent 34%),
    linear-gradient(135deg, rgba(14, 165, 233, .92), rgba(99, 102, 241, .92));
  color: #fff;
  box-shadow:
    0 14px 34px rgba(14, 165, 233, .16),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.portfolio-archive-actions .portfolio-utility-btn[data-portfolio-export]:hover {
  transform: translateY(-1px);
  box-shadow:
    0 18px 42px rgba(14, 165, 233, .24),
    inset 0 1px 0 rgba(255,255,255,.22);
}


/* Portfolio export removed */
[data-portfolio-export],
.portfolio-archive-actions {
  display: none !important;
}

/* Coin detail safe layout v1 */
@media (min-width: 1100px) {
  #app main:has(select) {
    max-width: none;
  }

  #app main:has(select) > section,
  #app main:has(select) > div {
    max-width: none;
  }

  /* Chart card: make it visually dominant */
  #app main h2,
  #app main h3 {
    scroll-margin-top: 90px;
  }

  #app main section:has(h2),
  #app main article:has(h2),
  #app main div:has(h2) {
    transition: width .2s ease, grid-column .2s ease;
  }

  #app main section:has(h2):has(select),
  #app main article:has(h2):has(select),
  #app main div:has(h2):has(select) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Coin detail chart spacing polish */
#app main:has(select) canvas {
  max-width: 100% !important;
}

#app main:has(select) .coin-hidden-old-stat {
  display: none !important;
}

/* More readable coin detail cards */
#app main:has(select) section,
#app main:has(select) article {
  border-radius: 22px;
}

#app main:has(select) button {
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

#app main:has(select) button:hover {
  transform: translateY(-1px);
}

/* Mobile safety */
@media (max-width: 900px) {
  #app main:has(select) {
    padding-inline: 14px;
  }
}

/* Coin detail final layout v2 */
.coin-hero-metric-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.coin-hero-metric {
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  padding: 14px 16px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .72), rgba(2, 6, 23, .42));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.coin-hero-metric span,
.coin-performance-pill span {
  display: block;
  color: rgba(174, 186, 207, .82);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.coin-hero-metric strong {
  display: block;
  color: #f8fbff;
  font-size: clamp(18px, 1.7vw, 27px);
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.coin-performance-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
}

.coin-performance-pill {
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 18px;
  padding: 15px 16px;
  background:
    radial-gradient(circle at 10% 0%, rgba(56, 189, 248, .08), transparent 42%),
    rgba(15, 23, 42, .58);
}

.coin-performance-pill strong {
  font-size: 21px;
  line-height: 1;
}

.coin-detail-main {
  grid-template-columns: minmax(0, 1fr) !important;
}

.coin-detail-chart-card {
  grid-column: 1 / -1 !important;
  width: 100%;
}

.coin-detail-chart-card .chart-box {
  min-height: 540px;
}

.coin-detail-chart-card .chart-box canvas {
  min-height: 520px;
}

.coin-detail-side {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}

.coin-detail-side > div:has(.performance-grid) {
  display: none !important;
}

.coin-detail-side .asset-profile-card,
.coin-detail-side > div {
  min-height: 100%;
}

.coin-detail-secondary {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}

/* Expanded chart mode */
.coin-detail-chart-card.chart-expanded {
  position: fixed !important;
  inset: 34px !important;
  z-index: 9999 !important;
  width: auto !important;
  max-width: none !important;
  overflow: auto;
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 211, 238, .10), transparent 30%),
    radial-gradient(circle at 85% 8%, rgba(124, 58, 237, .10), transparent 32%),
    #07101f !important;
  border-color: rgba(56, 189, 248, .42) !important;
  box-shadow: 0 40px 120px rgba(0,0,0,.72), 0 0 0 9999px rgba(2, 6, 23, .68);
}

.coin-detail-chart-card.chart-expanded .chart-box {
  min-height: 72vh;
}

.coin-detail-chart-card.chart-expanded .chart-box canvas {
  min-height: 70vh;
}

@media (max-width: 1200px) {
  .coin-hero-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coin-performance-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .coin-detail-side {
    grid-template-columns: 1fr;
  }

  .coin-detail-secondary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .coin-hero-metric-grid,
  .coin-performance-strip {
    grid-template-columns: 1fr;
  }

  .coin-detail-chart-card .chart-box,
  .coin-detail-chart-card .chart-box canvas {
    min-height: 360px;
  }

  .coin-detail-chart-card.chart-expanded {
    inset: 10px !important;
  }
}

/* Coin detail v2 layout */
.coin-hero-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.coin-hero-metric {
  min-height: 82px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.72));
  padding: 16px 18px;
}

.coin-hero-metric span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.coin-hero-metric strong {
  font-size: clamp(22px, 2vw, 31px);
  line-height: 1;
}

.coin-performance-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.coin-performance-pill {
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.76);
  border-radius: 18px;
  padding: 14px 16px;
}

.coin-performance-pill span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.coin-performance-pill strong {
  font-size: 22px;
}

.coin-detail-main {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

.coin-detail-chart-card {
  width: 100%;
}

.coin-detail-chart-card.expanded {
  position: fixed;
  inset: 24px;
  z-index: 9999;
  overflow: auto;
  background: rgba(2, 6, 23, 0.98);
  box-shadow: 0 28px 120px rgba(0, 0, 0, 0.65);
}

.coin-detail-chart-card.expanded .chart-box canvas {
  min-height: 620px;
}

.coin-detail-side {
  display: grid !important;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}

.asset-profile-card,
.coin-detail-side > div {
  border-radius: 20px;
}

.terminal-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.coin-detail-simulator {
  margin-top: 18px;
}

.simulator-grid {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(180px, 260px) 1fr;
  gap: 14px;
  align-items: end;
}

.simulator-input {
  display: grid;
  gap: 8px;
}

.simulator-input span {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
}

.simulator-input input {
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(15, 23, 42, 0.82);
  color: var(--text);
  padding: 14px 16px;
  font: inherit;
  font-weight: 800;
  outline: none;
}

.simulator-input input:focus {
  border-color: rgba(56, 189, 248, 0.9);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.14);
}

.simulator-result {
  min-height: 66px;
  border-radius: 18px;
  border: 1px solid rgba(56, 189, 248, 0.22);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(99, 102, 241, 0.08));
  padding: 13px 16px;
  display: grid;
  gap: 4px;
}

.simulator-result strong {
  font-size: 17px;
}

.simulator-result span {
  color: var(--muted);
}

.sim-rank-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sim-rank-card {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.72);
}

.sim-rank-card span,
.sim-rank-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.sim-rank-card strong {
  display: block;
  margin: 5px 0;
}

.sim-rank-card.current {
  border-color: rgba(56, 189, 248, 0.55);
}

.sim-rank-card.projected {
  border-color: rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(56, 189, 248, 0.08));
}

.coin-news-panel {
  margin-top: 18px;
}

.news-placeholder {
  border-radius: 18px;
  border: 1px dashed rgba(148, 163, 184, 0.24);
  color: var(--muted);
  padding: 18px;
  background: rgba(15, 23, 42, 0.52);
}

@media (max-width: 1200px) {
  .coin-hero-metric-grid,
  .coin-performance-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coin-detail-side,
  .simulator-grid,
  .sim-rank-strip {
    grid-template-columns: 1fr;
  }
}

/* Coin detail live candle panel */
.coin-live-candle-panel {
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.12), transparent 30%),
    rgba(15, 23, 42, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.coin-live-candle-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--text, #f8fafc);
}

.coin-live-candle-head strong {
  font-size: 14px;
  letter-spacing: 0.02em;
}

.coin-live-candle-head em {
  margin-left: auto;
  font-style: normal;
  font-size: 12px;
  color: var(--muted, #94a3b8);
  padding: 5px 9px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.32);
}

.coin-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.12), 0 0 18px rgba(34, 197, 94, 0.7);
}

.coin-live-candle-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.coin-live-candle-grid > div {
  min-width: 0;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.62);
}

.coin-live-candle-grid span {
  display: block;
  margin-bottom: 5px;
  color: var(--muted, #94a3b8);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.coin-live-candle-grid strong {
  display: block;
  overflow: hidden;
  color: var(--text, #f8fafc);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1100px) {
  .coin-live-candle-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .coin-live-candle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Compact live candle strip inside coin hero */
.coin-detail-chart-card .coin-live-candle-panel {
  display: none !important;
}

.coin-hero-live-strip {
  margin: 18px 0 18px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 28%),
    rgba(15, 23, 42, 0.56);
}

.coin-hero-live-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.coin-hero-live-main strong {
  color: var(--text, #f8fafc);
  font-size: 13px;
  font-weight: 900;
}

.coin-hero-live-main em {
  margin-left: auto;
  font-style: normal;
  color: var(--muted, #94a3b8);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.coin-hero-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.12), 0 0 14px rgba(34, 197, 94, 0.8);
}

.coin-hero-live-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.coin-hero-live-grid > div {
  min-width: 0;
  padding: 10px 11px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  background: rgba(2, 6, 23, 0.24);
}

.coin-hero-live-grid span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted, #94a3b8);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.coin-hero-live-grid strong {
  display: block;
  overflow: hidden;
  color: var(--text, #f8fafc);
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1180px) {
  .coin-hero-live-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .coin-hero-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coin-hero-live-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .coin-hero-live-main em {
    margin-left: 0;
  }
}

/* Unified compact live candle strip */
.coin-detail-chart-card .coin-live-candle-panel {
  display: none !important;
}

.coin-hero-live-strip {
  display: block !important;
  margin: 18px 0 18px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 28%),
    rgba(15, 23, 42, 0.56);
}

.coin-hero-live-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.coin-hero-live-main strong {
  color: var(--text, #f8fafc);
  font-size: 13px;
  font-weight: 900;
}

.coin-hero-live-main em {
  margin-left: auto;
  font-style: normal;
  color: var(--muted, #94a3b8);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.coin-hero-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.12), 0 0 14px rgba(34, 197, 94, 0.8);
}

.coin-hero-live-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.coin-hero-live-grid > div {
  min-width: 0;
  padding: 10px 11px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  background: rgba(2, 6, 23, 0.24);
}

.coin-hero-live-grid span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted, #94a3b8);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.coin-hero-live-grid strong {
  display: block;
  overflow: hidden;
  color: var(--text, #f8fafc);
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1180px) {
  .coin-hero-live-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .coin-hero-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coin-hero-live-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .coin-hero-live-main em {
    margin-left: 0;
  }
}


/* Robust compact live strip */
.coin-detail-chart-card .coin-live-candle-panel {
  display: none !important;
}

.coin-hero-live-strip {
  display: block !important;
  margin: 18px 0 18px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 18px;
  background: radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 28%), rgba(15, 23, 42, 0.56);
}

.coin-hero-live-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.coin-hero-live-main strong {
  color: var(--text, #f8fafc);
  font-size: 13px;
  font-weight: 900;
}

.coin-hero-live-main em {
  margin-left: auto;
  font-style: normal;
  color: var(--muted, #94a3b8);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.coin-hero-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.12), 0 0 14px rgba(34, 197, 94, 0.8);
}

.coin-hero-live-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.coin-hero-live-grid > div {
  min-width: 0;
  padding: 10px 11px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  background: rgba(2, 6, 23, 0.24);
}

.coin-hero-live-grid span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted, #94a3b8);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.coin-hero-live-grid strong {
  display: block;
  overflow: hidden;
  color: var(--text, #f8fafc);
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1180px) {
  .coin-hero-live-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .coin-hero-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coin-hero-live-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .coin-hero-live-main em {
    margin-left: 0;
  }
}

/* Global live price touch */
[data-live-price="1"] {
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

.coin-live-status-mini {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 12px;
  border: 1px solid rgba(52, 211, 153, 0.22);
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.08);
  color: rgba(226, 232, 240, 0.86);
  font-size: 12px;
  font-weight: 800;
}

.coin-live-status-mini span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.8);
}

.coin-live-status-mini em {
  font-style: normal;
  color: rgba(148, 163, 184, 0.92);
}

/* Live UI sync */
[data-live-price="1"] {
  transition: color 0.15s ease, text-shadow 0.15s ease;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.18);
}

/* Global coin search */
.global-search-wrap {
  position: relative;
}

.global-search-results {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(420px, 82vw);
  max-height: 430px;
  overflow: auto;
  z-index: 80;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(10, 15, 28, .98);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .46);
  backdrop-filter: blur(14px);
}

.global-search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 14px;
  color: var(--text);
  text-decoration: none;
}

.global-search-item:hover,
.global-search-item.active {
  background: rgba(59, 130, 246, .14);
}

.global-search-main {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.global-search-main strong,
.global-search-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-search-main small,
.global-search-meta small,
.global-search-empty {
  color: var(--muted);
}

.global-search-meta {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 2px;
  white-space: nowrap;
}

.global-search-empty {
  padding: 12px;
}

@media (max-width: 720px) {
  .global-search-results {
    left: 0;
    right: auto;
    width: 100%;
  }
}

/* Market list filters */
.market-filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 16px 16px;
}

.market-filter-bar input[type="search"] {
  min-width: 230px;
  flex: 1;
  height: 42px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(15, 23, 42, .72);
  color: var(--text);
  outline: none;
  padding: 0 14px;
}

.market-filter-bar input[type="search"]:focus {
  border-color: rgba(96, 165, 250, .7);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .14);
}

.market-filter-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.market-filter-buttons button,
.market-filter-toggle {
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(15, 23, 42, .56);
  color: var(--muted);
  padding: 0 12px;
  font-weight: 700;
  cursor: pointer;
}

.market-filter-buttons button.active,
.market-filter-buttons button:hover,
.market-filter-toggle:hover {
  color: var(--text);
  background: rgba(59, 130, 246, .16);
  border-color: rgba(96, 165, 250, .45);
}

.market-filter-toggle input {
  accent-color: #60a5fa;
}

@media (max-width: 720px) {
  .market-filter-bar input[type="search"] {
    min-width: 100%;
  }
}

/* Compact market metrics + supply mini */
.market-cap {
  min-width: 96px;
  width: 96px;
}

.market-volume {
  min-width: 92px;
  width: 92px;
}

.market-supply-cell {
  min-width: 124px;
  width: 124px;
}

.market-supply-mini {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.market-supply-mini span {
  min-width: 62px;
  color: var(--text);
  font-weight: 750;
  text-align: right;
}

.market-supply-mini small {
  width: 28px;
  color: var(--muted);
  font-size: 11px;
  text-align: left;
}

.market-supply-mini i {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .16);
}

.market-supply-mini i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgba(96, 165, 250, .72);
}

.market-supply-mini.no-max i b {
  opacity: .28;
}

.market-supply-mini.no-max small {
  color: rgba(148, 163, 184, .72);
}

@media (max-width: 980px) {
  .market-supply-cell,
  table th:nth-child(9) {
    display: none;
  }
}

/* Market list alignment cleanup */
[data-market-table] th:nth-child(4),
[data-market-table] th:nth-child(5),
[data-market-table] th:nth-child(6),
[data-market-table] th:nth-child(7),
[data-market-table] th:nth-child(8),
[data-market-table] th:nth-child(9),
[data-market-table] th:nth-child(10),
[data-market-table] th:nth-child(11),
[data-market-table] td:nth-child(4),
[data-market-table] td:nth-child(5),
[data-market-table] td:nth-child(6),
[data-market-table] td:nth-child(7),
[data-market-table] td:nth-child(8),
[data-market-table] td:nth-child(9),
[data-market-table] td:nth-child(10),
[data-market-table] td:nth-child(11) {
  text-align: center;
}

.market-num {
  text-align: center;
}

.market-price {
  min-width: 108px;
  width: 108px;
}

.market-cap {
  min-width: 110px;
  width: 110px;
}

.market-volume {
  min-width: 110px;
  width: 110px;
}

.market-supply-cell {
  min-width: 118px;
  width: 118px;
  text-align: center;
}

.market-supply-modern {
  display: inline-flex;
  min-width: 92px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding: 6px 8px;
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  line-height: 1;
}

.market-supply-modern strong {
  font-size: 14px;
  font-weight: 800;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

.market-supply-modern small {
  font-size: 10px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.market-supply-modern i {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .14);
}

.market-supply-modern i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(96,165,250,.9), rgba(56,189,248,.72));
}

.market-supply-modern:not(.has-bar) i {
  display: none;
}

.market-supply-modern.empty {
  opacity: .8;
}

[data-market-table] th:nth-child(9),
[data-market-table] th:nth-child(10),
[data-market-table] th:nth-child(11) {
  white-space: nowrap;
}

@media (max-width: 980px) {
  [data-market-table] th:nth-child(9),
  [data-market-table] td:nth-child(9) {
    display: none;
  }
}

/* ================================
   Market table professional alignment
   ================================ */

[data-market-table] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

[data-market-table] th,
[data-market-table] td {
  vertical-align: middle;
}

[data-market-table] th {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 13px;
  font-weight: 800;
  color: var(--muted);
}

[data-market-table] td {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Column widths + header alignment */
.market-watch-col {
  width: 52px;
  text-align: center;
}

.th-rank,
.market-rank {
  width: 54px;
  text-align: center;
}

.th-asset,
.market-asset-cell {
  width: 260px;
  text-align: left;
}

.th-price,
.market-price {
  width: 112px;
  text-align: right;
}

.th-change,
.market-change {
  width: 86px;
  text-align: center;
}

.th-supply,
.market-supply-cell {
  width: 132px;
  text-align: center;
}

.th-marketcap,
.market-cap {
  width: 120px;
  text-align: right;
}

.th-volume,
.market-volume {
  width: 120px;
  text-align: right;
}

/* Asset cell override: stop generic coin-cell drifting */
.market-asset-cell .coin-cell,
.market-asset-link {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 12px;
  min-width: 0;
  text-align: left;
}

.market-asset-link .logo {
  flex: 0 0 auto;
}

.market-asset-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  line-height: 1.08;
}

.market-asset-meta strong,
.market-asset-meta span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-asset-meta strong {
  font-size: 15px;
  font-weight: 800;
  color: var(--text);
}

.market-asset-meta span {
  margin-top: 4px;
  font-size: 13px;
  color: var(--muted);
}

/* Number columns */
.market-num,
.market-rank,
.market-change,
.market-price,
.market-cap,
.market-volume,
.market-supply-cell {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  white-space: nowrap;
}

/* Supply modern box cleanup */
.market-supply-modern {
  display: inline-flex;
  min-width: 90px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding: 6px 8px;
  margin: 0 auto;
  border-radius: 12px;
  background: rgba(255,255,255,0.025);
  line-height: 1;
}

.market-supply-modern strong {
  font-size: 14px;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.01em;
}

.market-supply-modern small {
  font-size: 10px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.market-supply-modern i {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .14);
}

.market-supply-modern i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(96,165,250,.9), rgba(56,189,248,.72));
}

.market-supply-modern:not(.has-bar) i {
  display: none;
}

/* Make header line visually consistent */
[data-market-table] thead th.th-asset {
  text-align: left;
}

[data-market-table] thead th.th-rank,
[data-market-table] thead th.th-change,
[data-market-table] thead th.th-supply {
  text-align: center;
}

[data-market-table] thead th.th-price,
[data-market-table] thead th.th-marketcap,
[data-market-table] thead th.th-volume {
  text-align: right;
}

/* Slightly cleaner row visual */
[data-market-table] tbody tr td {
  border-top: 1px solid rgba(148, 163, 184, 0.10);
}

/* Responsive safety */
@media (max-width: 1200px) {
  .th-asset,
  .market-asset-cell {
    width: 220px;
  }
}

@media (max-width: 980px) {
  [data-market-table] {
    table-layout: auto;
  }

  .th-supply,
  .market-supply-cell {
    display: none;
  }
}

/* Supply pro cell - final override */
.market-supply-cell {
  width: 132px !important;
  min-width: 132px !important;
  text-align: center !important;
}

.market-supply-pro {
  width: 112px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  margin: 0 auto;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.market-supply-pro-line {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  line-height: 1;
}

.market-supply-pro-line strong {
  font-size: 14px;
  font-weight: 850;
  letter-spacing: -0.015em;
  color: var(--text);
}

.market-supply-pro-line small {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--muted);
}

.market-supply-pro i {
  display: block;
  width: 96px;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .18);
}

.market-supply-pro i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(96,165,250,.92), rgba(34,211,238,.72));
}

.market-supply-pro.no-max {
  min-height: 26px;
}

.market-supply-pro.no-max i {
  display: none;
}

.market-supply-pro.empty {
  color: var(--muted);
  opacity: .75;
}

/* Hide older supply mini styles if old markup ever appears */
.market-supply-mini small {
  display: none !important;
}

/* Price direction only: green up, red down, neutral flat */
[data-live-price-cell],
[data-coin-live-price] {
  transition: color .18s ease, text-shadow .18s ease;
}

[data-live-price-cell].live-up,
[data-coin-live-price].live-up {
  color: #00e0a4 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: 0 0 14px rgba(0, 224, 164, .28);
}

[data-live-price-cell].live-down,
[data-coin-live-price].live-down {
  color: #ff4d5d !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: 0 0 14px rgba(255, 77, 93, .24);
}

[data-live-price-cell].live-flat,
[data-coin-live-price].live-flat {
  color: var(--text);
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none;
}

/* Market cap should stay visually stable even when recalculated */
[data-live-marketcap-cell].live-up,
[data-live-marketcap-cell].live-down,
[data-coin-live-marketcap].live-up,
[data-coin-live-marketcap].live-down {
  color: var(--text) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Market list 7D sparkline */
.th-sparkline,
.market-sparkline-cell {
  width: 112px;
  min-width: 112px;
  text-align: center;
}

.market-sparkline-cell {
  vertical-align: middle;
}

.market-sparkline {
  display: block;
  width: 96px;
  height: 32px;
  margin: 0 auto;
  overflow: visible;
}

.market-sparkline polyline {
  fill: none;
  stroke: rgba(148, 163, 184, .8);
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.market-sparkline-up polyline {
  stroke: #00e0a4;
  filter: drop-shadow(0 0 5px rgba(0, 224, 164, .18));
}

.market-sparkline-down polyline {
  stroke: #ff4d5d;
  filter: drop-shadow(0 0 5px rgba(255, 77, 93, .16));
}

.market-sparkline-flat polyline {
  stroke: rgba(148, 163, 184, .7);
}

.market-sparkline-empty {
  color: var(--muted);
  font-size: .8rem;
}

/* Logo fallback: keeps asset rows intact when logo file is missing */
.logo-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--text);
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.20), transparent 30%),
    linear-gradient(135deg, rgba(77, 139, 255, .45), rgba(0, 224, 164, .28));
  border: 1px solid rgba(255,255,255,.12);
  text-transform: uppercase;
}

.logo-fallback.sm {
  font-size: .5rem;
}

/* Global search: compact dropdown, no internal scrollbar */
.global-search-results,
#global-search-results {
  max-height: none !important;
  overflow: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.global-search-results::-webkit-scrollbar,
#global-search-results::-webkit-scrollbar {
  display: none;
}

.global-search-results a,
#global-search-results a {
  min-height: 48px;
}

/* Coin detail tabbed workspace */
.coin-detail-tabbar {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  margin: 2px 0 8px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(10, 16, 30, .86));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.coin-detail-tabbar button {
  border: 0;
  color: var(--muted);
  background: transparent;
  padding: 10px 16px;
  border-radius: 14px;
  font-weight: 800;
  cursor: pointer;
}

.coin-detail-tabbar button:hover {
  color: var(--text);
  background: rgba(255,255,255,.045);
}

.coin-detail-tabbar button.active {
  color: var(--text);
  background: linear-gradient(135deg, rgba(59,130,246,.38), rgba(0,224,164,.14));
  box-shadow: inset 0 0 0 1px rgba(125, 180, 255, .22);
}

#app[data-coin-detail-tab="fundamentals"] .coin-detail-secondary,
#app[data-coin-detail-tab="fundamentals"] .coin-news-panel {
  display: none !important;
}

#app[data-coin-detail-tab="markets"] .coin-detail-side,
#app[data-coin-detail-tab="markets"] .coin-detail-simulator,
#app[data-coin-detail-tab="markets"] .coin-detail-links,
#app[data-coin-detail-tab="markets"] .coin-news-panel {
  display: none !important;
}

#app[data-coin-detail-tab="links"] .coin-detail-side,
#app[data-coin-detail-tab="links"] .coin-detail-simulator,
#app[data-coin-detail-tab="links"] .coin-detail-markets,
#app[data-coin-detail-tab="links"] .coin-news-panel {
  display: none !important;
}

#app[data-coin-detail-tab="news"] .coin-detail-side,
#app[data-coin-detail-tab="news"] .coin-detail-simulator,
#app[data-coin-detail-tab="news"] .coin-detail-secondary {
  display: none !important;
}

#app[data-coin-detail-tab="markets"] .coin-detail-secondary,
#app[data-coin-detail-tab="links"] .coin-detail-secondary {
  grid-template-columns: 1fr;
}

#app[data-coin-detail-tab="markets"] .coin-detail-markets,
#app[data-coin-detail-tab="links"] .coin-detail-links {
  grid-column: 1 / -1;
}

/* Coin detail: live open candle note */
.chart-live-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.chart-live-hint strong {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
}

.chart-live-hint strong::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 999px;
  background: #00e0a4;
  box-shadow: 0 0 10px rgba(0, 224, 164, .55);
}

/* Coin detail chart pro toolbar */
.chart-pro-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(59, 130, 246, .10), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .78), rgba(10, 16, 30, .68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.chart-pro-toolbar button {
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .78);
  color: var(--text);
  border-radius: 12px;
  padding: 8px 11px;
  font-size: .78rem;
  font-weight: 800;
  cursor: pointer;
}

.chart-pro-toolbar button:hover:not(:disabled) {
  border-color: rgba(56, 189, 248, .42);
  background: rgba(30, 41, 59, .9);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .08);
}

.chart-pro-toolbar button:disabled {
  color: rgba(148, 163, 184, .62);
  cursor: not-allowed;
  opacity: .72;
}

.chart-pro-toolbar button[data-chart-action] {
  color: #dbeafe;
  border-color: rgba(59, 130, 246, .30);
  background: linear-gradient(135deg, rgba(59,130,246,.22), rgba(0,224,164,.08));
}

.chart-pro-toolbar-spacer {
  flex: 1 1 auto;
}

/* Chart drawing tools */
.chart-pro-toolbar button.active {
  color: #e0f2fe;
  border-color: rgba(56, 189, 248, .62);
  background: linear-gradient(135deg, rgba(56,189,248,.26), rgba(0,224,164,.10));
  box-shadow: 0 0 0 3px rgba(56,189,248,.10);
}

#coin-chart.chart-drawing-active {
  cursor: crosshair;
}

/* Chart indicators */
.chart-pro-toolbar button[data-chart-indicator].active {
  color: #e0f2fe;
  border-color: rgba(56, 189, 248, .66);
  background: linear-gradient(135deg, rgba(56,189,248,.28), rgba(250,204,21,.10));
  box-shadow: 0 0 0 3px rgba(56,189,248,.10);
}

/* Chart indicator dropdown */
.chart-indicator-menu {
  position: relative;
  display: inline-flex;
}

.chart-indicator-menu > button {
  min-width: 92px;
}

.chart-indicator-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 30;
  width: 180px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.12), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(8, 13, 26, .98));
  box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
}

.chart-indicator-panel label {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 11px;
  color: var(--text);
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
}

.chart-indicator-panel label:hover {
  background: rgba(255,255,255,.055);
}

.chart-indicator-panel input {
  width: 14px;
  height: 14px;
  accent-color: #38bdf8;
}

.chart-indicator-menu button.active {
  color: #e0f2fe;
  border-color: rgba(56, 189, 248, .66);
  background: linear-gradient(135deg, rgba(56,189,248,.28), rgba(250,204,21,.10));
  box-shadow: 0 0 0 3px rgba(56,189,248,.10);
}

/* Chart drawings polish */
.chart-pro-toolbar button[data-chart-action="clear-drawings"] {
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .72);
}

.chart-pro-toolbar button[data-chart-action="clear-drawings"]:hover {
  color: #f8fafc;
  border-color: rgba(168, 85, 247, .42);
  box-shadow: 0 0 0 3px rgba(168, 85, 247, .08);
}

/* Coin detail chart action cleanup */
.coin-detail-chart-card .chart-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

#expand-chart,
#reset-chart-view {
  display: none !important;
}

#load-older {
  border-color: rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .74);
  color: var(--text);
  font-weight: 800;
  padding: 8px 16px;
  border-radius: 999px;
}

#load-older:hover {
  border-color: rgba(56, 189, 248, .40);
  background: rgba(30, 41, 59, .90);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .08);
}

.coin-detail-chart-card .chart-live-hint {
  margin-top: 8px;
}

/* Coin detail lower workspace premium polish */
.coin-detail-main {
  gap: 18px;
}

.coin-detail-tabbar {
  margin-top: 4px;
  margin-bottom: 2px;
}

.coin-detail-side {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(280px, 1.25fr) minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: stretch;
  padding: 18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 58, 237, .12), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(14, 165, 233, .10), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, .78), rgba(8, 13, 26, .72));
}

.coin-detail-side > div,
.coin-detail-side .asset-profile-card {
  min-height: 100%;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(10, 16, 30, .72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  padding: 18px;
}

.coin-detail-side .asset-profile-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 58, 237, .18), transparent 40%),
    linear-gradient(180deg, rgba(21, 28, 52, .90), rgba(11, 18, 32, .76));
}

.coin-detail-side .card-title {
  margin-bottom: 12px;
}

.coin-detail-side .card-title h3,
.coin-detail-simulator .card-title h3,
.coin-detail-links .card-title h3,
.coin-detail-markets .card-title h3,
.coin-news-panel .card-title h3 {
  letter-spacing: -.03em;
}

.coin-detail-side .asset-profile-copy {
  color: var(--text);
  line-height: 1.68;
  max-width: 64ch;
}

.coin-detail-side .terminal-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.coin-detail-side .terminal-field {
  min-height: 74px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, .08), transparent 32%),
    rgba(15, 23, 42, .74);
  padding: 13px 14px;
}

.coin-detail-side .terminal-field span {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: .70rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.coin-detail-side .terminal-field strong {
  display: block;
  color: var(--text);
  font-size: .94rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.coin-detail-simulator {
  background:
    radial-gradient(circle at 10% 0%, rgba(56, 189, 248, .10), transparent 35%),
    linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(8, 13, 26, .72));
}

.coin-detail-simulator .simulator-grid {
  display: grid;
  grid-template-columns: minmax(210px, .8fr) minmax(230px, .9fr) minmax(320px, 2fr);
  gap: 12px;
  align-items: end;
}

.coin-detail-simulator .simulator-input input {
  height: 54px;
  border-radius: 16px;
  font-size: 1rem;
  font-weight: 900;
}

.coin-detail-simulator .simulator-result {
  min-height: 54px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .16), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(17, 24, 48, .88));
}

.coin-detail-secondary {
  gap: 16px;
  align-items: start;
}

.coin-detail-links,
.coin-detail-markets,
.coin-news-panel {
  background:
    radial-gradient(circle at 8% 0%, rgba(59, 130, 246, .08), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(8, 13, 26, .72));
}

.coin-detail-links .premium-link-grid {
  gap: 10px;
}

.coin-detail-links .premium-link-grid a {
  min-height: 54px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(30, 41, 59, .72), rgba(15, 23, 42, .72));
  border-color: rgba(148, 163, 184, .15);
}

.coin-detail-links .premium-link-grid a:hover {
  transform: translateY(-1px);
  border-color: rgba(56, 189, 248, .34);
  box-shadow: 0 12px 28px rgba(0,0,0,.18), 0 0 0 3px rgba(56,189,248,.07);
}

.coin-detail-markets .exchange-comparison {
  display: grid;
  gap: 8px;
}

.coin-detail-markets .exchange-row {
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(30, 41, 59, .66), rgba(15, 23, 42, .72));
  border-color: rgba(148, 163, 184, .12);
}

.coin-detail-markets .exchange-row.header {
  background: transparent;
  border-color: transparent;
  color: var(--muted);
}

.coin-detail-markets .exchange-badge {
  border-radius: 999px;
  padding: 7px 11px;
  background: rgba(15, 23, 42, .86);
  border: 1px solid rgba(148, 163, 184, .18);
}

.coin-news-panel .news-placeholder {
  border: 1px dashed rgba(148, 163, 184, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 58, 237, .10), transparent 34%),
    rgba(15, 23, 42, .48);
  color: var(--muted);
  padding: 20px;
}

@media (max-width: 1200px) {
  .coin-detail-side {
    grid-template-columns: 1fr;
  }

  .coin-detail-simulator .simulator-grid {
    grid-template-columns: 1fr;
  }
}

/* Coin detail tabs rework: Fundamentals / Markets / News */
.coin-detail-fundamentals-row {
  display: grid;
  grid-template-columns: minmax(420px, 1.18fr) minmax(320px, .82fr);
  gap: 16px;
  align-items: stretch;
}

.coin-detail-fundamentals-row .coin-detail-simulator,
.coin-detail-fundamentals-row .coin-detail-links {
  height: 100%;
}

#app[data-coin-detail-tab="fundamentals"] .coin-detail-side,
#app[data-coin-detail-tab="fundamentals"] .coin-detail-fundamentals-row {
  display: grid !important;
}

#app[data-coin-detail-tab="fundamentals"] .coin-detail-secondary,
#app[data-coin-detail-tab="fundamentals"] .coin-news-panel {
  display: none !important;
}

#app[data-coin-detail-tab="markets"] .coin-detail-side,
#app[data-coin-detail-tab="markets"] .coin-detail-fundamentals-row,
#app[data-coin-detail-tab="markets"] .coin-news-panel {
  display: none !important;
}

#app[data-coin-detail-tab="markets"] .coin-detail-secondary {
  display: grid !important;
  grid-template-columns: 1fr;
}

#app[data-coin-detail-tab="markets"] .coin-detail-markets {
  grid-column: 1 / -1;
}

#app[data-coin-detail-tab="news"] .coin-detail-side,
#app[data-coin-detail-tab="news"] .coin-detail-fundamentals-row,
#app[data-coin-detail-tab="news"] .coin-detail-secondary {
  display: none !important;
}

#app[data-coin-detail-tab="news"] .coin-news-panel {
  display: block !important;
}

@media (max-width: 1100px) {
  .coin-detail-fundamentals-row {
    grid-template-columns: 1fr;
  }
}

/* Chart crosshair + OHLC tooltip */
.chart-crosshair-layer {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  display: none;
}

.chart-crosshair-layer.active {
  display: block;
}

.chart-crosshair-v,
.chart-crosshair-h {
  position: fixed;
  pointer-events: none;
  z-index: 999;
}

.chart-crosshair-v {
  width: 1px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(56, 189, 248, .42),
    rgba(56, 189, 248, .34),
    transparent
  );
  box-shadow: 0 0 10px rgba(56, 189, 248, .16);
}

.chart-crosshair-h {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(148, 163, 184, .30),
    rgba(56, 189, 248, .34),
    transparent
  );
}

.chart-ohlc-tooltip {
  position: fixed;
  width: 210px;
  z-index: 1000;
  padding: 12px;
  border: 1px solid rgba(125, 180, 255, .24);
  border-radius: 16px;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, .13), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, .97), rgba(6, 10, 20, .97));
  box-shadow:
    0 18px 55px rgba(0, 0, 0, .46),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(14px);
}

.chart-tooltip-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(148, 163, 184, .13);
}

.chart-tooltip-head strong {
  color: var(--text);
  font-size: .82rem;
  font-weight: 900;
}

.chart-tooltip-head span {
  font-size: .78rem;
  font-weight: 950;
}

.chart-tooltip-head span.up {
  color: #00e0a4;
}

.chart-tooltip-head span.down {
  color: #ff4d5d;
}

.chart-tooltip-grid {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 7px 10px;
  align-items: center;
}

.chart-tooltip-grid span {
  color: var(--muted);
  font-size: .70rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chart-tooltip-grid strong {
  color: var(--text);
  font-size: .80rem;
  font-weight: 900;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Indicator panel V2 */
.chart-indicator-menu {
  position: relative;
}

.chart-indicator-trigger-v2.active {
  color: #e0f2fe !important;
  border-color: rgba(56, 189, 248, .55) !important;
  background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(99,102,241,.13)) !important;
  box-shadow: 0 0 0 3px rgba(56,189,248,.08);
}

.chart-indicator-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 140;
  width: 250px;
  padding: 10px;
  border: 1px solid rgba(125, 180, 255, .22);
  border-radius: 16px;
  background:
    radial-gradient(circle at 15% 0%, rgba(56,189,248,.15), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, .985), rgba(6, 10, 20, .985));
  box-shadow:
    0 22px 60px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(14px);
}

.indicator-panel-group + .indicator-panel-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, .12);
}

.indicator-panel-title {
  margin: 0 0 7px;
  color: rgba(148, 163, 184, .86);
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.indicator-option {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 9px;
  align-items: center;
  padding: 8px;
  border-radius: 12px;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
}

.indicator-option:hover {
  background: rgba(56, 189, 248, .075);
}

.indicator-option input {
  width: 14px;
  height: 14px;
  accent-color: #38bdf8;
}

.indicator-option strong {
  display: block;
  color: var(--text);
  font-size: .80rem;
  font-weight: 950;
}

.indicator-option small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: .70rem;
  line-height: 1.25;
}

/* Drawing interactions */
#coin-chart.chart-drawing-hover {
  cursor: grab;
}

#coin-chart.chart-drawing-active {
  cursor: grabbing;
}

/* Drawing interactions v2 */
#coin-chart.chart-drawing-hover {
  cursor: grab;
}

#coin-chart.chart-drawing-active {
  cursor: grabbing;
}

/* Chart crosshair axis labels */
.chart-crosshair-price-label,
.chart-crosshair-time-label {
  position: fixed;
  z-index: 1001;
  pointer-events: none;
  height: 24px;
  min-width: 74px;
  padding: 0 9px;
  border-radius: 9px;
  border: 1px solid rgba(56, 189, 248, .42);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(6, 10, 20, .96));
  color: #e0f2fe;
  font-size: .72rem;
  font-weight: 900;
  line-height: 22px;
  text-align: center;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, .34),
    0 0 0 1px rgba(14, 165, 233, .08) inset;
  font-variant-numeric: tabular-nums;
  backdrop-filter: blur(10px);
}

.chart-crosshair-time-label {
  min-width: 118px;
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, .26);
}

.chart-crosshair-price-label::before,
.chart-crosshair-time-label::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 0 18px rgba(56, 189, 248, .10);
}

/* Chart axis labels v2 */
.chart-axis-price-label-v2,
.chart-axis-time-label-v2 {
  position: fixed;
  z-index: 10050;
  pointer-events: none;
  height: 24px;
  min-width: 76px;
  padding: 0 9px;
  border-radius: 9px;
  border: 1px solid rgba(56, 189, 248, .48);
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, .15), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(5, 9, 18, .98));
  color: #e0f2fe;
  font-size: .72rem;
  font-weight: 950;
  line-height: 22px;
  text-align: center;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255,255,255,.06);
  font-variant-numeric: tabular-nums;
  backdrop-filter: blur(10px);
}

.chart-axis-time-label-v2 {
  min-width: 124px;
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, .34);
}

.chart-axis-price-label-v2[hidden],
.chart-axis-time-label-v2[hidden] {
  display: none !important;
}

/* Price axis drag UX */
.chart-price-axis-dragging,
.chart-price-axis-dragging * {
  cursor: ns-resize !important;
  user-select: none !important;
}

/* TradingView-style live price line */
.ciml-tv-live-price-line {
  position: fixed;
  z-index: 10040;
  height: 0;
  border-top: 1px dotted rgba(16, 185, 129, .95);
  pointer-events: none;
  transform: translateY(-.5px);
}

.ciml-tv-live-price-line[data-direction="down"] {
  border-top-color: rgba(248, 113, 113, .95);
}

.ciml-tv-live-price-label {
  position: fixed;
  z-index: 10041;
  min-width: 78px;
  padding: 4px 8px 5px;
  border-radius: 3px;
  background: #10b981;
  color: #ecfeff;
  pointer-events: none;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .34);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.ciml-tv-live-price-label[data-direction="down"] {
  background: #ef4444;
}

.ciml-tv-live-price-value {
  font-size: 12px;
  line-height: 13px;
  font-weight: 950;
}

.ciml-tv-live-price-time {
  margin-top: 1px;
  font-size: 11px;
  line-height: 11px;
  font-weight: 800;
  opacity: .92;
}

/* TradingView-style live price line v6 */
.ciml-tv-live-line-v6 {
  position: fixed;
  z-index: 10080;
  height: 0;
  border-top: 1px dotted rgba(16, 185, 129, .96);
  pointer-events: none;
  transform: translateY(-.5px);
}

.ciml-tv-live-line-v6[data-direction="down"] {
  border-top-color: rgba(239, 68, 68, .96);
}

.ciml-tv-live-label-v6 {
  position: fixed;
  z-index: 10081;
  min-width: 82px;
  padding: 3px 8px 4px;
  border-radius: 3px;
  background: #10b981;
  color: #ecfeff;
  pointer-events: none;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .34);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.ciml-tv-live-label-v6[data-direction="down"] {
  background: #ef4444;
}

.ciml-tv-live-price-v6 {
  font-size: 12px;
  line-height: 13px;
  font-weight: 950;
}

.ciml-tv-live-time-v6 {
  margin-top: 1px;
  font-size: 11px;
  line-height: 11px;
  font-weight: 850;
  opacity: .94;
}

/* Legal/company links */
.legal-side-links {
  margin: 18px 20px 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
  background: rgba(15, 23, 42, .52);
  display: grid;
  gap: 8px;
}

.legal-side-links-title {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .68rem;
  font-weight: 950;
  margin-bottom: 2px;
}

.legal-side-links a {
  color: #cbd5e1;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
}

.legal-side-links a:hover {
  color: #f8fafc;
}

/* Company links refined placement */
.has-company-links {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
}

.legal-side-links {
  margin: auto 20px 22px;
  padding: 15px 15px 14px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .08), transparent 42%),
    rgba(15, 23, 42, .58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.legal-side-links-title {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .66rem;
  font-weight: 950;
  margin-bottom: 10px;
}

.legal-side-links-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.legal-side-links a {
  color: #cbd5e1;
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.2;
  opacity: .88;
}

.legal-side-links a:hover {
  color: #f8fafc;
  opacity: 1;
}

/* Site footer */
.ciml-site-footer {
  margin: 36px 0 0;
  padding: 0 0 34px;
}

.ciml-site-footer-inner {
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 0%, rgba(56, 189, 248, .10), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .72), rgba(7, 12, 24, .82));
  padding: 22px 24px;
  display: grid;
  gap: 14px;
}

.ciml-site-footer strong {
  display: block;
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 950;
  margin-bottom: 5px;
}

.ciml-site-footer span,
.ciml-site-footer small {
  color: #94a3b8;
  line-height: 1.55;
}

.ciml-site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.ciml-site-footer nav a {
  color: #cbd5e1;
  font-size: .82rem;
  font-weight: 850;
}

.ciml-site-footer nav a:hover {
  color: #38bdf8;
}

@media (max-width: 900px) {
  .has-company-links {
    min-height: auto;
  }

  .legal-side-links {
    margin: 18px 20px;
  }

  .ciml-site-footer {
    margin-top: 24px;
  }

  .ciml-site-footer-inner {
    padding: 18px;
  }
}

/* Legal navigation stability */
.has-company-links .legal-side-links {
  flex-shrink: 0;
}

.legal-side-links a,
.ciml-site-footer a {
  cursor: pointer;
}

/* Company links compact v2 */
.legal-side-links-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px 10px;
}

.legal-side-links a {
  font-size: .74rem;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .legal-side-links-grid {
    grid-template-columns: 1fr;
  }
}

/* Pro Terminal Dashboard v1 */
.pro-terminal-page {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pro-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  padding: 24px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 12%, rgba(34, 211, 238, 0.16), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(99, 102, 241, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.96));
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.pro-hero h2 {
  margin: 6px 0 10px;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.pro-hero p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.pro-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.pro-hero-actions .btn,
.pro-tool-grid a,
.pro-tool-grid button {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  padding: 10px 14px;
  background: rgba(15, 23, 42, 0.74);
  color: var(--text);
  text-decoration: none;
  font-weight: 800;
  cursor: pointer;
}

.pro-hero-actions .btn.primary {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.22), rgba(99, 102, 241, 0.22));
  border-color: rgba(34, 211, 238, 0.34);
}

.pro-risk-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  padding: 20px;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 24px;
  background: rgba(2, 6, 23, 0.58);
}

.pro-risk-card span,
.pro-kpi-card span {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.pro-risk-card strong {
  display: block;
  margin: 8px 0;
  font-size: 42px;
  letter-spacing: -0.05em;
}

.pro-risk-card p {
  margin: 0;
  font-size: 13px;
}

.pro-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.pro-kpi-card,
.pro-panel,
.pro-category-card {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.72);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18);
}

.pro-kpi-card {
  padding: 18px;
}

.pro-kpi-card strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 24px;
  letter-spacing: -0.04em;
}

.pro-kpi-card small {
  color: var(--muted);
}

.pro-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
  gap: 16px;
}

.pro-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
  gap: 16px;
}

.pro-panel {
  padding: 18px;
}

.pro-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.pro-panel-head h3,
.pro-category-card h3,
.pro-mini-list h4 {
  margin: 4px 0 0;
}

.pro-live-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.10);
  color: #86efac;
  font-size: 12px;
  font-weight: 900;
}

.pro-live-pill.muted {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(148, 163, 184, 0.08);
  color: var(--muted);
}

.pro-window-tabs {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.44);
}

.pro-window-tabs button {
  border: 0;
  border-radius: 999px;
  padding: 7px 10px;
  background: transparent;
  color: var(--muted);
  font-weight: 900;
}

.pro-window-tabs button.active {
  background: rgba(34, 211, 238, 0.14);
  color: var(--text);
}

.pro-api-note,
.pro-empty {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(2, 6, 23, 0.42);
  font-size: 13px;
}

.pro-liq-board {
  display: grid;
  gap: 10px;
}

.pro-liq-row {
  display: grid;
  grid-template-columns: minmax(140px, 0.82fr) minmax(120px, 1fr) minmax(150px, 0.75fr) 72px;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.38);
}

.pro-liq-symbol,
.pro-asset-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.pro-liq-symbol small,
.pro-asset-main small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro-liq-meter {
  display: flex;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
}

.pro-liq-meter .long {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.92), rgba(248, 113, 113, 0.72));
}

.pro-liq-meter .short {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.72), rgba(34, 211, 238, 0.82));
}

.pro-liq-values {
  display: grid;
  gap: 2px;
  font-size: 12px;
  font-weight: 800;
}

.pro-intensity {
  justify-self: end;
  font-size: 13px;
}

.pro-movers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pro-mini-list {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.32);
}

.pro-mini-list h4 {
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pro-asset-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  color: var(--text);
  text-decoration: none;
}

.pro-asset-row:first-of-type {
  border-top: 0;
}

.pro-asset-price {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.pro-asset-change {
  min-width: 58px;
  text-align: right;
  font-weight: 900;
  white-space: nowrap;
}

.pro-asset-change.up,
.pro-liq-values .up {
  color: #86efac;
}

.pro-asset-change.down,
.pro-liq-values .down {
  color: #fca5a5;
}

.pro-asset-change.neutral {
  color: var(--muted);
}

.pro-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pro-category-card {
  padding: 16px;
}

.pro-category-card p {
  color: var(--muted);
  line-height: 1.55;
}

.pro-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pro-tags span {
  padding: 5px 8px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.08);
  color: #a5f3fc;
  font-size: 11px;
  font-weight: 900;
}

.pro-intel-list {
  display: grid;
  gap: 10px;
}

.pro-intel-list div {
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.34);
}

.pro-intel-list strong,
.pro-intel-list span {
  display: block;
}

.pro-intel-list span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

.pro-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pro-tool-grid button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 1180px) {
  .pro-hero,
  .pro-main-grid,
  .pro-bottom-grid {
    grid-template-columns: 1fr;
  }

  .pro-kpi-grid,
  .pro-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-movers-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .pro-hero {
    padding: 18px;
    border-radius: 22px;
  }

  .pro-kpi-grid,
  .pro-category-grid,
  .pro-tool-grid {
    grid-template-columns: 1fr;
  }

  .pro-liq-row {
    grid-template-columns: 1fr;
  }

  .pro-intensity {
    justify-self: start;
  }
}

/* Pro liquidation real data v1 */
.pro-api-note.live {
  border-style: solid;
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.08);
  color: #bbf7d0;
}

.pro-liq-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.pro-liq-summary-grid article {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.34);
}

.pro-liq-summary-grid span,
.pro-liq-summary-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.pro-liq-summary-grid strong {
  display: block;
  margin: 5px 0 3px;
  font-size: 18px;
  letter-spacing: -0.03em;
}

.pro-liq-row.real {
  color: var(--text);
  text-decoration: none;
}

.pro-recent-liq {
  margin-top: 14px;
}

.pro-recent-liq h4 {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pro-recent-liq-list {
  display: grid;
  gap: 8px;
}

.pro-recent-liq-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.34);
  color: var(--text);
  text-decoration: none;
}

.pro-recent-liq-list small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.pro-recent-liq-list .up {
  color: #86efac;
  font-weight: 900;
}

.pro-recent-liq-list .down {
  color: #fca5a5;
  font-weight: 900;
}

.pro-recent-liq-list b {
  white-space: nowrap;
}

@media (max-width: 820px) {
  .pro-liq-summary-grid {
    grid-template-columns: 1fr;
  }

  .pro-recent-liq-list a {
    grid-template-columns: 1fr;
  }
}

/* Pro Terminal professional liquidation layout v2 */
.pro-terminal-page {
  gap: 14px;
}

.pro-hero {
  padding: 18px 22px;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) 260px;
}

.pro-hero h2 {
  font-size: clamp(28px, 3vw, 44px);
  letter-spacing: -0.055em;
}

.pro-hero p {
  max-width: 820px;
}

.pro-risk-card {
  min-height: 135px;
  border-radius: 20px;
}

.pro-risk-card strong {
  font-size: 34px;
}

.pro-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pro-main-grid {
  grid-template-columns: minmax(720px, 1.45fr) minmax(360px, 0.75fr);
  align-items: stretch;
}

.pro-main-grid > .pro-panel:not(.pro-liquidation-terminal-v2) .pro-movers-grid {
  grid-template-columns: 1fr;
}

.pro-liquidation-terminal-v2 {
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.92));
}

.pro-terminal-head-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 245px;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.pro-terminal-head-v2 h3 {
  margin: 4px 0 6px;
  font-size: 22px;
  letter-spacing: -0.03em;
}

.pro-terminal-head-v2 p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
  font-size: 13px;
}

.pro-terminal-source-v2 {
  padding: 14px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.46);
}

.pro-terminal-source-v2 span {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.pro-terminal-source-v2 span.online {
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.24);
}

.pro-terminal-source-v2 span.offline {
  color: #fecaca;
  background: rgba(239, 68, 68, 0.10);
  border: 1px solid rgba(239, 68, 68, 0.22);
}

.pro-terminal-source-v2 strong {
  display: block;
  margin-top: 8px;
  font-size: 26px;
  letter-spacing: -0.04em;
}

.pro-terminal-source-v2 small {
  color: var(--muted);
}

.pro-terminal-controlbar-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
  background: rgba(2, 6, 23, 0.28);
}

.pro-source-chip-v2 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
}

.pro-source-chip-v2 b {
  color: #a5f3fc;
  font-size: 12px;
  letter-spacing: 0.12em;
}

.pro-source-chip-v2 span {
  color: var(--muted);
  font-size: 12px;
}

.pro-terminal-tabs-v2 {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.65);
}

.pro-terminal-tabs-v2 button {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  background: transparent;
  color: var(--muted);
  font-weight: 900;
  cursor: pointer;
}

.pro-terminal-tabs-v2 button.active {
  color: #e0f2fe;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.20), rgba(59, 130, 246, 0.16));
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.20);
}

.pro-terminal-status-v2 {
  margin: 14px 18px 0;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.55);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.pro-terminal-status-v2.live {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.08);
  color: #bbf7d0;
}

.pro-terminal-layout-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 285px;
  gap: 14px;
  padding: 14px 18px 18px;
}

.pro-summary-strip-v2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 12px;
}

.pro-summary-strip-v2 article {
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.48);
}

.pro-summary-strip-v2 span,
.pro-summary-strip-v2 small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.pro-summary-strip-v2 strong {
  display: block;
  margin: 5px 0 3px;
  font-size: 18px;
  letter-spacing: -0.035em;
}

.pro-heat-table-wrap-v2 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(2, 6, 23, 0.42);
}

.pro-heat-table {
  display: grid;
}

.pro-heat-row {
  display: grid;
  grid-template-columns: 40px minmax(135px, 1.15fr) minmax(170px, 1fr) 100px 100px 105px 58px;
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 8px 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}

.pro-heat-row.head {
  min-height: 36px;
  border-top: 0;
  background: rgba(15, 23, 42, 0.78);
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.pro-heat-row.data {
  color: var(--text);
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}

.pro-heat-row.data:hover {
  background: rgba(34, 211, 238, 0.055);
}

.pro-heat-row .rank {
  color: var(--muted);
  font-weight: 900;
}

.pro-heat-row .asset {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.pro-heat-row .asset strong,
.pro-heat-row .asset small {
  display: block;
}

.pro-heat-row .asset small {
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-heat-row .pressure b {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
}

.pro-heat-row .pressure i {
  display: flex;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.10);
}

.pro-heat-row .pressure em {
  display: block;
  min-width: 0;
}

.pro-heat-row .pressure em.long,
.pro-dominance-bar .long {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.95), rgba(251, 113, 133, 0.72));
}

.pro-heat-row .pressure em.short,
.pro-dominance-bar .short {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.70), rgba(34, 211, 238, 0.88));
}

.pro-heat-row .num {
  text-align: right;
  font-weight: 900;
  white-space: nowrap;
}

.pro-heat-row .num.strong,
.pro-heat-row .events {
  color: #e5e7eb;
}

.pro-heat-row .events {
  text-align: right;
  font-weight: 900;
}

.pro-terminal-side-v2 {
  display: grid;
  align-content: start;
  gap: 12px;
}

.pro-pressure-card-v2,
.pro-tape-card-v2 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.45);
  overflow: hidden;
}

.pro-side-title-v2 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-side-title-v2 span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pro-side-title-v2 b {
  color: #a5f3fc;
  font-size: 12px;
}

.pro-pressure-top {
  padding: 12px 12px 4px;
}

.pro-pressure-top span,
.pro-pressure-grid small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.pro-pressure-top strong {
  display: block;
  margin-top: 4px;
  font-size: 15px;
}

.pro-dominance-bar {
  display: flex;
  height: 12px;
  margin: 10px 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.10);
}

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

.pro-pressure-grid div {
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.55);
}

.pro-pressure-grid b {
  display: block;
  margin-bottom: 2px;
}

.pro-tape-list {
  display: grid;
  max-height: 430px;
  overflow: auto;
}

.pro-tape-list a {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  color: var(--text);
  text-decoration: none;
}

.pro-tape-list a:first-child {
  border-top: 0;
}

.pro-tape-list .time {
  color: var(--muted);
  font-size: 10px;
}

.pro-tape-list strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-tape-list .up,
.pro-summary-strip-v2 .up,
.pro-heat-row .up {
  color: #86efac;
}

.pro-tape-list .down,
.pro-summary-strip-v2 .down,
.pro-heat-row .down {
  color: #fca5a5;
}

.pro-tape-list b {
  white-space: nowrap;
}

.pro-empty.terminal {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: rgba(2, 6, 23, 0.42);
}

@media (max-width: 1320px) {
  .pro-main-grid,
  .pro-terminal-layout-v2,
  .pro-terminal-head-v2 {
    grid-template-columns: 1fr;
  }

  .pro-summary-strip-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-heat-row {
    grid-template-columns: 34px minmax(120px, 1fr) minmax(150px, 1fr) 90px 90px 95px 46px;
  }
}

@media (max-width: 860px) {
  .pro-hero,
  .pro-kpi-grid,
  .pro-summary-strip-v2 {
    grid-template-columns: 1fr;
  }

  .pro-terminal-controlbar-v2 {
    align-items: flex-start;
    flex-direction: column;
  }

  .pro-heat-table-wrap-v2 {
    overflow-x: auto;
  }

  .pro-heat-row {
    min-width: 780px;
  }

  .pro-tape-list a {
    grid-template-columns: 1fr;
  }
}

/* Pro coin-based liquidation map terminal v4 */
.pro-map-page-v4 {
  gap: 16px;
}

.pro-map-header-v4 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 16px;
  align-items: stretch;
  padding: 20px 22px;
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 24px;
  background:
    radial-gradient(circle at 15% 0%, rgba(59, 130, 246, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.96));
}

.pro-map-header-v4 h2 {
  margin: 6px 0 8px;
  font-size: clamp(30px, 3.5vw, 50px);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.pro-map-header-v4 p {
  margin: 0;
  max-width: 780px;
  color: var(--muted);
  line-height: 1.6;
}

.pro-map-header-card-v4 {
  padding: 18px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 20px;
  background: rgba(2, 6, 23, 0.58);
}

.pro-map-header-card-v4 span,
.pro-map-header-card-v4 small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.pro-map-header-card-v4 strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 24px;
}

.pro-map-terminal-v4 {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background: #070b14;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.30);
  overflow: hidden;
}

.pro-map-toolbar-v4,
.pro-map-titlebar-v4,
.pro-map-controls-v4 {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.11);
}

.pro-map-toolbar-v4,
.pro-map-titlebar-v4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.pro-map-mode-tabs-v4,
.pro-map-pillbar-v4 {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.72);
}

.pro-map-mode-tabs-v4 button,
.pro-map-pillbar-v4 button,
.pro-map-selectors-v4 button,
.pro-map-selectors-v4 select {
  border: 0;
  border-radius: 8px;
  padding: 8px 11px;
  background: transparent;
  color: var(--muted);
  font-weight: 900;
}

.pro-map-mode-tabs-v4 button.active,
.pro-map-pillbar-v4 button.active {
  background: #f8fafc;
  color: #020617;
}

.pro-map-pillbar-v4 button:not(.active):not(:disabled):hover,
.pro-map-selectors-v4 button:hover {
  color: var(--text);
  background: rgba(34, 211, 238, 0.10);
}

.pro-map-mode-tabs-v4 button:disabled,
.pro-map-pillbar-v4 button:disabled,
.pro-map-selectors-v4 select:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.pro-map-selectors-v4 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pro-map-selectors-v4 select,
.pro-map-selectors-v4 button {
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.70);
  color: var(--text);
}

.pro-map-titlebar-v4 h3 {
  margin: 0 0 4px;
  font-size: 22px;
  letter-spacing: -0.03em;
}

.pro-map-titlebar-v4 p {
  margin: 0;
  color: var(--muted);
}

.pro-map-status-v4 {
  min-width: 220px;
  padding: 10px 12px;
  border: 1px solid rgba(34, 197, 94, 0.22);
  border-radius: 14px;
  background: rgba(34, 197, 94, 0.08);
  text-align: right;
}

.pro-map-status-v4 span {
  color: #bbf7d0;
  font-weight: 900;
}

.pro-map-status-v4 span.warn {
  color: #fca5a5;
}

.pro-map-status-v4 b,
.pro-map-status-v4 small {
  display: block;
}

.pro-map-status-v4 small {
  color: var(--muted);
  font-size: 11px;
}

.pro-map-controls-v4 {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(190px, auto) minmax(260px, auto) minmax(270px, auto);
  gap: 14px;
  align-items: end;
}

.pro-map-controls-v4 > div > span {
  display: block;
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.11em;
}

.pro-map-summary-v4 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.11);
}

.pro-map-summary-v4 article {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.55);
}

.pro-map-summary-v4 span,
.pro-map-summary-v4 small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.pro-map-summary-v4 strong {
  display: block;
  margin: 5px 0 3px;
  font-size: 18px;
}

.pro-map-summary-v4 .up {
  color: #86efac;
}

.pro-map-summary-v4 .down {
  color: #fca5a5;
}

.pro-map-body-v4 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  padding: 18px;
}

.pro-map-main-v4,
.pro-map-side-card-v4,
.pro-map-footer-grid-v4 article {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.48);
}

.pro-map-panel-title-v4 {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-map-panel-title-v4 span {
  color: var(--muted);
  font-size: 12px;
}

.pro-map-plot-v4 {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  padding: 16px;
}

.pro-map-colorbar-v4 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: 10px;
  text-align: center;
}

.pro-map-colorbar-v4 i {
  display: block;
  width: 18px;
  height: 100%;
  min-height: 420px;
  margin: 0 auto;
  border-radius: 999px;
  background: linear-gradient(180deg, #facc15, #22c55e, #0891b2, #581c87);
}

.pro-map-canvas-v4 {
  min-height: 560px;
}

.pro-map-legend-v4 {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 12px;
}

.pro-map-legend-v4 i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 2px;
}

.pro-map-legend-v4 i.long {
  background: #fb7185;
}

.pro-map-legend-v4 i.short {
  background: #22d3ee;
}

.pro-map-legend-v4 i.price {
  background: #facc15;
}

.pro-map-rows-v4 {
  display: grid;
  border-left: 1px solid rgba(148, 163, 184, 0.12);
  border-right: 1px solid rgba(148, 163, 184, 0.12);
  background:
    linear-gradient(rgba(148, 163, 184, 0.06) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(88, 28, 135, 0.34), rgba(2, 6, 23, 0.78));
  background-size: 100% 32px, auto;
}

.pro-map-row-v4 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px;
  align-items: center;
  min-height: 7px;
  position: relative;
}

.pro-map-row-v4.current {
  min-height: 12px;
  background: rgba(250, 204, 21, 0.08);
}

.pro-map-heatline-v4 {
  position: relative;
  height: 100%;
  min-height: 7px;
}

.pro-map-heatline-v4 span {
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  border-radius: 999px;
  box-shadow: 0 0 14px currentColor;
}

.pro-map-row-v4.long .pro-map-heatline-v4 span {
  color: #fb7185;
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.96), rgba(251, 113, 133, 0.35));
}

.pro-map-row-v4.short .pro-map-heatline-v4 span {
  color: #22d3ee;
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.65), rgba(34, 211, 238, 0.96));
}

.pro-map-row-v4.mixed .pro-map-heatline-v4 span {
  color: #facc15;
  background: linear-gradient(90deg, rgba(250, 204, 21, 0.92), rgba(34, 211, 238, 0.42));
}

.pro-map-heatline-v4 b {
  position: absolute;
  left: 0;
  top: -8px;
  z-index: 2;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.16);
  color: #fde68a;
  font-size: 10px;
  white-space: nowrap;
}

.pro-map-row-v4 em {
  justify-self: end;
  color: var(--muted);
  font-style: normal;
  font-size: 10px;
}

.pro-map-timebars-v4 {
  display: flex;
  align-items: end;
  gap: 1px;
  height: 54px;
  margin-top: 12px;
  padding: 6px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.72);
}

.pro-map-timebars-v4 span {
  flex: 1;
  min-height: 2px;
  border-radius: 3px 3px 0 0;
  opacity: 0.85;
}

.pro-map-timebars-v4 span.long {
  background: #fb7185;
}

.pro-map-timebars-v4 span.short {
  background: #22d3ee;
}

.pro-map-timebars-v4 span.empty {
  background: rgba(148, 163, 184, 0.20);
}

.pro-map-side-v4 {
  display: grid;
  align-content: start;
  gap: 14px;
}

.pro-map-side-card-v4 {
  overflow: hidden;
}

.pro-map-side-card-v4.note {
  padding: 14px;
}

.pro-map-side-card-v4.note p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.pro-map-side-title-v4 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-map-side-title-v4 span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pro-map-pressure-v4 {
  padding: 14px;
}

.pro-map-pressure-v4 > span,
.pro-map-pressuregrid-v4 small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.pro-map-pressure-v4 > strong {
  display: block;
  margin: 4px 0 12px;
}

.pro-map-pressurebar-v4 {
  display: flex;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
}

.pro-map-pressurebar-v4 .long {
  background: #fb7185;
}

.pro-map-pressurebar-v4 .short {
  background: #22d3ee;
}

.pro-map-pressuregrid-v4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 12px;
}

.pro-map-pressuregrid-v4 div {
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.36);
}

.pro-map-tape-list-v4 {
  display: grid;
  max-height: 380px;
  overflow: auto;
}

.pro-map-tape-list-v4 div {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}

.pro-map-tape-list-v4 div:first-child {
  border-top: 0;
}

.pro-map-tape-list-v4 span {
  color: var(--muted);
  font-size: 11px;
}

.pro-map-tape-list-v4 strong {
  font-size: 12px;
}

.pro-map-tape-list-v4 b {
  text-align: right;
}

.pro-map-tape-list-v4 .up {
  color: #86efac;
}

.pro-map-tape-list-v4 .down {
  color: #fca5a5;
}

.pro-map-loading-v4,
.pro-map-empty-v4,
.pro-map-tape-empty-v4 {
  padding: 18px;
  color: var(--muted);
}

.pro-map-footer-grid-v4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.pro-map-footer-grid-v4 article {
  padding: 16px;
}

.pro-map-footer-grid-v4 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pro-map-footer-grid-v4 strong {
  display: block;
  margin: 6px 0;
}

.pro-map-footer-grid-v4 p {
  margin: 0;
  color: var(--muted);
}

@media (max-width: 1320px) {
  .pro-map-header-v4,
  .pro-map-body-v4,
  .pro-map-controls-v4 {
    grid-template-columns: 1fr;
  }

  .pro-map-summary-v4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .pro-map-toolbar-v4,
  .pro-map-titlebar-v4 {
    align-items: flex-start;
    flex-direction: column;
  }

  .pro-map-summary-v4,
  .pro-map-footer-grid-v4 {
    grid-template-columns: 1fr;
  }

  .pro-map-plot-v4 {
    grid-template-columns: 1fr;
  }

  .pro-map-colorbar-v4 {
    display: none;
  }

  .pro-map-canvas-v4 {
    min-width: 760px;
  }

  .pro-map-main-v4 {
    overflow-x: auto;
  }
}

/* Pro map live refresh v5 */
.pro-map-status-stack-v5 {
  display: grid;
  gap: 8px;
  min-width: 240px;
}

.pro-map-status-stack-v5 .pro-map-status-v4 {
  min-width: 0;
}

.pro-map-auto-status-v5 {
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.72);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-align: right;
}

.pro-map-auto-status-v5.live {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.08);
  color: #bbf7d0;
}

.pro-map-auto-status-v5.active {
  border-color: rgba(34, 211, 238, 0.28);
  background: rgba(34, 211, 238, 0.10);
  color: #a5f3fc;
}

.pro-map-auto-status-v5.warn {
  border-color: rgba(239, 68, 68, 0.24);
  background: rgba(239, 68, 68, 0.10);
  color: #fecaca;
}

.pro-map-auto-status-v5.muted {
  color: var(--muted);
}

/* Pro map silent refresh v6 */
.pro-map-summary-v4,
.pro-map-main-v4,
.pro-map-side-card-v4 {
  transition: border-color 0.2s ease, background 0.2s ease;
}

.pro-map-auto-status-v5.active {
  border-color: rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.72);
  color: var(--muted);
}

/* Coin detail SEO content panel v1 */
.coin-seo-panel-v1 {
  margin: 28px 0 0;
  padding: 22px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.10), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.86));
}

.coin-seo-head-v1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.coin-seo-head-v1 h2 {
  margin: 6px 0 8px;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.coin-seo-head-v1 p {
  margin: 0;
  max-width: 820px;
  color: var(--muted);
  line-height: 1.6;
}

.coin-seo-pro-link-v1 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 14px;
  background: rgba(34, 211, 238, 0.10);
  color: #e0f2fe;
  font-weight: 900;
  text-decoration: none;
}

.coin-seo-grid-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.coin-seo-grid-v1 article,
.coin-seo-copy-v1 article {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.42);
}

.coin-seo-grid-v1 article {
  padding: 15px;
}

.coin-seo-grid-v1 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.coin-seo-grid-v1 strong {
  display: block;
  margin: 7px 0 8px;
  font-size: 24px;
  letter-spacing: -0.04em;
}

.coin-seo-grid-v1 p,
.coin-seo-copy-v1 p,
.coin-seo-disclaimer-v1 {
  color: var(--muted);
  line-height: 1.62;
}

.coin-seo-grid-v1 p {
  margin: 0;
}

.coin-seo-copy-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.coin-seo-copy-v1 article {
  padding: 16px;
}

.coin-seo-copy-v1 h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

.coin-seo-copy-v1 p {
  margin: 0;
}

.coin-seo-disclaimer-v1 {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.48);
  font-size: 12px;
}

@media (max-width: 980px) {
  .coin-seo-head-v1 {
    flex-direction: column;
  }

  .coin-seo-grid-v1,
  .coin-seo-copy-v1 {
    grid-template-columns: 1fr;
  }
}

/* Pro page SEO content panel v1 */
.pro-seo-panel-v1 {
  margin: 28px 0 0;
  padding: 22px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.10), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.90));
}

.pro-seo-head-v1 {
  margin-bottom: 18px;
}

.pro-seo-head-v1 h2 {
  margin: 6px 0 8px;
  max-width: 980px;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.pro-seo-head-v1 p {
  margin: 0;
  max-width: 980px;
  color: var(--muted);
  line-height: 1.65;
}

.pro-seo-grid-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.pro-seo-grid-v1 article,
.pro-seo-copy-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.42);
}

.pro-seo-grid-v1 article {
  padding: 15px;
}

.pro-seo-grid-v1 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pro-seo-grid-v1 strong {
  display: block;
  margin: 7px 0 8px;
  font-size: 19px;
  letter-spacing: -0.035em;
}

.pro-seo-grid-v1 p,
.pro-seo-copy-v1 p {
  margin: 0;
  color: var(--muted);
  line-height: 1.62;
}

.pro-seo-copy-v1 {
  margin-top: 12px;
  padding: 16px;
}

.pro-seo-copy-v1 h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

@media (max-width: 1180px) {
  .pro-seo-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .pro-seo-grid-v1 {
    grid-template-columns: 1fr;
  }
}


/* Pro SEO panel compact refinement v2 */
.pro-seo-panel-v1 {
  margin-top: 22px;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.075), transparent 26%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(2, 6, 23, 0.84));
}

.pro-seo-head-v1 {
  margin-bottom: 14px;
}

.pro-seo-head-v1 h2 {
  max-width: 920px;
  font-size: clamp(22px, 2vw, 30px);
  letter-spacing: -0.04em;
}

.pro-seo-head-v1 p {
  max-width: 1040px;
  font-size: 14px;
  line-height: 1.55;
}

.pro-seo-grid-v1 {
  gap: 10px;
}

.pro-seo-grid-v1 article {
  padding: 13px;
  border-radius: 16px;
}

.pro-seo-grid-v1 strong {
  margin: 6px 0 7px;
  font-size: 17px;
}

.pro-seo-grid-v1 p,
.pro-seo-copy-v1 p {
  font-size: 13px;
  line-height: 1.55;
}

.pro-seo-copy-v1 {
  margin-top: 10px;
  padding: 14px;
  border-radius: 16px;
}

.pro-seo-copy-v1 h3 {
  font-size: 16px;
}

/* Pro cumulative liquidation chart v1 */
.pro-cum-panel-v1 {
  margin: 18px 0 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.07), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.74), rgba(2, 6, 23, 0.88));
}

.pro-cum-top-v1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 4px 0 12px;
}

.pro-cum-top-v1 span,
.pro-cum-panel-v1 .pro-map-panel-title-v4 span {
  color: var(--muted);
}

.pro-cum-top-v1 strong {
  display: block;
  margin-top: 4px;
  font-size: 18px;
}

.pro-cum-stats-v1 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pro-cum-stats-v1 b {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.46);
  font-size: 12px;
}

.pro-cum-stats-v1 .up,
.pro-cum-pressure-v1 .up {
  color: #72f5b0;
}

.pro-cum-stats-v1 .down,
.pro-cum-pressure-v1 .down {
  color: #ff9aa8;
}

.pro-cum-chart-wrap-v1 {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.42);
}

.pro-cum-svg-v1 {
  display: block;
  width: 100%;
  height: auto;
  min-height: 270px;
}

.pro-cum-bg-v1 {
  fill: rgba(2, 6, 23, 0.72);
}

.pro-cum-grid-v1 {
  stroke: rgba(148, 163, 184, 0.16);
  stroke-width: 1;
  stroke-dasharray: 5 6;
}

.pro-cum-grid-v1.faint {
  stroke: rgba(148, 163, 184, 0.08);
}

.pro-cum-axis-v1,
.pro-cum-legend-v1 {
  fill: rgba(203, 213, 225, 0.72);
  font-size: 12px;
  font-weight: 700;
}

.pro-cum-long-area-v1 {
  fill: url(#proCumLongFillV1);
}

.pro-cum-short-area-v1 {
  fill: url(#proCumShortFillV1);
}

.pro-cum-long-line-v1 {
  fill: none;
  stroke: #ff4d6d;
  stroke-width: 3;
  filter: drop-shadow(0 0 8px rgba(255, 77, 109, 0.35));
}

.pro-cum-short-line-v1 {
  fill: none;
  stroke: #22d3ee;
  stroke-width: 3;
  filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.30));
}

.pro-cum-price-line-v1 {
  stroke: #facc15;
  stroke-width: 2;
  stroke-dasharray: 7 6;
}

.pro-cum-price-label-v1 {
  fill: #fde68a;
  font-size: 12px;
  font-weight: 900;
}

.pro-cum-pressure-v1 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.pro-cum-pressure-v1 i {
  display: flex;
  overflow: hidden;
  height: 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
}

.pro-cum-pressure-v1 em {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #ff4d6d, rgba(255, 77, 109, 0.65));
}

.pro-cum-pressure-v1 em.short {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.72), #22d3ee);
}

.pro-cum-loading-v1,
.pro-cum-empty-v1 {
  padding: 18px;
  border: 1px dashed rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(2, 6, 23, 0.36);
}

@media (max-width: 760px) {
  .pro-cum-top-v1,
  .pro-cum-pressure-v1 {
    grid-template-columns: 1fr;
    display: block;
  }

  .pro-cum-stats-v1 {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .pro-cum-pressure-v1 i {
    margin: 8px 0;
  }
}

/* Pro cumulative liquidation chart tooltip polish v2 */
.pro-cum-price-label-bg-v2 {
  fill: rgba(2, 6, 23, 0.82);
  stroke: rgba(250, 204, 21, 0.45);
  stroke-width: 1;
}

.pro-cum-hover-node-v2 {
  pointer-events: all;
}

.pro-cum-hover-dot-v2 {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2;
  cursor: crosshair;
}

.pro-cum-hover-dot-v2.long:hover {
  fill: rgba(255, 77, 109, 0.92);
  stroke: rgba(255, 255, 255, 0.84);
}

.pro-cum-hover-dot-v2.short:hover {
  fill: rgba(34, 211, 238, 0.92);
  stroke: rgba(255, 255, 255, 0.84);
}

.pro-cum-zones-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.pro-cum-zones-v2 article {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  background: rgba(2, 6, 23, 0.38);
}

.pro-cum-zones-v2 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.pro-cum-zones-v2 strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
}

.pro-cum-zones-v2 small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}

@media (max-width: 760px) {
  .pro-cum-zones-v2 {
    grid-template-columns: 1fr;
  }
}

/* Pro heatmap custom tooltip v6 */
.pro-heat-tooltip-v6 {
  position: fixed;
  z-index: 99999;
  min-width: 210px;
  max-width: 280px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.12), transparent 34%),
    rgba(2, 6, 23, 0.96);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42);
  color: #e5e7eb;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

.pro-heat-tooltip-title-v6 {
  margin-bottom: 8px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pro-heat-tooltip-row-v6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 6px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-heat-tooltip-row-v6 span {
  color: rgba(148, 163, 184, 0.92);
  font-size: 12px;
  font-weight: 800;
}

.pro-heat-tooltip-row-v6 strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 950;
  text-align: right;
}

.pro-map-row-v4:hover {
  filter: brightness(1.18);
}

.pro-map-row-v4:hover .pro-map-heatline-v4 span {
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.26);
}



/* Pro cumulative custom tooltip v7 */
.pro-cum-tooltip-v7 {
  position: fixed;
  z-index: 100000;
  min-width: 260px;
  max-width: 340px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.12), transparent 34%),
    rgba(2, 6, 23, 0.96);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42);
  color: #e5e7eb;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

.pro-cum-tooltip-title-v7 {
  margin-bottom: 8px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pro-cum-tooltip-row-v7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 6px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-cum-tooltip-row-v7 span {
  color: rgba(148, 163, 184, 0.92);
  font-size: 12px;
  font-weight: 800;
}

.pro-cum-tooltip-row-v7 strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 950;
  text-align: right;
}

.pro-cum-hover-dot-v2:hover {
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.35));
}

/* Pro live current price line v8 */
.pro-cum-price-line-v1,
.pro-cum-price-label-bg-v2,
.pro-cum-price-label-v1 {
  transition: opacity 0.18s ease, filter 0.18s ease;
}

.pro-cum-price-line-v1.is-live-updated-v8 {
  filter: drop-shadow(0 0 10px rgba(250, 204, 21, 0.48));
}

.pro-cum-price-label-bg-v2.is-live-updated-v8 {
  filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.18));
}

/* Pro cumulative smooth refresh and live badge v9 */
.pro-cum-stats-v1 b.live {
  color: #fde68a;
  border-color: rgba(250, 204, 21, 0.28);
  background: rgba(250, 204, 21, 0.075);
}

.pro-cum-stats-v1 b.live.is-live-pulse-v9 {
  filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.34));
}

.pro-cum-panel-v1 {
  overflow-anchor: none;
}

.pro-cum-svg-v1 {
  overflow: visible;
}

/* Pro liquidation flow board v1 */
.pro-flow-board-v1 {
  margin: 18px 0 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 16% 0%, rgba(34, 211, 238, 0.08), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(244, 63, 94, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.76), rgba(2, 6, 23, 0.9));
  overflow-anchor: none;
}

.pro-flow-head-v1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-flow-head-v1 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pro-flow-head-v1 strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.pro-flow-head-v1 small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
}

.pro-flow-actions-v1 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pro-flow-actions-v1 b,
.pro-flow-actions-v1 button {
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.75);
  color: #e5e7eb;
  font-weight: 900;
}

.pro-flow-actions-v1 button {
  cursor: pointer;
}

.pro-flow-actions-v1 button:hover {
  border-color: rgba(34, 211, 238, 0.35);
  background: rgba(14, 116, 144, 0.18);
}

.pro-flow-summary-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.pro-flow-summary-v1 article {
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  background: rgba(2, 6, 23, 0.38);
}

.pro-flow-summary-v1 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pro-flow-summary-v1 strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}

.pro-flow-summary-v1 strong.up {
  color: #72f5b0;
}

.pro-flow-summary-v1 strong.down {
  color: #ff9aa8;
}

.pro-flow-summary-v1 small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}

.pro-flow-grid-v1 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  min-height: 210px;
}

.pro-flow-grid-v1.is-loading-v1 {
  opacity: 0.72;
}

.pro-flow-loading-v1 {
  grid-column: 1 / -1;
  padding: 18px;
  border: 1px dashed rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(2, 6, 23, 0.36);
}

.pro-flow-tile-v1 {
  position: relative;
  min-height: 118px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  color: #f8fafc;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(148, 163, 184, 0.12), transparent 36%),
    rgba(2, 6, 23, 0.54);
}

.pro-flow-tile-v1.xl {
  grid-column: span 5;
  min-height: 180px;
}

.pro-flow-tile-v1.lg {
  grid-column: span 4;
  min-height: 150px;
}

.pro-flow-tile-v1.md {
  grid-column: span 3;
}

.pro-flow-tile-v1.sm {
  grid-column: span 2;
}

.pro-flow-tile-v1.short {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(8, 47, 73, 0.72), rgba(2, 6, 23, 0.88));
}

.pro-flow-tile-v1.long {
  background:
    radial-gradient(circle at 0% 0%, rgba(244, 63, 94, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(76, 5, 25, 0.72), rgba(2, 6, 23, 0.88));
}

.pro-flow-tile-v1.active {
  border-color: rgba(250, 204, 21, 0.44);
  box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.12), 0 0 28px rgba(250, 204, 21, 0.08);
}

.pro-flow-tile-v1:hover {
  transform: translateY(-1px);
  border-color: rgba(34, 211, 238, 0.32);
}

.pro-flow-rank-v1 {
  position: absolute;
  top: 10px;
  right: 12px;
  color: rgba(203, 213, 225, 0.44);
  font-size: 12px;
  font-weight: 950;
}

.pro-flow-tile-v1 strong {
  display: block;
  font-size: 26px;
  line-height: 1;
}

.pro-flow-tile-v1.xl strong {
  font-size: 52px;
}

.pro-flow-tile-v1.lg strong {
  font-size: 38px;
}

.pro-flow-tile-v1 em {
  display: block;
  margin-top: 12px;
  font-style: normal;
  font-size: 21px;
  font-weight: 950;
}

.pro-flow-tile-v1 small {
  display: block;
  margin-top: 4px;
  color: rgba(203, 213, 225, 0.72);
  font-weight: 800;
}

.pro-flow-tile-v1 i {
  display: flex;
  overflow: hidden;
  height: 10px;
  margin-top: 14px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.8);
}

.pro-flow-tile-v1 i b {
  display: block;
  height: 100%;
}

.pro-flow-tile-v1 i b.long {
  background: linear-gradient(90deg, #ff4d6d, rgba(255, 77, 109, 0.72));
}

.pro-flow-tile-v1 i b.short {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.72), #22d3ee);
}

.pro-flow-split-v1 {
  display: flex;
  gap: 8px;
  margin-top: 9px;
  flex-wrap: wrap;
}

.pro-flow-split-v1 mark {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 950;
}

.pro-flow-split-v1 mark.long {
  color: #ff9aa8;
}

.pro-flow-split-v1 mark.short {
  color: #72f5b0;
}

@media (max-width: 1100px) {
  .pro-flow-summary-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-flow-tile-v1.xl,
  .pro-flow-tile-v1.lg,
  .pro-flow-tile-v1.md,
  .pro-flow-tile-v1.sm {
    grid-column: span 6;
  }
}

@media (max-width: 720px) {
  .pro-flow-head-v1 {
    display: block;
  }

  .pro-flow-actions-v1 {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .pro-flow-summary-v1 {
    grid-template-columns: 1fr;
  }

  .pro-flow-grid-v1 {
    grid-template-columns: 1fr;
  }

  .pro-flow-tile-v1.xl,
  .pro-flow-tile-v1.lg,
  .pro-flow-tile-v1.md,
  .pro-flow-tile-v1.sm {
    grid-column: span 1;
  }
}

/* Pro liquidation flow board v2 polish */
.pro-flow-desk-v2 {
  display: grid;
  grid-template-columns: 1.15fr 0.8fr 1fr 1fr;
  gap: 10px;
  margin: 0 0 14px;
}

.pro-flow-desk-v2 article {
  position: relative;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.09), transparent 36%),
    rgba(2, 6, 23, 0.42);
  overflow: hidden;
}

.pro-flow-desk-v2 article.leader {
  border-color: rgba(250, 204, 21, 0.22);
  background:
    radial-gradient(circle at 0% 0%, rgba(250, 204, 21, 0.10), transparent 38%),
    rgba(2, 6, 23, 0.46);
}

.pro-flow-desk-v2 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pro-flow-desk-v2 strong {
  display: block;
  margin-top: 5px;
  color: #f8fafc;
  font-size: 22px;
  line-height: 1.05;
}

.pro-flow-desk-v2 small {
  display: block;
  margin-top: 5px;
  color: rgba(203, 213, 225, 0.74);
  font-size: 12px;
  line-height: 1.35;
}

.pro-flow-signal-v2 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.54);
  color: rgba(226, 232, 240, 0.86);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.02em;
  backdrop-filter: blur(10px);
}

.pro-flow-signal-v2.short {
  color: #72f5b0;
  border-color: rgba(34, 211, 238, 0.18);
}

.pro-flow-signal-v2.long {
  color: #ff9aa8;
  border-color: rgba(244, 63, 94, 0.18);
}

.pro-flow-tile-v1.xl .pro-flow-signal-v2,
.pro-flow-tile-v1.lg .pro-flow-signal-v2 {
  font-size: 12px;
}

.pro-flow-tile-v1 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.pro-flow-tile-v1::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255,255,255,0.075), transparent 22%, transparent 72%, rgba(255,255,255,0.025));
  opacity: 0.42;
}

.pro-flow-tile-v1.active::before {
  content: "Selected";
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.12);
  color: #fde68a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pro-flow-tile-v1.active strong {
  margin-top: 16px;
}

@media (max-width: 1200px) {
  .pro-flow-desk-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pro-flow-desk-v2 {
    grid-template-columns: 1fr;
  }
}

/* Pro dashboard source bar v1 */
.pro-dashboard-source-v1 {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.07), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(250, 204, 21, 0.055), transparent 30%),
    rgba(2, 6, 23, 0.48);
  overflow-anchor: none;
}

.pro-dashboard-source-v1.is-loading-v1 {
  opacity: 0.82;
}

.pro-dashboard-source-v1.live {
  border-color: rgba(34, 211, 238, 0.26);
}

.pro-dashboard-source-v1.stale {
  border-color: rgba(250, 204, 21, 0.24);
}

.pro-dashboard-source-v1.fallback {
  border-color: rgba(148, 163, 184, 0.16);
}

.pro-dashboard-source-main-v1 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-dashboard-source-main-v1 span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pro-dashboard-source-main-v1 strong {
  color: #f8fafc;
  font-size: 18px;
}

.pro-dashboard-source-main-v1 small {
  color: rgba(203, 213, 225, 0.72);
  text-align: right;
}

.pro-dashboard-source-grid-v1 {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 1.1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

.pro-dashboard-source-grid-v1 article {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.50);
}

.pro-dashboard-source-grid-v1 article.live {
  border-color: rgba(34, 211, 238, 0.22);
  background: rgba(8, 47, 73, 0.22);
}

.pro-dashboard-source-grid-v1 article.stale {
  border-color: rgba(250, 204, 21, 0.22);
  background: rgba(113, 63, 18, 0.16);
}

.pro-dashboard-source-grid-v1 article.fallback {
  border-color: rgba(148, 163, 184, 0.15);
}

.pro-dashboard-source-grid-v1 span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pro-dashboard-source-grid-v1 strong {
  display: block;
  margin-top: 5px;
  color: #f8fafc;
  font-size: 18px;
}

.pro-dashboard-source-grid-v1 small {
  display: block;
  margin-top: 4px;
  color: rgba(203, 213, 225, 0.72);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-dashboard-source-grid-v1 small b {
  font-weight: 900;
}

.pro-dashboard-source-grid-v1 small b.down {
  color: #ff9aa8;
}

.pro-dashboard-source-grid-v1 small b.up {
  color: #72f5b0;
}

@media (max-width: 1100px) {
  .pro-dashboard-source-main-v1 {
    display: block;
  }

  .pro-dashboard-source-main-v1 small {
    display: block;
    margin-top: 5px;
    text-align: left;
  }

  .pro-dashboard-source-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pro-dashboard-source-grid-v1 {
    grid-template-columns: 1fr;
  }
}



/* Pro v3 analytics UI cards */
.pro-v3-analytics-ui {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 22px;
  background: radial-gradient(circle at top left, rgba(20, 184, 166, 0.12), transparent 34%), linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.96));
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

.pro-v3-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.pro-v3-head span,
.pro-v3-card span,
.pro-v3-level-head small,
.pro-v3-level-row small {
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.82);
}

.pro-v3-head strong {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  color: #f8fafc;
}

.pro-v3-head small {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.08);
  color: #86efac;
  white-space: nowrap;
}

.pro-v3-card-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.pro-v3-card {
  min-height: 104px;
  padding: 13px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.72);
}

.pro-v3-card strong {
  display: block;
  margin-top: 8px;
  font-size: 20px;
  color: #f8fafc;
  line-height: 1.15;
}

.pro-v3-card small {
  display: block;
  margin-top: 8px;
  color: rgba(203, 213, 225, 0.76);
  font-size: 12px;
  line-height: 1.35;
}

.pro-v3-card.extreme {
  border-color: rgba(248, 113, 113, 0.35);
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.28), rgba(15, 23, 42, 0.76));
}

.pro-v3-card.stress {
  border-color: rgba(251, 146, 60, 0.35);
  background: linear-gradient(180deg, rgba(124, 45, 18, 0.25), rgba(15, 23, 42, 0.76));
}

.pro-v3-card.active {
  border-color: rgba(250, 204, 21, 0.30);
}

.pro-v3-card.long {
  border-color: rgba(248, 113, 113, 0.30);
}

.pro-v3-card.short {
  border-color: rgba(34, 197, 94, 0.30);
}

.pro-v3-card.balanced {
  border-color: rgba(56, 189, 248, 0.30);
}

.pro-v3-level-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pro-v3-level-grid article {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.42);
  overflow: hidden;
}

.pro-v3-level-head {
  padding: 12px 13px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-v3-level-head span {
  display: block;
  font-weight: 750;
  color: #f8fafc;
}

.pro-v3-level-row {
  padding: 11px 13px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.pro-v3-level-row:last-child {
  border-bottom: 0;
}

.pro-v3-level-main {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: #e5e7eb;
}

.pro-v3-level-main b {
  color: rgba(148, 163, 184, 0.86);
  font-size: 12px;
}

.pro-v3-level-main span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.pro-v3-level-main strong {
  font-size: 13px;
  color: #f8fafc;
}

.pro-v3-level-bar {
  height: 5px;
  margin: 8px 0 5px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(30, 41, 59, 0.88);
}

.pro-v3-level-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.55), rgba(34, 197, 94, 0.82));
}

.pro-v3-level-row.long .pro-v3-level-bar i {
  background: linear-gradient(90deg, rgba(127, 29, 29, 0.7), rgba(248, 113, 113, 0.9));
}

.pro-v3-level-row.short .pro-v3-level-bar i {
  background: linear-gradient(90deg, rgba(20, 83, 45, 0.72), rgba(34, 197, 94, 0.92));
}

.pro-v3-empty {
  padding: 18px 13px;
  color: rgba(148, 163, 184, 0.8);
  font-size: 13px;
}

@media (max-width: 1180px) {
  .pro-v3-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pro-v3-level-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .pro-v3-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-v3-head {
    flex-direction: column;
  }

  .pro-v3-head small {
    white-space: normal;
  }
}



/* Pro v3 wide analytics panel v1 */
[data-pro-map-pressure] .pro-v3-analytics-ui {
  display: none !important;
}

.pro-v3-wide-ui {
  width: 100%;
  margin: 16px 0;
  padding: 18px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(20, 184, 166, 0.16), transparent 34%),
    radial-gradient(circle at top right, rgba(99, 102, 241, 0.13), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.97));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  box-sizing: border-box;
}

.pro-v3w-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.pro-v3w-head span,
.pro-v3w-card span,
.pro-v3w-cluster-head span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.86);
}

.pro-v3w-head strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
  line-height: 1.05;
  color: #f8fafc;
}

.pro-v3w-head small {
  display: block;
  margin-top: 7px;
  color: rgba(203, 213, 225, 0.76);
  font-size: 13px;
}

.pro-v3w-status {
  flex: 0 0 auto;
  max-width: 420px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.26);
  background: rgba(34, 197, 94, 0.09);
  color: #86efac;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-v3w-card-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.pro-v3w-card {
  min-height: 112px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.74);
  overflow: hidden;
}

.pro-v3w-card strong {
  display: block;
  margin-top: 9px;
  color: #f8fafc;
  font-size: clamp(18px, 1.35vw, 24px);
  line-height: 1.1;
}

.pro-v3w-card small {
  display: block;
  margin-top: 8px;
  min-height: 32px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 12px;
  line-height: 1.35;
}

.pro-v3w-card.extreme {
  border-color: rgba(248, 113, 113, 0.38);
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.30), rgba(15, 23, 42, 0.76));
}

.pro-v3w-card.stress {
  border-color: rgba(251, 146, 60, 0.35);
  background: linear-gradient(180deg, rgba(124, 45, 18, 0.26), rgba(15, 23, 42, 0.76));
}

.pro-v3w-card.active {
  border-color: rgba(250, 204, 21, 0.30);
}

.pro-v3w-card.long {
  border-color: rgba(248, 113, 113, 0.32);
}

.pro-v3w-card.short {
  border-color: rgba(34, 197, 94, 0.32);
}

.pro-v3w-card.balanced {
  border-color: rgba(56, 189, 248, 0.32);
}

.pro-v3w-cluster-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pro-v3w-cluster-grid article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 20px;
  background: rgba(2, 6, 23, 0.46);
  overflow: hidden;
}

.pro-v3w-cluster-head {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-v3w-cluster-head strong {
  display: block;
  margin-top: 4px;
  color: #f8fafc;
  font-size: 15px;
}

.pro-v3w-level-row {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.pro-v3w-level-row:last-child {
  border-bottom: 0;
}

.pro-v3w-level-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.pro-v3w-level-top b {
  color: rgba(148, 163, 184, 0.86);
  font-size: 12px;
}

.pro-v3w-level-top strong {
  color: #f8fafc;
  font-size: 14px;
  white-space: nowrap;
}

.pro-v3w-price-range {
  margin-top: 5px;
  color: rgba(226, 232, 240, 0.94);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-v3w-mini-bar {
  height: 6px;
  margin: 9px 0 6px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(30, 41, 59, 0.88);
}

.pro-v3w-mini-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.58), rgba(34, 197, 94, 0.88));
}

.pro-v3w-level-row.long .pro-v3w-mini-bar i {
  background: linear-gradient(90deg, rgba(127, 29, 29, 0.75), rgba(248, 113, 113, 0.92));
}

.pro-v3w-level-row.short .pro-v3w-mini-bar i {
  background: linear-gradient(90deg, rgba(20, 83, 45, 0.76), rgba(34, 197, 94, 0.92));
}

.pro-v3w-level-row small {
  display: block;
  color: rgba(148, 163, 184, 0.82);
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.35;
}

.pro-v3w-empty {
  padding: 18px 14px;
  color: rgba(148, 163, 184, 0.8);
  font-size: 13px;
}

@media (max-width: 1380px) {
  .pro-v3w-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pro-v3w-cluster-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .pro-v3w-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-v3w-head {
    flex-direction: column;
  }

  .pro-v3w-status {
    max-width: 100%;
    white-space: normal;
  }
}



/* Pro v3 terminal intelligence layout v2 */
.pro-v3-analytics-ui {
  display: none !important;
}

.pro-v3t-shell {
  width: 100%;
  margin: 16px 0 18px;
  padding: 18px;
  border: 1px solid rgba(34, 211, 238, 0.20);
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.17), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.98));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.36);
  box-sizing: border-box;
}

.pro-v3t-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.pro-v3t-head span,
.pro-v3t-card span,
.pro-v3t-cluster-head span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.88);
}

.pro-v3t-head strong {
  display: block;
  margin-top: 5px;
  font-size: 26px;
  line-height: 1.05;
  color: #f8fafc;
}

.pro-v3t-head small {
  display: block;
  margin-top: 8px;
  max-width: 780px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 13px;
  line-height: 1.45;
}

.pro-v3t-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.pro-v3t-badges b {
  max-width: 360px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.26);
  background: rgba(34, 197, 94, 0.09);
  color: #86efac;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-v3t-badges b:last-child {
  border-color: rgba(125, 211, 252, 0.24);
  background: rgba(14, 165, 233, 0.08);
  color: #bae6fd;
}

.pro-v3t-card-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(145px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.pro-v3t-card {
  min-height: 114px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.74);
  overflow: hidden;
}

.pro-v3t-card strong {
  display: block;
  margin-top: 9px;
  color: #f8fafc;
  font-size: clamp(18px, 1.28vw, 24px);
  line-height: 1.1;
}

.pro-v3t-card small {
  display: block;
  margin-top: 8px;
  min-height: 32px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 12px;
  line-height: 1.35;
}

.pro-v3t-card.extreme {
  border-color: rgba(248, 113, 113, 0.38);
  background: linear-gradient(180deg, rgba(127, 29, 29, 0.30), rgba(15, 23, 42, 0.76));
}

.pro-v3t-card.stress {
  border-color: rgba(251, 146, 60, 0.35);
  background: linear-gradient(180deg, rgba(124, 45, 18, 0.26), rgba(15, 23, 42, 0.76));
}

.pro-v3t-card.active {
  border-color: rgba(250, 204, 21, 0.30);
}

.pro-v3t-card.long {
  border-color: rgba(248, 113, 113, 0.32);
}

.pro-v3t-card.short {
  border-color: rgba(34, 197, 94, 0.32);
}

.pro-v3t-card.balanced {
  border-color: rgba(56, 189, 248, 0.32);
}

.pro-v3t-cluster-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pro-v3t-cluster-grid article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 20px;
  background: rgba(2, 6, 23, 0.48);
  overflow: hidden;
}

.pro-v3t-cluster-head {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-v3t-cluster-head strong {
  display: block;
  margin-top: 4px;
  color: #f8fafc;
  font-size: 15px;
}

.pro-v3t-level-row {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.pro-v3t-level-row:last-child {
  border-bottom: 0;
}

.pro-v3t-level-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.pro-v3t-level-top b {
  color: rgba(148, 163, 184, 0.86);
  font-size: 12px;
}

.pro-v3t-level-top strong {
  color: #f8fafc;
  font-size: 14px;
  white-space: nowrap;
}

.pro-v3t-level-price {
  margin-top: 5px;
  color: rgba(226, 232, 240, 0.94);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-v3t-level-bar {
  height: 6px;
  margin: 9px 0 6px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(30, 41, 59, 0.88);
}

.pro-v3t-level-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.58), rgba(34, 197, 94, 0.88));
}

.pro-v3t-level-row.long .pro-v3t-level-bar i {
  background: linear-gradient(90deg, rgba(127, 29, 29, 0.75), rgba(248, 113, 113, 0.92));
}

.pro-v3t-level-row.short .pro-v3t-level-bar i {
  background: linear-gradient(90deg, rgba(20, 83, 45, 0.76), rgba(34, 197, 94, 0.92));
}

.pro-v3t-level-row small {
  display: block;
  color: rgba(148, 163, 184, 0.82);
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.35;
}

.pro-v3t-empty {
  padding: 18px 14px;
  color: rgba(148, 163, 184, 0.8);
  font-size: 13px;
}

@media (max-width: 1380px) {
  .pro-v3t-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pro-v3t-cluster-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .pro-v3t-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-v3t-head {
    flex-direction: column;
  }

  .pro-v3t-badges {
    justify-content: flex-start;
  }

  .pro-v3t-badges b {
    max-width: 100%;
    white-space: normal;
  }
}



/* Pro native flow treemap v4 */
.pro-flow-grid-v1.pro-flow-treemap-v4 {
  position: relative;
  display: block !important;
  width: 100%;
  height: clamp(560px, 68vh, 860px);
  min-height: 560px;
  border-radius: 22px;
  overflow: hidden;
  background: #020617;
  border: 1px solid rgba(148, 163, 184, 0.14);
  padding: 0 !important;
  gap: 0 !important;
}

.pro-flow-grid-v1.pro-flow-treemap-v4.is-loading-v1 {
  opacity: 0.72;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4 {
  position: absolute !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: clamp(7px, 0.95vw, 16px) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(2, 6, 23, 0.92) !important;
  box-shadow: none !important;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
  transition: filter 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4:hover {
  z-index: 20;
  filter: brightness(1.13);
  transform: scale(1.006);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.35) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4.active {
  z-index: 15;
  box-shadow: inset 0 0 0 2px #facc15, 0 0 0 1px rgba(250, 204, 21, 0.42) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4.long {
  background: linear-gradient(135deg, #7f1d1d, #be123c 72%, #fb7185) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4.short {
  background: linear-gradient(135deg, #166534, #16a34a 70%, #22c55e) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4.balanced,
.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4.neutral {
  background: linear-gradient(135deg, #0f766e, #0284c7 75%, #22d3ee) !important;
}

.pro-flow-treemap-v4 .pro-flow-rank-v1 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 900;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 strong {
  display: block;
  font-size: clamp(13px, 2.1vw, 48px);
  line-height: 1;
  color: #f8fafc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.mega strong {
  font-size: clamp(42px, 4vw, 78px);
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 em {
  display: block;
  margin-top: 1px;
  font-size: clamp(11px, 1.05vw, 24px);
  font-style: normal;
  font-weight: 900;
  color: #fff;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 small {
  display: block;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(9px, 0.72vw, 12px);
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-treemap-v4 .pro-flow-split-v1 {
  display: block;
  width: 100%;
  height: 7px;
  margin: 3px 0 0;
  border-radius: 999px;
  overflow: hidden;
  background: #22d3ee;
}

.pro-flow-treemap-v4 .pro-flow-split-v1 mark {
  display: block;
  float: left;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.pro-flow-treemap-v4 .pro-flow-split-v1 mark.long {
  background: #fb4f7a;
}

.pro-flow-treemap-v4 .pro-flow-split-v1 mark.short {
  background: #22d3ee;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 i {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-height: none;
  margin-top: 2px;
  font-style: normal;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 i b {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 i b.long {
  color: #fecdd3;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 i b.short {
  color: #a7f3d0;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.micro {
  padding: 4px !important;
  gap: 1px;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.micro strong {
  font-size: 10px;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.micro .pro-flow-rank-v1,
.pro-flow-treemap-v4 .pro-flow-tile-v1.micro em,
.pro-flow-treemap-v4 .pro-flow-tile-v1.micro small,
.pro-flow-treemap-v4 .pro-flow-tile-v1.micro .pro-flow-split-v1,
.pro-flow-treemap-v4 .pro-flow-tile-v1.micro i {
  display: none;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.mini {
  padding: 6px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.mini em,
.pro-flow-treemap-v4 .pro-flow-tile-v1.mini small,
.pro-flow-treemap-v4 .pro-flow-tile-v1.mini i {
  display: none;
}

@media (max-width: 900px) {
  .pro-flow-grid-v1.pro-flow-treemap-v4 {
    height: 720px;
  }
}



/* Pro native flow treemap tuning v5 */
.pro-flow-grid-v1.pro-flow-treemap-v4 {
  height: clamp(500px, 58vh, 700px) !important;
  min-height: 500px !important;
  border-radius: 18px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.pro-flow-treemap-tile-v4 {
  padding: clamp(6px, 0.78vw, 13px) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 strong {
  font-size: clamp(12px, 1.55vw, 42px) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.mega strong {
  font-size: clamp(34px, 3.2vw, 64px) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 em {
  font-size: clamp(10px, 0.92vw, 20px) !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 small {
  font-size: clamp(8px, 0.66vw, 11px) !important;
}

.pro-flow-treemap-v4 .pro-flow-split-v1 {
  height: 6px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1 i b {
  font-size: 10px !important;
  padding: 3px 6px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.mini strong {
  font-size: 11px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.micro strong {
  font-size: 9px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.micro,
.pro-flow-treemap-v4 .pro-flow-tile-v1.mini {
  padding: 4px !important;
}

.pro-flow-treemap-v4 .pro-flow-tile-v1.micro .pro-flow-rank-v1,
.pro-flow-treemap-v4 .pro-flow-tile-v1.mini .pro-flow-rank-v1 {
  display: none !important;
}


/* Pro native flow treemap polish v6 */
.pro-flow-grid-v1.pro-flow-treemap-v6 {
  height: clamp(560px, 62vh, 760px) !important;
  min-height: 560px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(15, 23, 42, 0.85), transparent 32%),
    #020617 !important;
}

.pro-flow-treemap-v6 .pro-flow-tile-v1.pro-flow-tile-v6 {
  justify-content: center !important;
  gap: clamp(4px, 0.45vw, 10px) !important;
  padding: clamp(7px, 0.88vw, 18px) !important;
  border: 1px solid rgba(2, 6, 23, 0.94) !important;
  border-radius: 0 !important;
  isolation: isolate;
}

.pro-flow-treemap-v6 .pro-flow-tile-v6::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.72;
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 255, 255, 0.10), transparent 35%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 55%);
}

.pro-flow-treemap-v6 .pro-flow-tile-v6:hover {
  z-index: 30;
  filter: brightness(1.12) saturate(1.06);
  transform: scale(1.004);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42) !important;
}

.pro-flow-treemap-v6 .pro-flow-tile-v6.active {
  z-index: 25;
  box-shadow:
    inset 0 0 0 2px #facc15,
    inset 0 0 32px rgba(250, 204, 21, 0.08),
    0 0 0 1px rgba(250, 204, 21, 0.45) !important;
}

.pro-flow-top-v6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pro-flow-symbol-wrap-v6 {
  display: flex;
  align-items: center;
  gap: clamp(5px, 0.62vw, 12px);
  min-width: 0;
}

.pro-flow-icon-v6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(18px, 1.85vw, 42px);
  height: clamp(18px, 1.85vw, 42px);
  border-radius: 999px;
  flex: 0 0 auto;
  background: rgba(2, 6, 23, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.13);
  color: #fff;
  font-size: clamp(11px, 1vw, 22px);
  font-weight: 950;
}

.pro-flow-treemap-v6 .pro-flow-tile-v6 strong {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(13px, 1.7vw, 46px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.035em;
  color: rgba(255, 255, 255, 0.96);
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.26);
}

.pro-flow-treemap-v6 .pro-flow-tile-v6.mega strong {
  font-size: clamp(44px, 4.2vw, 80px) !important;
}

.pro-flow-treemap-v6 .pro-flow-tile-v6.large strong {
  font-size: clamp(32px, 3vw, 62px) !important;
}

.pro-flow-rank-v6 {
  color: rgba(255, 255, 255, 0.70);
  font-size: clamp(10px, 0.68vw, 13px);
  font-weight: 950;
  white-space: nowrap;
}

.pro-flow-selected-v6 {
  position: absolute;
  top: clamp(8px, 0.7vw, 12px);
  left: clamp(8px, 0.7vw, 12px);
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.18);
  border: 1px solid rgba(250, 204, 21, 0.34);
  color: #fde68a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.pro-flow-amount-v6 {
  display: block;
  color: #fff;
  font-size: clamp(12px, 1.35vw, 34px) !important;
  line-height: 1 !important;
  font-style: normal;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.pro-flow-tile-v6.mega .pro-flow-amount-v6 {
  font-size: clamp(34px, 3.2vw, 58px) !important;
}

.pro-flow-tile-v6.large .pro-flow-amount-v6 {
  font-size: clamp(24px, 2vw, 40px) !important;
}

.pro-flow-meta-v6 {
  display: block;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(9px, 0.72vw, 13px);
  font-weight: 820;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-meta-v6 span {
  opacity: 0.65;
  padding: 0 4px;
}

.pro-flow-ratio-v6 {
  display: grid;
  gap: 6px;
  width: 100%;
}

.pro-flow-ratio-bar-v6 {
  display: flex;
  width: 100%;
  height: clamp(5px, 0.48vw, 8px);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(2, 6, 23, 0.48);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.pro-flow-ratio-bar-v6 mark {
  display: block;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.pro-flow-ratio-bar-v6 mark.long {
  background: #fb4f7a;
}

.pro-flow-ratio-bar-v6 mark.short {
  background: #22d3ee;
}

.pro-flow-ratio-text-v6 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.pro-flow-ratio-text-v6 b {
  display: inline-flex;
  gap: 4px;
  color: #fff;
  font-size: clamp(10px, 0.82vw, 18px);
  line-height: 1.05;
  font-weight: 950;
}

.pro-flow-ratio-text-v6 b.long {
  color: #fb7185;
}

.pro-flow-ratio-text-v6 b.short {
  color: #22d3ee;
}

.pro-flow-ratio-text-v6 b span {
  font-weight: 800;
  opacity: 0.9;
}

.pro-flow-signal-v6 {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.92);
  font-size: clamp(10px, 0.72vw, 12px);
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-tile-v6.long .pro-flow-signal-v6 {
  color: #fda4af;
}

.pro-flow-tile-v6.short .pro-flow-signal-v6,
.pro-flow-tile-v6.balanced .pro-flow-signal-v6 {
  color: #a7f3d0;
}

.pro-flow-tile-v6.small {
  justify-content: space-between !important;
}

.pro-flow-tile-v6.small .pro-flow-icon-v6,
.pro-flow-tile-v6.small .pro-flow-meta-v6,
.pro-flow-tile-v6.small .pro-flow-signal-v6 {
  display: none;
}

.pro-flow-tile-v6.small .pro-flow-ratio-text-v6 b span {
  display: none;
}

.pro-flow-tile-v6.mini {
  justify-content: space-between !important;
  padding: 5px !important;
}

.pro-flow-tile-v6.mini .pro-flow-icon-v6,
.pro-flow-tile-v6.mini .pro-flow-meta-v6,
.pro-flow-tile-v6.mini .pro-flow-signal-v6,
.pro-flow-tile-v6.mini .pro-flow-ratio-text-v6 {
  display: none;
}

.pro-flow-tile-v6.mini strong {
  font-size: 11px !important;
  letter-spacing: -0.02em;
}

.pro-flow-tile-v6.mini .pro-flow-amount-v6 {
  font-size: 10px !important;
}

.pro-flow-tile-v6.micro {
  justify-content: center !important;
  padding: 3px !important;
}

.pro-flow-tile-v6.micro .pro-flow-icon-v6,
.pro-flow-tile-v6.micro .pro-flow-rank-v6,
.pro-flow-tile-v6.micro .pro-flow-amount-v6,
.pro-flow-tile-v6.micro .pro-flow-meta-v6,
.pro-flow-tile-v6.micro .pro-flow-ratio-v6,
.pro-flow-tile-v6.micro .pro-flow-signal-v6 {
  display: none;
}

.pro-flow-tile-v6.micro strong {
  font-size: 9px !important;
  text-align: center;
}

@media (max-width: 900px) {
  .pro-flow-grid-v1.pro-flow-treemap-v6 {
    height: 760px !important;
  }
}



/* Pro native flow treemap polish v7 */
.pro-flow-grid-v1.pro-flow-treemap-v7 {
  height: clamp(560px, 64vh, 780px) !important;
  min-height: 560px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(15, 23, 42, 0.82), transparent 32%),
    #020617 !important;
}

.pro-flow-treemap-v7 .pro-flow-tile-v7 {
  justify-content: center !important;
  align-items: stretch !important;
  gap: clamp(4px, 0.45vw, 9px) !important;
  padding: clamp(7px, 0.82vw, 16px) !important;
  border: 1px solid rgba(2, 6, 23, 0.96) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  isolation: isolate;
}

.pro-flow-treemap-v7 .pro-flow-tile-v7::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,255,255,0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.055), transparent 58%);
  opacity: 0.75;
}

.pro-flow-treemap-v7 .pro-flow-tile-v7:hover {
  z-index: 40;
  filter: brightness(1.12) saturate(1.06);
  transform: scale(1.004);
  box-shadow: 0 22px 52px rgba(0,0,0,0.44) !important;
}

.pro-flow-treemap-v7 .pro-flow-tile-v7.active {
  z-index: 30;
  box-shadow:
    inset 0 0 0 2px #facc15,
    inset 0 0 30px rgba(250,204,21,0.09),
    0 0 0 1px rgba(250,204,21,0.42) !important;
}

.pro-flow-head-v7 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pro-flow-head-v7 strong,
.pro-flow-treemap-v7 .pro-flow-tile-v7 > strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: rgba(255,255,255,0.96);
  font-size: clamp(13px, 1.48vw, 42px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 2px 18px rgba(0,0,0,0.26);
}

.pro-flow-tile-v7.mega .pro-flow-head-v7 strong {
  font-size: clamp(42px, 3.8vw, 72px) !important;
}

.pro-flow-tile-v7.large .pro-flow-head-v7 strong {
  font-size: clamp(30px, 2.6vw, 56px) !important;
}

.pro-flow-tile-v7.medium .pro-flow-head-v7 strong {
  font-size: clamp(20px, 1.65vw, 34px) !important;
}

.pro-flow-head-v7 b,
.pro-flow-rank-v7 {
  color: rgba(255,255,255,0.70);
  font-size: clamp(10px, 0.64vw, 13px);
  font-weight: 950;
  white-space: nowrap;
}

.pro-flow-selected-v7 {
  position: absolute;
  top: clamp(8px, 0.68vw, 12px);
  left: clamp(8px, 0.68vw, 12px);
  z-index: 2;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(250,204,21,0.18);
  border: 1px solid rgba(250,204,21,0.34);
  color: #fde68a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.pro-flow-tile-v7.active.mega .pro-flow-head-v7,
.pro-flow-tile-v7.active.large .pro-flow-head-v7 {
  margin-top: 18px;
}

.pro-flow-treemap-v7 .pro-flow-tile-v7 em,
.pro-flow-treemap-v7 .pro-flow-tile-v7 > em {
  display: block;
  color: #fff;
  font-size: clamp(12px, 1.08vw, 24px) !important;
  line-height: 1 !important;
  font-style: normal;
  font-weight: 950;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-tile-v7.mega em {
  font-size: clamp(28px, 2.55vw, 50px) !important;
}

.pro-flow-tile-v7.large em {
  font-size: clamp(22px, 1.8vw, 36px) !important;
}

.pro-flow-tile-v7 small {
  display: block;
  color: rgba(255,255,255,0.82);
  font-size: clamp(9px, 0.68vw, 12px) !important;
  font-weight: 850;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-ratio-bar-v7 {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: clamp(5px, 0.45vw, 8px);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(2,6,23,0.50);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.055);
}

.pro-flow-ratio-bar-v7 mark {
  display: block;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.pro-flow-ratio-bar-v7 mark.long {
  background: #fb4f7a;
}

.pro-flow-ratio-bar-v7 mark.short {
  background: #22d3ee;
}

.pro-flow-pct-row-v7 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pro-flow-pct-row-v7 b {
  min-width: 0;
  font-size: clamp(10px, 0.72vw, 14px);
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-pct-row-v7 b.long {
  color: #fecdd3;
}

.pro-flow-pct-row-v7 b.short {
  color: #a5f3fc;
  text-align: right;
}

.pro-flow-signal-v7 {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(2,6,23,0.38);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.92);
  font-size: clamp(10px, 0.66vw, 12px);
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-tile-v7.long .pro-flow-signal-v7 {
  color: #fda4af;
}

.pro-flow-tile-v7.short .pro-flow-signal-v7,
.pro-flow-tile-v7.balanced .pro-flow-signal-v7 {
  color: #a7f3d0;
}

.pro-flow-tile-v7.small {
  justify-content: space-between !important;
  padding: 6px !important;
}

.pro-flow-tile-v7.small small,
.pro-flow-tile-v7.small .pro-flow-signal-v7 {
  display: none !important;
}

.pro-flow-tile-v7.small .pro-flow-pct-row-v7 b {
  font-size: 10px !important;
}

.pro-flow-tile-v7.mini {
  justify-content: space-between !important;
  padding: 5px !important;
}

.pro-flow-tile-v7.mini .pro-flow-pct-row-v7,
.pro-flow-tile-v7.mini small,
.pro-flow-tile-v7.mini .pro-flow-signal-v7 {
  display: none !important;
}

.pro-flow-tile-v7.mini strong,
.pro-flow-tile-v7.mini > strong {
  font-size: 11px !important;
  letter-spacing: -0.02em;
}

.pro-flow-tile-v7.mini em,
.pro-flow-tile-v7.mini > em {
  font-size: 10px !important;
}

.pro-flow-tile-v7.micro {
  justify-content: center !important;
  padding: 3px !important;
}

.pro-flow-tile-v7.micro .pro-flow-rank-v7,
.pro-flow-tile-v7.micro em,
.pro-flow-tile-v7.micro .pro-flow-ratio-bar-v7,
.pro-flow-tile-v7.micro small,
.pro-flow-tile-v7.micro .pro-flow-pct-row-v7,
.pro-flow-tile-v7.micro .pro-flow-signal-v7 {
  display: none !important;
}

.pro-flow-tile-v7.micro strong,
.pro-flow-tile-v7.micro > strong {
  font-size: 9px !important;
  text-align: center;
}

@media (max-width: 900px) {
  .pro-flow-grid-v1.pro-flow-treemap-v7 {
    height: 760px !important;
  }
}



/* Pro native flow treemap polish v8 */
.pro-flow-grid-v1.pro-flow-treemap-v8 {
  position: relative;
  display: block !important;
  width: 100%;
  height: clamp(560px, 62vh, 760px) !important;
  min-height: 560px !important;
  border-radius: 18px !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(15, 23, 42, 0.78), transparent 32%),
    #020617 !important;
  border: 1px solid rgba(148, 163, 184, 0.14);
  padding: 0 !important;
  gap: 0 !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8 {
  position: absolute !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: clamp(6px, 0.75vw, 15px) !important;
  border: 1px solid rgba(2, 6, 23, 0.96) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
  transition: filter 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.72;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,255,255,0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.05), transparent 58%);
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.long {
  background: linear-gradient(135deg, #6f1d26, #be123c 72%, #fb7185) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.long.mild {
  background: linear-gradient(135deg, #7f2635, #c0264c 72%, #fb7185) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.long.strong,
.pro-flow-treemap-v8 .pro-flow-tile-v8.long.extreme {
  background: linear-gradient(135deg, #7f1d1d, #be123c 70%, #fb4f7a) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.short {
  background: linear-gradient(135deg, #0e7490, #0284c7 72%, #22d3ee) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.short.strong,
.pro-flow-treemap-v8 .pro-flow-tile-v8.short.extreme {
  background: linear-gradient(135deg, #065f46, #0891b2 72%, #22d3ee) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.balanced {
  background: linear-gradient(135deg, #166534, #16a34a 70%, #22c55e) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8:hover {
  z-index: 45;
  filter: brightness(1.12) saturate(1.06);
  transform: scale(1.004);
  box-shadow: 0 22px 52px rgba(0,0,0,0.44) !important;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8.active {
  z-index: 35;
  box-shadow:
    inset 0 0 0 2px #facc15,
    inset 0 0 32px rgba(250,204,21,0.08),
    0 0 0 1px rgba(250,204,21,0.42) !important;
}

.pro-flow-head-v8,
.pro-flow-mini-head-v8 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pro-flow-head-v8 strong,
.pro-flow-mini-head-v8 strong,
.pro-flow-treemap-v8 .pro-flow-tile-v8 > strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: rgba(255,255,255,0.96);
  font-size: clamp(13px, 1.42vw, 38px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 2px 18px rgba(0,0,0,0.28);
}

.pro-flow-tile-v8.mega .pro-flow-head-v8 strong {
  font-size: clamp(42px, 3.8vw, 74px) !important;
}

.pro-flow-tile-v8.large .pro-flow-head-v8 strong {
  font-size: clamp(30px, 2.55vw, 54px) !important;
}

.pro-flow-tile-v8.medium .pro-flow-head-v8 strong {
  font-size: clamp(20px, 1.62vw, 32px) !important;
}

.pro-flow-head-v8 b,
.pro-flow-mini-head-v8 b {
  color: rgba(255,255,255,0.72);
  font-size: clamp(10px, 0.62vw, 13px);
  font-weight: 950;
  white-space: nowrap;
}

.pro-flow-selected-v8 {
  position: absolute;
  top: clamp(8px, 0.68vw, 12px);
  left: clamp(8px, 0.68vw, 12px);
  z-index: 2;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(250,204,21,0.18);
  border: 1px solid rgba(250,204,21,0.34);
  color: #fde68a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.pro-flow-tile-v8.active.mega .pro-flow-head-v8,
.pro-flow-tile-v8.active.large .pro-flow-head-v8 {
  margin-top: 18px;
}

.pro-flow-treemap-v8 .pro-flow-tile-v8 em {
  display: block;
  color: #fff;
  font-size: clamp(12px, 1.04vw, 22px) !important;
  line-height: 1 !important;
  font-style: normal;
  font-weight: 950;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-tile-v8.mega em {
  font-size: clamp(28px, 2.48vw, 48px) !important;
}

.pro-flow-tile-v8.large em {
  font-size: clamp(21px, 1.74vw, 34px) !important;
}

.pro-flow-tile-v8 small {
  display: block;
  color: rgba(255,255,255,0.82);
  font-size: clamp(9px, 0.66vw, 12px) !important;
  font-weight: 850;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-bar-v8 {
  display: flex;
  width: 100%;
  height: clamp(5px, 0.42vw, 8px);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(2,6,23,0.52);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.055);
}

.pro-flow-bar-v8 mark {
  display: block;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.pro-flow-bar-v8 mark.long {
  background: #fb4f7a;
}

.pro-flow-bar-v8 mark.short {
  background: #22d3ee;
}

.pro-flow-pct-v8 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pro-flow-pct-v8 b {
  min-width: 0;
  font-size: clamp(10px, 0.68vw, 13px);
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-pct-v8 b.long {
  color: #fecdd3;
}

.pro-flow-pct-v8 b.short {
  color: #a5f3fc;
  text-align: right;
}

.pro-flow-signal-v8 {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(2,6,23,0.38);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.92);
  font-size: clamp(10px, 0.64vw, 12px);
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-flow-tile-v8.small {
  justify-content: space-between !important;
  padding: 6px !important;
}

.pro-flow-tile-v8.small small,
.pro-flow-tile-v8.small .pro-flow-signal-v8 {
  display: none !important;
}

.pro-flow-tile-v8.small .pro-flow-pct-v8 b {
  font-size: 10px !important;
}

.pro-flow-tile-v8.tiny,
.pro-flow-tile-v8.mini {
  justify-content: space-between !important;
  padding: 5px !important;
}

.pro-flow-tile-v8.tiny small,
.pro-flow-tile-v8.tiny .pro-flow-pct-v8,
.pro-flow-tile-v8.tiny .pro-flow-signal-v8,
.pro-flow-tile-v8.mini small,
.pro-flow-tile-v8.mini .pro-flow-pct-v8,
.pro-flow-tile-v8.mini .pro-flow-signal-v8 {
  display: none !important;
}

.pro-flow-tile-v8.tiny strong,
.pro-flow-tile-v8.mini strong {
  font-size: 11px !important;
  letter-spacing: -0.02em;
}

.pro-flow-tile-v8.tiny em,
.pro-flow-tile-v8.mini em {
  font-size: 10px !important;
}

.pro-flow-tile-v8.micro {
  justify-content: center !important;
  padding: 3px !important;
}

.pro-flow-tile-v8.micro em,
.pro-flow-tile-v8.micro .pro-flow-bar-v8,
.pro-flow-tile-v8.micro small,
.pro-flow-tile-v8.micro .pro-flow-pct-v8,
.pro-flow-tile-v8.micro .pro-flow-signal-v8 {
  display: none !important;
}

.pro-flow-tile-v8.micro strong {
  font-size: 9px !important;
  text-align: center;
}

.pro-flow-tooltip-shell-v8 {
  position: fixed;
  z-index: 99999;
  width: 310px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.pro-flow-tooltip-shell-v8.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.pro-flow-tooltip-v8 {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(125,211,252,0.22);
  background:
    radial-gradient(circle at 0% 0%, rgba(14,165,233,0.18), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.98), rgba(2,6,23,0.98));
  box-shadow: 0 24px 70px rgba(0,0,0,0.46);
  color: #f8fafc;
}

.pro-flow-tooltip-head-v8 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.pro-flow-tooltip-head-v8 span {
  display: block;
  color: rgba(148,163,184,0.95);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 900;
}

.pro-flow-tooltip-head-v8 strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.pro-flow-tooltip-head-v8 b {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(14,165,233,0.11);
  border: 1px solid rgba(125,211,252,0.20);
  color: #bae6fd;
  font-size: 12px;
}

.pro-flow-tooltip-bar-v8 {
  display: flex;
  height: 8px;
  margin: 12px 0;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(2,6,23,0.55);
}

.pro-flow-tooltip-bar-v8 mark {
  height: 100%;
  padding: 0;
  margin: 0;
}

.pro-flow-tooltip-bar-v8 .long {
  background: #fb4f7a;
}

.pro-flow-tooltip-bar-v8 .short {
  background: #22d3ee;
}

.pro-flow-tooltip-grid-v8 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 12px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(2,6,23,0.36);
  border: 1px solid rgba(148,163,184,0.10);
}

.pro-flow-tooltip-grid-v8 span {
  color: rgba(203,213,225,0.75);
  font-size: 12px;
}

.pro-flow-tooltip-grid-v8 b {
  color: #fff;
  font-size: 12px;
  text-align: right;
}

.pro-flow-tooltip-grid-v8 b.long {
  color: #fda4af;
}

.pro-flow-tooltip-grid-v8 b.short {
  color: #67e8f9;
}

.pro-flow-tooltip-signal-v8 {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(250,204,21,0.10);
  border: 1px solid rgba(250,204,21,0.18);
  color: #fde68a;
  font-size: 12px;
  font-weight: 950;
}

.pro-flow-tooltip-v8 small {
  display: block;
  margin-top: 9px;
  color: rgba(148,163,184,0.82);
  font-size: 11px;
}

@media (max-width: 900px) {
  .pro-flow-grid-v1.pro-flow-treemap-v8 {
    height: 760px !important;
  }

  .pro-flow-tooltip-shell-v8 {
    display: none;
  }
}


/* === Pro treemap width tune: left column narrower / right mosaic wider === */
@media (min-width: 1280px) {
  /* grid-based variants */
  .pro-flow-board-grid,
  .pro-flow-treemap-grid,
  .pro-liq-board-grid,
  .liq-board-grid,
  .liq-flow-grid,
  .flow-board-grid,
  .treemap-grid {
    grid-template-columns: 47% 53% !important;
  }

  /* flex-based variants */
  .pro-flow-board-left,
  .pro-flow-treemap-left,
  .pro-liq-board-left,
  .liq-board-left,
  .liq-flow-left,
  .flow-board-left,
  .treemap-left {
    width: 47% !important;
    max-width: 47% !important;
    flex: 0 0 47% !important;
  }

  .pro-flow-board-right,
  .pro-flow-treemap-right,
  .pro-liq-board-right,
  .liq-board-right,
  .liq-flow-right,
  .flow-board-right,
  .treemap-right {
    width: 53% !important;
    max-width: 53% !important;
    flex: 0 0 53% !important;
  }
}


/* Pro native flow hero split v10 css start */
.pro-flow-grid-v1.pro-flow-treemap-v10 {
  height: clamp(560px, 62vh, 760px) !important;
}

/* Slightly improve right mosaic readability after widening */
.pro-flow-treemap-v10 .pro-flow-tile-v8.medium strong,
.pro-flow-treemap-v10 .pro-flow-tile-v8.small strong {
  letter-spacing: -0.025em !important;
}

.pro-flow-treemap-v10 .pro-flow-tile-v8.small,
.pro-flow-treemap-v10 .pro-flow-tile-v8.tiny,
.pro-flow-treemap-v10 .pro-flow-tile-v8.mini {
  padding: 5px !important;
}

/* Keep selected border clean */
.pro-flow-treemap-v10 .pro-flow-tile-v8.active {
  box-shadow:
    inset 0 0 0 2px #facc15,
    inset 0 0 28px rgba(250,204,21,0.08),
    0 0 0 1px rgba(250,204,21,0.38) !important;
}
/* Pro native flow hero split v10 css end */


/* Pro native flow tile final v11 css start */
.pro-flow-grid-v1.pro-flow-treemap-v11 {
  position: relative;
  display: block !important;
  width: 100%;
  height: clamp(560px, 62vh, 760px) !important;
  min-height: 560px !important;
  border-radius: 18px;
  overflow: hidden;
  background: #020617;
  border: 1px solid rgba(148, 163, 184, 0.14);
  padding: 0 !important;
  gap: 0 !important;
}

.pf11-tile {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  min-height: 0;
  padding: clamp(6px, 0.72vw, 14px);
  border: 1px solid rgba(2, 6, 23, 0.96);
  border-radius: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  color: #fff;
  isolation: isolate;
  transition: filter 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

.pf11-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 15% 12%, rgba(255,255,255,0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.045), transparent 58%);
  opacity: 0.72;
}

.pf11-tile.long {
  background: linear-gradient(135deg, #7a1526, #be123c 68%, #fb7185);
}

.pf11-tile.long.strong,
.pf11-tile.long.extreme {
  background: linear-gradient(135deg, #721020, #be123c 64%, #ff5d82);
}

.pf11-tile.short {
  background: linear-gradient(135deg, #14532d, #15803d 68%, #4ade80);
}

.pf11-tile.short.strong,
.pf11-tile.short.extreme {
  background: linear-gradient(135deg, #064e3b, #15803d 64%, #22c55e);
}

.pf11-tile:hover {
  z-index: 40;
  filter: brightness(1.10) saturate(1.04);
  transform: scale(1.004);
  box-shadow: 0 22px 52px rgba(0,0,0,0.44);
}

.pf11-tile.active {
  z-index: 30;
  box-shadow:
    inset 0 0 0 2px #facc15,
    inset 0 0 30px rgba(250,204,21,0.07),
    0 0 0 1px rgba(250,204,21,0.40);
}

.pf11-head,
.pf11-mini-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pf11-head strong,
.pf11-mini-head strong,
.pf11-symbol-only {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: rgba(255,255,255,0.96);
  font-size: clamp(13px, 1.36vw, 36px);
  line-height: 0.98;
  letter-spacing: -0.035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 2px 18px rgba(0,0,0,0.28);
}

.pf11-tile.mega .pf11-head strong {
  font-size: clamp(42px, 3.5vw, 66px);
}

.pf11-tile.large .pf11-head strong {
  font-size: clamp(28px, 2.3vw, 48px);
}

.pf11-tile.medium .pf11-head strong {
  font-size: clamp(18px, 1.48vw, 30px);
}

.pf11-head b,
.pf11-mini-head b {
  flex: 0 0 auto;
  color: rgba(255,255,255,0.74);
  font-size: clamp(10px, 0.60vw, 12px);
  font-weight: 950;
  white-space: nowrap;
}

.pf11-selected {
  position: absolute;
  top: clamp(8px, 0.68vw, 12px);
  left: clamp(8px, 0.68vw, 12px);
  z-index: 2;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(250,204,21,0.16);
  border: 1px solid rgba(250,204,21,0.34);
  color: #fde68a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.pf11-tile.active.mega .pf11-head,
.pf11-tile.active.large .pf11-head {
  margin-top: 18px;
}

.pf11-tile em {
  display: block;
  min-width: 0;
  color: #fff;
  font-size: clamp(12px, 1.00vw, 22px);
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf11-tile.mega em {
  font-size: clamp(26px, 2.25vw, 44px);
}

.pf11-tile.large em {
  font-size: clamp(20px, 1.65vw, 32px);
}

.pf11-tile small {
  display: block;
  color: rgba(255,255,255,0.82);
  font-size: clamp(9px, 0.62vw, 11px);
  font-weight: 850;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf11-bar {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: clamp(5px, 0.38vw, 8px);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(2,6,23,0.52);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.055);
}

.pf11-bar mark {
  display: block;
  height: 100%;
  padding: 0;
  margin: 0;
}

.pf11-bar .long {
  background: #fb4f7a;
}

.pf11-bar .short {
  background: #4ade80;
}

.pf11-pct {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.pf11-pct b {
  min-width: 0;
  font-size: clamp(10px, 0.62vw, 12px);
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf11-pct .long {
  color: #fecdd3;
}

.pf11-pct .short {
  color: #bbf7d0;
  text-align: right;
}

.pf11-signal {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(2,6,23,0.40);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.92);
  font-size: clamp(10px, 0.60vw, 12px);
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf11-tile.small {
  justify-content: space-between;
  padding: 6px;
}

.pf11-tile.small .pf11-signal,
.pf11-tile.small small {
  display: none;
}

.pf11-tile.tiny,
.pf11-tile.mini {
  justify-content: center;
  padding: 5px;
}

.pf11-tile.tiny .pf11-bar,
.pf11-tile.tiny .pf11-pct,
.pf11-tile.tiny small,
.pf11-tile.tiny .pf11-signal,
.pf11-tile.mini em,
.pf11-tile.mini .pf11-bar,
.pf11-tile.mini .pf11-pct,
.pf11-tile.mini small,
.pf11-tile.mini .pf11-signal {
  display: none;
}

.pf11-tile.tiny strong,
.pf11-tile.mini strong {
  font-size: 11px;
}

.pf11-tile.micro {
  justify-content: center;
  padding: 3px;
}

.pf11-tile.micro .pf11-head,
.pf11-tile.micro .pf11-mini-head,
.pf11-tile.micro em,
.pf11-tile.micro .pf11-bar,
.pf11-tile.micro .pf11-pct,
.pf11-tile.micro small,
.pf11-tile.micro .pf11-signal {
  display: none;
}

.pf11-tile.micro .pf11-symbol-only {
  font-size: 9px;
  text-align: center;
}

.pf11-tooltip-shell {
  position: fixed;
  z-index: 99999;
  width: 320px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.pf11-tooltip-shell.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.pf11-tooltip {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,0.18);
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,0.10), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.98), rgba(2,6,23,0.98));
  box-shadow: 0 24px 70px rgba(0,0,0,0.46);
  color: #f8fafc;
}

.pf11-tooltip-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.pf11-tooltip-head span {
  display: block;
  color: rgba(148,163,184,0.95);
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 900;
}

.pf11-tooltip-head strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.pf11-tooltip-head b {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(14,165,233,0.10);
  border: 1px solid rgba(125,211,252,0.18);
  color: #bae6fd;
  font-size: 12px;
}

.pf11-tooltip-bar {
  display: flex;
  height: 8px;
  margin: 12px 0;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(2,6,23,0.55);
}

.pf11-tooltip-bar mark {
  height: 100%;
  padding: 0;
  margin: 0;
}

.pf11-tooltip-bar .long {
  background: #fb4f7a;
}

.pf11-tooltip-bar .short {
  background: #4ade80;
}

.pf11-tooltip-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 12px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(2,6,23,0.36);
  border: 1px solid rgba(148,163,184,0.10);
}

.pf11-tooltip-grid span {
  color: rgba(203,213,225,0.75);
  font-size: 12px;
}

.pf11-tooltip-grid b {
  color: #fff;
  font-size: 12px;
  text-align: right;
}

.pf11-tooltip-grid b.long {
  color: #fda4af;
}

.pf11-tooltip-grid b.short {
  color: #bbf7d0;
}

.pf11-tooltip small {
  display: block;
  margin-top: 9px;
  color: rgba(148,163,184,0.82);
  font-size: 11px;
}

@media (max-width: 900px) {
  .pro-flow-grid-v1.pro-flow-treemap-v11 {
    height: 760px !important;
  }

  .pf11-tooltip-shell {
    display: none;
  }
}
/* Pro native flow tile final v11 css end */


/* Pro flow board controls v12 css start */
.pro-flow-grid-v1.pro-flow-treemap-v12 {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

.pf12-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(14, 165, 233, 0.10), transparent 34%),
    rgba(2, 6, 23, 0.34);
}

.pf12-legend,
.pf12-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.pf12-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 12px;
  font-weight: 800;
}

.pf12-legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.pf12-legend i.long {
  background: #fb4f7a;
}

.pf12-legend i.short {
  background: #4ade80;
}

.pf12-legend i.selected {
  background: #facc15;
}

.pf12-pill {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  background: rgba(14, 165, 233, 0.10);
  color: #dff7ff;
  font-size: 12px;
  font-weight: 900;
}

.pf12-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.72);
}

.pf12-search span {
  color: rgba(148, 163, 184, 0.85);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pf12-search input {
  width: 160px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f8fafc;
  font-size: 13px;
  font-weight: 850;
}

.pf12-search input::placeholder {
  color: rgba(148, 163, 184, 0.52);
}

.pf12-canvas {
  position: relative;
  width: 100%;
  height: clamp(560px, 62vh, 760px);
  min-height: 560px;
  border-radius: 18px;
  overflow: hidden;
  background: #020617;
  border: 1px solid rgba(148, 163, 184, 0.14);
}

.pf12-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 260px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(2, 6, 23, 0.38);
  color: #f8fafc;
  text-align: center;
}

.pf12-empty strong {
  font-size: 20px;
}

.pf12-empty span {
  color: rgba(203, 213, 225, 0.72);
}

@media (max-width: 900px) {
  .pf12-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .pf12-canvas {
    height: 760px;
  }

  .pf12-search input {
    width: 130px;
  }
}
/* Pro flow board controls v12 css end */


/* Pro flow balanced safe v13b css */
.pf11-tile.neutral {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.08), transparent 34%),
    linear-gradient(135deg, #1e293b, #334155 66%, #475569) !important;
}

.pf11-tile.neutral.mega,
.pf11-tile.neutral.large {
  background:
    radial-gradient(circle at 0% 0%, rgba(125,211,252,0.08), transparent 38%),
    linear-gradient(135deg, #1e293b, #334155 65%, #475569) !important;
}

.pf12-legend i.neutral {
  background: #64748b !important;
}

.pf11-tile.neutral .pf11-signal {
  color: #e2e8f0 !important;
  background: rgba(15,23,42,0.42) !important;
  border-color: rgba(226,232,240,0.12) !important;
}

.pf11-bar .long,
.pf11-tooltip-bar .long,
.pf12-legend i.long {
  background: #fb4f7a !important;
}

.pf11-bar .short,
.pf11-tooltip-bar .short,
.pf12-legend i.short {
  background: #4ade80 !important;
}

.pf11-pct .long,
.pf11-tooltip-grid b.long {
  color: #fecdd3 !important;
}

.pf11-pct .short,
.pf11-tooltip-grid b.short {
  color: #bbf7d0 !important;
}


/* Pro flow board final layout v14 css */

/* final canvas proportion */
.pf12-canvas {
  height: clamp(560px, 61vh, 740px) !important;
}

/* neutral means no strong side dominance */
.pf11-tile.neutral {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.08), transparent 34%),
    linear-gradient(135deg, #1e293b, #334155 66%, #475569) !important;
}

.pf11-tile.neutral.mega,
.pf11-tile.neutral.large {
  background:
    radial-gradient(circle at 0% 0%, rgba(125,211,252,0.08), transparent 38%),
    linear-gradient(135deg, #1f3146, #334155 65%, #475569) !important;
}

.pf11-tile.long {
  background: linear-gradient(135deg, #7a1526, #be123c 68%, #fb7185) !important;
}

.pf11-tile.short {
  background: linear-gradient(135deg, #14532d, #15803d 68%, #4ade80) !important;
}

/* top 2 hero tiles: cleaner hierarchy */
.pf11-tile.mega,
.pf11-tile.large {
  padding: clamp(14px, 1.2vw, 22px) !important;
  gap: 8px !important;
}

.pf11-tile.mega .pf11-head strong,
.pf11-tile.large .pf11-head strong {
  font-size: clamp(42px, 3.1vw, 64px) !important;
}

.pf11-tile.mega em,
.pf11-tile.large em {
  font-size: clamp(28px, 2.15vw, 44px) !important;
}

/* medium boxes: show symbol, amount, bar, percentages only */
.pf11-tile.medium {
  justify-content: space-between !important;
  gap: 4px !important;
  padding: 7px 8px !important;
}

.pf11-tile.medium .pf11-head strong {
  font-size: clamp(18px, 1.25vw, 28px) !important;
}

.pf11-tile.medium em {
  font-size: clamp(14px, 1vw, 20px) !important;
}

.pf11-tile.medium small,
.pf11-tile.medium .pf11-signal {
  display: none !important;
}

/* small boxes: symbol + amount + bar only */
.pf11-tile.small {
  justify-content: space-between !important;
  gap: 3px !important;
  padding: 6px !important;
}

.pf11-tile.small .pf11-head strong {
  font-size: clamp(14px, 1vw, 20px) !important;
}

.pf11-tile.small em {
  font-size: 13px !important;
}

.pf11-tile.small .pf11-pct,
.pf11-tile.small small,
.pf11-tile.small .pf11-signal {
  display: none !important;
}

/* tiny boxes: symbol + amount only */
.pf11-tile.tiny {
  justify-content: center !important;
  gap: 2px !important;
  padding: 5px !important;
}

.pf11-tile.tiny .pf11-head,
.pf11-tile.tiny .pf11-mini-head {
  display: flex !important;
}

.pf11-tile.tiny strong {
  font-size: 11px !important;
}

.pf11-tile.tiny em {
  display: block !important;
  font-size: 10px !important;
}

.pf11-tile.tiny .pf11-bar,
.pf11-tile.tiny .pf11-pct,
.pf11-tile.tiny small,
.pf11-tile.tiny .pf11-signal {
  display: none !important;
}

/* mini/micro: symbol only */
.pf11-tile.mini,
.pf11-tile.micro {
  justify-content: center !important;
  padding: 3px !important;
}

.pf11-tile.mini em,
.pf11-tile.mini .pf11-bar,
.pf11-tile.mini .pf11-pct,
.pf11-tile.mini small,
.pf11-tile.mini .pf11-signal,
.pf11-tile.micro em,
.pf11-tile.micro .pf11-bar,
.pf11-tile.micro .pf11-pct,
.pf11-tile.micro small,
.pf11-tile.micro .pf11-signal {
  display: none !important;
}

.pf11-tile.mini strong,
.pf11-tile.micro strong,
.pf11-symbol-only {
  font-size: 9px !important;
  line-height: 1 !important;
}

/* ratio bar colors */
.pf11-bar .long,
.pf11-tooltip-bar .long,
.pf12-legend i.long {
  background: #fb4f7a !important;
}

.pf11-bar .short,
.pf11-tooltip-bar .short,
.pf12-legend i.short {
  background: #4ade80 !important;
}

.pf12-legend i.neutral {
  background: #64748b !important;
}

/* selected cleaner */
.pf11-tile.active {
  box-shadow:
    inset 0 0 0 2px #facc15,
    inset 0 0 28px rgba(250,204,21,0.07),
    0 0 0 1px rgba(250,204,21,0.38) !important;
}

/* toolbar tighter */
.pf12-toolbar {
  margin-bottom: 10px !important;
}

.pf12-search input {
  width: 140px !important;
}


/* Pro flow modes safe v16 css */
.pro-flow-grid-v1.pro-flow-modes-safe-v16 {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

.pf16-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0;
}

.pf16-mode {
  display: inline-flex;
  gap: 5px;
  padding: 4px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.76);
}

.pf16-mode button {
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(203, 213, 225, 0.70);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.pf16-mode button.active {
  background: #f8fafc;
  color: #020617;
}

.pf16-select {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  background: rgba(14, 165, 233, 0.10);
}

.pf16-select span {
  color: rgba(148, 163, 184, 0.92);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pf16-select select {
  border: 0;
  outline: 0;
  background: transparent;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.pf16-select option {
  color: #020617;
}

.pf16-pill {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  background: rgba(14, 165, 233, 0.10);
  color: #dff7ff;
  font-size: 12px;
  font-weight: 900;
}

.pf16-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 10px;
  padding: 9px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.10);
  background: rgba(2, 6, 23, 0.20);
  color: rgba(203, 213, 225, 0.76);
  font-size: 12px;
  font-weight: 850;
}

.pf16-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.pf16-legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.pf16-legend i.long {
  background: #fb4f7a;
}

.pf16-legend i.short {
  background: #4ade80;
}

.pf16-legend i.neutral {
  background: #64748b;
}

.pf16-legend i.selected {
  background: #facc15;
}

.pf16-canvas {
  position: relative;
  width: 100%;
  height: clamp(560px, 62vh, 760px);
  min-height: 560px;
  border-radius: 18px;
  overflow: hidden;
  background: #020617;
  border: 1px solid rgba(148, 163, 184, 0.14);
}

.pf16-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 260px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(2, 6, 23, 0.38);
  color: #f8fafc;
  text-align: center;
}

.pf16-empty strong {
  font-size: 20px;
}

.pf16-empty span {
  color: rgba(203, 213, 225, 0.72);
}

.pf16-exchange-tile.mega .pf11-head strong,
.pf16-exchange-tile.large .pf11-head strong {
  font-size: clamp(44px, 4vw, 78px) !important;
}

.pf16-exchange-tile.mega em,
.pf16-exchange-tile.large em {
  font-size: clamp(30px, 2.4vw, 52px) !important;
}

@media (max-width: 900px) {
  .pf16-toolbar {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .pf16-canvas {
    height: 760px;
  }
}


/* Pro multi exchange labels v17 css */
.pf16-select select option[value="bybit"],
.pf16-select select option[value="okx"] {
  font-weight: 900;
}


/* Pro flow timeframes v18 css */
.pf18-toolbar {
  flex-wrap: wrap;
}

.pf18-windows {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 38px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  background: rgba(14, 165, 233, 0.10);
}

.pf18-windows button {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(203, 213, 225, 0.74);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.pf18-windows button.active {
  background: #f8fafc;
  color: #020617;
}

@media (max-width: 1100px) {
  .pf18-windows {
    order: 10;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
}


/* Pro collector health bar v20 css */
.pf20-healthbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 8px 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(125, 211, 252, 0.14);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.10), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.pf20-health-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: max-content;
  color: rgba(226, 232, 240, 0.92);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pf20-health-title strong {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: rgba(248, 250, 252, 0.95);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
}

.pf20-health-items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}

.pf20-health-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.72);
  color: rgba(226, 232, 240, 0.86);
  font-size: 11px;
  line-height: 1;
}

.pf20-health-chip i,
.pf20-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
}

.pf20-health-chip b {
  color: rgba(248, 250, 252, 0.98);
  font-weight: 950;
}

.pf20-health-chip em {
  font-style: normal;
  font-weight: 900;
  color: rgba(203, 213, 225, 0.72);
}

.pf20-health-chip small {
  color: rgba(148, 163, 184, 0.86);
  font-weight: 900;
}

.pf20-health-chip.live,
.pf20-dot.live {
  border-color: rgba(74, 222, 128, 0.28);
}

.pf20-health-chip.live i,
.pf20-dot.live {
  background: #4ade80;
  box-shadow: 0 0 14px rgba(74, 222, 128, 0.48);
}

.pf20-health-chip.delayed,
.pf20-health-chip.waiting,
.pf20-dot.delayed,
.pf20-dot.waiting {
  border-color: rgba(251, 191, 36, 0.32);
}

.pf20-health-chip.delayed i,
.pf20-health-chip.waiting i,
.pf20-dot.delayed,
.pf20-dot.waiting {
  background: #fbbf24;
  box-shadow: 0 0 14px rgba(251, 191, 36, 0.42);
}

.pf20-health-chip.stale,
.pf20-dot.stale {
  border-color: rgba(251, 146, 60, 0.32);
}

.pf20-health-chip.stale i,
.pf20-dot.stale {
  background: #fb923c;
}

.pf20-health-chip.down,
.pf20-dot.down {
  border-color: rgba(248, 113, 113, 0.28);
}

.pf20-health-chip.down i,
.pf20-dot.down {
  background: #f87171;
}

.pf20-health-chip.planned {
  opacity: 0.58;
  border-color: rgba(148, 163, 184, 0.13);
}

.pf20-health-chip.planned i {
  background: #64748b;
}

.pf20-health-empty {
  color: rgba(148, 163, 184, 0.8);
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 900px) {
  .pf20-healthbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .pf20-health-items {
    justify-content: flex-start;
  }
}

/* Pro Largest Liquidation Events v25 */
.pro-largest-events-v25 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 24px;
  background: rgba(15, 23, 42, 0.72);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.pro-largest-head-v25 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.pro-largest-head-v25 span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.pro-largest-head-v25 h3 {
  margin: 5px 0 6px;
  letter-spacing: -0.03em;
}

.pro-largest-head-v25 p {
  margin: 0;
  max-width: 780px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.pro-largest-actions-v25 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  white-space: nowrap;
}

.pro-largest-actions-v25 small {
  color: var(--muted);
  font-weight: 800;
}

.pro-largest-tabs-v25 {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.44);
}

.pro-largest-tabs-v25 button {
  border: 0;
  border-radius: 999px;
  padding: 7px 10px;
  background: transparent;
  color: var(--muted);
  font-weight: 900;
  cursor: pointer;
}

.pro-largest-tabs-v25 button.active {
  background: rgba(34, 211, 238, 0.14);
  color: var(--text);
}

.pro-largest-table-v25 {
  overflow: auto;
}

.pro-largest-row-v25 {
  display: grid;
  grid-template-columns: 46px minmax(86px, 0.7fr) minmax(88px, 0.8fr) minmax(130px, 1fr) minmax(90px, 0.7fr) minmax(120px, 0.9fr) minmax(110px, 0.8fr);
  gap: 12px;
  align-items: center;
  min-width: 860px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  color: var(--text);
  text-decoration: none;
}

.pro-largest-row-v25.head {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: rgba(2, 6, 23, 0.35);
}

.pro-largest-row-v25:not(.head):hover {
  background: rgba(148, 163, 184, 0.06);
}

.pro-largest-row-v25 .rank,
.pro-largest-row-v25 .time,
.pro-largest-row-v25 .exchange,
.pro-largest-row-v25 .price {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.pro-largest-row-v25 .asset {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.pro-largest-row-v25 .asset b {
  display: block;
  font-size: 14px;
}

.pro-largest-row-v25 .asset small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.pro-largest-row-v25 .side {
  justify-self: start;
  border-radius: 999px;
  padding: 5px 9px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.pro-largest-row-v25 .side.down {
  border-color: rgba(239, 68, 68, 0.24);
  background: rgba(239, 68, 68, 0.10);
  color: #fca5a5;
}

.pro-largest-row-v25 .side.up {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.10);
  color: #86efac;
}

.pro-largest-row-v25 .notional {
  font-weight: 950;
  letter-spacing: -0.02em;
}

.pro-largest-row-v25.down .notional {
  color: #fca5a5;
}

.pro-largest-row-v25.up .notional {
  color: #86efac;
}

.pro-largest-empty-v25 {
  margin: 14px 18px 18px;
  padding: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(2, 6, 23, 0.42);
  font-size: 13px;
}

@media (max-width: 820px) {
  .pro-largest-head-v25 {
    flex-direction: column;
  }

  .pro-largest-actions-v25 {
    align-items: flex-start;
  }
}

/* Pro Largest Events compact scroll v26 */
.pro-largest-events-v25 {
  margin-top: 18px;
}

.pro-largest-table-v25 {
  max-height: 620px;
  overflow: auto;
  scrollbar-width: thin;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}

.pro-largest-row-v25.head {
  position: sticky;
  top: 0;
  z-index: 5;
  backdrop-filter: blur(14px);
  background: rgba(8, 13, 27, 0.96);
  box-shadow: 0 1px 0 rgba(148, 163, 184, 0.10);
}

.pro-largest-row-v25:not(.head) {
  min-height: 58px;
}

.pro-largest-row-v25 .notional,
.pro-largest-row-v25 .price {
  text-align: left;
  white-space: nowrap;
}

.pro-largest-row-v25 .exchange {
  letter-spacing: 0.04em;
}

.pro-largest-row-v25 .asset {
  overflow: hidden;
}

.pro-largest-row-v25 .asset span {
  min-width: 0;
}

.pro-largest-row-v25 .asset b,
.pro-largest-row-v25 .asset small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .pro-largest-table-v25 {
    max-height: 560px;
  }
}

@media (max-width: 820px) {
  .pro-largest-table-v25 {
    max-height: 520px;
  }
}

/* Pro Largest Events dark scrollbar v27 */
.pro-largest-table-v25 {
  scrollbar-color: rgba(34, 211, 238, 0.42) rgba(2, 6, 23, 0.72);
  scrollbar-width: thin;
}

.pro-largest-table-v25::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.pro-largest-table-v25::-webkit-scrollbar-track {
  background: rgba(2, 6, 23, 0.72);
  border-left: 1px solid rgba(148, 163, 184, 0.10);
}

.pro-largest-table-v25::-webkit-scrollbar-thumb {
  border: 2px solid rgba(2, 6, 23, 0.72);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(34, 211, 238, 0.55), rgba(99, 102, 241, 0.38));
}

.pro-largest-table-v25::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(34, 211, 238, 0.78), rgba(99, 102, 241, 0.54));
}

.pro-largest-events-v25 {
  outline: 1px solid rgba(34, 211, 238, 0.04);
}

.pro-largest-row-v25.head {
  border-bottom: 1px solid rgba(34, 211, 238, 0.12);
}

.pro-largest-row-v25:not(.head):nth-child(even) {
  background: rgba(148, 163, 184, 0.018);
}

.pro-largest-row-v25:not(.head):hover {
  background: rgba(34, 211, 238, 0.045);
}

.pro-largest-row-v25 .notional {
  font-size: 15px;
}

.pro-largest-row-v25 .side {
  min-width: 74px;
  text-align: center;
}

/* Liq Map exchange selector v31 */
.pro-map-exchangebar-v31 {
  flex-wrap: wrap;
  max-width: 360px;
}

.pro-map-exchangebar-v31 button {
  cursor: pointer;
}

.pro-map-exchangebar-v31 button:not(.active) {
  opacity: 0.92;
}

@media (max-width: 980px) {
  .pro-map-exchangebar-v31 {
    max-width: none;
  }
}

/* Liq Map professional exchange dropdown v32 */
.pro-map-exchange-control-v32 {
  display: grid;
  gap: 6px;
  min-width: 250px;
}

.pro-map-select-shell-v32 {
  position: relative;
  display: block;
}

.pro-map-select-shell-v32::after {
  content: "⌄";
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-54%);
  color: #a5f3fc;
  font-size: 15px;
  pointer-events: none;
}

.pro-map-select-shell-v32 select {
  width: 100%;
  min-height: 42px;
  appearance: none;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 12px;
  padding: 0 38px 0 13px;
  background:
    linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(59, 130, 246, 0.06)),
    rgba(15, 23, 42, 0.86);
  color: #e5faff;
  font-weight: 900;
  outline: none;
  cursor: pointer;
}

.pro-map-select-shell-v32 select:hover {
  border-color: rgba(34, 211, 238, 0.42);
  background:
    linear-gradient(135deg, rgba(34, 211, 238, 0.16), rgba(59, 130, 246, 0.10)),
    rgba(15, 23, 42, 0.92);
}

.pro-map-select-shell-v32 select:focus {
  border-color: rgba(125, 211, 252, 0.72);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.10);
}

.pro-map-exchange-control-v32 small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 980px) {
  .pro-map-exchange-control-v32 {
    min-width: 0;
  }
}

/* Liq Map no-flicker refresh v33 */
.pro-map-terminal-v4.is-soft-loading-v33 .pro-map-titlebar-v4 {
  position: relative;
}

.pro-map-terminal-v4.is-soft-loading-v33 .pro-map-titlebar-v4::after {
  content: "Updating";
  position: absolute;
  right: 18px;
  bottom: -11px;
  padding: 3px 8px;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.92);
  color: #a5f3fc;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pro-map-terminal-v4.is-soft-loading-v33 .pro-map-main-v4,
.pro-map-terminal-v4.is-soft-loading-v33 .pro-map-side-card-v4 {
  opacity: 0.96;
}

/* Liq Map live price feedback v34 */
[data-pro-map-live-price] {
  transition: color 0.18s ease, text-shadow 0.18s ease;
}

[data-pro-map-live-price].tick-up-v34 {
  color: #86efac;
  text-shadow: 0 0 18px rgba(34, 197, 94, 0.36);
}

[data-pro-map-live-price].tick-down-v34 {
  color: #fca5a5;
  text-shadow: 0 0 18px rgba(239, 68, 68, 0.34);
}

/* Liq Map live current-price marker v35 */
.pro-map-row-v4.current {
  background:
    linear-gradient(90deg, rgba(250, 204, 21, 0.10), rgba(250, 204, 21, 0.025)),
    rgba(250, 204, 21, 0.045);
}

.pro-map-row-v4.current::before {
  content: "";
  position: absolute;
  left: 0;
  right: 76px;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  background: rgba(250, 204, 21, 0.36);
  box-shadow: 0 0 16px rgba(250, 204, 21, 0.34);
  pointer-events: none;
}

[data-pro-map-current-price-label] {
  position: absolute;
  left: 6px;
  top: -8px;
  z-index: 4;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.18);
  color: #fde68a;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}


/* Whale Intelligence placeholder v1 */
.whales-page-v1 {
  display: grid;
  gap: 22px;
}

.whales-hero-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 18px;
  padding: 26px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.14), transparent 36%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.92));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
}

.whales-hero-v1 h2 {
  margin: 8px 0 10px;
  font-size: clamp(30px, 4vw, 56px);
  letter-spacing: -0.05em;
}

.whales-hero-v1 p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.whales-hero-actions-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.whales-hero-actions-v1 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(34, 211, 238, 0.24);
  color: #e0f2fe;
  background: rgba(15, 23, 42, 0.72);
  text-decoration: none;
  font-weight: 800;
}

.whales-status-card-v1,
.whales-kpi-grid-v1 article,
.whales-panel-v1,
.whales-disclaimer-v1 {
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.72);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.whales-status-card-v1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 20px;
}

.whales-status-card-v1 span,
.whales-kpi-grid-v1 span,
.whales-panel-head-v1 span {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 800;
}

.whales-status-card-v1 strong {
  font-size: 28px;
  color: #67e8f9;
}

.whales-status-card-v1 small,
.whales-kpi-grid-v1 small,
.whales-panel-v1 p,
.whales-disclaimer-v1 {
  color: var(--muted);
}

.whales-kpi-grid-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.whales-kpi-grid-v1 article {
  padding: 18px;
}

.whales-kpi-grid-v1 strong {
  display: block;
  margin: 8px 0 6px;
  font-size: 18px;
}

.whales-grid-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.whales-panel-v1 {
  padding: 20px;
}

.whales-panel-v1.wide {
  grid-column: 1 / -1;
}

.whales-panel-head-v1 {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 12px;
}

.whales-panel-head-v1 strong {
  color: #e2e8f0;
}

.whales-panel-v1 p {
  margin: 0;
  line-height: 1.65;
}

.whales-tape-demo-v1 {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.whales-tape-demo-v1 div {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: center;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.56);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

.whales-tape-demo-v1 b {
  color: #67e8f9;
}

.whales-tape-demo-v1 span {
  color: #cbd5e1;
}

.whales-tape-demo-v1 strong {
  text-align: right;
  color: #bbf7d0;
}

.whales-disclaimer-v1 {
  padding: 16px 18px;
  line-height: 1.6;
}

@media (max-width: 980px) {
  .whales-hero-v1,
  .whales-grid-v1 {
    grid-template-columns: 1fr;
  }

  .whales-kpi-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .whales-tape-demo-v1 div {
    grid-template-columns: 1fr;
  }

  .whales-tape-demo-v1 strong {
    text-align: left;
  }
}

@media (max-width: 640px) {
  .whales-kpi-grid-v1 {
    grid-template-columns: 1fr;
  }

  .whales-hero-v1 {
    padding: 20px;
    border-radius: 22px;
  }
}

/* Whale live API v2 minimal */
.whales-status-card-v1.live strong {
  color: #86efac;
}

.whales-status-card-v1.waiting strong,
.whales-status-card-v1.stale strong {
  color: #fde68a;
}

.whales-status-card-v1.offline strong {
  color: #fca5a5;
}

.whales-live-row-v2 a {
  color: #67e8f9;
  text-decoration: none;
}

.whales-live-row-v2 a:hover {
  text-decoration: underline;
}

.whales-live-mini-v2 {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.whales-live-mini-v2 div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.whales-live-mini-v2 span {
  color: rgba(226, 232, 240, 0.68);
  font-size: 12px;
}

.whales-live-mini-v2 strong {
  color: #f8fafc;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

/* Whale Flow Breakdown v3 */
.whale-flow-panel-v3 {
  min-height: 260px;
}

.whale-flow-list-v3 {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.whale-flow-row-v3 {
  display: grid;
  grid-template-columns: minmax(150px, 1.1fr) minmax(90px, 0.8fr) auto;
  gap: 10px 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.42);
}

.whale-flow-row-v3 div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.whale-flow-row-v3 b {
  color: rgba(248, 250, 252, 0.94);
  font-size: 13px;
  letter-spacing: -0.01em;
}

.whale-flow-row-v3 small {
  color: rgba(148, 163, 184, 0.82);
  font-size: 11px;
}

.whale-flow-row-v3 > strong {
  color: rgba(248, 250, 252, 0.95);
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
}

.whale-flow-row-v3 > small {
  grid-column: 1 / -1;
  color: rgba(148, 163, 184, 0.76);
}

.whale-flow-bar-v3 {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(30, 41, 59, 0.95);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}

.whale-flow-bar-v3 i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.95), rgba(129, 140, 248, 0.95));
}

.whale-flow-row-v3.unknown .whale-flow-bar-v3 i {
  background: linear-gradient(90deg, rgba(251, 191, 36, 0.95), rgba(249, 115, 22, 0.95));
}

.whale-flow-row-v3.contract .whale-flow-bar-v3 i {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.95), rgba(59, 130, 246, 0.95));
}

.whale-flow-row-v3.mintburn .whale-flow-bar-v3 i {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.95), rgba(236, 72, 153, 0.95));
}

.whale-flow-row-v3.inflow .whale-flow-bar-v3 i {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.95), rgba(34, 197, 94, 0.95));
}

.whale-flow-row-v3.outflow .whale-flow-bar-v3 i {
  background: linear-gradient(90deg, rgba(248, 113, 113, 0.95), rgba(239, 68, 68, 0.95));
}

@media (max-width: 760px) {
  .whale-flow-row-v3 {
    grid-template-columns: 1fr;
  }

  .whale-flow-row-v3 > strong {
    text-align: left;
  }
}

/* Whale Network Clusters v1 */
.whale-clusters-panel-v1 {
  min-height: 320px;
}

.whale-cluster-stats-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.whale-cluster-stats-v1 div {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.42);
}

.whale-cluster-stats-v1 span,
.whale-cluster-section-v1 > span {
  display: block;
  color: rgba(148, 163, 184, 0.82);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.whale-cluster-stats-v1 strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, 0.95);
  font-size: 18px;
  letter-spacing: -0.03em;
}

.whale-cluster-section-v1 {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.whale-cluster-node-v1,
.whale-cluster-edge-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.34);
}

.whale-cluster-node-v1 div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.whale-cluster-node-v1 b,
.whale-cluster-edge-v1 span {
  color: rgba(248, 250, 252, 0.94);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whale-cluster-node-v1 small,
.whale-cluster-edge-v1 small {
  color: rgba(148, 163, 184, 0.78);
  font-size: 11px;
}

.whale-cluster-edge-v1 small {
  grid-column: 1 / -1;
}

.whale-cluster-node-v1 strong,
.whale-cluster-edge-v1 strong {
  color: rgba(34, 211, 238, 0.95);
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .whale-cluster-stats-v1 {
    grid-template-columns: 1fr;
  }

  .whale-cluster-node-v1,
  .whale-cluster-edge-v1 {
    grid-template-columns: 1fr;
  }

  .whale-cluster-node-v1 strong,
  .whale-cluster-edge-v1 strong {
    text-align: left;
  }
}

/* Whale Wrapped BTC/ETH Flows v1 */
.whale-wrapped-panel-v1 {
  border: 1px solid rgba(148, 163, 184, 0.18);
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96));
}

.whale-wrapped-note-v1 {
  margin: 8px 0 14px;
  color: rgba(203, 213, 225, 0.72);
  font-size: 13px;
  line-height: 1.55;
}

.whale-wrapped-list-v1 {
  display: grid;
  gap: 10px;
}

.whale-wrapped-row-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.52);
}

.whale-wrapped-row-v1 b {
  display: block;
  color: #f8fafc;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.whale-wrapped-row-v1 span,
.whale-wrapped-row-v1 small,
.whale-wrapped-empty-v1 {
  display: block;
  color: rgba(203, 213, 225, 0.68);
  font-size: 12px;
  line-height: 1.45;
}

.whale-wrapped-row-v1 strong {
  color: #e0f2fe;
  font-size: 14px;
  white-space: nowrap;
}

.whale-wrapped-row-v1 a {
  color: #7dd3fc;
  text-decoration: none;
  font-size: 12px;
  white-space: nowrap;
}

.whale-wrapped-row-v1 a:hover {
  text-decoration: underline;
}

.whale-wrapped-empty-v1 {
  padding: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  border-radius: 14px;
}

@media (max-width: 760px) {
  .whale-wrapped-row-v1 {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

/* Whale Wrapped BTC/ETH Flows v2 */
.whale-wrapped-panel-v2 {
  margin-top: 18px;
  border: 1px solid rgba(56, 189, 248, 0.18);
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.14), transparent 34%),
    radial-gradient(circle at bottom right, rgba(99, 102, 241, 0.10), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);
}

.whale-wrapped-head-v2 {
  align-items: flex-start;
  gap: 16px;
}

.whale-wrapped-head-v2 p {
  margin: 7px 0 0;
  color: rgba(203, 213, 225, 0.72);
  font-size: 13px;
  line-height: 1.55;
  max-width: 720px;
}

.whale-wrapped-cards-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 14px;
}

.whale-wrapped-cards-v2 div {
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.54);
}

.whale-wrapped-cards-v2 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.whale-wrapped-cards-v2 strong {
  display: block;
  margin-top: 7px;
  color: #f8fafc;
  font-size: 19px;
  letter-spacing: -0.03em;
}

.whale-wrapped-cards-v2 small {
  display: block;
  margin-top: 3px;
  color: rgba(203, 213, 225, 0.62);
  font-size: 12px;
}

.whale-wrapped-list-v2 {
  display: grid;
  gap: 10px;
}

.whale-wrapped-row-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 17px;
  background:
    linear-gradient(90deg, rgba(14, 165, 233, 0.06), transparent 46%),
    rgba(15, 23, 42, 0.50);
}

.whale-wrapped-row-v2.empty {
  opacity: 0.72;
  background: rgba(15, 23, 42, 0.32);
}

.whale-wrapped-asset-v2 b {
  display: inline-flex;
  align-items: center;
  min-width: 54px;
  color: #67e8f9;
  font-size: 14px;
  letter-spacing: 0.03em;
}

.whale-wrapped-asset-v2 span,
.whale-wrapped-asset-v2 small,
.whale-wrapped-row-v2 small {
  display: block;
  color: rgba(203, 213, 225, 0.68);
  font-size: 12px;
  line-height: 1.45;
}

.whale-wrapped-row-v2 strong {
  color: #f8fafc;
  font-size: 14px;
  white-space: nowrap;
}

.whale-wrapped-row-v2 a {
  color: #67e8f9;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.whale-wrapped-row-v2 a:hover {
  text-decoration: underline;
}

@media (max-width: 860px) {
  .whale-wrapped-cards-v2 {
    grid-template-columns: 1fr;
  }

  .whale-wrapped-row-v2 {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

/* Whale Source Health v2 */
.whale-source-health-v2 {
  min-height: unset;
}

.whale-source-health-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.whale-source-health-grid-v2 div {
  padding: 12px 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.68), rgba(2, 6, 23, 0.44));
}

.whale-source-health-grid-v2 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.whale-source-health-grid-v2 strong {
  display: block;
  margin-top: 6px;
  color: #f8fafc;
  font-size: 15px;
  letter-spacing: -0.02em;
}

.whale-source-health-grid-v2 small {
  display: block;
  margin-top: 3px;
  color: rgba(203, 213, 225, 0.62);
  font-size: 11px;
  line-height: 1.35;
}

@media (max-width: 860px) {
  .whale-source-health-grid-v2 {
    grid-template-columns: 1fr;
  }
}

/* Whale Live Tape v2 */
.whale-tape-panel-v2 {
  border: 1px solid rgba(148, 163, 184, 0.18);
  background:
    radial-gradient(circle at top right, rgba(34, 211, 238, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
}

.whale-tape-head-v2 {
  align-items: flex-start;
  gap: 16px;
}

.whale-tape-head-v2 p {
  margin: 7px 0 0;
  color: rgba(203, 213, 225, 0.72);
  font-size: 13px;
  line-height: 1.55;
}

.whale-tape-summary-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.whale-tape-summary-v2 div {
  padding: 12px 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 15px;
  background: rgba(15, 23, 42, 0.48);
}

.whale-tape-summary-v2 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.whale-tape-summary-v2 strong {
  display: block;
  margin-top: 5px;
  color: #f8fafc;
  font-size: 16px;
}

.whale-tape-list-v2 {
  display: grid;
  gap: 9px;
}

.whale-tape-row-v2 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px 13px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.38);
}

.whale-tape-row-v2.hot {
  border-color: rgba(34, 211, 238, 0.20);
}

.whale-tape-row-v2.wrapped {
  background:
    linear-gradient(90deg, rgba(34, 211, 238, 0.11), transparent 46%),
    rgba(2, 6, 23, 0.42);
}

.whale-tape-left-v2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 112px;
}

.whale-asset-badge-v2,
.whale-flow-badge-v2 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.04em;
}

.whale-asset-badge-v2.stable {
  color: #67e8f9;
  background: rgba(34, 211, 238, 0.10);
  border: 1px solid rgba(34, 211, 238, 0.18);
}

.whale-asset-badge-v2.wrapped {
  color: #c4b5fd;
  background: rgba(139, 92, 246, 0.13);
  border: 1px solid rgba(139, 92, 246, 0.22);
}

.whale-asset-badge-v2.other {
  color: #f8fafc;
  background: rgba(148, 163, 184, 0.10);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.whale-flow-badge-v2 {
  color: rgba(226, 232, 240, 0.78);
  background: rgba(15, 23, 42, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.14);
}

.whale-flow-badge-v2.contract {
  color: #7dd3fc;
}

.whale-flow-badge-v2.unknown {
  color: #fbbf24;
}

.whale-flow-badge-v2.mintburn {
  color: #f0abfc;
}

.whale-flow-badge-v2.wrapped {
  color: #c4b5fd;
}

.whale-tape-title-v2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.whale-tape-title-v2 strong {
  color: #f8fafc;
  font-size: 15px;
  letter-spacing: -0.02em;
}

.whale-tape-title-v2 span {
  color: rgba(203, 213, 225, 0.72);
  font-size: 12px;
}

.whale-tape-meta-v2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 4px;
  color: rgba(148, 163, 184, 0.72);
  font-size: 11px;
}

.whale-tape-meta-v2 b {
  color: rgba(103, 232, 249, 0.82);
}

.whale-tape-meta-v2 small {
  color: rgba(148, 163, 184, 0.58);
}

.whale-tape-right-v2 a {
  color: #67e8f9;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.whale-tape-right-v2 a:hover {
  text-decoration: underline;
}

.whale-tape-empty-v2 {
  padding: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  color: rgba(203, 213, 225, 0.72);
  font-size: 13px;
}

@media (max-width: 860px) {
  .whale-tape-summary-v2 {
    grid-template-columns: 1fr;
  }

  .whale-tape-row-v2 {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .whale-tape-left-v2 {
    flex-direction: row;
    min-width: unset;
  }
}

/* Whale Premium Bloomberg Shell v1 */
.whales-premium-shell-v1 {
  --whale-glow-cyan: rgba(34, 211, 238, 0.16);
  --whale-glow-violet: rgba(124, 58, 237, 0.16);
}

.whales-premium-shell-v1::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 6%, rgba(88, 28, 135, 0.20), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(8, 145, 178, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.02), transparent);
  z-index: -1;
}

.whales-premium-shell-v1 .whales-panel-v1,
.whales-premium-shell-v1 .whale-wrapped-panel-v2,
.whales-premium-shell-v1 [data-whale-tape-v2] {
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow:
    0 20px 70px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.whales-premium-shell-v1 .whales-panel-head-v1 span,
.whales-premium-shell-v1 .whale-premium-kicker-v1 {
  letter-spacing: 0.15em;
}

.whale-premium-brief-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
  gap: 18px;
  margin: 18px 0 18px;
  padding: 18px;
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.13), transparent 34%),
    radial-gradient(circle at bottom right, rgba(124, 58, 237, 0.13), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.94));
  box-shadow: 0 26px 90px rgba(0, 0, 0, 0.22);
}

.whale-premium-brief-copy-v1 {
  min-width: 0;
  padding: 4px 4px 2px;
}

.whale-premium-kicker-v1 {
  display: block;
  color: rgba(125, 211, 252, 0.78);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.whale-premium-brief-copy-v1 h2 {
  margin: 8px 0 8px;
  color: #f8fafc;
  font-size: clamp(26px, 2.4vw, 42px);
  line-height: 0.96;
  letter-spacing: -0.065em;
}

.whale-premium-brief-copy-v1 p {
  margin: 0;
  max-width: 760px;
  color: rgba(203, 213, 225, 0.76);
  font-size: 14px;
  line-height: 1.65;
}

.whale-premium-signal-pills-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.whale-premium-pill-v1 {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.62);
}

.whale-premium-pill-v1 b {
  color: #f8fafc;
  font-size: 12px;
}

.whale-premium-pill-v1 strong {
  color: rgba(203, 213, 225, 0.78);
  font-size: 12px;
}

.whale-premium-pill-v1.wrapped {
  border-color: rgba(167, 139, 250, 0.22);
  background: rgba(124, 58, 237, 0.12);
}

.whale-premium-pill-v1.wrapped b {
  color: #c4b5fd;
}

.whale-premium-pill-v1.stable {
  border-color: rgba(34, 211, 238, 0.20);
  background: rgba(34, 211, 238, 0.08);
}

.whale-premium-pill-v1.stable b {
  color: #67e8f9;
}

.whale-premium-brief-grid-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.whale-premium-brief-grid-v1 div {
  min-height: 96px;
  padding: 15px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.70), rgba(2, 6, 23, 0.44));
}

.whale-premium-brief-grid-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.whale-premium-brief-grid-v1 strong {
  display: block;
  margin-top: 9px;
  color: #f8fafc;
  font-size: 20px;
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.whale-premium-brief-grid-v1 small {
  display: block;
  margin-top: 6px;
  color: rgba(203, 213, 225, 0.58);
  font-size: 12px;
  line-height: 1.35;
}

.whales-premium-shell-v1 [data-whale-tape-v2] {
  margin-top: 20px;
}

.whales-premium-shell-v1 .whale-tape-row-v2 {
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.whales-premium-shell-v1 .whale-tape-row-v2:hover {
  transform: translateY(-1px);
  border-color: rgba(34, 211, 238, 0.26);
}

@media (max-width: 1100px) {
  .whale-premium-brief-v1 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .whale-premium-brief-grid-v1 {
    grid-template-columns: 1fr;
  }

  .whale-premium-brief-v1 {
    padding: 15px;
    border-radius: 20px;
  }
}

/* Whale Live Tape Filter Bar v1 */
.whale-tape-filterbar-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 14px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.58));
}

.whale-tape-filter-scroll-v1 {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.whale-tape-filter-scroll-v1::-webkit-scrollbar {
  display: none;
}

.whale-tape-filterbar-v1 button {
  appearance: none;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(15, 23, 42, 0.70);
  color: rgba(203, 213, 225, 0.74);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: -0.01em;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease, transform 150ms ease;
}

.whale-tape-filterbar-v1 button:hover {
  transform: translateY(-1px);
  border-color: rgba(34, 211, 238, 0.25);
  color: #f8fafc;
}

.whale-tape-filterbar-v1 button.active {
  color: #06111f;
  border-color: rgba(103, 232, 249, 0.74);
  background: linear-gradient(135deg, #67e8f9, #a78bfa);
  box-shadow: 0 10px 30px rgba(34, 211, 238, 0.12);
}

.whale-tape-filterbar-v1 [data-whale-tape-filter-count] {
  flex: 0 0 auto;
  color: rgba(203, 213, 225, 0.62);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 860px) {
  .whale-tape-filterbar-v1 {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Whales UI Stabilizer Theme Guard v1 */
[data-whales-page-v1].whales-stable-ui-v1,
[data-whales-page-v1].whales-terminal-theme-v1 {
  position: relative;
  isolation: isolate;
}

[data-whales-page-v1].whales-stable-ui-v1::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 7%, rgba(88, 28, 135, 0.18), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(8, 145, 178, 0.13), transparent 30%);
  z-index: -1;
}

[data-whales-page-v1].whales-stable-ui-v1 .whales-panel-v1,
[data-whales-page-v1].whales-stable-ui-v1 .whale-premium-brief-v1,
[data-whales-page-v1].whales-stable-ui-v1 .whale-wrapped-panel-v2,
[data-whales-page-v1].whales-stable-ui-v1 [data-whale-tape-v2] {
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow:
    0 20px 70px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

[data-whales-page-v1].whales-stable-ui-v1 [data-whale-tape-v2],
[data-whales-page-v1].whales-stable-ui-v1 .whale-wrapped-panel-v2,
[data-whales-page-v1].whales-stable-ui-v1 .whale-premium-brief-v1 {
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(124, 58, 237, 0.09), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96));
}

/* Whales Route Force Rehydrator v2 */
[data-whales-page-v1].whales-route-force-v2 {
  position: relative;
  isolation: isolate;
}

[data-whales-page-v1].whales-route-force-v2 .whale-premium-brief-v1,
[data-whales-page-v1].whales-route-force-v2 .whale-wrapped-panel-v2,
[data-whales-page-v1].whales-route-force-v2 [data-whale-tape-v2],
[data-whales-page-v1].whales-route-force-v2 .whales-panel-v1 {
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow:
    0 20px 70px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* Whale Live Tape Stable Filter Bar v3 */
.whale-tape-filterbar-stable-v3 {
  position: relative;
  z-index: 2;
}

[data-whale-tape-filter-stable-v3="true"] .whale-tape-filterbar-v1 {
  opacity: 1;
  transform: none;
}

[data-whale-tape-filter-stable-v3="true"] .whale-tape-list-v2 {
  margin-top: 0;
}

/* Whales Calm Tape Governor v1 */
[data-whales-page-v1].whales-calm-tape-v1 [data-whale-tape-v2] {
  scroll-margin-top: 24px;
}

[data-whales-page-v1].whales-calm-tape-v1 .whale-tape-row-v2 {
  will-change: auto;
}

[data-whales-page-v1].whales-calm-tape-v1 .whale-tape-filterbar-v1 {
  position: sticky;
  top: 8px;
  z-index: 5;
  backdrop-filter: blur(10px);
}

/* Whales Stop Tape Flicker v4 */
[data-whales-page-v1].whales-no-tape-flicker-v4 [data-whale-tape-v2] {
  contain: layout paint;
}

[data-whales-page-v1].whales-no-tape-flicker-v4 .whale-tape-row-v2 {
  transition: border-color 160ms ease, background 160ms ease;
}

[data-whales-page-v1].whales-no-tape-flicker-v4 .whale-tape-filterbar-v1 {
  position: sticky;
  top: 8px;
  z-index: 10;
  backdrop-filter: blur(10px);
}

/* Whales Verified Intelligence UI v1 */
.whale-verified-intel-v1 {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.12), transparent 36%),
    radial-gradient(circle at bottom right, rgba(124, 58, 237, 0.10), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96));
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,0.03);
}

.whale-verified-head-v1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.whale-verified-kicker-v1 {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(34, 211, 238, 0.22);
  color: rgba(125, 211, 252, 0.96);
  background: rgba(8, 145, 178, 0.10);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-verified-head-v1 h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
  color: rgba(248, 250, 252, 0.98);
}

.whale-verified-head-v1 p {
  margin: 7px 0 0;
  color: rgba(148, 163, 184, 0.92);
  font-size: 13px;
}

.whale-verified-source-v1 {
  min-width: 150px;
  padding: 10px 12px;
  border: 1px solid rgba(34, 197, 94, 0.22);
  border-radius: 16px;
  background: rgba(22, 163, 74, 0.08);
  text-align: right;
}

.whale-verified-source-v1 span {
  display: block;
  color: rgba(134, 239, 172, 0.92);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.whale-verified-source-v1 strong {
  display: block;
  margin-top: 3px;
  color: rgba(240, 253, 244, 0.96);
  font-size: 13px;
}

.whale-verified-grid-v1 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.whale-verified-card-v1 {
  min-height: 96px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.64);
}

.whale-verified-card-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.92);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.whale-verified-card-v1 strong {
  display: block;
  margin-top: 9px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 22px;
  line-height: 1.05;
}

.whale-verified-card-v1 small {
  display: block;
  margin-top: 8px;
  color: rgba(148, 163, 184, 0.82);
  font-size: 12px;
  line-height: 1.35;
}

.whale-verified-card-v1.protocol {
  border-color: rgba(56, 189, 248, 0.22);
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.12), rgba(15, 23, 42, 0.66));
}

.whale-verified-card-v1.exchange {
  border-color: rgba(250, 204, 21, 0.22);
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.10), rgba(15, 23, 42, 0.66));
}

.whale-verified-card-v1.issuer {
  border-color: rgba(34, 197, 94, 0.22);
  background: linear-gradient(180deg, rgba(34, 197, 94, 0.11), rgba(15, 23, 42, 0.66));
}

.whale-verified-card-v1.unknown {
  border-color: rgba(148, 163, 184, 0.16);
}

.whale-verified-note-v1 {
  margin-top: 12px;
  color: rgba(148, 163, 184, 0.86);
  font-size: 12px;
}

.whale-verified-note-v1 span {
  color: rgba(248, 250, 252, 0.94);
  font-weight: 800;
}

.whale-verified-row-strip-v1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(2, 6, 23, 0.34);
}

.whale-verified-row-badge-v1 {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: rgba(248, 250, 252, 0.96);
  background: rgba(59, 130, 246, 0.22);
}

.whale-verified-row-strip-v1 strong {
  color: rgba(248, 250, 252, 0.96);
  font-size: 12px;
}

.whale-verified-row-strip-v1 small {
  color: rgba(148, 163, 184, 0.84);
  font-size: 11px;
}

.whale-verified-row-strip-v1.exchange .whale-verified-row-badge-v1 {
  background: rgba(250, 204, 21, 0.18);
  color: rgba(254, 240, 138, 0.98);
}

.whale-verified-row-strip-v1.issuer .whale-verified-row-badge-v1 {
  background: rgba(34, 197, 94, 0.18);
  color: rgba(187, 247, 208, 0.98);
}

.whale-verified-row-strip-v1.protocol .whale-verified-row-badge-v1 {
  background: rgba(14, 165, 233, 0.18);
  color: rgba(186, 230, 253, 0.98);
}

@media (max-width: 980px) {
  .whale-verified-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .whale-verified-head-v1 {
    flex-direction: column;
  }

  .whale-verified-source-v1 {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 560px) {
  .whale-verified-grid-v1 {
    grid-template-columns: 1fr;
  }
}

/* Whales Verified Tape Filters v1 */
.whale-tape-filterbar-verified-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.34);
}

.whale-tape-filterbar-verified-v1 [data-whale-tape-filter] {
  border-color: rgba(148, 163, 184, 0.16);
}

.whale-tape-filterbar-verified-v1 [data-whale-tape-filter="verified"].active,
.whale-tape-filterbar-verified-v1 [data-whale-tape-filter="protocol"].active {
  border-color: rgba(56, 189, 248, 0.55);
  background: rgba(14, 165, 233, 0.22);
  color: rgba(224, 242, 254, 0.98);
}

.whale-tape-filterbar-verified-v1 [data-whale-tape-filter="exchange"].active {
  border-color: rgba(250, 204, 21, 0.55);
  background: rgba(250, 204, 21, 0.18);
  color: rgba(254, 240, 138, 0.98);
}

.whale-tape-filterbar-verified-v1 [data-whale-tape-filter="issuer"].active {
  border-color: rgba(34, 197, 94, 0.55);
  background: rgba(34, 197, 94, 0.18);
  color: rgba(187, 247, 208, 0.98);
}

.whale-flow-mini-label-v1 {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border: 1px solid rgba(148, 163, 184, 0.16);
  color: rgba(226, 232, 240, 0.92);
  background: rgba(15, 23, 42, 0.70);
}

.whale-flow-mini-label-v1.protocol {
  border-color: rgba(56, 189, 248, 0.34);
  color: rgba(186, 230, 253, 0.98);
  background: rgba(14, 165, 233, 0.12);
}

.whale-flow-mini-label-v1.exchange {
  border-color: rgba(250, 204, 21, 0.34);
  color: rgba(254, 240, 138, 0.98);
  background: rgba(250, 204, 21, 0.10);
}

.whale-flow-mini-label-v1.issuer {
  border-color: rgba(34, 197, 94, 0.34);
  color: rgba(187, 247, 208, 0.98);
  background: rgba(34, 197, 94, 0.10);
}

.whale-flow-verified-v1 {
  border-color: rgba(56, 189, 248, 0.22) !important;
}

.whale-flow-kind-exchange {
  border-color: rgba(250, 204, 21, 0.22) !important;
}

.whale-flow-kind-issuer {
  border-color: rgba(34, 197, 94, 0.22) !important;
}

.whale-flow-kind-protocol {
  border-color: rgba(56, 189, 248, 0.22) !important;
}

/* Whales Custody UI Round 2 v1 */
.whale-verified-card-v1.custody {
  border-color: rgba(168, 85, 247, 0.26);
  background: linear-gradient(180deg, rgba(168, 85, 247, 0.13), rgba(15, 23, 42, 0.66));
}

.whale-tape-filterbar-verified-v1 [data-whale-tape-filter="custody"].active {
  border-color: rgba(168, 85, 247, 0.55);
  background: rgba(168, 85, 247, 0.19);
  color: rgba(237, 233, 254, 0.98);
}

.whale-flow-mini-label-v1.custody {
  border-color: rgba(168, 85, 247, 0.36);
  color: rgba(237, 233, 254, 0.98);
  background: rgba(168, 85, 247, 0.12);
}

.whale-verified-row-strip-v1.custody .whale-verified-row-badge-v1 {
  background: rgba(168, 85, 247, 0.20);
  color: rgba(237, 233, 254, 0.98);
}

.whale-flow-kind-custody {
  border-color: rgba(168, 85, 247, 0.24) !important;
}

@media (min-width: 1180px) {
  .whale-verified-grid-v1 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

/* Whale Tape Detail Drawer v1 */
.whale-drawer-clickable-v1 {
  cursor: pointer;
}

.whale-drawer-clickable-v1:hover {
  border-color: rgba(125, 211, 252, 0.34) !important;
  background: rgba(8, 47, 73, 0.22);
}

.whale-drawer-hint-v1 {
  display: inline-flex;
  margin-left: 8px;
  height: 20px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  color: rgba(148, 163, 184, 0.86);
  background: rgba(15, 23, 42, 0.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.whale-tape-drawer-v1 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

.whale-tape-drawer-v1.open {
  pointer-events: auto;
}

.whale-drawer-backdrop-v1 {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(2, 6, 23, 0.62);
  backdrop-filter: blur(4px);
  transition: opacity 180ms ease;
}

.whale-tape-drawer-v1.open .whale-drawer-backdrop-v1 {
  opacity: 1;
}

.whale-drawer-panel-v1 {
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: 16px;
  width: min(520px, calc(100vw - 32px));
  overflow: auto;
  transform: translateX(calc(100% + 24px));
  transition: transform 220ms ease;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.12), transparent 36%),
    radial-gradient(circle at bottom right, rgba(124, 58, 237, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}

.whale-tape-drawer-v1.open .whale-drawer-panel-v1 {
  transform: translateX(0);
}

.whale-drawer-close-v1 {
  position: sticky;
  top: 14px;
  z-index: 2;
  float: right;
  margin: 14px 14px 0 0;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  color: rgba(248, 250, 252, 0.92);
  background: rgba(15, 23, 42, 0.82);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}

[data-whale-drawer-content-v1] {
  padding: 26px;
}

.whale-drawer-head-v1 {
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.62);
}

.whale-drawer-head-v1.issuer {
  border-color: rgba(34, 197, 94, 0.26);
}

.whale-drawer-head-v1.custody {
  border-color: rgba(168, 85, 247, 0.30);
}

.whale-drawer-head-v1.exchange {
  border-color: rgba(250, 204, 21, 0.28);
}

.whale-drawer-head-v1.protocol {
  border-color: rgba(56, 189, 248, 0.28);
}

.whale-drawer-kicker-v1 {
  display: inline-flex;
  color: rgba(125, 211, 252, 0.95);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-drawer-title-line-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.whale-drawer-title-line-v1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 28px;
  line-height: 1.08;
}

.whale-drawer-head-v1 p {
  margin: 10px 0 0;
  color: rgba(148, 163, 184, 0.9);
  font-size: 13px;
}

.whale-drawer-badge-v1 {
  display: inline-flex;
  height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(248, 250, 252, 0.98);
  background: rgba(59, 130, 246, 0.22);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.whale-drawer-badge-v1.issuer {
  background: rgba(34, 197, 94, 0.20);
  color: rgba(187, 247, 208, 0.98);
}

.whale-drawer-badge-v1.custody {
  background: rgba(168, 85, 247, 0.22);
  color: rgba(237, 233, 254, 0.98);
}

.whale-drawer-badge-v1.exchange {
  background: rgba(250, 204, 21, 0.18);
  color: rgba(254, 240, 138, 0.98);
}

.whale-drawer-badge-v1.protocol {
  background: rgba(14, 165, 233, 0.20);
  color: rgba(186, 230, 253, 0.98);
}

.whale-drawer-metrics-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.whale-drawer-metrics-v1 article,
.whale-drawer-address-v1,
.whale-drawer-tx-v1,
.whale-drawer-note-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.36);
}

.whale-drawer-metrics-v1 article {
  padding: 12px;
}

.whale-drawer-metrics-v1 span,
.whale-drawer-address-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-drawer-metrics-v1 strong {
  display: block;
  margin-top: 7px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 16px;
}

.whale-drawer-section-v1 {
  margin-top: 18px;
}

.whale-drawer-section-v1 h4 {
  margin: 0 0 10px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.whale-drawer-address-v1 {
  padding: 13px;
}

.whale-drawer-address-v1 strong {
  display: block;
  margin-top: 8px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 14px;
}

.whale-drawer-address-v1 div,
.whale-drawer-tx-v1 div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.whale-drawer-address-v1 code,
.whale-drawer-tx-v1 code {
  color: rgba(125, 211, 252, 0.95);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

.whale-drawer-address-v1 button,
.whale-drawer-tx-v1 button,
.whale-drawer-tx-v1 a,
.whale-drawer-address-v1 a {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.95);
  background: rgba(15, 23, 42, 0.72);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.whale-drawer-address-v1 button.copied,
.whale-drawer-tx-v1 button.copied {
  color: rgba(187, 247, 208, 0.98);
  border-color: rgba(34, 197, 94, 0.34);
}

.whale-drawer-arrow-v1 {
  margin: 8px 0;
  color: rgba(125, 211, 252, 0.82);
  text-align: center;
  font-size: 20px;
}

.whale-drawer-tx-v1,
.whale-drawer-note-v1 {
  padding: 13px;
}

.whale-drawer-note-v1 {
  margin-top: 18px;
  color: rgba(148, 163, 184, 0.88);
  font-size: 12px;
  line-height: 1.5;
}

.whale-drawer-note-v1 strong {
  color: rgba(248, 250, 252, 0.96);
}

@media (max-width: 560px) {
  [data-whale-drawer-content-v1] {
    padding: 18px;
  }

  .whale-drawer-metrics-v1 {
    grid-template-columns: 1fr;
  }

  .whale-drawer-title-line-v1 {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Whale Verified Source UI v1 */
.whale-row-source-proof-v1 {
  display: inline-flex;
  align-items: center;
  height: 20px;
  margin-left: 8px;
  padding: 0 8px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(148, 163, 184, 0.92);
  background: rgba(15, 23, 42, 0.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.whale-row-source-proof-v1.protocol,
.whale-row-source-proof-v1.exchange,
.whale-row-source-proof-v1.issuer,
.whale-row-source-proof-v1.custody {
  color: rgba(187, 247, 208, 0.98);
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(22, 163, 74, 0.10);
}

.whale-row-source-proof-v1.candidate {
  color: rgba(254, 240, 138, 0.96);
  border-color: rgba(250, 204, 21, 0.22);
  background: rgba(250, 204, 21, 0.08);
}

.whale-verified-proof-v1 {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.36);
}

.whale-verified-proof-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-verified-proof-v1 strong {
  display: block;
  margin-top: 6px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 14px;
}

.whale-verified-proof-v1 p {
  margin: 6px 0 0;
  color: rgba(148, 163, 184, 0.88);
  font-size: 12px;
  line-height: 1.45;
}

.whale-verified-proof-pill-v1 {
  align-self: flex-start;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(203, 213, 225, 0.94);
  background: rgba(15, 23, 42, 0.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.whale-verified-proof-pill-v1.protocol,
.whale-verified-proof-pill-v1.exchange,
.whale-verified-proof-pill-v1.issuer,
.whale-verified-proof-pill-v1.custody {
  color: rgba(187, 247, 208, 0.98);
  border-color: rgba(34, 197, 94, 0.28);
  background: rgba(22, 163, 74, 0.12);
}

.whale-verified-proof-pill-v1.candidate {
  color: rgba(254, 240, 138, 0.96);
  border-color: rgba(250, 204, 21, 0.24);
  background: rgba(250, 204, 21, 0.09);
}

@media (max-width: 560px) {
  .whale-verified-proof-v1 {
    flex-direction: column;
  }
}

/* Whale Transaction Bundle Panel v1 */
.whale-tx-bundle-panel-v1 {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 38%),
    radial-gradient(circle at bottom right, rgba(168, 85, 247, 0.10), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96));
}

.whale-tx-bundle-head-v1 {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.whale-tx-bundle-kicker-v1 {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  color: rgba(125, 211, 252, 0.96);
  background: rgba(8, 145, 178, 0.10);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-tx-bundle-head-v1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 22px;
  line-height: 1.12;
}

.whale-tx-bundle-head-v1 p {
  margin: 7px 0 0;
  color: rgba(148, 163, 184, 0.9);
  font-size: 13px;
}

.whale-tx-bundle-summary-v1 {
  min-width: 150px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.38);
  text-align: right;
}

.whale-tx-bundle-summary-v1 span,
.whale-tx-bundle-summary-v1 small {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.whale-tx-bundle-summary-v1 strong {
  display: block;
  margin: 4px 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
}

.whale-tx-bundle-grid-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.whale-tx-bundle-card-v1 {
  min-height: 168px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.62);
}

.whale-tx-bundle-card-v1.issuer {
  border-color: rgba(34, 197, 94, 0.24);
  background: linear-gradient(180deg, rgba(34, 197, 94, 0.10), rgba(15, 23, 42, 0.62));
}

.whale-tx-bundle-card-v1.custody {
  border-color: rgba(168, 85, 247, 0.28);
  background: linear-gradient(180deg, rgba(168, 85, 247, 0.12), rgba(15, 23, 42, 0.62));
}

.whale-tx-bundle-card-v1.exchange {
  border-color: rgba(250, 204, 21, 0.24);
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.10), rgba(15, 23, 42, 0.62));
}

.whale-tx-bundle-card-v1.protocol {
  border-color: rgba(56, 189, 248, 0.24);
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.11), rgba(15, 23, 42, 0.62));
}

.whale-tx-bundle-card-top-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.whale-tx-kind-v1 {
  display: inline-flex;
  height: 22px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  color: rgba(203, 213, 225, 0.94);
  background: rgba(51, 65, 85, 0.40);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.whale-tx-kind-v1.issuer {
  color: rgba(187, 247, 208, 0.98);
  background: rgba(34, 197, 94, 0.16);
}

.whale-tx-kind-v1.custody {
  color: rgba(237, 233, 254, 0.98);
  background: rgba(168, 85, 247, 0.18);
}

.whale-tx-kind-v1.exchange {
  color: rgba(254, 240, 138, 0.98);
  background: rgba(250, 204, 21, 0.15);
}

.whale-tx-kind-v1.protocol {
  color: rgba(186, 230, 253, 0.98);
  background: rgba(14, 165, 233, 0.16);
}

.whale-tx-bundle-card-top-v1 a {
  color: rgba(125, 211, 252, 0.95);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}

.whale-tx-bundle-card-v1 strong {
  display: block;
  margin-top: 12px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 24px;
  line-height: 1;
}

.whale-tx-bundle-card-v1 small {
  display: block;
  margin-top: 8px;
  color: rgba(148, 163, 184, 0.84);
  font-size: 12px;
}

.whale-tx-bundle-meta-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.whale-tx-bundle-meta-v1 span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  color: rgba(203, 213, 225, 0.92);
  background: rgba(2, 6, 23, 0.28);
  font-size: 11px;
  font-weight: 800;
}

.whale-tx-bundle-card-v1 p {
  margin: 10px 0 0;
  color: rgba(248, 250, 252, 0.92);
  font-size: 12px;
  line-height: 1.35;
}

.whale-tx-bundle-flow-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.10);
}

.whale-tx-bundle-flow-v1 span {
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
}

.whale-tx-bundle-flow-v1 em {
  color: rgba(187, 247, 208, 0.94);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .whale-tx-bundle-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .whale-tx-bundle-head-v1 {
    flex-direction: column;
  }

  .whale-tx-bundle-summary-v1 {
    text-align: left;
  }

  .whale-tx-bundle-grid-v1 {
    grid-template-columns: 1fr;
  }
}

/* Whale Transaction Bundle Full Width Fix v1 */
[data-whales-page-v1] .whale-tx-bundle-panel-v1 {
  width: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
  flex: 0 0 100% !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  clear: both !important;
}

[data-whales-page-v1] .whale-tx-bundle-panel-v1 .whale-tx-bundle-grid-v1 {
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

[data-whales-page-v1] .whale-tx-bundle-card-v1 {
  width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 1500px) {
  [data-whales-page-v1] .whale-tx-bundle-panel-v1 .whale-tx-bundle-grid-v1 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  [data-whales-page-v1] .whale-tx-bundle-panel-v1 .whale-tx-bundle-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  [data-whales-page-v1] .whale-tx-bundle-panel-v1 .whale-tx-bundle-grid-v1 {
    grid-template-columns: 1fr !important;
  }
}

/* Whale Transaction Bundle Drawer v1 */
.tx-bundle-card-clickable-v1 {
  cursor: pointer;
  position: relative;
}

.tx-bundle-card-clickable-v1:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, 0.34) !important;
}

.tx-bundle-open-hint-v1 {
  margin-top: 10px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.94);
  background: rgba(15, 23, 42, 0.72);
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.whale-tx-bundle-drawer-v1 {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
}

.whale-tx-bundle-drawer-v1.open {
  pointer-events: auto;
}

.whale-tx-bundle-drawer-backdrop-v1 {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(2, 6, 23, 0.64);
  backdrop-filter: blur(4px);
  transition: opacity 180ms ease;
}

.whale-tx-bundle-drawer-v1.open .whale-tx-bundle-drawer-backdrop-v1 {
  opacity: 1;
}

.whale-tx-bundle-drawer-panel-v1 {
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: 16px;
  width: min(620px, calc(100vw - 32px));
  overflow: auto;
  transform: translateX(calc(100% + 24px));
  transition: transform 220ms ease;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.12), transparent 36%),
    radial-gradient(circle at bottom right, rgba(168, 85, 247, 0.14), transparent 44%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}

.whale-tx-bundle-drawer-v1.open .whale-tx-bundle-drawer-panel-v1 {
  transform: translateX(0);
}

.whale-tx-bundle-drawer-close-v1 {
  position: sticky;
  top: 14px;
  z-index: 2;
  float: right;
  margin: 14px 14px 0 0;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  color: rgba(248, 250, 252, 0.92);
  background: rgba(15, 23, 42, 0.82);
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
}

[data-tx-bundle-drawer-content-v1] {
  padding: 26px;
}

.tx-bundle-drawer-head-v1,
.tx-bundle-drawer-tx-v1,
.tx-bundle-drawer-proof-v1,
.tx-bundle-event-row-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.36);
}

.tx-bundle-drawer-head-v1 {
  padding: 18px;
}

.tx-bundle-drawer-head-v1.protocol {
  border-color: rgba(56, 189, 248, 0.26);
}

.tx-bundle-drawer-head-v1.issuer {
  border-color: rgba(34, 197, 94, 0.26);
}

.tx-bundle-drawer-head-v1.custody {
  border-color: rgba(168, 85, 247, 0.30);
}

.tx-bundle-drawer-head-v1.exchange {
  border-color: rgba(250, 204, 21, 0.28);
}

.tx-bundle-drawer-head-v1 > span {
  color: rgba(125, 211, 252, 0.95);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tx-bundle-drawer-title-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.tx-bundle-drawer-title-v1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 30px;
  line-height: 1;
}

.tx-bundle-drawer-title-v1 em {
  display: inline-flex;
  height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(248, 250, 252, 0.98);
  background: rgba(59, 130, 246, 0.22);
  font-size: 11px;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0.08em;
}

.tx-bundle-drawer-title-v1 em.issuer {
  color: rgba(187, 247, 208, 0.98);
  background: rgba(34, 197, 94, 0.20);
}

.tx-bundle-drawer-title-v1 em.custody {
  color: rgba(237, 233, 254, 0.98);
  background: rgba(168, 85, 247, 0.22);
}

.tx-bundle-drawer-title-v1 em.exchange {
  color: rgba(254, 240, 138, 0.98);
  background: rgba(250, 204, 21, 0.18);
}

.tx-bundle-drawer-title-v1 em.protocol {
  color: rgba(186, 230, 253, 0.98);
  background: rgba(14, 165, 233, 0.20);
}

.tx-bundle-drawer-head-v1 p {
  margin: 10px 0 0;
  color: rgba(226, 232, 240, 0.94);
  font-size: 13px;
}

.tx-bundle-drawer-metrics-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.tx-bundle-drawer-metrics-v1 article {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.34);
}

.tx-bundle-drawer-metrics-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.84);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tx-bundle-drawer-metrics-v1 strong {
  display: block;
  margin-top: 7px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 14px;
}

.tx-bundle-drawer-section-v1 {
  margin-top: 18px;
}

.tx-bundle-drawer-section-v1 h4 {
  margin: 0 0 10px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tx-bundle-drawer-tx-v1 {
  padding: 13px;
}

.tx-bundle-drawer-tx-v1 code {
  color: rgba(125, 211, 252, 0.95);
  font-size: 12px;
}

.tx-bundle-drawer-tx-v1 div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.tx-bundle-drawer-tx-v1 a,
.tx-bundle-drawer-tx-v1 button {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.95);
  background: rgba(15, 23, 42, 0.72);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.tx-bundle-chip-row-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.tx-bundle-chip-row-v1 span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: rgba(203, 213, 225, 0.94);
  background: rgba(2, 6, 23, 0.32);
  font-size: 11px;
  font-weight: 800;
}

.tx-bundle-event-row-v1 {
  padding: 12px;
  margin-bottom: 9px;
}

.tx-bundle-event-row-v1 strong {
  display: block;
  color: rgba(248, 250, 252, 0.96);
  font-size: 14px;
}

.tx-bundle-event-row-v1 span {
  display: block;
  margin-top: 4px;
  color: rgba(148, 163, 184, 0.86);
  font-size: 12px;
}

.tx-bundle-route-v1 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.tx-bundle-route-v1 code {
  color: rgba(125, 211, 252, 0.92);
  font-size: 11px;
}

.tx-bundle-route-v1 b {
  color: rgba(125, 211, 252, 0.68);
}

.tx-bundle-event-row-v1 small {
  display: block;
  margin-top: 7px;
  color: rgba(203, 213, 225, 0.86);
  font-size: 11px;
}

.tx-bundle-drawer-proof-v1 {
  margin-top: 16px;
  padding: 13px;
}

.tx-bundle-drawer-proof-v1 strong {
  display: block;
  color: rgba(187, 247, 208, 0.96);
  font-size: 13px;
}

.tx-bundle-drawer-proof-v1 span {
  display: block;
  margin-top: 5px;
  color: rgba(148, 163, 184, 0.88);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 680px) {
  [data-tx-bundle-drawer-content-v1] {
    padding: 18px;
  }

  .tx-bundle-drawer-metrics-v1 {
    grid-template-columns: 1fr;
  }

  .tx-bundle-drawer-title-v1 {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Whale Transaction Bundle Stable Render Guard v2 */
[data-whales-page-v1] .whale-tx-bundle-render-stable-v2 {
  contain: layout paint;
}

[data-whales-page-v1] .whale-tx-bundle-render-stable-v2 .whale-tx-bundle-card-v1 {
  will-change: auto;
}

/* Whale Transaction Bundle Calm Refresh v2 */
[data-whales-page-v1] .whale-tx-bundle-calm-refresh-v2 {
  contain: layout paint;
}

[data-whales-page-v1] .whale-tx-bundle-calm-refresh-v2 .whale-tx-bundle-card-v1 {
  will-change: auto;
}

[data-whales-page-v1] .whale-tx-bundle-calm-refresh-v2 .whale-tx-bundle-summary-v1 small {
  color: rgba(148, 163, 184, 0.78);
}

/* Whale Signal Engine v1 */
.whale-signal-engine-v1 {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 38%),
    radial-gradient(circle at bottom right, rgba(250, 204, 21, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96));
  contain: layout paint;
}

.whale-signal-head-v1 {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.whale-signal-kicker-v1 {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  color: rgba(125, 211, 252, 0.96);
  background: rgba(8, 145, 178, 0.10);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-signal-head-v1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 23px;
  line-height: 1.12;
}

.whale-signal-head-v1 p {
  margin: 7px 0 0;
  color: rgba(148, 163, 184, 0.9);
  font-size: 13px;
}

.whale-signal-status-v1 {
  min-width: 150px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.38);
  text-align: right;
}

.whale-signal-status-v1 span,
.whale-signal-status-v1 small {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.whale-signal-status-v1 strong {
  display: block;
  margin: 4px 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
}

.whale-signal-grid-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.whale-signal-card-v1 {
  min-height: 160px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.62);
}

.whale-signal-card-v1.critical {
  border-color: rgba(248, 113, 113, 0.30);
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.11), rgba(15, 23, 42, 0.62));
}

.whale-signal-card-v1.high {
  border-color: rgba(250, 204, 21, 0.28);
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.10), rgba(15, 23, 42, 0.62));
}

.whale-signal-card-v1.medium {
  border-color: rgba(56, 189, 248, 0.24);
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.10), rgba(15, 23, 42, 0.62));
}

.whale-signal-card-v1.watch {
  border-color: rgba(168, 85, 247, 0.26);
  background: linear-gradient(180deg, rgba(168, 85, 247, 0.10), rgba(15, 23, 42, 0.62));
}

.whale-signal-card-top-v1 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.whale-signal-card-top-v1 span,
.whale-signal-card-top-v1 em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  color: rgba(203, 213, 225, 0.94);
  background: rgba(2, 6, 23, 0.36);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-style: normal;
}

.whale-signal-card-v1 h4 {
  margin: 12px 0 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
  line-height: 1.25;
}

.whale-signal-card-v1 strong {
  display: block;
  margin-top: 10px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 24px;
  line-height: 1;
}

.whale-signal-card-v1 p {
  margin: 9px 0 0;
  color: rgba(203, 213, 225, 0.88);
  font-size: 12px;
  line-height: 1.35;
}

.whale-signal-card-v1 small {
  display: block;
  margin-top: 10px;
  color: rgba(148, 163, 184, 0.78);
  font-size: 11px;
  line-height: 1.35;
}

.whale-signal-policy-v1 {
  margin-top: 12px;
  color: rgba(148, 163, 184, 0.88);
  font-size: 12px;
  line-height: 1.5;
}

.whale-signal-policy-v1 strong {
  color: rgba(248, 250, 252, 0.96);
}

@media (max-width: 1180px) {
  .whale-signal-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .whale-signal-head-v1 {
    flex-direction: column;
  }

  .whale-signal-status-v1 {
    text-align: left;
  }

  .whale-signal-grid-v1 {
    grid-template-columns: 1fr;
  }
}

/* Whale Exchange Flow UI v1 */
.whale-verified-card-v1.exchange-internal,
.whale-exchange-internal-card-v1 {
  border-color: rgba(250, 204, 21, 0.24);
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.11), rgba(15, 23, 42, 0.66));
}

.whale-signal-card-v1.exchange,
.whale-signal-exchange-enhanced-v1 {
  border-color: rgba(250, 204, 21, 0.26);
}

.whale-flow-mini-label-v1.exchange {
  border-color: rgba(250, 204, 21, 0.32);
  color: rgba(254, 240, 138, 0.98);
  background: rgba(250, 204, 21, 0.10);
}

.whale-row-source-proof-v1.exchange {
  color: rgba(254, 240, 138, 0.98);
  border-color: rgba(250, 204, 21, 0.24);
  background: rgba(250, 204, 21, 0.10);
}

.whale-tx-bundle-card-v1.exchange {
  border-color: rgba(250, 204, 21, 0.26);
}

@media (min-width: 1180px) {
  .whale-verified-grid-v1 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

/* Whale Exchange Entity Leaderboard v1 */
.whale-exchange-entity-board-v1 {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(250, 204, 21, 0.10), transparent 38%),
    radial-gradient(circle at bottom right, rgba(34, 211, 238, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96));
  contain: layout paint;
}

.whale-exchange-entity-head-v1 {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.whale-exchange-entity-kicker-v1 {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border: 1px solid rgba(250, 204, 21, 0.24);
  border-radius: 999px;
  color: rgba(254, 240, 138, 0.96);
  background: rgba(250, 204, 21, 0.10);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-exchange-entity-head-v1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 23px;
  line-height: 1.12;
}

.whale-exchange-entity-head-v1 p {
  margin: 7px 0 0;
  color: rgba(148, 163, 184, 0.9);
  font-size: 13px;
}

.whale-exchange-entity-summary-v1 {
  min-width: 170px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.38);
  text-align: right;
}

.whale-exchange-entity-summary-v1 span,
.whale-exchange-entity-summary-v1 small {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.whale-exchange-entity-summary-v1 strong {
  display: block;
  margin: 4px 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
}

.whale-exchange-total-strip-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.whale-exchange-total-strip-v1 article {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.34);
}

.whale-exchange-total-strip-v1 article.in {
  border-color: rgba(34, 197, 94, 0.24);
}

.whale-exchange-total-strip-v1 article.out {
  border-color: rgba(248, 113, 113, 0.24);
}

.whale-exchange-total-strip-v1 article.internal {
  border-color: rgba(250, 204, 21, 0.26);
}

.whale-exchange-total-strip-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-exchange-total-strip-v1 strong {
  display: block;
  margin-top: 7px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 18px;
}

.whale-exchange-entity-list-v1 {
  display: grid;
  gap: 10px;
}

.whale-exchange-entity-row-v1 {
  display: grid;
  grid-template-columns: 44px minmax(0, 1.4fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.62);
}

.whale-exchange-entity-row-v1.binance {
  border-color: rgba(250, 204, 21, 0.25);
}

.whale-exchange-entity-row-v1.okx {
  border-color: rgba(125, 211, 252, 0.26);
}

.whale-exchange-entity-row-v1.coinbase {
  border-color: rgba(168, 85, 247, 0.26);
}

.whale-exchange-rank-v1 {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.96);
  background: rgba(2, 6, 23, 0.34);
  font-size: 12px;
  font-weight: 900;
}

.whale-exchange-main-v1 strong {
  display: block;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
}

.whale-exchange-main-v1 span {
  display: block;
  margin-top: 4px;
  color: rgba(203, 213, 225, 0.88);
  font-size: 12px;
}

.whale-exchange-main-v1 small {
  display: block;
  margin-top: 4px;
  color: rgba(148, 163, 184, 0.78);
  font-size: 11px;
}

.whale-exchange-values-v1 {
  text-align: right;
}

.whale-exchange-values-v1 b {
  display: block;
  color: rgba(248, 250, 252, 0.98);
  font-size: 18px;
}

.whale-exchange-values-v1 span {
  display: inline-flex;
  margin: 5px 0 0 6px;
  color: rgba(148, 163, 184, 0.84);
  font-size: 11px;
  font-weight: 800;
}

.whale-exchange-actions-v1 {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 6px;
}

.whale-exchange-actions-v1 a,
.whale-exchange-actions-v1 em {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: rgba(125, 211, 252, 0.95);
  background: rgba(2, 6, 23, 0.30);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  font-style: normal;
}

.whale-exchange-actions-v1 em {
  color: rgba(203, 213, 225, 0.82);
}

.whale-exchange-empty-v1,
.whale-exchange-policy-v1 {
  color: rgba(148, 163, 184, 0.88);
  font-size: 12px;
  line-height: 1.5;
}

.whale-exchange-policy-v1 {
  margin-top: 12px;
}

.whale-exchange-policy-v1 strong {
  color: rgba(248, 250, 252, 0.96);
}

@media (max-width: 980px) {
  .whale-exchange-entity-row-v1 {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .whale-exchange-values-v1,
  .whale-exchange-actions-v1 {
    grid-column: 2;
    text-align: left;
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .whale-exchange-entity-head-v1 {
    flex-direction: column;
  }

  .whale-exchange-entity-summary-v1 {
    text-align: left;
  }

  .whale-exchange-total-strip-v1 {
    grid-template-columns: 1fr 1fr;
  }
}

/* Whale Exchange Entity Safe Fix v1 */
.whales-exchange-entity-safe-fix-v1 .whale-exchange-entity-board-v1 {
  contain: layout paint;
}

/* Whale Verified Intelligence Empty Strip Fix v1 */
.whale-verified-intel-empty-hidden-v1 {
  display: none !important;
}

/* Whale Live Tape Verified Text Node Fix v2 */
.whale-live-tape-verified-text-node-fixed-v2 {
  color: rgba(187, 247, 208, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  background: rgba(22, 163, 74, 0.16) !important;
}

.whale-live-tape-row-verified-text-node-fixed-v2 {
  border-color: rgba(34, 197, 94, 0.18);
}

.whales-live-tape-verified-text-node-fix-v2 .whale-live-tape-verified-text-node-fixed-v2 {
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.04) inset;
}

/* Whale Dashboard Fetch Deduper v1 */
.whales-dashboard-fetch-deduper-v1 {
  --whale-dashboard-deduper: 1;
}

/* Whale Detail Drawer Pro v1 */
.whale-detail-drawer-pro-v1 {
  position: fixed;
  top: 18px;
  right: 18px;
  bottom: 18px;
  width: min(520px, calc(100vw - 36px));
  z-index: 9999;
  transform: translateX(calc(100% + 28px));
  transition: transform 180ms ease;
  pointer-events: none;
}

.whale-detail-drawer-pro-v1.open {
  transform: translateX(0);
  pointer-events: auto;
}

.whale-detail-drawer-pro-inner-v1 {
  height: 100%;
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 26px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.12), transparent 38%),
    radial-gradient(circle at bottom right, rgba(250, 204, 21, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.whale-detail-close-pro-v1 {
  float: right;
  padding: 7px 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.96);
  background: rgba(15, 23, 42, 0.74);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.whale-detail-hero-pro-v1 {
  clear: both;
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 22px;
  background: rgba(2, 6, 23, 0.34);
}

.whale-detail-hero-pro-v1.issuer {
  border-color: rgba(45, 212, 191, 0.28);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.12), rgba(2, 6, 23, 0.34));
}

.whale-detail-hero-pro-v1.exchange {
  border-color: rgba(250, 204, 21, 0.28);
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.11), rgba(2, 6, 23, 0.34));
}

.whale-detail-hero-pro-v1.protocol {
  border-color: rgba(168, 85, 247, 0.28);
  background: linear-gradient(180deg, rgba(168, 85, 247, 0.11), rgba(2, 6, 23, 0.34));
}

.whale-detail-hero-pro-v1.unknown {
  border-color: rgba(148, 163, 184, 0.24);
}

.whale-detail-kicker-pro-v1 {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  color: rgba(125, 211, 252, 0.96);
  background: rgba(8, 145, 178, 0.10);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-detail-hero-pro-v1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 23px;
  line-height: 1.12;
}

.whale-detail-hero-pro-v1 strong {
  display: block;
  margin-top: 12px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 32px;
  line-height: 1;
}

.whale-detail-hero-pro-v1 p {
  margin: 10px 0 0;
  color: rgba(203, 213, 225, 0.9);
  font-size: 13px;
  line-height: 1.4;
}

.whale-detail-chip-row-pro-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}

.whale-detail-chip-row-pro-v1 span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(203, 213, 225, 0.94);
  background: rgba(2, 6, 23, 0.34);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.whale-detail-chip-row-pro-v1 .verified {
  color: rgba(187, 247, 208, 0.98);
  border-color: rgba(34, 197, 94, 0.30);
  background: rgba(22, 163, 74, 0.14);
}

.whale-detail-chip-row-pro-v1 .unknown {
  color: rgba(226, 232, 240, 0.88);
}

.whale-detail-chip-row-pro-v1 .critical {
  color: rgba(254, 202, 202, 0.98);
  border-color: rgba(248, 113, 113, 0.30);
  background: rgba(248, 113, 113, 0.12);
}

.whale-detail-chip-row-pro-v1 .high {
  color: rgba(254, 240, 138, 0.98);
  border-color: rgba(250, 204, 21, 0.30);
  background: rgba(250, 204, 21, 0.12);
}

.whale-detail-chip-row-pro-v1 .medium,
.whale-detail-chip-row-pro-v1 .watch,
.whale-detail-chip-row-pro-v1 .normal {
  color: rgba(125, 211, 252, 0.96);
  border-color: rgba(56, 189, 248, 0.24);
  background: rgba(14, 165, 233, 0.10);
}

.whale-detail-section-pro-v1,
.whale-detail-route-pro-v1 {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.56);
}

.whale-detail-section-pro-v1 h4,
.whale-detail-route-pro-v1 h4 {
  margin: 0 0 8px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 14px;
}

.whale-detail-section-pro-v1 p {
  margin: 0;
  color: rgba(203, 213, 225, 0.88);
  font-size: 13px;
  line-height: 1.5;
}

.whale-detail-grid-pro-v1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 12px;
}

.whale-detail-grid-pro-v1 article {
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.32);
}

.whale-detail-grid-pro-v1 span,
.whale-detail-route-pro-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.84);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.whale-detail-grid-pro-v1 strong,
.whale-detail-route-pro-v1 strong {
  display: block;
  margin-top: 6px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.whale-detail-route-pro-v1 > div {
  display: grid;
  gap: 9px;
}

.whale-detail-route-pro-v1 article {
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  background: rgba(2, 6, 23, 0.25);
}

.whale-detail-route-pro-v1 small {
  display: block;
  margin-top: 5px;
  color: rgba(148, 163, 184, 0.72);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.whale-detail-actions-pro-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.whale-detail-actions-pro-v1 a,
.whale-detail-actions-pro-v1 button {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 999px;
  color: rgba(125, 211, 252, 0.96);
  background: rgba(8, 145, 178, 0.10);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 680px) {
  .whale-detail-drawer-pro-v1 {
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
  }

  .whale-detail-grid-pro-v1 {
    grid-template-columns: 1fr;
  }
}

/* Whale Verified Badge Persistent Fix v3 */
.whale-verified-badge-persistent-fixed-v3 {
  color: rgba(187, 247, 208, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: rgba(22, 163, 74, 0.18) !important;
}

.whale-row-verified-badge-persistent-fixed-v3 {
  border-color: rgba(34, 197, 94, 0.18) !important;
}

/* Whale Verified Badge Source Normalizer v4 */
.whale-verified-badge-source-normalized-v4 {
  color: rgba(187, 247, 208, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: rgba(22, 163, 74, 0.18) !important;
}

.whale-row-verified-badge-source-normalized-v4 {
  border-color: rgba(34, 197, 94, 0.20) !important;
}

/* Whale Live Tape Classification UX Polish v1 */
.whale-live-tape-classification-polished-v1 {
  font-weight: 900 !important;
  letter-spacing: 0.04em;
}

.whale-live-tape-classification-verified-v1 {
  color: rgba(187, 247, 208, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: rgba(22, 163, 74, 0.18) !important;
}

.whale-live-tape-classification-supply-v1 {
  color: rgba(253, 224, 71, 0.98) !important;
  border-color: rgba(250, 204, 21, 0.34) !important;
  background: rgba(250, 204, 21, 0.13) !important;
}

.whale-live-tape-classification-candidate-v1 {
  color: rgba(216, 180, 254, 0.98) !important;
  border-color: rgba(168, 85, 247, 0.34) !important;
  background: rgba(168, 85, 247, 0.13) !important;
}

.whale-live-tape-classification-unknown-v1 {
  color: rgba(203, 213, 225, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  background: rgba(15, 23, 42, 0.50) !important;
}

.whale-live-tape-row-classification-verified-v1 {
  border-color: rgba(34, 197, 94, 0.18) !important;
}

.whale-live-tape-row-classification-supply-v1 {
  border-color: rgba(250, 204, 21, 0.18) !important;
}

.whale-live-tape-row-classification-candidate-v1 {
  border-color: rgba(168, 85, 247, 0.18) !important;
}

.whale-live-tape-row-classification-unknown-v1 {
  border-color: rgba(148, 163, 184, 0.14) !important;
}

/* Whale Hide Stale Unverified Chip v1 */
.whale-stale-unverified-hidden-v1 {
  display: none !important;
}

.whale-stale-unverified-replaced-v1 {
  color: rgba(187, 247, 208, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: rgba(22, 163, 74, 0.18) !important;
}

/* Clean Whale Runtime v1 */
.whales-clean-runtime-v1 {
  --ciml-clean-whale-runtime: 1;
}

/* Clean Whale Runtime v2 */
.whales-clean-runtime-v2 {
  --ciml-clean-whale-runtime: 2;
}

.ciml-clean-whale-label-v2 {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.ciml-clean-whale-label-verified-v2 {
  color: rgba(187, 247, 208, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: rgba(22, 163, 74, 0.18) !important;
}

.ciml-clean-whale-label-supply-v2 {
  color: rgba(253, 224, 71, 0.98) !important;
  border-color: rgba(250, 204, 21, 0.36) !important;
  background: rgba(250, 204, 21, 0.14) !important;
}

.ciml-clean-whale-label-candidate-v2 {
  color: rgba(216, 180, 254, 0.98) !important;
  border-color: rgba(168, 85, 247, 0.34) !important;
  background: rgba(168, 85, 247, 0.13) !important;
}

.ciml-clean-whale-label-unknown-v2 {
  color: rgba(203, 213, 225, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  background: rgba(15, 23, 42, 0.50) !important;
}

.ciml-clean-whale-hidden-stale-label-v2 {
  display: none !important;
}

.ciml-clean-whale-row-verified-v2 {
  border-color: rgba(34, 197, 94, 0.18) !important;
}

.ciml-clean-whale-row-supply-v2 {
  border-color: rgba(250, 204, 21, 0.20) !important;
}

.ciml-clean-whale-row-candidate-v2 {
  border-color: rgba(168, 85, 247, 0.18) !important;
}

.ciml-clean-whale-row-unknown-v2 {
  border-color: rgba(148, 163, 184, 0.14) !important;
}

/* Clean Whale Runtime v2 Safe Mode */
.whales-clean-runtime-safe-mode-v2 {
  --ciml-clean-whale-runtime-safe-mode: 1;
}

/* Whale Native Live Tape Badge Renderer v1 */
.whale-tape-row-v2[data-status="verified"] {
  border-color: rgba(91, 220, 255, 0.38);
  background:
    linear-gradient(135deg, rgba(4, 61, 91, 0.38), rgba(5, 10, 25, 0.92));
}

.whale-tape-row-v2[data-status="supply"] {
  border-color: rgba(255, 211, 75, 0.38);
}

.whale-tape-row-v2[data-status="candidate"] {
  border-color: rgba(255, 211, 75, 0.28);
}

.whale-native-status-chip-v1,
.whale-native-entity-chip-v1 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.1;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.72);
  color: rgba(226, 232, 240, 0.92);
}

.whale-native-status-chip-v1.verified,
.whale-native-entity-chip-v1.verified {
  border-color: rgba(65, 243, 164, 0.34);
  background: rgba(10, 88, 60, 0.35);
  color: #b7ffd8;
}

.whale-native-status-chip-v1.supply,
.whale-native-entity-chip-v1.supply {
  border-color: rgba(255, 211, 75, 0.38);
  background: rgba(112, 84, 0, 0.32);
  color: #ffe36a;
}

.whale-native-status-chip-v1.candidate,
.whale-native-entity-chip-v1.candidate {
  border-color: rgba(255, 211, 75, 0.30);
  background: rgba(72, 54, 0, 0.30);
  color: #f9d348;
}

.whale-native-status-chip-v1.unknown,
.whale-native-entity-chip-v1.unknown,
.whale-native-entity-chip-v1.muted {
  border-color: rgba(148, 163, 184, 0.22);
  background: rgba(30, 41, 59, 0.45);
  color: rgba(203, 213, 225, 0.82);
}

.whale-flow-badge-v2.verified {
  border-color: rgba(91, 220, 255, 0.35);
  background: rgba(14, 116, 144, 0.22);
  color: #9feaff;
}

/* Whale Clean Runtime Debug Blob Disabled v1 */
.whales-clean-runtime-v1,
.whales-clean-runtime-v2,
.whales-clean-runtime-safe-mode-v2,
[data-whales-clean-runtime-v1],
[data-whales-clean-runtime-v2],
[data-whales-clean-runtime-safe-mode-v2] {
  --ciml-clean-runtime-disabled: 1;
}

pre[class*="whale"],
pre[class*="runtime"],
div[class*="clean-runtime"],
div[class*="debug"],
section[class*="clean-runtime"],
section[class*="debug"] {
  display: none !important;
}

/* Whale Clean Runtime Debug Blob Disabled v1 */
.whales-clean-runtime-v1,
.whales-clean-runtime-v2,
.whales-clean-runtime-safe-mode-v2,
[data-whales-clean-runtime-v1],
[data-whales-clean-runtime-v2],
[data-whales-clean-runtime-safe-mode-v2] {
  --ciml-clean-runtime-disabled: 1;
}

pre[class*="whale"],
pre[class*="runtime"],
div[class*="clean-runtime"],
div[class*="debug"],
section[class*="clean-runtime"],
section[class*="debug"] {
  display: none !important;
}

/* Whale Green Debug Text Blob Hide v1 */
.whale-green-debug-blob-hidden-v1,
[data-whale-green-debug-blob-hidden-v1="true"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Whale Worker Status Recovery v1 */
.whale-worker-status-recovered-v1 {
  position: relative;
}

.whale-worker-status-recovered-v1 .whale-worker-status-title-v1 {
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(210, 224, 255, 0.72);
  font-weight: 900;
  margin-bottom: 0.65rem;
}

.whale-worker-status-recovered-v1 .whale-worker-status-live-v1 {
  color: #83f7a5;
  font-size: 1.65rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.03em;
  margin-bottom: 0.55rem;
}

.whale-worker-status-recovered-v1 .whale-worker-status-note-v1 {
  color: rgba(210, 224, 255, 0.78);
  font-size: 0.86rem;
}

/* Whale Worker Status Recovery v1 */
.whale-worker-status-recovered-v1 {
  position: relative;
}

.whale-worker-status-recovered-v1 .whale-worker-status-title-v1 {
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(210, 224, 255, 0.72);
  font-weight: 900;
  margin-bottom: 0.65rem;
}

.whale-worker-status-recovered-v1 .whale-worker-status-live-v1 {
  color: #83f7a5;
  font-size: 1.65rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.03em;
  margin-bottom: 0.55rem;
}

.whale-worker-status-recovered-v1 .whale-worker-status-note-v1 {
  color: rgba(210, 224, 255, 0.78);
  font-size: 0.86rem;
}

/* Whale Raw Debug Text Purge v2 */
.whale-raw-debug-text-purged-v2 {
  font-size: inherit;
}

.whale-raw-debug-text-purge-active-v2 [data-whale-raw-debug-text-purged-v2="true"],
.whale-raw-debug-text-purge-active-v2 [data-whale-raw-debug-text-purged-v2="direct"] {
  color: inherit;
}

/* Whale Legacy DOM Mutator Quarantine v1 */
body {
  --ciml-whale-legacy-dom-mutator-quarantine-v1: 1;
}

/* Whale Intelligence Snapshot Panel v1 */
.whale-intelligence-panel-v1 {
  margin: 22px 0;
  border: 1px solid rgba(91, 220, 255, 0.20);
  border-radius: 28px;
  padding: 22px;
  background:
    radial-gradient(circle at top left, rgba(91, 220, 255, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(4, 18, 32, 0.96), rgba(5, 10, 25, 0.96));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.whale-intelligence-head-v1 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

.whale-intelligence-kicker-v1 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 8px;
  padding: 5px 10px;
  border: 1px solid rgba(91, 220, 255, 0.25);
  border-radius: 999px;
  color: rgba(159, 234, 255, 0.95);
  background: rgba(14, 116, 144, 0.16);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.whale-intelligence-head-v1 h2 {
  margin: 0;
  color: rgba(240, 249, 255, 0.98);
  font-size: clamp(1.3rem, 2vw, 2rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.whale-intelligence-head-v1 p {
  margin: 8px 0 0;
  max-width: 760px;
  color: rgba(210, 224, 255, 0.76);
}

.whale-intelligence-severity-v1 {
  min-width: 150px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 20px;
  padding: 14px;
  text-align: right;
  background: rgba(15, 23, 42, 0.58);
}

.whale-intelligence-severity-v1 span,
.whale-intelligence-metric-v1 span {
  display: block;
  color: rgba(210, 224, 255, 0.62);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.whale-intelligence-severity-v1 strong {
  display: block;
  margin-top: 5px;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}

.whale-intelligence-severity-v1.high strong,
.whale-intelligence-signal-v1.high strong,
.whale-intelligence-signal-v1.high span {
  color: #ffd36b;
}

.whale-intelligence-severity-v1.critical strong,
.whale-intelligence-signal-v1.critical strong,
.whale-intelligence-signal-v1.critical span {
  color: #ff8585;
}

.whale-intelligence-severity-v1.medium strong,
.whale-intelligence-signal-v1.medium strong,
.whale-intelligence-signal-v1.medium span {
  color: #9feaff;
}

.whale-intelligence-severity-v1 small {
  display: block;
  margin-top: 4px;
  color: rgba(210, 224, 255, 0.64);
}

.whale-intelligence-grid-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.whale-intelligence-metric-v1 {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  padding: 15px;
  background: rgba(15, 23, 42, 0.44);
}

.whale-intelligence-metric-v1 strong {
  display: block;
  margin-top: 8px;
  color: rgba(240, 249, 255, 0.98);
  font-size: 1.35rem;
  line-height: 1;
  letter-spacing: -0.04em;
}

.whale-intelligence-metric-v1 small {
  display: block;
  margin-top: 7px;
  color: rgba(210, 224, 255, 0.62);
}

.whale-intelligence-bars-v1 {
  display: grid;
  gap: 9px;
  margin: 18px 0;
}

.whale-intelligence-bars-v1 div {
  display: grid;
  grid-template-columns: 90px 1fr 58px;
  gap: 10px;
  align-items: center;
}

.whale-intelligence-bars-v1 span,
.whale-intelligence-bars-v1 em {
  color: rgba(210, 224, 255, 0.70);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 800;
}

.whale-intelligence-bars-v1 div::before {
  content: "";
  display: block;
  grid-column: 2;
  grid-row: 1;
  height: 8px;
  border-radius: 999px;
  background: rgba(51, 65, 85, 0.58);
}

.whale-intelligence-bars-v1 b {
  display: block;
  grid-column: 2;
  grid-row: 1;
  height: 8px;
  max-width: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(91, 220, 255, 0.86), rgba(65, 243, 164, 0.86));
}

.whale-intelligence-lists-v1 {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 14px;
  margin-top: 18px;
}

.whale-intelligence-lists-v1 h3 {
  margin: 0 0 10px;
  color: rgba(240, 249, 255, 0.92);
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-intelligence-signal-v1 {
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 18px;
  padding: 12px;
  margin-bottom: 10px;
  background: rgba(15, 23, 42, 0.42);
}

.whale-intelligence-signal-top-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.whale-intelligence-signal-top-v1 span {
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.11em;
}

.whale-intelligence-signal-v1 b {
  display: block;
  color: rgba(240, 249, 255, 0.94);
  margin-bottom: 4px;
}

.whale-intelligence-signal-v1 p {
  margin: 0;
  color: rgba(210, 224, 255, 0.66);
  font-size: 0.86rem;
}

.whale-intelligence-tags-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.whale-intelligence-tags-v1 span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  padding: 7px 10px;
  color: rgba(210, 224, 255, 0.78);
  background: rgba(15, 23, 42, 0.42);
  font-size: 0.82rem;
}

.whale-intelligence-tags-v1 b {
  color: rgba(240, 249, 255, 0.96);
}

.whale-intelligence-policy-v1 {
  margin-top: 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.13);
  padding-top: 12px;
  color: rgba(210, 224, 255, 0.58);
  font-size: 0.78rem;
}

@media (max-width: 920px) {
  .whale-intelligence-head-v1,
  .whale-intelligence-lists-v1 {
    grid-template-columns: 1fr;
  }

  .whale-intelligence-severity-v1 {
    text-align: left;
  }

  .whale-intelligence-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .whale-intelligence-panel-v1 {
    padding: 16px;
    border-radius: 22px;
  }

  .whale-intelligence-grid-v1 {
    grid-template-columns: 1fr;
  }

  .whale-intelligence-bars-v1 div {
    grid-template-columns: 76px 1fr 48px;
  }
}

/* Whale Intelligence Snapshot Panel v2 */
.whale-intelligence-panel-v2 {
  order: 20;
  margin-top: 22px;
  margin-bottom: 22px;
}

.whale-intelligence-panel-v2 .whale-intelligence-head-v1 p {
  max-width: 920px;
  line-height: 1.58;
}

.whale-intelligence-panel-v2 .whale-intelligence-tags-v1 span {
  text-transform: none;
}

.whale-intelligence-panel-v2 .whale-intelligence-signal-v1 {
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.whale-intelligence-panel-v2 .whale-intelligence-signal-v1:hover {
  transform: translateY(-1px);
  border-color: rgba(91, 220, 255, 0.28);
  background: rgba(15, 23, 42, 0.56);
}

/* Whale Intelligence Snapshot Panel v3 */
.whale-intelligence-panel-v3 {
  position: relative;
  z-index: 1;
}

/* Whale Intelligence Snapshot Panel v4 */
.whale-intelligence-panel-v4 {
  position: relative;
  z-index: 1;
  will-change: auto;
}

/* Whale Native Intelligence Snapshot Panel v1 */
.whale-native-intelligence-v1 {
  margin-top: 22px;
  margin-bottom: 22px;
  width: 100%;
}

.whale-native-intelligence-v1 .whale-intelligence-head-v1 p {
  max-width: 920px;
  line-height: 1.58;
}

.whale-native-intelligence-v1 .whale-intelligence-tags-v1 span {
  text-transform: none;
}

/* Whale Verified Labels UI Card v1 */
.whale-verified-labels-v1 {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.whale-verified-labels-v1 div {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(34, 211, 238, 0.16);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 36%),
    rgba(15, 23, 42, 0.42);
}

.whale-verified-labels-v1 span {
  color: rgba(148, 163, 184, 0.82);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.whale-verified-labels-v1 strong {
  color: rgba(248, 250, 252, 0.96);
  font-size: 20px;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.whale-verified-labels-v1 small {
  color: rgba(203, 213, 225, 0.76);
  font-size: 12px;
  line-height: 1.5;
}


/* Whale Category Flows UI Card v1 */
.whale-category-flows-v1 {
  position: relative;
  overflow: hidden;
}

.whale-category-total-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.whale-category-total-v1 div {
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.48);
  border-radius: 16px;
  padding: 12px;
}

.whale-category-total-v1 span,
.whale-category-row-v1 small,
.whale-category-empty-v1 {
  display: block;
  color: rgba(148, 163, 184, 0.92);
  font-size: 12px;
  line-height: 1.45;
}

.whale-category-total-v1 strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 18px;
  letter-spacing: -0.02em;
}

.whale-category-list-v1 {
  display: grid;
  gap: 9px;
}

.whale-category-row-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.13);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.78), rgba(2, 6, 23, 0.72));
  border-radius: 15px;
  padding: 11px 12px;
}

.whale-category-row-v1 span {
  display: block;
  color: rgba(248, 250, 252, 0.96);
  font-weight: 750;
  letter-spacing: -0.01em;
}

.whale-category-row-v1 strong {
  color: rgba(226, 232, 240, 0.98);
  font-size: 14px;
  white-space: nowrap;
}

.whale-category-row-v1.protocol {
  border-color: rgba(124, 58, 237, 0.28);
}

.whale-category-row-v1.exchange {
  border-color: rgba(34, 211, 238, 0.25);
}

.whale-category-row-v1.issuer {
  border-color: rgba(16, 185, 129, 0.24);
}

.whale-category-row-v1.institutional,
.whale-category-row-v1.market_maker,
.whale-category-row-v1.custody {
  border-color: rgba(245, 158, 11, 0.24);
}

.whale-category-empty-v1 {
  border: 1px dashed rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  padding: 14px;
}

@media (max-width: 720px) {
  .whale-category-total-v1,
  .whale-category-row-v1 {
    grid-template-columns: 1fr;
  }

  .whale-category-row-v1 strong {
    white-space: normal;
  }
}


/* Whale Layout Polish v1 */
[data-whales-page-v1].whales-layout-polish-v1 .whales-grid-v1 {
  align-items: start;
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-category-flows-v1 {
  grid-column: 1 / -1;
  border-color: rgba(34, 211, 238, 0.22);
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 34%),
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 36%),
    rgba(2, 6, 23, 0.72);
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-category-list-v1 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-priority-panel-v1 {
  box-shadow: 0 18px 48px rgba(2, 6, 23, 0.34);
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-verified-priority-v1 {
  border-color: rgba(16, 185, 129, 0.20);
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-system-panel-v1 {
  opacity: 0.88;
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-category-row-v1 {
  min-height: 68px;
}

[data-whales-page-v1].whales-layout-polish-v1 .whale-category-row-v1:hover {
  transform: translateY(-1px);
  border-color: rgba(226, 232, 240, 0.24);
}

@media (max-width: 900px) {
  [data-whales-page-v1].whales-layout-polish-v1 .whale-category-list-v1 {
    grid-template-columns: 1fr;
  }
}


/* Whale Signals Strip v1 */
.whale-signals-strip-v1 {
  margin: 18px 0 20px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 34%),
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 38%),
    rgba(2, 6, 23, 0.74);
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 18px 54px rgba(2, 6, 23, 0.32);
}

.whale-signals-head-v1 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.whale-signals-head-v1 span {
  color: rgba(148, 163, 184, 0.95);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.whale-signals-head-v1 strong {
  color: rgba(248, 250, 252, 0.96);
  font-size: 13px;
}

.whale-signals-list-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.whale-signal-pill-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.58);
  border-radius: 16px;
  padding: 12px;
  min-height: 84px;
}

.whale-signal-pill-v1 span {
  display: block;
  color: rgba(248, 250, 252, 0.96);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}

.whale-signal-pill-v1 strong {
  display: block;
  color: rgba(148, 163, 184, 0.96);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 650;
}

.whale-signal-pill-v1.watch {
  border-color: rgba(245, 158, 11, 0.26);
}

.whale-signal-pill-v1.info {
  border-color: rgba(34, 211, 238, 0.22);
}

.whale-signal-pill-v1.policy {
  border-color: rgba(16, 185, 129, 0.22);
}

@media (max-width: 980px) {
  .whale-signals-list-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .whale-signals-strip-v1 {
    border-radius: 18px;
    padding: 13px;
  }

  .whale-signals-list-v1 {
    grid-template-columns: 1fr;
  }
}


/* Whale Entity Detail Drawer v1 */
.whale-entity-clickable-v1 {
  cursor: pointer;
}

.whale-entity-clickable-v1:hover {
  border-color: rgba(34, 211, 238, 0.34);
}

.whale-entity-drawer-v1 {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
}

.whale-entity-drawer-v1.open {
  pointer-events: auto;
}

.whale-entity-drawer-backdrop-v1 {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.62);
  opacity: 0;
  transition: opacity 180ms ease;
}

.whale-entity-drawer-v1.open .whale-entity-drawer-backdrop-v1 {
  opacity: 1;
}

.whale-entity-drawer-panel-v1 {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 18px;
  width: min(480px, calc(100vw - 36px));
  overflow: auto;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 36%),
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.12), transparent 38%),
    rgba(2, 6, 23, 0.96);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  transform: translateX(18px);
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease;
}

.whale-entity-drawer-v1.open .whale-entity-drawer-panel-v1 {
  transform: translateX(0);
  opacity: 1;
}

.whale-entity-drawer-close-v1 {
  position: sticky;
  top: 12px;
  float: right;
  z-index: 2;
  width: 34px;
  height: 34px;
  margin: 12px 12px 0 0;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  color: rgba(248, 250, 252, 0.92);
  cursor: pointer;
}

[data-whale-entity-drawer-content-v1] {
  padding: 18px;
  clear: both;
}

.whale-entity-head-v1 {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  padding: 16px;
  background: rgba(15, 23, 42, 0.62);
  margin-bottom: 14px;
}

.whale-entity-head-v1 span,
.whale-entity-section-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.96);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.whale-entity-head-v1 h3 {
  margin: 0 0 8px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 24px;
  letter-spacing: -0.04em;
}

.whale-entity-head-v1 p,
.whale-entity-section-v1 p,
.whale-entity-policy-v1 {
  margin: 0;
  color: rgba(203, 213, 225, 0.92);
  font-size: 13px;
  line-height: 1.55;
}

.whale-entity-metrics-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.whale-entity-metrics-v1 div,
.whale-entity-section-v1,
.whale-entity-policy-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.52);
  padding: 12px;
}

.whale-entity-metrics-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.92);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  margin-bottom: 6px;
}

.whale-entity-metrics-v1 strong {
  display: block;
  color: rgba(248, 250, 252, 0.96);
  font-size: 15px;
}

.whale-entity-section-v1 {
  margin-bottom: 14px;
}

.whale-entity-labels-v1 {
  display: grid;
  gap: 8px;
}

.whale-entity-label-v1,
.whale-entity-empty-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  padding: 9px 10px;
  color: rgba(226, 232, 240, 0.94);
  background: rgba(2, 6, 23, 0.38);
  font-size: 12px;
  line-height: 1.4;
}

.whale-entity-policy-v1 {
  border-color: rgba(16, 185, 129, 0.22);
  color: rgba(167, 243, 208, 0.92);
}

@media (max-width: 680px) {
  .whale-entity-drawer-panel-v1 {
    top: auto;
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    max-height: 82vh;
    border-radius: 22px;
  }

  .whale-entity-metrics-v1 {
    grid-template-columns: 1fr;
  }
}


/* Whale Category Drawer Enrichment v1 */
.whale-entity-label-v1.rich {
  display: grid;
  gap: 5px;
}

.whale-entity-label-v1.rich b {
  color: rgba(248, 250, 252, 0.96);
  font-size: 12px;
  line-height: 1.35;
}

.whale-entity-label-v1.rich small {
  color: rgba(148, 163, 184, 0.94);
  font-size: 11px;
  line-height: 1.35;
}

.whale-entity-label-v1.rich strong {
  color: rgba(34, 211, 238, 0.92);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.whale-entity-clickable-v1 {
  outline: none;
}

.whale-entity-clickable-v1:focus {
  border-color: rgba(34, 211, 238, 0.46);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.10);
}


/* Whale Entity Drawer Click Binding Fix v1 */
.whale-category-row-v1,
.whale-signal-pill-v1,
.whale-verified-labels-v1 > div {
  cursor: pointer;
}

.whale-category-row-v1:hover,
.whale-signal-pill-v1:hover,
.whale-verified-labels-v1 > div:hover {
  border-color: rgba(34, 211, 238, 0.42);
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.08);
}

.whale-category-row-v1:focus,
.whale-signal-pill-v1:focus,
.whale-verified-labels-v1 > div:focus {
  outline: 2px solid rgba(34, 211, 238, 0.36);
  outline-offset: 2px;
}


/* Whale Label Detail Click v1 */
.whale-entity-label-v1.rich {
  cursor: pointer;
}

.whale-entity-label-v1.rich:hover {
  border-color: rgba(34, 211, 238, 0.44);
  background: rgba(34, 211, 238, 0.06);
}

.whale-label-detail-proof-v1 {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  padding: 12px;
  margin-bottom: 14px;
  background: rgba(15, 23, 42, 0.52);
}

.whale-label-detail-proof-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.96);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.whale-label-detail-proof-v1 code {
  display: block;
  color: rgba(34, 211, 238, 0.95);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.whale-label-detail-chip-row-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.whale-label-detail-chip-row-v1 span {
  border: 1px solid rgba(34, 211, 238, 0.20);
  border-radius: 999px;
  padding: 7px 10px;
  color: rgba(226, 232, 240, 0.94);
  background: rgba(34, 211, 238, 0.06);
  font-size: 11px;
  font-weight: 800;
}


/* Whale Label Detail UX Polish v1 */
.whale-label-detail-actions-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 14px;
}

.whale-label-detail-actions-v1 button,
.whale-label-detail-actions-v1 a {
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.07);
  color: rgba(226, 232, 240, 0.96);
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
}

.whale-label-detail-actions-v1 button:hover,
.whale-label-detail-actions-v1 a:hover {
  border-color: rgba(34, 211, 238, 0.48);
  background: rgba(34, 211, 238, 0.12);
}

.whale-label-detail-proof-v1.expanded code {
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: unset;
}

.whale-entity-label-v1.rich:focus {
  outline: 2px solid rgba(34, 211, 238, 0.36);
  outline-offset: 2px;
}


/* Whale Label Detail UX Event Fix v1 */
.whale-label-detail-actions-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 14px;
}

.whale-label-detail-actions-v1 button,
.whale-label-detail-actions-v1 a {
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.07);
  color: rgba(226, 232, 240, 0.96);
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
}

.whale-label-detail-actions-v1 button:hover,
.whale-label-detail-actions-v1 a:hover {
  border-color: rgba(34, 211, 238, 0.48);
  background: rgba(34, 211, 238, 0.12);
}

.whale-label-detail-proof-v1.expanded code {
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: unset;
}


/* Whale Transfer Evidence Panel v1 */
.whale-transfer-evidence-v1 {
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 18px;
  padding: 13px;
  margin: 0 0 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.10), transparent 32%),
    rgba(15, 23, 42, 0.56);
}

.whale-transfer-evidence-head-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.whale-transfer-evidence-head-v1 span {
  color: rgba(148, 163, 184, 0.96);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.whale-transfer-evidence-head-v1 strong {
  color: rgba(34, 211, 238, 0.95);
  font-size: 12px;
}

.whale-transfer-evidence-row-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 15px;
  padding: 11px;
  margin-top: 9px;
  background: rgba(2, 6, 23, 0.36);
}

.whale-transfer-evidence-main-v1 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 7px;
}

.whale-transfer-evidence-main-v1 strong {
  color: rgba(226, 232, 240, 0.98);
  font-size: 13px;
}

.whale-transfer-evidence-main-v1 span {
  color: rgba(148, 163, 184, 0.94);
  font-size: 11px;
  text-transform: capitalize;
}

.whale-transfer-evidence-route-v1 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 7px;
  color: rgba(203, 213, 225, 0.9);
  font-size: 11px;
  margin-bottom: 8px;
}

.whale-transfer-evidence-route-v1 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whale-transfer-evidence-route-v1 em {
  color: rgba(34, 211, 238, 0.78);
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 9px;
}

.whale-transfer-evidence-meta-v1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.whale-transfer-evidence-meta-v1 small {
  color: rgba(148, 163, 184, 0.88);
  font-size: 10px;
}

.whale-transfer-evidence-meta-v1 a {
  color: rgba(34, 211, 238, 0.96);
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}

.whale-transfer-evidence-meta-v1 a:hover {
  text-decoration: underline;
}

.whale-transfer-evidence-empty-v1,
.whale-transfer-evidence-policy-v1 {
  color: rgba(148, 163, 184, 0.9);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 10px;
}

.whale-transfer-evidence-policy-v1 {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  padding-top: 10px;
}


/* Whale Transfer Evidence UI Polish v1 */
.whale-transfer-evidence-v1.polished {
  border-color: rgba(34, 211, 238, 0.24);
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(2, 6, 23, 0.54));
}

.whale-transfer-evidence-row-v1.polished {
  position: relative;
  overflow: hidden;
}

.whale-transfer-evidence-row-v1.polished::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(34, 211, 238, 0.58);
}

.whale-transfer-evidence-topline-v1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 9px;
}

.whale-transfer-evidence-topline-v1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.98);
  font-size: 13px;
  margin-bottom: 3px;
}

.whale-transfer-evidence-topline-v1 small {
  color: rgba(148, 163, 184, 0.86);
  font-size: 10px;
}

.whale-transfer-evidence-badges-v1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  max-width: 55%;
}

.whale-transfer-evidence-badges-v1 span {
  border: 1px solid rgba(34, 211, 238, 0.20);
  border-radius: 999px;
  padding: 4px 7px;
  background: rgba(34, 211, 238, 0.07);
  color: rgba(226, 232, 240, 0.92);
  font-size: 9px;
  font-weight: 850;
  text-transform: capitalize;
  white-space: nowrap;
}

.whale-transfer-evidence-route-v1.polished {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 12px;
  padding: 8px;
  background: rgba(2, 6, 23, 0.28);
}

.whale-transfer-evidence-actions-v1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 9px;
}

.whale-transfer-evidence-actions-v1 a,
.whale-transfer-evidence-actions-v1 button {
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.07);
  color: rgba(34, 211, 238, 0.96);
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.whale-transfer-evidence-actions-v1 a:hover,
.whale-transfer-evidence-actions-v1 button:hover {
  background: rgba(34, 211, 238, 0.13);
  border-color: rgba(34, 211, 238, 0.46);
}


/* Whale Entity Profile Drawer v1 */
.whale-entity-head-v1.entity-profile {
  border-color: rgba(168, 85, 247, 0.24);
  background:
    radial-gradient(circle at 10% 0%, rgba(168, 85, 247, 0.16), transparent 34%),
    rgba(15, 23, 42, 0.72);
}

.whale-entity-profile-cta-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(168, 85, 247, 0.22);
  border-radius: 18px;
  padding: 13px;
  margin: 0 0 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(168, 85, 247, 0.12), transparent 34%),
    rgba(15, 23, 42, 0.58);
}

.whale-entity-profile-cta-v1 span {
  display: block;
  color: rgba(196, 181, 253, 0.94);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.whale-entity-profile-cta-v1 strong {
  display: block;
  color: rgba(245, 243, 255, 0.98);
  font-size: 14px;
  margin-bottom: 3px;
}

.whale-entity-profile-cta-v1 small {
  color: rgba(203, 213, 225, 0.84);
  font-size: 11px;
}

.whale-entity-profile-cta-v1 button,
.whale-profile-actions-v1 a,
.whale-profile-actions-v1 button {
  border: 1px solid rgba(168, 85, 247, 0.28);
  border-radius: 999px;
  background: rgba(168, 85, 247, 0.10);
  color: rgba(216, 180, 254, 0.98);
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.whale-entity-profile-cta-v1 button:hover,
.whale-profile-actions-v1 a:hover,
.whale-profile-actions-v1 button:hover {
  background: rgba(168, 85, 247, 0.18);
  border-color: rgba(168, 85, 247, 0.50);
}

.whale-profile-grid-v1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.whale-profile-list-v1 {
  display: grid;
  gap: 8px;
}

.whale-profile-row-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  padding: 9px;
  background: rgba(2, 6, 23, 0.28);
}

.whale-profile-row-v1 span {
  color: rgba(226, 232, 240, 0.94);
  font-size: 12px;
  text-transform: capitalize;
}

.whale-profile-row-v1 strong {
  color: rgba(216, 180, 254, 0.98);
  font-size: 12px;
}

.whale-profile-row-v1 small {
  grid-column: 1 / -1;
  color: rgba(148, 163, 184, 0.82);
  font-size: 10px;
}

.whale-profile-labels-v1 {
  display: grid;
  gap: 8px;
}

.whale-profile-label-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  padding: 9px;
  background: rgba(2, 6, 23, 0.28);
}

.whale-profile-label-v1 b,
.whale-profile-sample-v1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.98);
  font-size: 12px;
  margin-bottom: 4px;
}

.whale-profile-label-v1 span,
.whale-profile-sample-v1 span {
  display: block;
  color: rgba(196, 181, 253, 0.92);
  font-size: 10px;
  font-weight: 850;
  text-transform: capitalize;
  margin-bottom: 4px;
}

.whale-profile-label-v1 small,
.whale-profile-sample-v1 p {
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
  line-height: 1.45;
}

.whale-profile-samples-v1 {
  display: grid;
  gap: 9px;
}

.whale-profile-sample-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 10px;
  background: rgba(2, 6, 23, 0.30);
}

.whale-profile-actions-v1 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}

@media (max-width: 720px) {
  .whale-profile-grid-v1 {
    grid-template-columns: 1fr;
  }

  .whale-entity-profile-cta-v1 {
    align-items: stretch;
    flex-direction: column;
  }
}


/* Whale Entity Profile Title Polish v1 */
.whale-entity-head-v1.entity-profile h3 {
  letter-spacing: -0.02em;
}


/* Whale Tracked Entities Panel v1 */
.whale-tracked-entities-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 24px;
  padding: 18px;
  margin: 18px 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.12), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(168, 85, 247, 0.10), transparent 28%),
    rgba(2, 6, 23, 0.66);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.22);
}

.whale-tracked-head-v1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 15px;
}

.whale-tracked-head-v1 span {
  color: rgba(103, 232, 249, 0.92);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.whale-tracked-head-v1 h3 {
  margin: 5px 0 6px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 20px;
  letter-spacing: -0.03em;
}

.whale-tracked-head-v1 p {
  margin: 0;
  color: rgba(148, 163, 184, 0.92);
  font-size: 13px;
  line-height: 1.5;
}

.whale-tracked-stats-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  gap: 8px;
  min-width: min(420px, 100%);
}

.whale-tracked-stat-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 9px;
  background: rgba(15, 23, 42, 0.54);
}

.whale-tracked-stat-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 9px;
  margin-bottom: 4px;
}

.whale-tracked-stat-v1 strong {
  color: rgba(226, 232, 240, 0.98);
  font-size: 15px;
}

.whale-tracked-grid-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.whale-tracked-card-v1 {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 18px;
  padding: 13px;
  background: rgba(15, 23, 42, 0.58);
  min-height: 260px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.whale-tracked-card-v1.critical {
  border-color: rgba(248, 113, 113, 0.30);
  background:
    radial-gradient(circle at 0% 0%, rgba(248, 113, 113, 0.13), transparent 34%),
    rgba(15, 23, 42, 0.58);
}

.whale-tracked-card-v1.high {
  border-color: rgba(251, 191, 36, 0.27);
  background:
    radial-gradient(circle at 0% 0%, rgba(251, 191, 36, 0.11), transparent 34%),
    rgba(15, 23, 42, 0.58);
}

.whale-tracked-card-v1.medium {
  border-color: rgba(56, 189, 248, 0.24);
}

.whale-tracked-card-top-v1,
.whale-tracked-actions-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.whale-tracked-card-top-v1 span,
.whale-tracked-card-top-v1 em {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  padding: 5px 8px;
  color: rgba(203, 213, 225, 0.92);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.whale-tracked-title-v1 h4 {
  margin: 0 0 4px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 17px;
}

.whale-tracked-title-v1 small,
.whale-tracked-evidence-v1 small {
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
}

.whale-tracked-metrics-v1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.whale-tracked-metrics-v1 div,
.whale-tracked-mini-v1 div,
.whale-tracked-evidence-v1 {
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 13px;
  padding: 8px;
  background: rgba(2, 6, 23, 0.30);
}

.whale-tracked-metrics-v1 span,
.whale-tracked-mini-v1 span,
.whale-tracked-evidence-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}

.whale-tracked-metrics-v1 strong,
.whale-tracked-mini-v1 strong,
.whale-tracked-evidence-v1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.98);
  font-size: 12px;
}

.whale-tracked-mini-v1 {
  display: grid;
  gap: 7px;
}

.whale-tracked-evidence-v1 {
  margin-top: auto;
}

.whale-tracked-actions-v1 {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 2px;
}

.whale-tracked-actions-v1 button,
.whale-tracked-actions-v1 a {
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.08);
  color: rgba(165, 243, 252, 0.98);
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
  text-decoration: none;
}

.whale-tracked-actions-v1 button:hover,
.whale-tracked-actions-v1 a:hover {
  border-color: rgba(34, 211, 238, 0.48);
  background: rgba(34, 211, 238, 0.14);
}

.whale-tracked-policy-v1,
.whale-tracked-empty-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 11px;
  margin-top: 13px;
  color: rgba(148, 163, 184, 0.90);
  font-size: 12px;
  line-height: 1.55;
  background: rgba(15, 23, 42, 0.44);
}

.whale-tracked-policy-v1 strong {
  color: rgba(226, 232, 240, 0.96);
}

@media (max-width: 1100px) {
  .whale-tracked-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .whale-tracked-head-v1 {
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  .whale-tracked-grid-v1,
  .whale-tracked-stats-v1,
  .whale-tracked-metrics-v1 {
    grid-template-columns: 1fr;
  }
}


/* Whale Flow Trends Panel v1 */
.whale-flow-trends-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 24px;
  padding: 18px;
  margin: 18px 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(59, 130, 246, 0.12), transparent 30%),
    radial-gradient(circle at 90% 5%, rgba(16, 185, 129, 0.10), transparent 28%),
    rgba(2, 6, 23, 0.68);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.20);
}

.whale-flow-head-v1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 15px;
}

.whale-flow-head-v1 span,
.whale-flow-subhead-v1 span {
  color: rgba(147, 197, 253, 0.96);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.whale-flow-head-v1 h3 {
  margin: 5px 0 6px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 20px;
  letter-spacing: -0.03em;
}

.whale-flow-head-v1 p {
  margin: 0;
  color: rgba(148, 163, 184, 0.92);
  font-size: 13px;
  line-height: 1.5;
}

.whale-flow-stats-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(78px, 1fr));
  gap: 8px;
  min-width: min(460px, 100%);
}

.whale-flow-stat-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 9px;
  background: rgba(15, 23, 42, 0.54);
}

.whale-flow-stat-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 9px;
  margin-bottom: 4px;
}

.whale-flow-stat-v1 strong {
  color: rgba(226, 232, 240, 0.98);
  font-size: 15px;
}

.whale-flow-columns-v1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.whale-flow-column-v1 {
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 20px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.34);
}

.whale-flow-subhead-v1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
}

.whale-flow-subhead-v1 strong {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  padding: 5px 9px;
  color: rgba(226, 232, 240, 0.96);
  font-size: 11px;
}

.whale-flow-grid-v1 {
  display: grid;
  gap: 10px;
}

.whale-flow-card-v1,
.whale-flow-entity-card-v1 {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 17px;
  padding: 12px;
  background: rgba(2, 6, 23, 0.36);
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.whale-flow-card-v1.accelerating,
.whale-flow-entity-card-v1.accelerating,
.whale-flow-card-v1.above_7d_avg,
.whale-flow-entity-card-v1.above_7d_avg {
  border-color: rgba(16, 185, 129, 0.30);
  background:
    radial-gradient(circle at 0% 0%, rgba(16, 185, 129, 0.12), transparent 34%),
    rgba(2, 6, 23, 0.36);
}

.whale-flow-card-v1.cooling,
.whale-flow-entity-card-v1.cooling,
.whale-flow-card-v1.below_7d_avg,
.whale-flow-entity-card-v1.below_7d_avg {
  border-color: rgba(248, 113, 113, 0.26);
  background:
    radial-gradient(circle at 0% 0%, rgba(248, 113, 113, 0.10), transparent 34%),
    rgba(2, 6, 23, 0.36);
}

.whale-flow-card-top-v1,
.whale-flow-actions-v1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.whale-flow-card-top-v1 span,
.whale-flow-card-top-v1 em {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  padding: 5px 8px;
  color: rgba(203, 213, 225, 0.92);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.whale-flow-card-v1 h4,
.whale-flow-entity-card-v1 h4 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
  letter-spacing: -0.01em;
}

.whale-flow-entity-card-v1 small {
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
}

.whale-flow-metrics-v1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.whale-flow-metrics-v1 div,
.whale-flow-mini-v1 div {
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 13px;
  padding: 8px;
  background: rgba(15, 23, 42, 0.34);
}

.whale-flow-metrics-v1 span,
.whale-flow-mini-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}

.whale-flow-metrics-v1 strong,
.whale-flow-mini-v1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.98);
  font-size: 12px;
}

.whale-flow-mini-v1 {
  display: grid;
  gap: 7px;
}

.whale-flow-actions-v1 {
  justify-content: flex-start;
}

.whale-flow-actions-v1 button,
.whale-flow-actions-v1 a,
.whale-flow-tx-v1 {
  border: 1px solid rgba(96, 165, 250, 0.25);
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.08);
  color: rgba(191, 219, 254, 0.98);
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
  text-decoration: none;
  width: fit-content;
}

.whale-flow-actions-v1 button:hover,
.whale-flow-actions-v1 a:hover,
.whale-flow-tx-v1:hover {
  border-color: rgba(96, 165, 250, 0.48);
  background: rgba(96, 165, 250, 0.14);
}

.whale-flow-policy-v1,
.whale-flow-empty-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 11px;
  margin-top: 13px;
  color: rgba(148, 163, 184, 0.90);
  font-size: 12px;
  line-height: 1.55;
  background: rgba(15, 23, 42, 0.44);
}

.whale-flow-policy-v1 strong {
  color: rgba(226, 232, 240, 0.96);
}

@media (max-width: 1100px) {
  .whale-flow-columns-v1,
  .whale-flow-head-v1 {
    grid-template-columns: 1fr;
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  .whale-flow-stats-v1,
  .whale-flow-metrics-v1 {
    grid-template-columns: 1fr;
  }
}


/* Whale Mobile Layout Polish v1 */
@media (max-width: 760px) {
  html,
  body,
  #root,
  #app {
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    -webkit-text-size-adjust: 100%;
  }

  main,
  .app-main,
  .main-content,
  .page-content,
  .content-shell,
  .dashboard-shell,
  .app-shell,
  .layout,
  .main-layout {
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .whale-flow-trends-v1,
  .whale-tracked-entities-v1,
  .whale-category-flows-v1,
  .whale-signals-strip-v1 {
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    margin: 12px 10px !important;
    padding: 13px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .whale-flow-trends-v1 *,
  .whale-tracked-entities-v1 *,
  .whale-category-flows-v1 *,
  .whale-signals-strip-v1 * {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  .whale-flow-head-v1,
  .whale-tracked-head-v1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
    margin-bottom: 13px !important;
  }

  .whale-flow-head-v1 > div,
  .whale-tracked-head-v1 > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .whale-flow-head-v1 h3,
  .whale-tracked-head-v1 h3 {
    font-size: 18px !important;
    line-height: 1.16 !important;
    letter-spacing: -0.04em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
  }

  .whale-flow-head-v1 p,
  .whale-tracked-head-v1 p {
    font-size: 12px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  .whale-flow-stats-v1,
  .whale-tracked-stats-v1 {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .whale-flow-stat-v1,
  .whale-tracked-stat-v1 {
    padding: 9px !important;
    border-radius: 14px !important;
  }

  .whale-flow-stat-v1 span,
  .whale-tracked-stat-v1 span {
    font-size: 8px !important;
    letter-spacing: 0.13em !important;
  }

  .whale-flow-stat-v1 strong,
  .whale-tracked-stat-v1 strong {
    font-size: 14px !important;
  }

  .whale-flow-columns-v1,
  .whale-tracked-grid-v1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .whale-flow-column-v1 {
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .whale-flow-subhead-v1 {
    margin-bottom: 8px !important;
  }

  .whale-flow-grid-v1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .whale-flow-card-v1,
  .whale-flow-entity-card-v1,
  .whale-tracked-card-v1 {
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 15px !important;
    gap: 8px !important;
  }

  .whale-flow-card-v1 h4,
  .whale-flow-entity-card-v1 h4,
  .whale-tracked-title-v1 h4 {
    font-size: 14px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }

  .whale-flow-card-top-v1 span,
  .whale-flow-card-top-v1 em,
  .whale-tracked-card-top-v1 span,
  .whale-tracked-card-top-v1 em {
    font-size: 9px !important;
    padding: 4px 7px !important;
  }

  .whale-flow-metrics-v1,
  .whale-tracked-metrics-v1 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .whale-flow-metrics-v1 div,
  .whale-tracked-metrics-v1 div,
  .whale-flow-mini-v1 div,
  .whale-tracked-mini-v1 div,
  .whale-tracked-evidence-v1 {
    padding: 7px !important;
    border-radius: 11px !important;
  }

  .whale-flow-metrics-v1 span,
  .whale-tracked-metrics-v1 span,
  .whale-flow-mini-v1 span,
  .whale-tracked-mini-v1 span,
  .whale-tracked-evidence-v1 span {
    font-size: 8px !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 3px !important;
  }

  .whale-flow-metrics-v1 strong,
  .whale-tracked-metrics-v1 strong,
  .whale-flow-mini-v1 strong,
  .whale-tracked-mini-v1 strong,
  .whale-tracked-evidence-v1 strong {
    font-size: 11px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }

  .whale-flow-mini-v1,
  .whale-tracked-mini-v1 {
    gap: 6px !important;
  }

  .whale-flow-actions-v1,
  .whale-tracked-actions-v1 {
    gap: 7px !important;
  }

  .whale-flow-actions-v1 button,
  .whale-flow-actions-v1 a,
  .whale-flow-tx-v1,
  .whale-tracked-actions-v1 button,
  .whale-tracked-actions-v1 a {
    max-width: 100% !important;
    padding: 7px 9px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .whale-flow-policy-v1,
  .whale-tracked-policy-v1 {
    margin-top: 10px !important;
    padding: 10px !important;
    font-size: 11px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 430px) {
  .whale-flow-trends-v1,
  .whale-tracked-entities-v1,
  .whale-category-flows-v1,
  .whale-signals-strip-v1 {
    max-width: calc(100vw - 14px) !important;
    margin-left: 7px !important;
    margin-right: 7px !important;
    padding: 11px !important;
  }

  .whale-flow-head-v1 h3,
  .whale-tracked-head-v1 h3 {
    font-size: 17px !important;
  }

  .whale-flow-stats-v1,
  .whale-tracked-stats-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .whale-flow-metrics-v1,
  .whale-tracked-metrics-v1 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .whale-flow-metrics-v1 div,
  .whale-tracked-metrics-v1 div {
    padding: 6px !important;
  }

  .whale-flow-metrics-v1 strong,
  .whale-tracked-metrics-v1 strong {
    font-size: 10px !important;
  }
}


/* Whale Mobile Compact Layout v1 */
@media (max-width: 760px) {
  body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  /* Collapse desktop side navigation / left rail on mobile */
  aside,
  nav[aria-label],
  .sidebar,
  .side-bar,
  .side-nav,
  .app-sidebar,
  .layout-sidebar,
  .navigation-sidebar,
  .market-sidebar,
  .desktop-sidebar,
  .left-sidebar,
  .left-nav,
  .shell-sidebar {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex-basis: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .app,
  .app-shell,
  .layout,
  .main-layout,
  .page-shell,
  .dashboard-shell,
  .content-shell,
  .main-content,
  .page-content,
  main {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  .whale-flow-trends-v1,
  .whale-tracked-entities-v1,
  .whale-category-flows-v1,
  .whale-signals-strip-v1 {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .whale-flow-head-v1,
  .whale-tracked-head-v1 {
    gap: 9px !important;
  }

  .whale-flow-head-v1 span,
  .whale-tracked-head-v1 span,
  .whale-flow-subhead-v1 span {
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
  }

  .whale-flow-head-v1 h3,
  .whale-tracked-head-v1 h3 {
    font-size: 16px !important;
    line-height: 1.12 !important;
    margin: 4px 0 !important;
  }

  .whale-flow-head-v1 p,
  .whale-tracked-head-v1 p {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .whale-flow-stats-v1,
  .whale-tracked-stats-v1 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  .whale-flow-stat-v1,
  .whale-tracked-stat-v1 {
    padding: 7px 6px !important;
    border-radius: 11px !important;
  }

  .whale-flow-stat-v1 span,
  .whale-tracked-stat-v1 span {
    font-size: 7px !important;
    letter-spacing: 0.10em !important;
    margin-bottom: 3px !important;
  }

  .whale-flow-stat-v1 strong,
  .whale-tracked-stat-v1 strong {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  .whale-flow-columns-v1 {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .whale-flow-column-v1 {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  .whale-flow-subhead-v1 {
    margin-bottom: 7px !important;
  }

  .whale-flow-subhead-v1 strong {
    font-size: 9px !important;
    padding: 4px 7px !important;
  }

  .whale-flow-grid-v1,
  .whale-tracked-grid-v1 {
    gap: 8px !important;
  }

  .whale-flow-card-v1,
  .whale-flow-entity-card-v1,
  .whale-tracked-card-v1 {
    padding: 9px !important;
    border-radius: 13px !important;
    gap: 7px !important;
  }

  .whale-flow-card-top-v1,
  .whale-tracked-card-top-v1 {
    gap: 5px !important;
  }

  .whale-flow-card-top-v1 span,
  .whale-flow-card-top-v1 em,
  .whale-tracked-card-top-v1 span,
  .whale-tracked-card-top-v1 em {
    font-size: 8px !important;
    padding: 3px 6px !important;
  }

  .whale-flow-card-v1 h4,
  .whale-flow-entity-card-v1 h4,
  .whale-tracked-title-v1 h4 {
    font-size: 13px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  .whale-flow-entity-card-v1 small,
  .whale-tracked-title-v1 small {
    font-size: 10px !important;
  }

  .whale-flow-metrics-v1,
  .whale-tracked-metrics-v1 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  .whale-flow-metrics-v1 div,
  .whale-tracked-metrics-v1 div {
    padding: 6px !important;
    border-radius: 10px !important;
  }

  .whale-flow-metrics-v1 span,
  .whale-tracked-metrics-v1 span {
    font-size: 7px !important;
    letter-spacing: 0.05em !important;
  }

  .whale-flow-metrics-v1 strong,
  .whale-tracked-metrics-v1 strong {
    font-size: 10px !important;
    line-height: 1.12 !important;
  }

  .whale-flow-mini-v1,
  .whale-tracked-mini-v1 {
    gap: 5px !important;
  }

  .whale-flow-mini-v1 div,
  .whale-tracked-mini-v1 div,
  .whale-tracked-evidence-v1 {
    padding: 6px !important;
    border-radius: 10px !important;
  }

  .whale-flow-mini-v1 span,
  .whale-tracked-mini-v1 span,
  .whale-tracked-evidence-v1 span {
    font-size: 7px !important;
  }

  .whale-flow-mini-v1 strong,
  .whale-tracked-mini-v1 strong,
  .whale-tracked-evidence-v1 strong {
    font-size: 10px !important;
  }

  .whale-flow-actions-v1 button,
  .whale-flow-actions-v1 a,
  .whale-flow-tx-v1,
  .whale-tracked-actions-v1 button,
  .whale-tracked-actions-v1 a {
    font-size: 8px !important;
    padding: 6px 8px !important;
    border-radius: 999px !important;
  }

  .whale-flow-policy-v1,
  .whale-tracked-policy-v1 {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .whale-flow-trends-v1,
  .whale-tracked-entities-v1,
  .whale-category-flows-v1,
  .whale-signals-strip-v1 {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 5px !important;
    padding: 9px !important;
  }

  .whale-flow-stats-v1,
  .whale-tracked-stats-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .whale-flow-head-v1 h3,
  .whale-tracked-head-v1 h3 {
    font-size: 15px !important;
  }

  .whale-flow-head-v1 p,
  .whale-tracked-head-v1 p {
    font-size: 10.5px !important;
  }
}


/* Whale Alerts Feed Panel v1 */
.whale-alerts-feed-v1 {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 24px;
  padding: 18px;
  margin: 18px 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(248, 113, 113, 0.11), transparent 30%),
    radial-gradient(circle at 90% 8%, rgba(250, 204, 21, 0.08), transparent 28%),
    rgba(2, 6, 23, 0.68);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.20);
}

.whale-alert-head-v1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 15px;
}

.whale-alert-head-v1 span {
  color: rgba(252, 165, 165, 0.96);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.whale-alert-head-v1 h3 {
  margin: 5px 0 6px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 20px;
  letter-spacing: -0.03em;
}

.whale-alert-head-v1 p {
  margin: 0;
  color: rgba(148, 163, 184, 0.92);
  font-size: 13px;
  line-height: 1.5;
}

.whale-alert-stats-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(78px, 1fr));
  gap: 8px;
  min-width: min(460px, 100%);
}

.whale-alert-stat-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 9px;
  background: rgba(15, 23, 42, 0.54);
}

.whale-alert-stat-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 9px;
  margin-bottom: 4px;
}

.whale-alert-stat-v1 strong {
  color: rgba(226, 232, 240, 0.98);
  font-size: 15px;
}

.whale-alert-grid-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.whale-alert-card-v1 {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 17px;
  padding: 12px;
  background: rgba(2, 6, 23, 0.36);
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.whale-alert-card-v1.high,
.whale-alert-card-v1.critical {
  border-color: rgba(248, 113, 113, 0.30);
  background:
    radial-gradient(circle at 0% 0%, rgba(248, 113, 113, 0.12), transparent 34%),
    rgba(2, 6, 23, 0.36);
}

.whale-alert-card-v1.medium {
  border-color: rgba(251, 191, 36, 0.24);
}

.whale-alert-card-v1.watch {
  border-color: rgba(56, 189, 248, 0.22);
}

.whale-alert-card-top-v1,
.whale-alert-actions-v1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.whale-alert-card-top-v1 span,
.whale-alert-card-top-v1 strong,
.whale-alert-card-top-v1 em {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  padding: 5px 8px;
  color: rgba(203, 213, 225, 0.92);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.whale-alert-title-v1 h4 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
  line-height: 1.25;
}

.whale-alert-title-v1 small {
  color: rgba(148, 163, 184, 0.86);
  font-size: 11px;
}

.whale-alert-route-v1,
.whale-alert-metrics-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.whale-alert-metrics-v1 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.whale-alert-route-v1 div,
.whale-alert-metrics-v1 div {
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 13px;
  padding: 8px;
  background: rgba(15, 23, 42, 0.34);
}

.whale-alert-route-v1 span,
.whale-alert-metrics-v1 span {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}

.whale-alert-route-v1 strong,
.whale-alert-metrics-v1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.98);
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.whale-alert-hint-v1 {
  margin: 0;
  color: rgba(148, 163, 184, 0.92);
  font-size: 12px;
  line-height: 1.45;
}

.whale-alert-actions-v1 button,
.whale-alert-actions-v1 a {
  border: 1px solid rgba(248, 113, 113, 0.24);
  border-radius: 999px;
  background: rgba(248, 113, 113, 0.08);
  color: rgba(254, 202, 202, 0.98);
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
  text-decoration: none;
}

.whale-alert-actions-v1 button:hover,
.whale-alert-actions-v1 a:hover {
  border-color: rgba(248, 113, 113, 0.48);
  background: rgba(248, 113, 113, 0.14);
}

.whale-alert-policy-v1,
.whale-alert-empty-v1 {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  padding: 11px;
  margin-top: 13px;
  color: rgba(148, 163, 184, 0.90);
  font-size: 12px;
  line-height: 1.55;
  background: rgba(15, 23, 42, 0.44);
}

.whale-alert-policy-v1 strong {
  color: rgba(226, 232, 240, 0.96);
}

@media (max-width: 1100px) {
  .whale-alert-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .whale-alert-head-v1 {
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .whale-alerts-feed-v1 {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .whale-alerts-feed-v1 * {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  .whale-alert-head-v1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-bottom: 11px !important;
  }

  .whale-alert-head-v1 h3 {
    font-size: 16px !important;
    line-height: 1.12 !important;
    margin: 4px 0 !important;
  }

  .whale-alert-head-v1 p {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .whale-alert-stats-v1 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  .whale-alert-stat-v1 {
    padding: 7px 6px !important;
    border-radius: 11px !important;
  }

  .whale-alert-stat-v1 span {
    font-size: 7px !important;
    letter-spacing: 0.10em !important;
  }

  .whale-alert-stat-v1 strong {
    font-size: 12px !important;
  }

  .whale-alert-grid-v1 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .whale-alert-card-v1 {
    padding: 9px !important;
    border-radius: 13px !important;
    gap: 7px !important;
  }

  .whale-alert-title-v1 h4 {
    font-size: 13px !important;
  }

  .whale-alert-route-v1,
  .whale-alert-metrics-v1 {
    gap: 5px !important;
  }

  .whale-alert-route-v1 div,
  .whale-alert-metrics-v1 div {
    padding: 6px !important;
    border-radius: 10px !important;
  }

  .whale-alert-route-v1 span,
  .whale-alert-metrics-v1 span {
    font-size: 7px !important;
  }

  .whale-alert-route-v1 strong,
  .whale-alert-metrics-v1 strong {
    font-size: 10px !important;
  }

  .whale-alert-hint-v1 {
    font-size: 10.5px !important;
  }

  .whale-alert-actions-v1 button,
  .whale-alert-actions-v1 a {
    font-size: 8px !important;
    padding: 6px 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .whale-alert-policy-v1 {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .whale-alerts-feed-v1 {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 5px !important;
    padding: 9px !important;
  }

  .whale-alert-stats-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .whale-alert-metrics-v1 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* Whale Mobile UX Shell v1 */
.whale-mobile-overview-v1,
.whale-mobile-nav-v1,
.whale-mobile-view-more-v1,
.whale-mobile-collapse-head-v1 {
  display: none;
}

@media (max-width: 760px) {
  .whale-mobile-overview-v1 {
    display: block !important;
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 5px !important;
    padding: 12px !important;
    border: 1px solid rgba(103, 232, 249, 0.18);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.14), transparent 35%),
      radial-gradient(circle at 100% 0%, rgba(168, 85, 247, 0.10), transparent 35%),
      rgba(2, 6, 23, 0.72);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    box-sizing: border-box;
  }

  .whale-mobile-overview-v1 * {
    box-sizing: border-box;
    min-width: 0;
  }

  .whale-mobile-overview-head-v1 span {
    display: block;
    color: rgba(103, 232, 249, 0.95);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }

  .whale-mobile-overview-head-v1 h3 {
    margin: 4px 0;
    color: rgba(248, 250, 252, 0.98);
    font-size: 19px;
    line-height: 1.1;
    letter-spacing: -0.04em;
  }

  .whale-mobile-overview-head-v1 p {
    margin: 0 0 10px;
    color: rgba(148, 163, 184, 0.92);
    font-size: 11px;
    line-height: 1.35;
  }

  .whale-mobile-overview-grid-v1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .whale-mobile-overview-grid-v1 div,
  .whale-mobile-overview-mini-v1 {
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 13px;
    padding: 9px;
    background: rgba(15, 23, 42, 0.56);
  }

  .whale-mobile-overview-grid-v1 span,
  .whale-mobile-overview-mini-v1 span {
    display: block;
    color: rgba(148, 163, 184, 0.80);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  .whale-mobile-overview-grid-v1 strong,
  .whale-mobile-overview-mini-v1 strong {
    display: block;
    color: rgba(248, 250, 252, 0.98);
    font-size: 15px;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }

  .whale-mobile-overview-grid-v1 small {
    display: block;
    margin-top: 3px;
    color: rgba(148, 163, 184, 0.84);
    font-size: 10px;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  .whale-mobile-overview-mini-v1 {
    margin-top: 7px;
  }

  .whale-mobile-nav-v1 {
    position: sticky;
    top: 0;
    z-index: 45;
    display: flex !important;
    gap: 6px;
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 0 5px 8px !important;
    padding: 7px;
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.88);
    backdrop-filter: blur(12px);
    box-sizing: border-box;
  }

  .whale-mobile-nav-v1 button {
    flex: 0 0 auto;
    border: 1px solid rgba(103, 232, 249, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.08);
    color: rgba(207, 250, 254, 0.96);
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
  }

  [data-whale-mobile-section-v1] {
    scroll-margin-top: 64px;
  }

  [data-whale-mobile-limited-section-v1]:not([data-whale-mobile-expanded-v1="true"]) [data-whale-mobile-hidden-item-v1="true"] {
    display: none !important;
  }

  .whale-mobile-view-more-v1 {
    display: block !important;
    width: 100%;
    margin: 9px 0 0;
    border: 1px solid rgba(103, 232, 249, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.08);
    color: rgba(207, 250, 254, 0.96);
    padding: 9px 10px;
    font-size: 11px;
    font-weight: 950;
    cursor: pointer;
  }

  .whale-mobile-heavy-section-v1 {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 5px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  .whale-mobile-collapse-head-v1 {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.62);
  }

  .whale-mobile-collapse-head-v1 span {
    display: block;
    color: rgba(148, 163, 184, 0.82);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 3px;
  }

  .whale-mobile-collapse-head-v1 strong {
    display: block;
    color: rgba(248, 250, 252, 0.98);
    font-size: 14px;
  }

  .whale-mobile-collapse-head-v1 button {
    border: 1px solid rgba(103, 232, 249, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.08);
    color: rgba(207, 250, 254, 0.96);
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
  }

  .whale-mobile-heavy-section-v1[data-whale-mobile-collapsed-v1="true"] > :not(.whale-mobile-collapse-head-v1) {
    display: none !important;
  }

  .whale-alerts-feed-v1 {
    order: 10;
  }

  .whale-tracked-entities-v1 {
    order: 20;
  }

  .whale-flow-trends-v1 {
    order: 30;
  }
}


/* Whale Mobile UX Placement Fix v1 */
@media (max-width: 760px) {
  .whale-mobile-native-top-hidden-v1 {
    display: none !important;
  }

  [data-whale-mobile-overview-v1] {
    order: -1000 !important;
  }

  [data-whale-mobile-nav-v1] {
    order: -999 !important;
  }

  [data-whale-alerts-feed-v1] {
    order: -998 !important;
  }

  [data-whale-tracked-entities-v1] {
    order: -997 !important;
  }

  [data-whale-flow-trends-v1] {
    order: -996 !important;
  }

  [data-whale-signals-v1] {
    order: -995 !important;
  }

  [data-whale-category-flows-v1],
  .whale-category-flows-v1 {
    order: -994 !important;
  }

  .whale-mobile-heavy-section-v1 {
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.08), transparent 34%),
      rgba(2, 6, 23, 0.62) !important;
  }

  .whale-mobile-heavy-section-v1 > .whale-mobile-collapse-head-v1 {
    margin: 0 !important;
  }

  .whale-mobile-heavy-section-v1[data-whale-mobile-collapsed-v1="true"] {
    min-height: 0 !important;
  }

  .whale-mobile-heavy-section-v1[data-whale-mobile-collapsed-v1="true"] > :not(.whale-mobile-collapse-head-v1) {
    display: none !important;
  }

  .whale-mobile-heavy-section-v1[data-whale-mobile-collapsed-v1="false"] {
    padding: 8px !important;
  }

  .whale-mobile-heavy-section-v1[data-whale-mobile-collapsed-v1="false"] > .whale-mobile-collapse-head-v1 {
    margin-bottom: 8px !important;
  }

  [data-whale-mobile-limited-section-v1]:not([data-whale-mobile-expanded-v1="true"]) [data-whale-mobile-hidden-item-v1="true"] {
    display: none !important;
  }

  [data-whale-mobile-limited-section-v1] > .whale-mobile-view-more-v1 {
    display: block !important;
  }
}


/* Whale Mobile Overview Nav Fallback v1 */
@media (max-width: 760px) {
  [data-whale-mobile-overview-v1],
  .whale-mobile-overview-v1 {
    display: block !important;
    visibility: visible !important;
  }

  [data-whale-mobile-nav-v1],
  .whale-mobile-nav-v1 {
    display: flex !important;
    visibility: visible !important;
  }

  [data-whale-mobile-overview-v1] {
    order: -2000 !important;
  }

  [data-whale-mobile-nav-v1] {
    order: -1999 !important;
  }
}


/* Whale Mobile ScrollSpy Nav v1 */
@media (max-width: 760px) {
  .whale-mobile-scrollspy-nav-v1 {
    position: sticky !important;
    top: 0 !important;
    z-index: 72 !important;
    border-color: rgba(103, 232, 249, 0.20) !important;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  .whale-mobile-scrollspy-nav-v1 button {
    opacity: 0.88;
    transition:
      opacity 160ms ease,
      background 160ms ease,
      color 160ms ease,
      border-color 160ms ease,
      transform 160ms ease;
  }

  .whale-mobile-scrollspy-nav-v1 button.active,
  .whale-mobile-scrollspy-nav-v1 button[aria-current="true"] {
    opacity: 1 !important;
    background: linear-gradient(135deg, rgba(103, 232, 249, 0.98), rgba(96, 165, 250, 0.84)) !important;
    border-color: rgba(207, 250, 254, 0.72) !important;
    color: rgba(2, 6, 23, 0.98) !important;
    transform: translateY(-1px);
  }

  .whale-mobile-scrollspy-nav-v1 button:disabled {
    opacity: 0.32 !important;
    pointer-events: none !important;
  }

  [data-whale-mobile-scroll-target-v1] {
    scroll-margin-top: 84px !important;
  }

  .whale-mobile-section-pulse-v1 {
    animation: whaleMobileSectionPulseV1 620ms ease both;
  }

  @keyframes whaleMobileSectionPulseV1 {
    0% {
      box-shadow: 0 0 0 rgba(103, 232, 249, 0);
      border-color: rgba(103, 232, 249, 0.20);
    }
    36% {
      box-shadow: 0 0 0 3px rgba(103, 232, 249, 0.16);
      border-color: rgba(103, 232, 249, 0.44);
    }
    100% {
      box-shadow: 0 0 0 rgba(103, 232, 249, 0);
    }
  }

  body {
    scroll-behavior: smooth;
  }
}


/* CIML Premium Global Mobile Navbar 11C-5 */
.ciml-global-mobile-navbar-11c5,
.ciml-global-mobile-menu-portal-11c5 {
  display: none;
}

@media (max-width: 760px) {
  .sidebar {
    display: none !important;
  }

  .app-shell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .main {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 0 24px !important;
  }

  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 900 !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding:
      max(8px, env(safe-area-inset-top))
      10px
      11px !important;

    box-sizing: border-box !important;

    border-bottom:
      1px solid rgba(103, 232, 249, 0.12) !important;

    background:
      radial-gradient(
        circle at 0 0,
        rgba(34, 211, 238, 0.08),
        transparent 34%
      ),
      linear-gradient(
        180deg,
        rgba(5, 12, 25, 0.985),
        rgba(4, 10, 22, 0.955)
      ) !important;

    box-shadow:
      0 15px 36px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    backdrop-filter:
      blur(20px)
      saturate(125%) !important;

    -webkit-backdrop-filter:
      blur(20px)
      saturate(125%) !important;
  }

  .topbar >
  div:not(.topbar-actions):not(
    .ciml-global-mobile-navbar-11c5
  ) {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;
  }

  .ciml-global-mobile-navbar-11c5 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;

    padding: 4px 2px !important;
    box-sizing: border-box !important;
  }

  .ciml-global-mobile-brand-11c5 {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    min-width: 0 !important;
    flex: 1 1 auto !important;

    color: inherit !important;
    text-decoration: none !important;
  }

  .ciml-global-mobile-brand-mark-11c5 {
    display: grid !important;
    place-items: center !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    height: 40px !important;

    border:
      1px solid rgba(103, 232, 249, 0.28) !important;

    border-radius: 13px !important;

    background:
      linear-gradient(
        145deg,
        rgba(34, 211, 238, 0.18),
        rgba(59, 130, 246, 0.09)
      ) !important;

    color: rgba(207, 250, 254, 1) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 8px 22px rgba(0, 0, 0, 0.2) !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
  }

  .ciml-global-mobile-brand-copy-11c5 {
    display: grid !important;
    min-width: 0 !important;
    line-height: 1 !important;
  }

  .ciml-global-mobile-brand-copy-11c5 small {
    overflow: hidden !important;

    color: rgba(148, 163, 184, 0.88) !important;

    font-size: 8px !important;
    font-style: normal !important;
    font-weight: 850 !important;

    letter-spacing: 0.14em !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .ciml-global-mobile-brand-copy-11c5 strong {
    overflow: hidden !important;

    margin-top: 5px !important;

    color: rgba(248, 250, 252, 0.99) !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    letter-spacing: -0.025em !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ciml-global-mobile-brand-copy-11c5 em {
    overflow: hidden !important;

    margin-top: 5px !important;

    color: rgba(103, 232, 249, 0.94) !important;

    font-size: 8px !important;
    font-style: normal !important;
    font-weight: 900 !important;

    letter-spacing: 0.12em !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .ciml-global-mobile-menu-toggle-11c5 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    flex: 0 0 auto !important;

    min-width: 76px !important;
    height: 42px !important;

    padding: 0 11px !important;

    border:
      1px solid rgba(103, 232, 249, 0.25) !important;

    border-radius: 13px !important;

    background:
      linear-gradient(
        180deg,
        rgba(17, 36, 57, 0.96),
        rgba(10, 24, 42, 0.96)
      ) !important;

    color: rgba(226, 232, 240, 0.98) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.055),
      0 9px 24px rgba(0, 0, 0, 0.24) !important;

    cursor: pointer !important;
  }

  .ciml-global-mobile-menu-toggle-11c5 span {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
  }

  .ciml-global-mobile-menu-toggle-11c5 svg {
    width: 18px !important;
    height: 18px !important;

    fill: none !important;
    stroke: currentColor !important;

    stroke-linecap: round !important;
    stroke-width: 1.9 !important;
  }

  .ciml-global-mobile-menu-toggle-11c5[
    aria-expanded="true"
  ] {
    border-color:
      rgba(103, 232, 249, 0.62) !important;

    background:
      linear-gradient(
        180deg,
        rgba(14, 55, 76, 0.98),
        rgba(8, 35, 54, 0.98)
      ) !important;

    color: rgba(207, 250, 254, 1) !important;
  }

  .topbar-actions {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .topbar-actions .search,
  .topbar-actions .global-search-wrap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .topbar-actions .search input,
  #global-search {
    width: 100% !important;
    max-width: none !important;
    height: 43px !important;

    padding: 0 15px !important;

    border:
      1px solid rgba(148, 163, 184, 0.14) !important;

    border-radius: 14px !important;

    background:
      rgba(8, 16, 31, 0.92) !important;

    color: rgba(241, 245, 249, 0.98) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    font-size: 13px !important;
  }

  #global-search::placeholder {
    color: rgba(148, 163, 184, 0.68) !important;
  }

  #global-search:focus {
    border-color:
      rgba(103, 232, 249, 0.38) !important;

    box-shadow:
      0 0 0 3px rgba(34, 211, 238, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  }

  .global-search-results,
  #global-search-results {
    top: calc(100% + 7px) !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: none !important;

    border-radius: 15px !important;

    z-index: 1300 !important;
  }

  .ticker {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;

    margin: 9px 10px 12px !important;
    padding: 8px !important;

    box-sizing: border-box !important;

    border:
      1px solid rgba(148, 163, 184, 0.11) !important;

    border-radius: 15px !important;

    background:
      rgba(5, 12, 25, 0.7) !important;
  }

  [data-whales-page-v1]
  [data-whale-mobile-nav-v1],

  [data-whales-page-v1]
  .whale-mobile-nav-v1,

  [data-whales-page-v1]
  .whale-mobile-scrollspy-nav-v1 {
    display: none !important;
    visibility: hidden !important;
  }

  [data-ciml-whale-mobile-header-11c4],
  [data-ciml-whale-mobile-menu-portal-11c4] {
    display: none !important;
  }

  .ciml-global-mobile-menu-portal-11c5 {
    position: fixed !important;
    inset: 0 !important;

    z-index: 20000 !important;

    display: block !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    pointer-events: none !important;
  }

  .ciml-global-mobile-menu-portal-11c5[hidden] {
    display: none !important;
  }

  .ciml-global-mobile-menu-backdrop-11c5 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background:
      rgba(0, 5, 15, 0.75) !important;

    opacity: 0 !important;

    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;

    transition:
      opacity 210ms ease !important;
  }

  .ciml-global-mobile-menu-drawer-11c5 {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    width: min(89vw, 370px) !important;
    max-width: calc(100vw - 24px) !important;

    height: 100vh !important;
    height: 100dvh !important;

    border-left:
      1px solid rgba(103, 232, 249, 0.16) !important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(34, 211, 238, 0.1),
        transparent 33%
      ),
      radial-gradient(
        circle at 15% 80%,
        rgba(59, 130, 246, 0.06),
        transparent 38%
      ),
      linear-gradient(
        180deg,
        rgba(7, 15, 29, 0.998),
        rgba(3, 9, 20, 0.998)
      ) !important;

    box-shadow:
      -28px 0 70px rgba(0, 0, 0, 0.52) !important;

    transform:
      translate3d(104%, 0, 0) !important;

    transition:
      transform 230ms cubic-bezier(
        0.2,
        0.8,
        0.2,
        1
      ) !important;

    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }

  .ciml-global-mobile-menu-portal-11c5.is-open {
    pointer-events: auto !important;
  }

  .ciml-global-mobile-menu-portal-11c5.is-open
  .ciml-global-mobile-menu-backdrop-11c5 {
    opacity: 1 !important;
  }

  .ciml-global-mobile-menu-portal-11c5.is-open
  .ciml-global-mobile-menu-drawer-11c5 {
    transform:
      translate3d(0, 0, 0) !important;
  }

  .ciml-global-mobile-menu-head-11c5 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    flex: 0 0 auto !important;

    min-height: 78px !important;

    padding:
      max(14px, env(safe-area-inset-top))
      15px
      13px !important;

    border-bottom:
      1px solid rgba(148, 163, 184, 0.11) !important;
  }

  .ciml-global-mobile-menu-brand-11c5 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-width: 0 !important;
  }

  .ciml-global-mobile-menu-brand-mark-11c5 {
    display: grid !important;
    place-items: center !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    height: 40px !important;

    border:
      1px solid rgba(103, 232, 249, 0.28) !important;

    border-radius: 13px !important;

    background:
      linear-gradient(
        145deg,
        rgba(34, 211, 238, 0.18),
        rgba(59, 130, 246, 0.08)
      ) !important;

    color: rgba(207, 250, 254, 1) !important;

    font-size: 17px !important;
    font-weight: 950 !important;
  }

  .ciml-global-mobile-menu-brand-11c5 > div {
    display: grid !important;
    min-width: 0 !important;
  }

  .ciml-global-mobile-menu-brand-11c5
  > div > span {
    color: rgba(103, 232, 249, 0.82) !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    letter-spacing: 0.14em !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
  }

  .ciml-global-mobile-menu-brand-11c5 strong {
    margin-top: 5px !important;

    color: rgba(248, 250, 252, 0.99) !important;

    font-size: 15px !important;
    font-weight: 900 !important;

    letter-spacing: -0.025em !important;
    line-height: 1 !important;
  }

  .ciml-global-mobile-menu-brand-11c5 small {
    margin-top: 5px !important;

    color: rgba(148, 163, 184, 0.84) !important;

    font-size: 9px !important;
    font-weight: 750 !important;

    letter-spacing: 0.08em !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
  }

  .ciml-global-mobile-menu-close-11c5 {
    display: grid !important;
    place-items: center !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    height: 40px !important;

    padding: 0 !important;

    border:
      1px solid rgba(148, 163, 184, 0.17) !important;

    border-radius: 13px !important;

    background:
      rgba(15, 25, 43, 0.84) !important;

    color: rgba(226, 232, 240, 0.98) !important;

    cursor: pointer !important;
  }

  .ciml-global-mobile-menu-close-11c5 svg {
    width: 19px !important;
    height: 19px !important;

    fill: none !important;
    stroke: currentColor !important;

    stroke-linecap: round !important;
    stroke-width: 1.8 !important;
  }

  .ciml-global-mobile-menu-body-11c5 {
    flex: 1 1 auto !important;
    min-height: 0 !important;

    padding:
      14px
      14px
      max(22px, env(safe-area-inset-bottom)) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;
  }

  .ciml-global-mobile-menu-group-11c5[
    hidden
  ] {
    display: none !important;
  }

  .ciml-global-mobile-menu-group-11c5
  + .ciml-global-mobile-menu-group-11c5 {
    margin-top: 20px !important;
    padding-top: 18px !important;

    border-top:
      1px solid rgba(148, 163, 184, 0.09) !important;
  }

  .ciml-global-mobile-menu-group-11c5
  > header {
    display: grid !important;
    gap: 4px !important;

    margin-bottom: 10px !important;
    padding: 0 2px !important;
  }

  .ciml-global-mobile-menu-group-11c5
  > header span {
    color: rgba(103, 232, 249, 0.76) !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    letter-spacing: 0.15em !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
  }

  .ciml-global-mobile-menu-group-11c5
  > header strong {
    color: rgba(226, 232, 240, 0.98) !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    letter-spacing: -0.015em !important;
    line-height: 1.1 !important;
  }

  .ciml-global-mobile-menu-routes-11c5 {
    display: grid !important;
    gap: 7px !important;
  }

  .ciml-mobile-menu-route-11c5 {
    display: grid !important;

    grid-template-columns:
      34px
      minmax(0, 1fr)
      16px !important;

    align-items: center !important;
    gap: 10px !important;

    min-height: 52px !important;

    padding: 8px 10px !important;

    border:
      1px solid rgba(148, 163, 184, 0.12) !important;

    border-radius: 13px !important;

    background:
      rgba(13, 24, 41, 0.68) !important;

    color: rgba(203, 213, 225, 0.98) !important;

    text-decoration: none !important;
  }

  .ciml-mobile-menu-route-icon-11c5 {
    display: grid !important;
    place-items: center !important;

    width: 34px !important;
    height: 34px !important;

    border:
      1px solid rgba(103, 232, 249, 0.13) !important;

    border-radius: 10px !important;

    background:
      rgba(34, 211, 238, 0.06) !important;

    color: rgba(165, 243, 252, 0.92) !important;

    font-size: 11px !important;
    font-weight: 950 !important;
  }

  .ciml-mobile-menu-route-copy-11c5 {
    display: grid !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  .ciml-mobile-menu-route-copy-11c5 strong {
    overflow: hidden !important;

    color: rgba(241, 245, 249, 0.98) !important;

    font-size: 11px !important;
    font-weight: 850 !important;

    line-height: 1 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ciml-mobile-menu-route-copy-11c5 small {
    overflow: hidden !important;

    color: rgba(148, 163, 184, 0.78) !important;

    font-size: 9px !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ciml-mobile-menu-route-11c5 > svg,
  .ciml-global-mobile-menu-sections-11c5 svg,
  .ciml-global-mobile-company-links-11c5 svg {
    width: 15px !important;
    height: 15px !important;

    fill: none !important;
    stroke: rgba(148, 163, 184, 0.75) !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 1.7 !important;
  }

  .ciml-mobile-menu-route-11c5.is-active,
  .ciml-mobile-menu-route-11c5[
    aria-current="page"
  ] {
    border-color:
      rgba(103, 232, 249, 0.32) !important;

    background:
      linear-gradient(
        135deg,
        rgba(34, 211, 238, 0.14),
        rgba(59, 130, 246, 0.07)
      ) !important;
  }

  .ciml-mobile-menu-route-11c5.is-active
  .ciml-mobile-menu-route-icon-11c5 {
    border-color:
      rgba(103, 232, 249, 0.35) !important;

    background:
      rgba(34, 211, 238, 0.14) !important;

    color: rgba(207, 250, 254, 1) !important;
  }

  .ciml-global-mobile-menu-sections-11c5,
  .ciml-global-mobile-company-links-11c5 {
    display: grid !important;
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 7px !important;
  }

  .ciml-global-mobile-menu-sections-11c5
  button,

  .ciml-global-mobile-company-links-11c5
  a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    min-width: 0 !important;
    min-height: 42px !important;

    padding: 9px 10px !important;

    border:
      1px solid rgba(148, 163, 184, 0.12) !important;

    border-radius: 11px !important;

    background:
      rgba(13, 24, 41, 0.64) !important;

    color: rgba(203, 213, 225, 0.96) !important;

    font: inherit !important;
    text-align: left !important;
    text-decoration: none !important;

    cursor: pointer !important;
  }

  .ciml-global-mobile-menu-sections-11c5
  button span,

  .ciml-global-mobile-company-links-11c5
  a span {
    overflow: hidden !important;

    min-width: 0 !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.ciml-global-mobile-menu-open-11c5,
  html.ciml-global-mobile-menu-open-11c5 body {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
}

@media (max-width: 370px) {
  .ciml-global-mobile-brand-mark-11c5 {
    flex-basis: 36px !important;

    width: 36px !important;
    height: 36px !important;
  }

  .ciml-global-mobile-brand-copy-11c5 strong {
    font-size: 13px !important;
  }

  .ciml-global-mobile-menu-toggle-11c5 {
    min-width: 66px !important;
    padding: 0 8px !important;
  }

  .ciml-global-mobile-menu-toggle-11c5 span {
    display: none !important;
  }
}

/* CIML Global Mobile Navbar Route Bridge 11C-5B */
@media (max-width: 760px) {
  [data-whale-mobile-nav-v1],
  .whale-mobile-nav-v1,
  .whale-mobile-scrollspy-nav-v1,
  [data-whale-mobile-scrollspy-nav-v1] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;
    opacity: 0 !important;
  }

  [data-ciml-whale-scroll-target-11c5],
  [data-whale-mobile-section-v1] {
    scroll-margin-top: 124px !important;
  }
}

/* CIML Smart Mobile Navbar Recall 11C-6A */
.ciml-mobile-navbar-recall-11c6a {
  display: none;
}

@media (max-width: 760px) {
  /*
   * The full header belongs to the top of the page.
   * It scrolls away naturally instead of permanently
   * consuming mobile screen space.
   */
  .topbar {
    position: relative !important;
    top: auto !important;
  }

  .ciml-mobile-navbar-recall-11c6a {
    position: fixed !important;

    top: max(
      8px,
      env(safe-area-inset-top)
    ) !important;

    left: 8px !important;
    right: 8px !important;

    z-index: 19000 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 10px !important;

    min-width: 0 !important;
    min-height: 52px !important;

    padding: 6px 7px !important;

    box-sizing: border-box !important;

    border:
      1px solid rgba(103, 232, 249, 0.2) !important;

    border-radius: 16px !important;

    background:
      radial-gradient(
        circle at 0 0,
        rgba(34, 211, 238, 0.11),
        transparent 38%
      ),
      linear-gradient(
        180deg,
        rgba(5, 14, 28, 0.97),
        rgba(3, 10, 22, 0.965)
      ) !important;

    box-shadow:
      0 18px 45px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;

    backdrop-filter:
      blur(20px)
      saturate(130%) !important;

    -webkit-backdrop-filter:
      blur(20px)
      saturate(130%) !important;

    opacity: 0 !important;

    transform:
      translate3d(0, -125%, 0)
      scale(0.985) !important;

    pointer-events: none !important;

    transition:
      transform 210ms cubic-bezier(
        0.2,
        0.8,
        0.2,
        1
      ),
      opacity 170ms ease !important;

    will-change:
      transform,
      opacity !important;
  }

  .ciml-mobile-navbar-recall-11c6a.is-visible {
    opacity: 1 !important;

    transform:
      translate3d(0, 0, 0)
      scale(1) !important;

    pointer-events: auto !important;
  }

  .ciml-mobile-recall-brand-11c6a {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;

    color: inherit !important;
    text-decoration: none !important;
  }

  .ciml-mobile-recall-mark-11c6a {
    display: grid !important;
    place-items: center !important;

    flex: 0 0 37px !important;

    width: 37px !important;
    height: 37px !important;

    border:
      1px solid rgba(103, 232, 249, 0.27) !important;

    border-radius: 12px !important;

    background:
      linear-gradient(
        145deg,
        rgba(34, 211, 238, 0.17),
        rgba(59, 130, 246, 0.08)
      ) !important;

    color:
      rgba(207, 250, 254, 1) !important;

    font-size: 16px !important;
    font-weight: 950 !important;

    letter-spacing: -0.04em !important;
  }

  .ciml-mobile-recall-copy-11c6a {
    display: grid !important;
    gap: 4px !important;

    min-width: 0 !important;
  }

  .ciml-mobile-recall-copy-11c6a small {
    overflow: hidden !important;

    color:
      rgba(148, 163, 184, 0.83) !important;

    font-size: 7px !important;
    font-weight: 900 !important;

    letter-spacing: 0.14em !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .ciml-mobile-recall-copy-11c6a strong {
    overflow: hidden !important;

    color:
      rgba(248, 250, 252, 0.99) !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    letter-spacing: -0.02em !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ciml-mobile-recall-menu-11c6a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    flex: 0 0 auto !important;

    min-width: 72px !important;
    height: 39px !important;

    padding: 0 10px !important;

    border:
      1px solid rgba(103, 232, 249, 0.24) !important;

    border-radius: 12px !important;

    background:
      linear-gradient(
        180deg,
        rgba(16, 35, 55, 0.96),
        rgba(9, 23, 40, 0.96)
      ) !important;

    color:
      rgba(226, 232, 240, 0.98) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;

    cursor: pointer !important;
  }

  .ciml-mobile-recall-menu-11c6a span {
    font-size: 9px !important;
    font-weight: 900 !important;

    letter-spacing: 0.06em !important;
  }

  .ciml-mobile-recall-menu-11c6a svg {
    width: 17px !important;
    height: 17px !important;

    fill: none !important;
    stroke: currentColor !important;

    stroke-linecap: round !important;
    stroke-width: 1.9 !important;
  }

  .ciml-mobile-navbar-recall-11c6a.is-menu-open,
  .ciml-mobile-recall-menu-11c6a[
    aria-expanded="true"
  ] {
    border-color:
      rgba(103, 232, 249, 0.52) !important;
  }

  .ciml-mobile-recall-menu-11c6a[
    aria-expanded="true"
  ] {
    background:
      linear-gradient(
        180deg,
        rgba(13, 53, 74, 0.98),
        rgba(7, 34, 53, 0.98)
      ) !important;

    color:
      rgba(207, 250, 254, 1) !important;
  }
}

@media (max-width: 360px) {
  .ciml-mobile-navbar-recall-11c6a {
    left: 6px !important;
    right: 6px !important;

    padding: 5px 6px !important;
  }

  .ciml-mobile-recall-mark-11c6a {
    flex-basis: 35px !important;

    width: 35px !important;
    height: 35px !important;
  }

  .ciml-mobile-recall-menu-11c6a {
    min-width: 42px !important;
    width: 42px !important;

    padding: 0 !important;
  }

  .ciml-mobile-recall-menu-11c6a span {
    display: none !important;
  }
}

@media (
  prefers-reduced-motion: reduce
) {
  .ciml-mobile-navbar-recall-11c6a {
    transition: none !important;
  }
}

/* CIML Mobile Live Market Rail 11C-6B */
@media (max-width: 760px) {
  #ticker.ciml-mobile-market-rail-11c6b {
    position: relative !important;

    display: flex !important;
    align-items: stretch !important;

    gap: 8px !important;

    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;

    min-height: 64px !important;

    margin: 8px 8px 12px !important;
    padding: 8px 9px !important;

    box-sizing: border-box !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    border:
      1px solid rgba(148, 163, 184, 0.1) !important;

    border-radius: 17px !important;

    background:
      radial-gradient(
        circle at 0 50%,
        rgba(34, 211, 238, 0.07),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        rgba(7, 14, 29, 0.9),
        rgba(5, 11, 24, 0.92)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.03),
      0 12px 28px rgba(0, 0, 0, 0.18) !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 9px !important;

    overscroll-behavior-inline: contain !important;

    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;

    touch-action: pan-x !important;

    mask-image:
      linear-gradient(
        to right,
        transparent 0,
        #000 8px,
        #000 calc(100% - 8px),
        transparent 100%
      ) !important;

    -webkit-mask-image:
      linear-gradient(
        to right,
        transparent 0,
        #000 8px,
        #000 calc(100% - 8px),
        transparent 100%
      ) !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ticker-item.ciml-market-rail-card-11c6b {
    display: grid !important;

    grid-template-columns:
      29px
      minmax(0, 1fr)
      auto !important;

    grid-template-rows:
      minmax(16px, auto)
      minmax(16px, auto) !important;

    grid-template-areas:
      "logo symbol change"
      "logo price change" !important;

    align-items: center !important;

    column-gap: 8px !important;
    row-gap: 2px !important;

    flex:
      0
      0
      clamp(148px, 43vw, 174px) !important;

    min-width: 148px !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 8px 9px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    border:
      1px solid rgba(148, 163, 184, 0.13) !important;

    border-radius: 14px !important;

    background:
      linear-gradient(
        145deg,
        rgba(17, 28, 48, 0.94),
        rgba(10, 20, 37, 0.92)
      ) !important;

    color:
      rgba(241, 245, 249, 0.98) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.035),
      0 7px 18px rgba(0, 0, 0, 0.16) !important;

    text-decoration: none !important;

    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;

    transition:
      border-color 160ms ease,
      background 160ms ease,
      transform 160ms ease !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ticker-item.ciml-market-rail-card-11c6b:active {
    transform: scale(0.985) !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-logo-11c6b {
    grid-area: logo !important;

    width: 27px !important;
    height: 27px !important;

    min-width: 27px !important;
    min-height: 27px !important;

    margin: 0 !important;

    border-radius: 50% !important;

    object-fit: cover !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-symbol-11c6b {
    grid-area: symbol !important;

    overflow: hidden !important;

    min-width: 0 !important;

    color:
      rgba(248, 250, 252, 0.99) !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: 0.015em !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-price-11c6b {
    grid-area: price !important;

    overflow: hidden !important;

    min-width: 0 !important;

    color:
      rgba(203, 213, 225, 0.92) !important;

    font-size: 10px !important;
    font-weight: 750 !important;

    line-height: 1 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-change-11c6b {
    grid-area: change !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    align-self: center !important;

    min-width: 45px !important;
    height: 24px !important;

    padding: 0 6px !important;

    box-sizing: border-box !important;

    border:
      1px solid rgba(148, 163, 184, 0.12) !important;

    border-radius: 999px !important;

    background:
      rgba(148, 163, 184, 0.07) !important;

    color:
      rgba(148, 163, 184, 0.9) !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    letter-spacing: 0.01em !important;
    line-height: 1 !important;

    white-space: nowrap !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-change-11c6b.is-positive {
    border-color:
      rgba(52, 211, 153, 0.22) !important;

    background:
      rgba(16, 185, 129, 0.1) !important;

    color:
      rgba(110, 231, 183, 0.98) !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-change-11c6b.is-negative {
    border-color:
      rgba(248, 113, 113, 0.22) !important;

    background:
      rgba(239, 68, 68, 0.1) !important;

    color:
      rgba(252, 165, 165, 0.98) !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-change-11c6b.is-neutral {
    border-color:
      rgba(148, 163, 184, 0.12) !important;

    background:
      rgba(148, 163, 184, 0.07) !important;

    color:
      rgba(148, 163, 184, 0.86) !important;
  }
}

@media (max-width: 360px) {
  #ticker.ciml-mobile-market-rail-11c6b
  .ticker-item.ciml-market-rail-card-11c6b {
    flex-basis:
      clamp(144px, 45vw, 160px) !important;

    min-width: 144px !important;

    grid-template-columns:
      27px
      minmax(0, 1fr)
      auto !important;

    padding: 8px !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ciml-market-rail-change-11c6b {
    min-width: 42px !important;
    padding: 0 5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ticker.ciml-mobile-market-rail-11c6b {
    scroll-behavior: auto !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ticker-item.ciml-market-rail-card-11c6b {
    transition: none !important;
  }
}

/* CIML Single Global Mobile Drawer 11C-6E */
@media (max-width: 760px) {
  [data-ciml-global-whale-sections-11c5],
  [data-ciml-global-section-removed-11c6e] {
    display: none !important;
    visibility: hidden !important;
  }
}

/* CIML Whale Alert Trust UI W2C v1 */

.whale-alert-card-v1 {
  position: relative;
  overflow: hidden;
}

.whale-alert-card-v1::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(148, 163, 184, 0.30);
}

.whale-alert-card-v1.trust-actionable::before {
  background: rgba(52, 211, 153, 0.92);
}

.whale-alert-card-v1.trust-context::before {
  background: rgba(56, 189, 248, 0.78);
}

.whale-alert-card-v1.trust-technical_context::before {
  background: rgba(250, 204, 21, 0.78);
}

.whale-alert-card-v1.trust-unverified_context::before {
  background: rgba(148, 163, 184, 0.62);
}

.whale-alert-card-v1.trust-operational_context::before {
  background: rgba(192, 132, 252, 0.76);
}

.whale-alert-actionability-v1.actionable {
  border-color: rgba(52, 211, 153, 0.35) !important;
  background: rgba(16, 185, 129, 0.11) !important;
  color: rgba(167, 243, 208, 0.98) !important;
}

.whale-alert-actionability-v1.context {
  border-color: rgba(56, 189, 248, 0.30) !important;
  background: rgba(14, 165, 233, 0.10) !important;
  color: rgba(186, 230, 253, 0.98) !important;
}

.whale-alert-actionability-v1.technical_context {
  border-color: rgba(250, 204, 21, 0.30) !important;
  background: rgba(234, 179, 8, 0.09) !important;
  color: rgba(254, 240, 138, 0.98) !important;
}

.whale-alert-actionability-v1.unverified_context {
  border-color: rgba(148, 163, 184, 0.26) !important;
  background: rgba(100, 116, 139, 0.10) !important;
  color: rgba(203, 213, 225, 0.94) !important;
}

.whale-alert-actionability-v1.operational_context {
  border-color: rgba(192, 132, 252, 0.30) !important;
  background: rgba(168, 85, 247, 0.09) !important;
  color: rgba(233, 213, 255, 0.98) !important;
}

.whale-alert-confidence-v1.verified {
  border-color: rgba(45, 212, 191, 0.34) !important;
  background: rgba(20, 184, 166, 0.10) !important;
  color: rgba(153, 246, 228, 0.98) !important;
}

.whale-alert-confidence-v1.onchain_confirmed {
  border-color: rgba(96, 165, 250, 0.32) !important;
  background: rgba(59, 130, 246, 0.09) !important;
  color: rgba(191, 219, 254, 0.98) !important;
}

.whale-alert-confidence-v1.rule_based {
  border-color: rgba(251, 191, 36, 0.28) !important;
  background: rgba(245, 158, 11, 0.09) !important;
  color: rgba(253, 230, 138, 0.98) !important;
}

.whale-alert-confidence-v1.unverified,
.whale-alert-confidence-v1.unclassified {
  border-color: rgba(148, 163, 184, 0.24) !important;
  background: rgba(71, 85, 105, 0.12) !important;
  color: rgba(203, 213, 225, 0.92) !important;
}

.whale-alert-severity-v1.critical,
.whale-alert-severity-v1.high {
  border-color: rgba(248, 113, 113, 0.32) !important;
  background: rgba(239, 68, 68, 0.10) !important;
  color: rgba(254, 202, 202, 0.98) !important;
}

.whale-alert-severity-v1.medium {
  border-color: rgba(251, 191, 36, 0.28) !important;
  background: rgba(245, 158, 11, 0.08) !important;
  color: rgba(253, 230, 138, 0.98) !important;
}

.whale-alert-flow-state-v1 {
  opacity: 0.88;
}

.whale-alert-trader-context-v1 {
  display: grid;
  gap: 7px;
}

.whale-alert-context-row-v1 {
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 12px;
  padding: 9px 10px;
  background: rgba(15, 23, 42, 0.34);
}

.whale-alert-context-row-v1.why {
  border-color: rgba(56, 189, 248, 0.17);
  background: rgba(14, 165, 233, 0.055);
}

.whale-alert-context-row-v1.neutral {
  border-color: rgba(148, 163, 184, 0.13);
  background: rgba(51, 65, 85, 0.12);
}

.whale-alert-context-row-v1 span {
  display: block;
  margin-bottom: 4px;
  color: rgba(148, 163, 184, 0.82);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whale-alert-context-row-v1 p {
  margin: 0;
  color: rgba(226, 232, 240, 0.92);
  font-size: 11.5px;
  line-height: 1.45;
}

.whale-alert-trust-details-v1 {
  border-top: 1px solid rgba(148, 163, 184, 0.11);
  padding-top: 8px;
}

.whale-alert-trust-details-v1 summary {
  width: fit-content;
  color: rgba(148, 163, 184, 0.94);
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
}

.whale-alert-trust-details-v1 summary:hover {
  color: rgba(226, 232, 240, 0.98);
}

.whale-alert-trust-details-v1 summary:focus-visible {
  outline: 2px solid rgba(56, 189, 248, 0.65);
  outline-offset: 3px;
  border-radius: 4px;
}

.whale-alert-trust-grid-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
}

.whale-alert-trust-grid-v1 div {
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 10px;
  padding: 7px 8px;
  background: rgba(15, 23, 42, 0.28);
}

.whale-alert-trust-grid-v1 span {
  display: block;
  margin-bottom: 3px;
  color: rgba(148, 163, 184, 0.76);
  font-size: 8px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.whale-alert-trust-grid-v1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.94);
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .whale-alert-card-v1 {
    padding-left: 11px !important;
  }

  .whale-alert-card-top-v1 {
    gap: 5px !important;
  }

  .whale-alert-card-top-v1 span,
  .whale-alert-card-top-v1 strong,
  .whale-alert-card-top-v1 em {
    padding: 4px 6px !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
  }

  .whale-alert-context-row-v1 {
    padding: 7px 8px;
    border-radius: 10px;
  }

  .whale-alert-context-row-v1 span {
    font-size: 7px;
  }

  .whale-alert-context-row-v1 p {
    font-size: 10px;
    line-height: 1.4;
  }

  .whale-alert-trust-grid-v1 {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .whale-alert-trust-grid-v1 div {
    padding: 6px 7px;
  }

  .whale-alert-trust-details-v1 summary {
    font-size: 9px;
  }
}

@media (max-width: 430px) {
  .whale-alert-card-top-v1 {
    align-items: flex-start;
  }

  .whale-alert-route-v1 {
    grid-template-columns: 1fr 1fr !important;
  }

  .whale-alert-trader-context-v1 {
    gap: 5px;
  }
}


/* CIML Whale Exact View Navigation W3B v2 */

[data-whales-page-v1]
> .ciml-whale-view-nav-w3b2 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  gap: 11px;
  padding: 13px;
  border: 1px solid rgba(103, 232, 249, 0.18);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(34, 211, 238, 0.09),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(124, 58, 237, 0.08),
      transparent 38%
    ),
    rgba(2, 6, 23, 0.80);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.18);
}

.ciml-whale-view-nav-copy-w3b2 {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.ciml-whale-view-nav-copy-w3b2 > div {
  min-width: 0;
}

.ciml-whale-view-nav-copy-w3b2 span {
  display: block;
  margin-bottom: 3px;
  color: rgba(103, 232, 249, 0.88);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ciml-whale-view-nav-copy-w3b2 strong {
  display: block;
  color: rgba(248, 250, 252, 0.98);
  font-size: 14px;
  line-height: 1.25;
}

.ciml-whale-view-nav-copy-w3b2 > small {
  max-width: 440px;
  color: rgba(148, 163, 184, 0.88);
  font-size: 10px;
  line-height: 1.4;
  text-align: right;
}

.ciml-whale-view-tabs-w3b2 {
  min-width: 0;
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.ciml-whale-view-tabs-w3b2 button {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 11px;
  background: rgba(15, 23, 42, 0.48);
  color: rgba(203, 213, 225, 0.92);
  font: inherit;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    color 150ms ease;
}

.ciml-whale-view-tabs-w3b2 button:hover {
  border-color: rgba(103, 232, 249, 0.30);
  background: rgba(14, 165, 233, 0.08);
  color: rgba(248, 250, 252, 0.98);
}

.ciml-whale-view-tabs-w3b2 button.active {
  border-color: rgba(103, 232, 249, 0.46);
  background:
    linear-gradient(
      135deg,
      rgba(14, 165, 233, 0.17),
      rgba(79, 70, 229, 0.13)
    );
  color: rgba(255, 255, 255, 0.99);
  box-shadow:
    inset 0 0 0 1px
    rgba(103, 232, 249, 0.05);
}

.ciml-whale-view-tabs-w3b2 button:focus-visible {
  outline: 2px solid rgba(103, 232, 249, 0.72);
  outline-offset: 3px;
}

.ciml-whale-view-tabs-w3b2 button > span {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ciml-whale-view-tabs-w3b2 button > small {
  min-width: 23px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0 6px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.52);
  color: rgba(148, 163, 184, 0.95);
  font-size: 8px;
  font-weight: 950;
}

.ciml-whale-view-tabs-w3b2
button.active
> small {
  border-color: rgba(103, 232, 249, 0.25);
  color: rgba(165, 243, 252, 0.98);
}

[data-whales-page-v1]
.is-ciml-whale-view-hidden-w3b2 {
  display: none !important;
}

[data-whales-page-v1]
[data-ciml-whale-view-group-w3b2]:not(
  .is-ciml-whale-view-hidden-w3b2
) {
  animation:
    cimlWhaleExactViewRevealW3B2
    170ms ease both;
}

@keyframes cimlWhaleExactViewRevealW3B2 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 760px) {
  [data-whales-page-v1]
  > .ciml-whale-view-nav-w3b2 {
    width: auto;
    max-width: calc(100vw - 16px);
    margin: 8px;
    padding: 9px;
    gap: 8px;
    border-radius: 14px;
    overflow: hidden;
  }

  .ciml-whale-view-nav-copy-w3b2 {
    display: block;
  }

  .ciml-whale-view-nav-copy-w3b2 strong {
    font-size: 13px;
  }

  .ciml-whale-view-nav-copy-w3b2 > small {
    display: none;
  }

  .ciml-whale-view-tabs-w3b2 {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .ciml-whale-view-tabs-w3b2::-webkit-scrollbar {
    display: none;
  }

  .ciml-whale-view-tabs-w3b2 button {
    flex: 0 0 auto;
    min-width: 112px;
    min-height: 38px;
    padding: 7px 8px;
    border-radius: 10px;
  }

  .ciml-whale-view-tabs-w3b2 button > span {
    font-size: 9px;
  }
}

@media (max-width: 430px) {
  [data-whales-page-v1]
  > .ciml-whale-view-nav-w3b2 {
    max-width: calc(100vw - 10px);
    margin: 5px;
  }

  .ciml-whale-view-tabs-w3b2 button {
    min-width: 104px;
  }
}

/* CIML Whale Overview Stability W3C-1 */

[data-whales-page-v1] {
  gap: 16px !important;
}

[data-whales-page-v1]
> .ciml-whale-view-nav-w3b2 {
  order: 0;
}

[data-whales-page-v1]
> .whales-hero-v1 {
  order: 10;
}

[data-whales-page-v1]
> [data-whale-premium-brief-v1] {
  order: 20;
}

[data-whales-page-v1]
> .whales-kpi-grid-v1 {
  order: 30;
}

[data-whales-page-v1]
> [data-whale-wrapped-assets-v1] {
  order: 40;
}

[data-whales-page-v1]
> [data-whale-signals-v1] {
  order: 50;
}

[data-whales-page-v1]
> [data-whale-signal-engine-v1] {
  order: 55;
}

[data-whales-page-v1]
> [data-whale-native-intelligence-v1] {
  order: 60;
}

[data-whales-page-v1]
> .whales-grid-v1 {
  order: 70;
}

[data-whales-page-v1]
> .whales-disclaimer-v1 {
  order: 90;
}

/* Compact hero */

[data-whales-page-v1]
> .whales-hero-v1 {
  grid-template-columns:
    minmax(0, 1fr) 220px !important;
  gap: 14px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

[data-whales-page-v1]
> .whales-hero-v1 h2 {
  margin-bottom: 8px !important;
  font-size: clamp(
    32px,
    3.2vw,
    48px
  ) !important;
  line-height: 1.02 !important;
}

[data-whales-page-v1]
> .whales-hero-v1 p {
  max-width: 850px;
  margin: 0 0 14px !important;
  line-height: 1.55 !important;
}

[data-whales-page-v1]
.whales-status-card-v1 {
  min-height: 0 !important;
  padding: 17px !important;
}

/* Compact market brief */

[data-whales-page-v1]
.whale-premium-brief-v1 {
  min-height: 0 !important;
  padding: 16px 18px !important;
  gap: 16px !important;
  border-radius: 21px !important;
}

[data-whales-page-v1]
.whale-premium-brief-v1 h2 {
  margin: 4px 0 7px !important;
  font-size: clamp(
    25px,
    2.3vw,
    34px
  ) !important;
  line-height: 1.08 !important;
}

[data-whales-page-v1]
.whale-premium-brief-v1 p {
  margin-bottom: 10px !important;
}

[data-whales-page-v1]
.whale-premium-brief-grid-v1 {
  gap: 8px !important;
}

[data-whales-page-v1]
.whale-premium-brief-grid-v1 > div {
  min-height: 76px !important;
  padding: 11px 12px !important;
}

/* Compact KPI row */

[data-whales-page-v1]
> .whales-kpi-grid-v1 {
  gap: 10px !important;
}

[data-whales-page-v1]
> .whales-kpi-grid-v1 > article {
  min-height: 76px !important;
  padding: 13px 14px !important;
  border-radius: 17px !important;
}

/* Stable wrapped panel */

.ciml-whale-wrapped-stable-w3c1 {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  border-radius: 21px !important;
  contain: layout paint;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(34, 211, 238, 0.10),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(124, 58, 237, 0.09),
      transparent 40%
    ),
    rgba(2, 6, 23, 0.78) !important;
}

.ciml-wrapped-head-w3c1 {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.ciml-wrapped-title-w3c1 {
  min-width: 0;
}

.ciml-wrapped-title-w3c1 > span {
  display: block;
  margin-bottom: 3px;
  color: rgba(103, 232, 249, 0.92);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ciml-wrapped-title-w3c1 h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 20px;
  line-height: 1.2;
}

.ciml-wrapped-title-w3c1 p {
  margin: 5px 0 0;
  color: rgba(148, 163, 184, 0.88);
  font-size: 11px;
  line-height: 1.4;
}

.ciml-wrapped-total-w3c1 {
  flex: 0 0 auto;
  min-width: 150px;
  padding: 9px 11px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.42);
}

.ciml-wrapped-total-w3c1 span,
.ciml-wrapped-summary-w3c1 span {
  display: block;
  margin-bottom: 3px;
  color: rgba(148, 163, 184, 0.78);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ciml-wrapped-total-w3c1 strong {
  display: block;
  color: rgba(248, 250, 252, 0.99);
  font-size: 19px;
}

.ciml-wrapped-total-w3c1 small {
  display: block;
  margin-top: 2px;
  color: rgba(103, 232, 249, 0.74);
  font-size: 8px;
}

.ciml-wrapped-summary-w3c1 {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ciml-wrapped-summary-w3c1 > div {
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 11px;
  background: rgba(15, 23, 42, 0.34);
}

.ciml-wrapped-summary-w3c1 strong {
  display: block;
  color: rgba(226, 232, 240, 0.98);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ciml-wrapped-assets-w3c1 {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ciml-wrapped-assets-w3c1 article {
  min-width: 0;
  min-height: 82px;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 12px;
  padding: 10px 12px;
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.28);
}

.ciml-wrapped-assets-w3c1 article > div {
  min-width: 0;
}

.ciml-wrapped-assets-w3c1 article span {
  display: block;
  margin-bottom: 2px;
  color: rgba(103, 232, 249, 0.94);
  font-size: 10px;
  font-weight: 950;
}

.ciml-wrapped-assets-w3c1 article strong {
  color: rgba(248, 250, 252, 0.99);
  font-size: 16px;
}

.ciml-wrapped-assets-w3c1 article p {
  grid-column: 1 / -1;
  min-height: 16px;
  margin: 0;
  color: rgba(148, 163, 184, 0.86);
  font-size: 9px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.ciml-wrapped-assets-w3c1 article a {
  align-self: start;
  color: rgba(103, 232, 249, 0.96);
  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.ciml-wrapped-assets-w3c1 article a:hover {
  text-decoration: underline;
}

.ciml-wrapped-status-w3c1 {
  min-height: 15px;
  color: rgba(148, 163, 184, 0.68);
  font-size: 8px;
  letter-spacing: 0.04em;
  text-align: right;
}

/* Prevent visible animation during data-only refresh */

[data-ciml-overview-routing-w3c1="true"]
[data-whale-wrapped-assets-v1] {
  transition:
    border-color 160ms ease,
    background 160ms ease !important;
}

/* Mobile compact pass */

@media (max-width: 760px) {
  [data-whales-page-v1] {
    gap: 10px !important;
  }

  [data-whales-page-v1]
  > .whales-hero-v1 {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  [data-whales-page-v1]
  > .whales-hero-v1 h2 {
    font-size: 29px !important;
  }

  [data-whales-page-v1]
  .whale-premium-brief-v1 {
    padding: 12px !important;
    border-radius: 15px !important;
  }

  [data-whales-page-v1]
  > .whales-kpi-grid-v1 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .ciml-whale-wrapped-stable-w3c1 {
    width: auto !important;
    margin: 0 8px !important;
    padding: 12px !important;
    gap: 9px !important;
    border-radius: 15px !important;
  }

  .ciml-wrapped-head-w3c1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .ciml-wrapped-total-w3c1 {
    min-width: 0;
  }

  .ciml-wrapped-summary-w3c1 {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .ciml-wrapped-summary-w3c1 > div {
    padding: 7px;
  }

  .ciml-wrapped-summary-w3c1 strong {
    font-size: 11px;
  }

  .ciml-wrapped-assets-w3c1 {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .ciml-wrapped-assets-w3c1 article {
    min-height: 74px;
    padding: 9px;
  }
}

@media (max-width: 430px) {
  [data-whales-page-v1]
  > .whales-kpi-grid-v1 {
    grid-template-columns: 1fr 1fr !important;
  }

  .ciml-wrapped-summary-w3c1 {
    grid-template-columns: 1fr;
  }
}

/* CIML Whale Overview Hero W3C-2A */

[data-whales-page-v1]
[data-whale-premium-brief-v1] {
  display: none !important;
}

[data-whales-page-v1]
> .whales-hero-v1[
  data-ciml-overview-hero-w3c2a
] {
  width: 100%;
  min-width: 0;
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr) 190px !important;
  gap: 14px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(59, 130, 246, 0.15),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(45, 212, 191, 0.10),
      transparent 40%
    ),
    rgba(3, 7, 18, 0.86) !important;
}

.ciml-whale-hero-main-w3c2a {
  min-width: 0;
}

.ciml-whale-hero-topline-w3c2a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
}

.ciml-whale-hero-eyebrow-w3c2a {
  color: rgba(103, 232, 249, 0.92);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ciml-whale-hero-live-w3c2a {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 4px 9px;
  border: 1px solid rgba(52, 211, 153, 0.24);
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.10);
  color: rgba(110, 231, 183, 0.98);
  font-size: 9px;
  font-weight: 900;
}

.ciml-whale-hero-main-w3c2a h2 {
  max-width: 900px;
  margin: 0 !important;
  color: rgba(248, 250, 252, 0.99);
  font-size: clamp(
    30px,
    3vw,
    45px
  ) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.045em;
}

.ciml-whale-hero-main-w3c2a > p {
  max-width: 920px;
  margin: 9px 0 12px !important;
  color: rgba(176, 190, 211, 0.88);
  font-size: 12px;
  line-height: 1.55;
}

.ciml-whale-hero-tags-w3c2a {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ciml-whale-hero-tags-w3c2a span {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 5px 9px;
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.44);
  color: rgba(203, 213, 225, 0.94);
  font-size: 9px;
  font-weight: 800;
}

.ciml-whale-hero-actions-w3c2a {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}

.ciml-whale-hero-actions-w3c2a a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 6px 12px;
  border: 1px solid rgba(56, 189, 248, 0.24);
  border-radius: 999px;
  background: rgba(14, 116, 144, 0.10);
  color: rgba(226, 232, 240, 0.98);
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}

.ciml-whale-hero-actions-w3c2a a:hover {
  border-color: rgba(103, 232, 249, 0.46);
  background: rgba(14, 116, 144, 0.18);
}

.ciml-whale-hero-status-w3c2a {
  align-self: stretch;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 15px;
  background: rgba(15, 23, 42, 0.40);
}

.ciml-whale-hero-status-w3c2a > span {
  color: rgba(148, 163, 184, 0.72);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.ciml-whale-hero-status-w3c2a > strong {
  margin-top: 6px;
  color: rgba(110, 231, 183, 0.98);
  font-size: 23px;
  line-height: 1;
}

.ciml-whale-hero-status-w3c2a > small {
  margin-top: 7px;
  color: rgba(148, 163, 184, 0.82);
  font-size: 9px;
  line-height: 1.4;
}

.ciml-whale-hero-metrics-w3c2a {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ciml-whale-hero-metrics-w3c2a article {
  min-width: 0;
  min-height: 70px;
  padding: 10px 11px;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.30);
}

.ciml-whale-hero-metrics-w3c2a article > span {
  display: block;
  margin-bottom: 4px;
  color: rgba(148, 163, 184, 0.72);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.ciml-whale-hero-metrics-w3c2a article > strong {
  display: block;
  color: rgba(248, 250, 252, 0.99);
  font-size: 18px;
  line-height: 1.1;
}

.ciml-whale-hero-metrics-w3c2a article > small {
  display: block;
  margin-top: 5px;
  color: rgba(148, 163, 184, 0.75);
  font-size: 8px;
  line-height: 1.35;
}

@media (max-width: 900px) {
  [data-whales-page-v1]
  > .whales-hero-v1[
    data-ciml-overview-hero-w3c2a
  ] {
    grid-template-columns: 1fr !important;
  }

  .ciml-whale-hero-status-w3c2a {
    min-height: 86px;
  }
}

@media (max-width: 760px) {
  [data-whales-page-v1]
  > .whales-hero-v1[
    data-ciml-overview-hero-w3c2a
  ] {
    width: auto !important;
    margin: 0 8px;
    padding: 13px !important;
    gap: 10px !important;
    border-radius: 16px !important;
  }

  .ciml-whale-hero-main-w3c2a h2 {
    font-size: 28px !important;
  }

  .ciml-whale-hero-main-w3c2a > p {
    font-size: 11px;
  }

  .ciml-whale-hero-metrics-w3c2a {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .ciml-whale-hero-metrics-w3c2a article {
    min-height: 68px;
    padding: 9px;
  }

  .ciml-whale-hero-status-w3c2a {
    min-height: 76px;
    padding: 11px;
  }
}

@media (max-width: 420px) {
  .ciml-whale-hero-topline-w3c2a {
    align-items: flex-start;
  }

  .ciml-whale-hero-tags-w3c2a span {
    min-height: 23px;
    padding: 4px 7px;
  }
}


/* CIML Whale Responsive Layout Foundation W4-E2A */

[data-whales-page-v1] {
  --ciml-whale-layout-gap: 18px;
  --ciml-whale-layout-gap-tablet: 14px;
  --ciml-whale-layout-gap-mobile: 12px;
}

/*
 * Stable outer layout:
 * - no JavaScript panel movement
 * - no dense auto-placement
 * - every unknown panel defaults to full width
 */
[data-whales-page-v1] .whales-grid-v1 {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: min-content !important;
  align-items: start !important;
  align-content: start !important;
  gap: var(--ciml-whale-layout-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/*
 * Safe default:
 * every direct panel occupies the complete row unless a specific,
 * reviewed two-column rule exists below.
 */
[data-whales-page-v1] .whales-grid-v1 > * {
  grid-column: 1 / -1;
  order: 500;
  align-self: start;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Prevent content from forcing panels outside the available column. */
[data-whales-page-v1] .whales-panel-v1,
[data-whales-page-v1] .whale-panel-v1,
[data-whales-page-v1] article,
[data-whales-page-v1] section {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

[data-whales-page-v1] .whales-panel-v1 *,
[data-whales-page-v1] .whale-panel-v1 * {
  min-width: 0;
  box-sizing: border-box;
}

[data-whales-page-v1] .whales-panel-v1 h1,
[data-whales-page-v1] .whales-panel-v1 h2,
[data-whales-page-v1] .whales-panel-v1 h3,
[data-whales-page-v1] .whales-panel-v1 h4,
[data-whales-page-v1] .whales-panel-v1 p,
[data-whales-page-v1] .whales-panel-v1 span,
[data-whales-page-v1] .whales-panel-v1 strong,
[data-whales-page-v1] .whales-panel-v1 small,
[data-whales-page-v1] .whales-panel-v1 code {
  overflow-wrap: anywhere;
  word-break: normal;
}

[data-whales-page-v1] .whales-panel-v1 img,
[data-whales-page-v1] .whales-panel-v1 svg,
[data-whales-page-v1] .whales-panel-v1 canvas {
  max-width: 100%;
}

/* --------------------------------------------------------- */
/* Live Alerts — fixed outer ordering                         */
/* --------------------------------------------------------- */

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-tape-v2] {
  order: 10;
  grid-column: 1 / -1;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-alerts-feed-v1] {
  order: 20;
  grid-column: 1 / -1;
}

/* --------------------------------------------------------- */
/* Entities — fixed outer ordering                            */
/* --------------------------------------------------------- */

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-verified-intel-v1] {
  order: 10;
  grid-column: 1 / -1;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-exchange-entity-board-v1] {
  order: 20;
  grid-column: 1 / -1;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-tracked-entities-v1] {
  order: 30;
  grid-column: 1 / -1;
}

/* --------------------------------------------------------- */
/* Analytics — fixed outer ordering                           */
/* --------------------------------------------------------- */

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-tx-bundle-panel-v1] {
  order: 10;
  grid-column: 1 / -1;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-category-flows-v1] {
  order: 20;
  grid-column: 1 / -1;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-clusters-v1] {
  order: 30;
  grid-column: span 6;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-flow-breakdown-v3] {
  order: 40;
  grid-column: span 6;
}

[data-whales-page-v1]
  .whales-grid-v1
  > [data-whale-flow-trends-v1] {
  order: 90;
  grid-column: 1 / -1;
}

/* Explicit wide panels always occupy a complete row. */
[data-whales-page-v1]
  .whales-grid-v1
  > .wide,
[data-whales-page-v1]
  .whales-grid-v1
  > .whales-panel-v1.wide {
  grid-column: 1 / -1 !important;
}

/* Tablet and compact desktop. */
@media (max-width: 1180px) {
  [data-whales-page-v1] .whales-grid-v1 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: var(--ciml-whale-layout-gap-tablet) !important;
  }

  [data-whales-page-v1]
    .whales-grid-v1
    > [data-whale-clusters-v1],
  [data-whales-page-v1]
    .whales-grid-v1
    > [data-whale-flow-breakdown-v3] {
    grid-column: 1 / -1;
  }
}

/* Tablet portrait and mobile. */
@media (max-width: 760px) {
  [data-whales-page-v1] {
    --ciml-whale-layout-gap: var(
      --ciml-whale-layout-gap-mobile
    );
  }

  [data-whales-page-v1] .whales-grid-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--ciml-whale-layout-gap-mobile) !important;
  }

  [data-whales-page-v1] .whales-grid-v1 > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* CIML Whale Live Alerts Responsive Cards W4-E2B */

/* --------------------------------------------------------- */
/* Panel and header                                           */
/* --------------------------------------------------------- */

[data-whales-page-v1] [data-whale-alerts-feed-v1] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-head-v1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-head-v1
  > div:first-child {
  min-width: 0;
  max-width: 760px;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-head-v1 h3,
[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-head-v1 p {
  max-width: 100%;
  overflow-wrap: anywhere;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-stats-v1 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(88px, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: min(100%, 440px);
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-stat-v1 {
  min-width: 0 !important;
  height: 100%;
  margin: 0 !important;
  box-sizing: border-box;
}

/* --------------------------------------------------------- */
/* Responsive card grid                                       */
/* --------------------------------------------------------- */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-grid-v1 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Very wide desktop: 5 cards */

@media (min-width: 1600px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-grid-v1 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Tablet landscape / compact desktop: 3 cards */

@media (max-width: 1279px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-grid-v1 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Tablet portrait: 2 cards */

@media (max-width: 899px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-head-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-stats-v1 {
    width: 100%;
  }
}

/* Phone: 1 card */

@media (max-width: 599px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-grid-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-stats-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* --------------------------------------------------------- */
/* Equal-height, overflow-safe alert cards                    */
/* --------------------------------------------------------- */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-card-v1 {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  gap: 11px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-card-v1
  > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Status badges */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-card-top-v1 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: flex-start !important;
  gap: 6px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-card-top-v1
  > * {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

/* Title and date */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-title-v1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 8px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-title-v1 h4 {
  min-width: 0;
  margin: 0 !important;
  overflow-wrap: anywhere;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-title-v1 small {
  white-space: nowrap;
}

/* From / To */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-route-v1 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-route-v1 > div {
  min-width: 0 !important;
  margin: 0 !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-route-v1 strong {
  display: block;
  overflow-wrap: anywhere;
}

/* Amount / Asset / Flow */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-metrics-v1 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-metrics-v1 > div {
  min-width: 0 !important;
  margin: 0 !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-metrics-v1 strong {
  display: block;
  overflow-wrap: anywhere;
}

/* Explanation and trust areas */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-hint-v1,
[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-context-row-v1 p,
[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-trust-grid-v1 strong {
  overflow-wrap: anywhere;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-trader-context-v1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-context-row-v1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-trust-grid-v1 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

/* Actions stay aligned at the bottom */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-actions-v1 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-actions-v1 button,
[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-actions-v1 a {
  flex: 1 1 132px;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center;
  overflow-wrap: anywhere;
}

/* Narrow phone refinements */

@media (max-width: 430px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-card-v1 {
    padding: 12px !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-title-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-title-v1 small {
    white-space: normal;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-route-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-metrics-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-trust-grid-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-actions-v1 button,
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-actions-v1 a {
    flex-basis: 100%;
    width: 100%;
  }
}

/* CIML Whale Live Alerts Filter Toolbar W4-E2C */

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1 {
  display: grid !important;
  grid-template-columns: repeat(
    4,
    minmax(150px, 1fr)
  ) !important;
  align-items: end !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 14px 0 16px !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background: rgba(9, 16, 29, 0.72);
  box-sizing: border-box !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1
  > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1 label {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  margin: 0 !important;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1 label > span,
[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-filter-result-v1 > span {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(203, 213, 225, 0.72);
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1 select {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px;
  margin: 0 !important;
  padding: 0 34px 0 11px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 10px;
  background-color: rgba(15, 23, 42, 0.92);
  color: #e5edf8;
  font: inherit;
  font-size: 13px;
  line-height: 1;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1 select:hover {
  border-color: rgba(96, 165, 250, 0.44);
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-toolbar-v1 select:focus-visible,
[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-filter-reset-v1:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.65);
  outline-offset: 2px;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-filter-result-v1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 5px !important;
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 10px;
  background: rgba(30, 64, 175, 0.08);
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-filter-result-v1 strong {
  font-size: 14px;
  line-height: 1.1;
  color: #dbeafe;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-filter-reset-v1 {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px;
  margin: 0 !important;
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  background: rgba(30, 41, 59, 0.74);
  color: #dbe4f0;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-filter-reset-v1:hover {
  border-color: rgba(96, 165, 250, 0.46);
  background: rgba(30, 64, 175, 0.16);
}

[data-whales-page-v1]
  [data-whale-alerts-feed-v1]
  .whale-alert-empty-v1 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 120px;
  display: grid;
  place-items: center;
  text-align: center;
}

@media (max-width: 1199px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-toolbar-v1 {
    grid-template-columns: repeat(
      3,
      minmax(150px, 1fr)
    ) !important;
  }
}

@media (max-width: 820px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-toolbar-v1 {
    grid-template-columns: repeat(
      2,
      minmax(0, 1fr)
    ) !important;
  }
}

@media (max-width: 520px) {
  [data-whales-page-v1]
    [data-whale-alerts-feed-v1]
    .whale-alert-toolbar-v1 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px !important;
  }
}

/* CIML Whale Hero Overview Visibility W4-E2C-1 */

/*
 * The Whale summary hero belongs only to Overview.
 * Active view is owned by Whale Exact View Navigation W3B-v2.
 */

[data-whales-page-v1]
  > .whales-hero-v1
  .whales-hero-actions-v1,
[data-whales-page-v1]
  > .whales-hero-v1
  .ciml-whale-hero-actions-w3c2a {
  display: none !important;
}

[data-whales-page-v1][data-ciml-whale-active-view-w3b2="alerts"]
  > .whales-hero-v1,
[data-whales-page-v1][data-ciml-whale-active-view-w3b2="entities"]
  > .whales-hero-v1,
[data-whales-page-v1][data-ciml-whale-active-view-w3b2="analytics"]
  > .whales-hero-v1 {
  display: none !important;
}

/* CIML Whale Mobile Alert Toolbar Alias W4-E2D-C2C-D */

/*
 * Whale Mobile UX Shell intentionally moves the alerts panel outside
 * [data-whales-page-v1] and assigns #whales-mobile-alerts.
 * Mirror only the existing filter toolbar presentation in that owner.
 */
@media (max-width: 760px) {
  #whales-mobile-alerts .whale-alert-toolbar-v1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 9px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 14px 0 16px !important;
    padding: 10px !important;

    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 14px !important;
    background: rgba(9, 16, 29, 0.72) !important;

    box-sizing: border-box !important;
  }

  #whales-mobile-alerts .whale-alert-toolbar-v1 > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #whales-mobile-alerts .whale-alert-toolbar-v1 label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 6px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;

    color: #dbe4f0 !important;
    box-sizing: border-box !important;
  }

  #whales-mobile-alerts
    .whale-alert-toolbar-v1
    label
    > span,
  #whales-mobile-alerts
    .whale-alert-filter-result-v1
    > span {
    display: block !important;
    margin: 0 !important;

    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }

  #whales-mobile-alerts .whale-alert-toolbar-v1 select {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 34px 0 11px !important;

    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 10px !important;
    background-color: rgba(15, 23, 42, 0.92) !important;

    color: #e5edf8 !important;
    font: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;

    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  #whales-mobile-alerts
    .whale-alert-toolbar-v1
    select:hover {
    border-color: rgba(96, 165, 250, 0.44) !important;
  }

  #whales-mobile-alerts
    .whale-alert-toolbar-v1
    select:focus-visible,
  #whales-mobile-alerts
    .whale-alert-filter-reset-v1:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.65) !important;
    outline-offset: 2px !important;
  }

  #whales-mobile-alerts .whale-alert-filter-result-v1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 6px 10px !important;

    border: 1px solid rgba(96, 165, 250, 0.18) !important;
    border-radius: 10px !important;
    background: rgba(30, 64, 175, 0.08) !important;

    box-sizing: border-box !important;
  }

  #whales-mobile-alerts
    .whale-alert-filter-result-v1
    strong {
    color: #dbeafe !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  #whales-mobile-alerts .whale-alert-filter-reset-v1 {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 9px 12px !important;

    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 10px !important;
    background: rgba(30, 41, 59, 0.74) !important;

    color: #dbe4f0 !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  #whales-mobile-alerts
    .whale-alert-filter-reset-v1:hover {
    border-color: rgba(96, 165, 250, 0.46) !important;
    background: rgba(30, 64, 175, 0.16) !important;
  }
}

/* CIML Mobile Overview Flow Intelligence CSS W4-M1B */
@media (max-width: 760px) {
  .whale-mobile-flow-intel-v1 {
    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 8px 0 0;
    padding: 9px;

    border:
      1px solid rgba(96, 165, 250, 0.16);

    border-radius: 14px;

    background:
      linear-gradient(
        180deg,
        rgba(15, 23, 42, 0.68),
        rgba(8, 15, 29, 0.72)
      );

    box-sizing: border-box;
  }

  .whale-mobile-flow-intel-head-v1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    min-width: 0;
    margin: 0 0 8px;
  }

  .whale-mobile-flow-intel-head-v1 span {
    display: block;
    margin: 0;

    color: rgba(125, 211, 252, 0.96);

    font-size: 9px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .whale-mobile-flow-intel-head-v1 small {
    display: block;

    color: rgba(148, 163, 184, 0.76);

    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
  }

  .whale-mobile-flow-intel-grid-v1 {
    margin-top: 0;
  }

  .whale-mobile-flow-intel-grid-v1 strong {
    font-size: 14px;
  }
}
/* CIML Whale Compact History Panel W5-C3-B1-FIX2 */
[data-whale-history-feed-v1] {
  margin: 16px 0 0;
  padding: 18px;
  border: 1px solid rgba(71, 197, 255, 0.2);
  border-radius: 18px;
  background:
    linear-gradient(
      135deg,
      rgba(9, 18, 36, 0.98),
      rgba(7, 14, 29, 0.98)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
  overflow: hidden;
}

[data-whale-history-feed-v1] .whale-history-head-v1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

[data-whale-history-feed-v1] .whale-history-head-v1 > div {
  min-width: 0;
}

[data-whale-history-feed-v1] .whale-history-head-v1 span {
  display: block;
  margin-bottom: 5px;
  color: #71dcff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

[data-whale-history-feed-v1] .whale-history-head-v1 h3 {
  margin: 0;
  color: #f4f7ff;
  font-size: 20px;
  line-height: 1.2;
}

[data-whale-history-feed-v1] .whale-history-head-v1 p {
  margin: 7px 0 0;
  color: #8f9bb4;
  font-size: 12px;
  line-height: 1.5;
}

[data-whale-history-feed-v1] .whale-history-status-v1 {
  flex: 0 0 auto;
  min-width: 82px;
  padding: 8px 12px;
  border: 1px solid rgba(82, 229, 177, 0.25);
  border-radius: 999px;
  background: rgba(23, 113, 85, 0.14);
  color: #7cf0c2;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
}

[data-whale-history-feed-v1] .whale-history-status-v1.loading {
  border-color: rgba(89, 199, 255, 0.25);
  background: rgba(40, 115, 157, 0.14);
  color: #77d8ff;
}

[data-whale-history-feed-v1] .whale-history-status-v1.error {
  border-color: rgba(255, 103, 123, 0.28);
  background: rgba(143, 35, 55, 0.15);
  color: #ff9aaa;
}

[data-whale-history-feed-v1] .whale-history-summary-v1 {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

[data-whale-history-feed-v1] .whale-history-summary-v1 > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(119, 152, 205, 0.15);
  border-radius: 10px;
  background: rgba(12, 23, 44, 0.78);
}

[data-whale-history-feed-v1] .whale-history-summary-v1 span {
  display: block;
  margin-bottom: 4px;
  color: #78859e;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

[data-whale-history-feed-v1] .whale-history-summary-v1 strong {
  color: #eef3ff;
  font-size: 14px;
}

[data-whale-history-feed-v1] .whale-history-table-v1 {
  overflow-x: auto;
  border: 1px solid rgba(92, 132, 194, 0.16);
  border-radius: 12px;
  background: rgba(4, 10, 24, 0.54);
}

[data-whale-history-feed-v1] .whale-history-table-head-v1,
[data-whale-history-feed-v1] .whale-history-row-v1 {
  display: grid;
  grid-template-columns:
    92px
    66px
    108px
    minmax(138px, 0.9fr)
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    128px;
  gap: 10px;
  align-items: center;
  min-width: 900px;
}

[data-whale-history-feed-v1] .whale-history-table-head-v1 {
  padding: 9px 12px;
  border-bottom: 1px solid rgba(92, 132, 194, 0.16);
  background: rgba(15, 28, 51, 0.9);
}

[data-whale-history-feed-v1] .whale-history-table-head-v1 span {
  color: #6f7e99;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

[data-whale-history-feed-v1] .whale-history-row-v1 {
  min-height: 54px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(92, 132, 194, 0.11);
}

[data-whale-history-feed-v1] .whale-history-row-v1:last-child {
  border-bottom: 0;
}

[data-whale-history-feed-v1] .whale-history-row-v1:hover {
  background: rgba(23, 47, 79, 0.3);
}

[data-whale-history-feed-v1] .whale-history-cell-v1 {
  min-width: 0;
  color: #c8d1e4;
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

[data-whale-history-feed-v1] .whale-history-cell-v1.time {
  color: #7f8ca5;
  font-size: 10px;
}

[data-whale-history-feed-v1] .whale-history-cell-v1.asset {
  color: #79e1ff;
  font-size: 11px;
}

[data-whale-history-feed-v1] .whale-history-cell-v1.amount {
  color: #f3f6ff;
  font-size: 12px;
}

[data-whale-history-feed-v1] .whale-history-cell-v1.flow {
  color: #a9b8d3;
}

[data-whale-history-feed-v1] .whale-history-cell-v1.from,
[data-whale-history-feed-v1] .whale-history-cell-v1.to {
  color: #dde4f3;
}

[data-whale-history-feed-v1] .whale-history-cell-v1.actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 5px;
}

[data-whale-history-feed-v1] .whale-history-action-v1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(95, 203, 255, 0.24);
  border-radius: 7px;
  background: rgba(24, 94, 128, 0.15);
  color: #81dcff;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

[data-whale-history-feed-v1] .whale-history-action-v1.entity {
  border-color: rgba(109, 232, 190, 0.23);
  background: rgba(32, 114, 87, 0.13);
  color: #83ecc5;
}

[data-whale-history-feed-v1] .whale-history-action-v1:hover {
  filter: brightness(1.15);
}

[data-whale-history-feed-v1] .whale-history-no-action-v1 {
  color: #536078;
}

[data-whale-history-feed-v1] .whale-history-note-v1 {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(103, 137, 191, 0.13);
  border-radius: 9px;
  background: rgba(11, 21, 39, 0.65);
  color: #7f8da8;
  font-size: 10px;
  line-height: 1.5;
}

[data-whale-history-feed-v1] .whale-history-note-v1 strong {
  color: #b9c6db;
}

[data-whale-history-feed-v1] .whale-history-empty-v1,
[data-whale-history-feed-v1] .whale-history-error-v1 {
  padding: 20px;
  color: #8d9ab2;
  font-size: 11px;
  text-align: center;
}

[data-whale-history-feed-v1] .whale-history-error-v1 {
  margin-bottom: 10px;
  border: 1px solid rgba(255, 93, 119, 0.2);
  border-radius: 9px;
  background: rgba(126, 28, 47, 0.13);
  color: #ff9eae;
  text-align: left;
}

@media (max-width: 760px) {
  [data-whale-history-feed-v1] {
    margin-top: 12px;
    padding: 13px;
    border-radius: 14px;
  }

  [data-whale-history-feed-v1] .whale-history-head-v1 {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  [data-whale-history-feed-v1] .whale-history-head-v1 h3 {
    font-size: 17px;
  }

  [data-whale-history-feed-v1] .whale-history-status-v1 {
    align-self: flex-start;
    min-width: 72px;
  }

  [data-whale-history-feed-v1] .whale-history-summary-v1 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  [data-whale-history-feed-v1] .whale-history-table-v1 {
    overflow: hidden;
  }

  [data-whale-history-feed-v1] .whale-history-table-head-v1 {
    display: none;
  }

  [data-whale-history-feed-v1] .whale-history-row-v1 {
    grid-template-columns:
      minmax(0, 1fr)
      auto;
    grid-template-areas:
      "time amount"
      "asset flow"
      "from from"
      "to to"
      "actions actions";
    gap: 7px 10px;
    min-width: 0;
    min-height: 0;
    padding: 12px;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1::before {
    flex: 0 0 auto;
    color: #65738d;
    content: attr(data-label);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.time {
    grid-area: time;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.asset {
    grid-area: asset;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.amount {
    grid-area: amount;
    justify-content: flex-end;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.flow {
    grid-area: flow;
    justify-content: flex-end;
    text-align: right;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.from {
    grid-area: from;
    padding-top: 6px;
    border-top: 1px solid rgba(92, 132, 194, 0.1);
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.to {
    grid-area: to;
  }

  [data-whale-history-feed-v1] .whale-history-cell-v1.actions {
    grid-area: actions;
    justify-content: flex-start;
    padding-top: 6px;
  }

  [data-whale-history-feed-v1] .whale-history-action-v1 {
    min-height: 30px;
    padding: 6px 10px;
  }
}
/* CIML Whale History Load Older W5-C3-D2 */
[data-whale-history-feed-v1] .whale-history-load-wrap-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 8px;
  border: 1px solid rgba(95, 203, 255, 0.16);
  border-radius: 10px;
  background: rgba(9, 20, 39, 0.74);
}

[data-whale-history-feed-v1] .whale-history-load-wrap-v1 > span {
  flex: 0 0 auto;
  padding-right: 8px;
  color: #77859f;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-whale-history-feed-v1] .whale-history-load-v1 {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(86, 206, 255, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(
      135deg,
      rgba(24, 104, 145, 0.24),
      rgba(19, 73, 111, 0.18)
    );
  color: #83ddff;
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

[data-whale-history-feed-v1] .whale-history-load-v1:hover:not(:disabled) {
  border-color: rgba(94, 218, 255, 0.46);
  background:
    linear-gradient(
      135deg,
      rgba(29, 124, 168, 0.32),
      rgba(24, 91, 135, 0.26)
    );
}

[data-whale-history-feed-v1] .whale-history-load-v1:disabled {
  cursor: wait;
  opacity: 0.58;
}

[data-whale-history-feed-v1] .whale-history-load-error-v1 {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 103, 123, 0.24);
  border-radius: 9px;
  background: rgba(126, 28, 47, 0.13);
  color: #ff9eae;
  font-size: 10px;
  line-height: 1.45;
}

[data-whale-history-feed-v1] .whale-history-end-v1 {
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid rgba(105, 139, 190, 0.13);
  border-radius: 9px;
  background: rgba(10, 21, 40, 0.6);
  color: #71809b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  [data-whale-history-feed-v1] .whale-history-load-wrap-v1 {
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
    padding: 7px;
  }

  [data-whale-history-feed-v1] .whale-history-load-wrap-v1 > span {
    padding: 0 4px 3px;
    text-align: center;
  }

  [data-whale-history-feed-v1] .whale-history-load-v1 {
    min-height: 44px;
    width: 100%;
  }
}
/* CIML Whale History Internal Scroll W5-C3-D3-B */
[data-whale-history-feed-v1] .whale-history-table-v1 {
  max-height: 620px;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  touch-action: pan-y;
}

[data-whale-history-feed-v1] .whale-history-table-v1:focus-visible {
  outline: 1px solid rgba(88, 211, 255, 0.48);
  outline-offset: 2px;
}

[data-whale-history-feed-v1] .whale-history-table-head-v1 {
  position: sticky;
  top: 0;
  z-index: 4;
  background:
    linear-gradient(
      180deg,
      rgba(16, 34, 61, 0.99),
      rgba(13, 29, 53, 0.98)
    );
  box-shadow:
    0 1px 0 rgba(111, 155, 211, 0.15);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-track {
  background: rgba(7, 16, 31, 0.54);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-thumb {
  border: 2px solid rgba(7, 16, 31, 0.54);
  border-radius: 999px;
  background: rgba(93, 160, 205, 0.42);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-thumb:hover {
  background: rgba(93, 190, 235, 0.58);
}

@media (max-width: 760px) {
  [data-whale-history-feed-v1] .whale-history-table-v1 {
    max-height: 540px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }
}
/* CIML Whale History Dark Thin Scrollbar W5-C3-D3-D2 */
[data-whale-history-feed-v1] .whale-history-table-v1 {
  color-scheme: dark;
  scrollbar-width: thin;
  scrollbar-color:
    rgba(69, 117, 151, 0.72)
    rgba(5, 14, 28, 0.88);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: rgba(5, 14, 28, 0.88);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(5, 14, 28, 0.88);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-thumb {
  border: 1px solid rgba(5, 14, 28, 0.88);
  border-radius: 999px;
  background: rgba(69, 117, 151, 0.72);
  background-clip: padding-box;
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-thumb:hover {
  background: rgba(78, 174, 220, 0.82);
}

[data-whale-history-feed-v1]
.whale-history-table-v1::-webkit-scrollbar-corner {
  background: rgba(5, 14, 28, 0.88);
}
/* CIML Whale History Custom Filters W5-C3-E2-C2-FIX1 */
[data-whale-history-feed-v1]
.whale-history-custom-filter-rail-v3 {
  display: grid;
  grid-template-columns:
    minmax(330px, 1.55fr)
    minmax(122px, 0.72fr)
    minmax(122px, 0.72fr)
    minmax(155px, 0.9fr)
    auto;
  gap: 8px;
  align-items: end;
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid rgba(91, 148, 203, 0.16);
  border-radius: 10px;
  background:
    linear-gradient(
      180deg,
      rgba(9, 22, 42, 0.9),
      rgba(7, 18, 35, 0.82)
    );
}

[data-whale-history-feed-v1]
.whale-history-time-wrap-v3 {
  display: grid;
  min-width: 0;
  gap: 4px;
}

[data-whale-history-feed-v1]
.whale-history-filter-label-v3 {
  color: #71829e;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
}

[data-whale-history-feed-v1]
.whale-history-time-segments-v3 {
  display: grid;
  grid-template-columns:
    repeat(6, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}

[data-whale-history-feed-v1]
.whale-history-time-segment-v3 {
  height: 34px;
  min-width: 0;
  padding: 0 5px;
  border: 1px solid rgba(89, 139, 190, 0.18);
  border-radius: 7px;
  background: rgba(8, 22, 42, 0.86);
  color: #8494ad;
  font: inherit;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition:
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease,
    transform 120ms ease;
}

[data-whale-history-feed-v1]
.whale-history-time-segment-v3:hover {
  border-color: rgba(63, 191, 231, 0.34);
  color: #b7eaff;
}

[data-whale-history-feed-v1]
.whale-history-time-segment-v3:active {
  transform: translateY(1px);
}

[data-whale-history-feed-v1]
.whale-history-time-segment-v3.active {
  border-color: rgba(64, 213, 243, 0.45);
  background:
    linear-gradient(
      135deg,
      rgba(14, 119, 157, 0.42),
      rgba(13, 68, 108, 0.34)
    );
  color: #7deaff;
  box-shadow:
    inset 0 0 0 1px rgba(107, 232, 255, 0.05);
}

[data-whale-history-feed-v1]
.whale-history-filter-trigger-v3 {
  position: relative;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;
  grid-template-rows:
    auto
    auto;
  column-gap: 8px;
  align-items: center;
  height: 46px;
  min-width: 0;
  padding: 6px 9px;
  border: 1px solid rgba(92, 148, 199, 0.2);
  border-radius: 8px;
  outline: none;
  background: rgba(7, 19, 37, 0.96);
  color: #d8e7fa;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 120ms ease,
    background 120ms ease,
    box-shadow 120ms ease;
}

[data-whale-history-feed-v1]
.whale-history-filter-trigger-v3:hover,
[data-whale-history-feed-v1]
.whale-history-filter-trigger-v3[aria-expanded="true"] {
  border-color: rgba(65, 201, 239, 0.44);
  background: rgba(9, 29, 51, 0.98);
}

[data-whale-history-feed-v1]
.whale-history-filter-trigger-v3:focus-visible {
  border-color: rgba(68, 206, 244, 0.54);
  box-shadow:
    0 0 0 2px rgba(31, 178, 221, 0.1);
}

[data-whale-history-feed-v1]
.whale-history-filter-trigger-label-v3 {
  grid-column: 1;
  color: #71829e;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
}

[data-whale-history-feed-v1]
.whale-history-filter-trigger-v3 strong {
  grid-column: 1;
  min-width: 0;
  overflow: hidden;
  color: #d9e9fb;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-whale-history-feed-v1]
.whale-history-filter-trigger-chevron-v3 {
  grid-column: 2;
  grid-row: 1 / 3;
  color: #6bcbe9;
  font-size: 14px;
  line-height: 1;
}

[data-whale-history-feed-v1]
.whale-history-filter-reset-v3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 34px;
  min-width: 64px;
  padding: 0 9px;
  border: 1px solid rgba(89, 169, 211, 0.22);
  border-radius: 7px;
  background: rgba(16, 46, 70, 0.44);
  color: #78d8f8;
  font: inherit;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

[data-whale-history-feed-v1]
.whale-history-filter-reset-v3:hover {
  border-color: rgba(89, 206, 242, 0.4);
  background: rgba(20, 65, 94, 0.58);
}

[data-whale-history-feed-v1]
.whale-history-filter-reset-v3[hidden] {
  display: none !important;
}

.whale-history-filter-overlay-v3 {
  position: fixed;
  inset: 0;
  z-index: 19500;
  pointer-events: none;
}

.whale-history-filter-backdrop-v3 {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  pointer-events: auto;
  cursor: default;
}

.whale-history-filter-popover-v3 {
  position: fixed;
  display: flex;
  flex-direction: column;
  max-height: min(280px, calc(100vh - 24px));
  overflow: hidden;
  border: 1px solid rgba(111, 168, 213, 0.28);
  border-radius: 12px;
  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(22, 128, 164, 0.12),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      rgba(13, 24, 42, 0.995),
      rgba(7, 15, 29, 0.995)
    );
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(70, 166, 207, 0.04);
  pointer-events: auto;
  animation:
    cimlWhaleFilterPopoverInV3
    130ms
    ease-out;
}

@keyframes cimlWhaleFilterPopoverInV3 {
  from {
    opacity: 0;
    transform: translateY(5px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.whale-history-filter-sheet-handle-v3 {
  display: none;
}

.whale-history-filter-popover-head-v3 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 49px;
  padding: 9px 10px 8px 12px;
  border-bottom: 1px solid rgba(99, 145, 187, 0.15);
}

.whale-history-filter-popover-head-v3 > div {
  display: grid;
  gap: 3px;
}

.whale-history-filter-popover-head-v3 > div > span {
  color: #70819d;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.whale-history-filter-popover-head-v3 strong {
  color: #e1edfc;
  font-size: 11px;
  font-weight: 900;
}

.whale-history-filter-close-v3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(95, 153, 200, 0.19);
  border-radius: 8px;
  background: rgba(14, 37, 61, 0.65);
  color: #8ebcd2;
  font: inherit;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.whale-history-filter-close-v3:hover {
  border-color: rgba(79, 199, 237, 0.4);
  color: #d1f3ff;
}

.whale-history-filter-search-wrap-v3 {
  display: block;
  flex: 0 0 auto;
  padding: 9px 10px 7px;
}

.whale-history-filter-search-v3 {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(94, 151, 201, 0.2);
  border-radius: 8px;
  outline: none;
  background: rgba(5, 15, 29, 0.88);
  color: #dceafa;
  font: inherit;
  font-size: 10px;
}

.whale-history-filter-search-v3::placeholder {
  color: #60718b;
}

.whale-history-filter-search-v3:focus {
  border-color: rgba(62, 207, 242, 0.46);
  box-shadow:
    0 0 0 2px rgba(28, 174, 217, 0.09);
}

.whale-history-filter-list-v3 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 6px;
  scrollbar-width: thin;
  scrollbar-color:
    rgba(65, 112, 146, 0.76)
    rgba(4, 12, 24, 0.86);
}

.whale-history-filter-list-v3::-webkit-scrollbar {
  width: 6px;
}

.whale-history-filter-list-v3::-webkit-scrollbar-track {
  background: rgba(4, 12, 24, 0.86);
}

.whale-history-filter-list-v3::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(65, 112, 146, 0.76);
}

.whale-history-filter-group-title-v3 {
  padding: 9px 9px 5px;
  color: #657791;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.whale-history-filter-option-v3 {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 37px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
  background: transparent;
  color: #aebdd1;
  font: inherit;
  font-size: 9px;
  font-weight: 780;
  text-align: left;
  cursor: pointer;
}

.whale-history-filter-option-v3:hover,
.whale-history-filter-option-v3:focus-visible {
  border-color: rgba(75, 174, 216, 0.23);
  background: rgba(18, 54, 80, 0.38);
  color: #d9f2ff;
}

.whale-history-filter-option-v3.active {
  border-color: rgba(58, 204, 237, 0.3);
  background:
    linear-gradient(
      135deg,
      rgba(16, 113, 147, 0.34),
      rgba(15, 63, 99, 0.24)
    );
  color: #78e5ff;
}

.whale-history-filter-check-v3 {
  width: 16px;
  color: #62ddf8;
  font-size: 11px;
  text-align: center;
}

.whale-history-filter-empty-v3 {
  padding: 24px 12px;
  color: #71819a;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
}

.ciml-whale-filter-sheet-open-v3,
.ciml-whale-filter-sheet-open-v3 body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

@media (max-width: 1180px) and (min-width: 761px) {
  [data-whale-history-feed-v1]
  .whale-history-custom-filter-rail-v3 {
    grid-template-columns:
      repeat(3, minmax(0, 1fr))
      auto;
  }

  [data-whale-history-feed-v1]
  .whale-history-time-wrap-v3 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  [data-whale-history-feed-v1]
  .whale-history-custom-filter-rail-v3 {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 8px;
    padding: 8px;
  }

  [data-whale-history-feed-v1]
  .whale-history-time-wrap-v3 {
    grid-column: 1 / -1;
  }

  [data-whale-history-feed-v1]
  .whale-history-time-segments-v3 {
    gap: 4px;
  }

  [data-whale-history-feed-v1]
  .whale-history-time-segment-v3 {
    height: 36px;
    padding: 0 2px;
    font-size: 8px;
  }

  [data-whale-history-feed-v1]
  .whale-history-filter-trigger-v3 {
    height: 48px;
    padding: 6px 7px;
  }

  [data-whale-history-feed-v1]
  .whale-history-filter-trigger-v3 strong {
    font-size: 8px;
  }

  [data-whale-history-feed-v1]
  .whale-history-filter-reset-v3 {
    grid-column: 1 / -1;
    justify-self: end;
    height: 29px;
    min-width: 57px;
  }

  .whale-history-filter-backdrop-v3 {
    background: rgba(1, 6, 16, 0.7);
    backdrop-filter: blur(5px);
  }

  .whale-history-filter-popover-v3 {
    top: auto !important;
    right: 8px;
    bottom: 0;
    left: 8px !important;
    width: auto !important;
    max-height:
      min(
        78vh,
        calc(
          100dvh -
          max(
            18px,
            env(safe-area-inset-top)
          )
        )
      );
    padding-bottom:
      max(
        8px,
        env(safe-area-inset-bottom)
      );
    border-radius: 18px 18px 0 0;
    animation:
      cimlWhaleFilterSheetInV3
      180ms
      cubic-bezier(
        0.2,
        0.8,
        0.2,
        1
      );
  }

  @keyframes cimlWhaleFilterSheetInV3 {
    from {
      opacity: 0;
      transform: translateY(24px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .whale-history-filter-sheet-handle-v3 {
    display: block;
    flex: 0 0 auto;
    width: 38px;
    height: 4px;
    margin: 8px auto 0;
    border-radius: 999px;
    background: rgba(118, 146, 177, 0.34);
  }

  .whale-history-filter-popover-head-v3 {
    min-height: 55px;
    padding:
      8px
      12px
      9px;
  }

  .whale-history-filter-popover-head-v3 strong {
    font-size: 13px;
  }

  .whale-history-filter-close-v3 {
    width: 34px;
    height: 34px;
  }

  .whale-history-filter-search-wrap-v3 {
    padding: 8px 10px;
  }

  .whale-history-filter-search-v3 {
    height: 42px;
    font-size: 12px;
  }

  .whale-history-filter-list-v3 {
    max-height: 56vh;
    padding: 6px 8px 10px;
  }

  .whale-history-filter-option-v3 {
    min-height: 46px;
    padding: 10px 11px;
    font-size: 11px;
  }

  .whale-history-filter-group-title-v3 {
    padding: 12px 10px 6px;
    font-size: 8px;
  }
}
/* CIML Global Shell Foundation G1-B1-B1-FIX1 */

/*
 * Shared application shell surfaces only.
 * Page components, charts, tables and data logic are excluded.
 */

.app-shell,
.ciml-global-mobile-navbar-11c5,
.ciml-mobile-navbar-recall-11c6a,
.ciml-global-mobile-menu-portal-11c5 {
  --ciml-shell-surface:
    rgba(8, 14, 27, 0.94);
  --ciml-shell-surface-strong:
    rgba(6, 11, 22, 0.985);
  --ciml-shell-surface-soft:
    rgba(14, 25, 43, 0.82);
  --ciml-shell-line:
    rgba(126, 165, 202, 0.16);
  --ciml-shell-line-strong:
    rgba(76, 198, 232, 0.32);
  --ciml-shell-text:
    #edf6ff;
  --ciml-shell-muted:
    #8fa2bc;
  --ciml-shell-cyan:
    #52d7f3;
  --ciml-shell-shadow:
    0 22px 70px rgba(0, 0, 0, 0.34);
}

@media (min-width: 761px) {
  .app-shell {
    min-height: 100vh;
    background:
      radial-gradient(
        circle at 82% 0%,
        rgba(24, 123, 164, 0.07),
        transparent 27%
      ),
      radial-gradient(
        circle at 18% 0%,
        rgba(94, 57, 190, 0.06),
        transparent 29%
      ),
      #060a12;
  }

  .app-shell > .sidebar {
    border-right:
      1px solid
      var(--ciml-shell-line);
    background:
      linear-gradient(
        180deg,
        rgba(8, 14, 27, 0.99),
        rgba(5, 10, 20, 0.99)
      );
    box-shadow:
      16px 0 44px
      rgba(0, 0, 0, 0.12);
  }

  .app-shell > .sidebar .sidebar-card {
    border:
      1px solid
      var(--ciml-shell-line);
    border-radius: 14px;
    background:
      linear-gradient(
        180deg,
        rgba(15, 28, 48, 0.74),
        rgba(9, 18, 34, 0.76)
      );
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.025);
  }

  .app-shell > .main {
    min-width: 0;
  }

  .app-shell > .main > .topbar {
    min-height: 72px;
    gap: 16px;
    padding: 13px 20px;
    border-bottom:
      1px solid
      var(--ciml-shell-line);
    background:
      linear-gradient(
        180deg,
        rgba(7, 13, 25, 0.94),
        rgba(6, 11, 22, 0.9)
      );
    box-shadow:
      0 14px 38px
      rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(16px);
  }

  .app-shell
  > .main
  > .topbar
  .topbar-actions {
    gap: 10px;
    align-items: center;
  }

  .app-shell
  > .main
  > .topbar
  .global-search-wrap {
    width:
      min(
        420px,
        38vw
      );
    min-width: 240px;
  }

  .app-shell
  > .main
  > .topbar
  #global-search {
    height: 44px;
    padding: 0 14px;
    border:
      1px solid
      var(--ciml-shell-line);
    border-radius: 12px;
    outline: none;
    background:
      rgba(6, 14, 27, 0.88);
    color:
      var(--ciml-shell-text);
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.025);
    transition:
      border-color 120ms ease,
      background 120ms ease,
      box-shadow 120ms ease;
  }

  .app-shell
  > .main
  > .topbar
  #global-search::placeholder {
    color:
      var(--ciml-shell-muted);
  }

  .app-shell
  > .main
  > .topbar
  #global-search:focus {
    border-color:
      var(--ciml-shell-line-strong);
    background:
      rgba(8, 19, 35, 0.98);
    box-shadow:
      0 0 0 3px
      rgba(40, 183, 220, 0.08);
  }

  .app-shell
  > .main
  > .topbar
  .global-search-results,
  .app-shell
  > .main
  > .topbar
  #global-search-results {
    top: calc(100% + 8px);
    overflow: hidden;
    border:
      1px solid
      var(--ciml-shell-line);
    border-radius: 14px;
    background:
      linear-gradient(
        180deg,
        rgba(11, 21, 38, 0.995),
        rgba(6, 13, 26, 0.995)
      );
    box-shadow:
      var(--ciml-shell-shadow);
    backdrop-filter: blur(18px);
  }

  .app-shell
  > .main
  > .topbar
  .global-search-item {
    border-radius: 9px;
  }
}

@media (max-width: 760px) {
  .ciml-global-mobile-navbar-11c5,
  .ciml-mobile-navbar-recall-11c6a {
    border:
      1px solid
      var(--ciml-shell-line) !important;
    border-radius:
      15px !important;
    background:
      radial-gradient(
        circle at 10% 0%,
        rgba(35, 154, 190, 0.11),
        transparent 38%
      ),
      linear-gradient(
        180deg,
        rgba(9, 18, 34, 0.985),
        rgba(5, 11, 23, 0.985)
      ) !important;
    box-shadow:
      0 15px 42px
      rgba(0, 0, 0, 0.32) !important;
    backdrop-filter:
      blur(18px) !important;
  }

  .ciml-global-mobile-brand-mark-11c5 {
    border:
      1px solid
      rgba(80, 213, 244, 0.26) !important;
    box-shadow:
      0 8px 24px
      rgba(28, 176, 214, 0.1) !important;
  }

  .ciml-global-mobile-menu-toggle-11c5 {
    border:
      1px solid
      rgba(105, 160, 202, 0.2) !important;
    border-radius:
      11px !important;
    background:
      rgba(12, 29, 49, 0.76) !important;
  }

  .ciml-global-mobile-menu-toggle-11c5[
    aria-expanded="true"
  ] {
    border-color:
      rgba(67, 211, 243, 0.4) !important;
    background:
      rgba(15, 54, 78, 0.86) !important;
  }

  .ciml-global-mobile-menu-backdrop-11c5 {
    background:
      rgba(1, 5, 14, 0.72) !important;
    backdrop-filter:
      blur(7px) !important;
  }

  .ciml-global-mobile-menu-drawer-11c5 {
    width:
      min(
        410px,
        calc(100vw - 16px)
      ) !important;
    border-left:
      1px solid
      var(--ciml-shell-line) !important;
    background:
      radial-gradient(
        circle at 15% 0%,
        rgba(24, 140, 177, 0.1),
        transparent 35%
      ),
      linear-gradient(
        180deg,
        rgba(8, 16, 31, 0.998),
        rgba(4, 10, 21, 0.998)
      ) !important;
    box-shadow:
      -26px 0 80px
      rgba(0, 0, 0, 0.5) !important;
  }

  .ciml-global-mobile-menu-head-11c5 {
    min-height:
      74px !important;
    padding:
      max(
        12px,
        env(safe-area-inset-top)
      )
      14px
      12px !important;
    border-bottom:
      1px solid
      var(--ciml-shell-line) !important;
    background:
      rgba(7, 14, 27, 0.82) !important;
  }

  .ciml-global-mobile-menu-body-11c5 {
    padding:
      12px
      12px
      max(
        18px,
        env(safe-area-inset-bottom)
      ) !important;
  }

  .ciml-global-mobile-menu-group-11c5 {
    border:
      1px solid
      rgba(116, 156, 193, 0.11);
    border-radius: 14px;
    background:
      rgba(10, 22, 39, 0.45);
  }

  .ciml-global-mobile-menu-group-11c5
  > header {
    padding:
      11px
      12px
      7px !important;
  }

  .ciml-global-mobile-menu-routes-11c5 {
    gap:
      6px !important;
    padding:
      0
      7px
      8px !important;
  }

  .ciml-mobile-menu-route-11c5 {
    min-height:
      52px !important;
    border:
      1px solid
      transparent !important;
    border-radius:
      11px !important;
    background:
      rgba(9, 21, 38, 0.62) !important;
  }

  .ciml-mobile-menu-route-11c5.is-active,
  .ciml-mobile-menu-route-11c5[
    aria-current="page"
  ] {
    border-color:
      rgba(62, 203, 236, 0.3) !important;
    background:
      linear-gradient(
        135deg,
        rgba(20, 111, 143, 0.35),
        rgba(17, 55, 88, 0.32)
      ) !important;
    box-shadow:
      inset 0 0 0 1px
      rgba(93, 224, 250, 0.03) !important;
  }

  .ciml-global-mobile-menu-sections-11c5,
  .ciml-global-mobile-company-links-11c5 {
    gap:
      6px !important;
  }

  .ciml-global-mobile-menu-sections-11c5
  button,
  .ciml-global-mobile-company-links-11c5
  a {
    min-height:
      46px !important;
    border:
      1px solid
      rgba(111, 152, 190, 0.11) !important;
    border-radius:
      11px !important;
    background:
      rgba(9, 21, 38, 0.54) !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b {
    gap:
      7px !important;
    margin:
      8px
      0
      10px !important;
    padding:
      3px
      8px
      7px !important;
    scroll-padding-inline:
      8px;
  }

  #ticker.ciml-mobile-market-rail-11c6b
  .ticker-item.ciml-market-rail-card-11c6b {
    min-height:
      50px !important;
    border:
      1px solid
      rgba(97, 151, 195, 0.16) !important;
    border-radius:
      12px !important;
    background:
      linear-gradient(
        180deg,
        rgba(12, 27, 47, 0.88),
        rgba(7, 18, 34, 0.88)
      ) !important;
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.02) !important;
  }
}

@media (max-width: 430px) {
  .ciml-global-mobile-menu-drawer-11c5 {
    width:
      calc(100vw - 8px) !important;
  }

  .ciml-global-mobile-menu-body-11c5 {
    padding-right:
      8px !important;
    padding-left:
      8px !important;
  }

  #ticker.ciml-mobile-market-rail-11c6b {
    gap:
      6px !important;
    padding-right:
      6px !important;
    padding-left:
      6px !important;
  }
}
/* CIML Home Mobile Hero Movers G2-M1-B1-FIX1A-R1 */

@media (max-width: 760px) {
  [data-home-mobile-hero-v1] {
    min-height: 0 !important;
    margin:
      0
      0
      12px !important;
    padding:
      14px
      15px
      15px !important;
    overflow: hidden;
    border:
      1px solid
      rgba(102, 157, 202, 0.16);
    border-radius: 16px;
    background:
      radial-gradient(
        circle at 92% 5%,
        rgba(39, 187, 220, 0.1),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        rgba(13, 27, 47, 0.97),
        rgba(7, 16, 31, 0.97)
      );
    box-shadow:
      0 14px 34px
      rgba(0, 0, 0, 0.18);
  }

  [data-home-mobile-hero-v1]
  .eyebrow {
    margin-bottom: 6px;
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: 0.14em;
  }

  [data-home-mobile-hero-v1]
  h2 {
    max-width: 20ch;
    margin: 0;
    font-size:
      clamp(
        23px,
        6.7vw,
        27px
      ) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em;
  }

  [data-home-mobile-hero-v1]
  p {
    max-width: 42ch;
    margin:
      8px
      0
      0 !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  [data-home-mobile-movers-v1] {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns:
      minmax(
        274px,
        84vw
      );
    gap: 10px !important;
    width: 100%;
    min-width: 0;
    margin:
      0
      0
      14px !important;
    padding:
      0
      0
      6px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  [data-home-mobile-movers-v1]::-webkit-scrollbar {
    display: none;
  }

  [data-home-mobile-movers-v1]
  > .card {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    border-radius: 15px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  [data-home-mobile-movers-v1]
  > .card
  .card-pad {
    padding:
      14px
      14px
      13px !important;
  }

  [data-home-mobile-movers-v1]
  .card-title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2;
  }
}

@media (max-width: 430px) {
  [data-home-mobile-hero-v1] {
    padding:
      13px
      14px
      14px !important;
  }

  [data-home-mobile-hero-v1]
  h2 {
    font-size:
      clamp(
        22px,
        6.6vw,
        26px
      ) !important;
  }

  [data-home-mobile-movers-v1] {
    grid-auto-columns:
      minmax(
        264px,
        86vw
      );
  }
}
/* CIML Home Mobile Market List G2-M1-B1-FIX1B-R1 */

@media (max-width: 760px) {
  [data-home-mobile-filters-v1] {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      auto !important;
    gap: 8px 10px;
    width: 100%;
    min-width: 0;
    margin: 0 0 12px;
    padding: 11px;
    align-items: center;
    overflow: hidden;
    border:
      1px solid
      rgba(104, 151, 194, 0.14);
    border-radius: 15px;
    background:
      linear-gradient(
        180deg,
        rgba(11, 23, 41, 0.94),
        rgba(7, 16, 30, 0.94)
      );
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.02);
  }

  [data-home-mobile-filters-v1]
  > input[type="search"] {
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0;
    height: 44px !important;
    margin: 0;
    padding: 0 13px;
    border:
      1px solid
      rgba(106, 157, 201, 0.18);
    border-radius: 11px;
    background:
      rgba(5, 14, 27, 0.86);
    font-size: 13px;
  }

  [data-home-mobile-filters-v1]
  > input[type="search"]:focus {
    border-color:
      rgba(62, 205, 237, 0.4);
    box-shadow:
      0 0 0 3px
      rgba(44, 185, 219, 0.08);
  }

  [data-home-mobile-filters-v1]
  .market-filter-buttons {
    grid-column: 1 / -1;
    display: flex !important;
    width: 100%;
    min-width: 0;
    gap: 6px;
    margin: 0;
    padding: 1px 0 5px;
    overflow-x: auto !important;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 1px;
    scrollbar-width: none;
  }

  [data-home-mobile-filters-v1]
  .market-filter-buttons::-webkit-scrollbar {
    display: none;
  }

  [data-home-mobile-filters-v1]
  .market-filter-buttons
  button {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 11px;
    white-space: nowrap;
  }

  [data-home-mobile-filters-v1]
  .market-filter-toggle {
    min-height: 38px !important;
    margin: 0;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 11px;
    white-space: nowrap;
  }

  [data-home-mobile-filters-v1]
  [data-market-filter-count] {
    justify-self: end;
    max-width: 42vw;
    overflow: hidden;
    color:
      rgba(168, 184, 207, 0.82);
    font-size: 11px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [data-home-mobile-market-list-v1] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  [data-home-mobile-table-v1] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    table-layout: auto !important;
    border: 0;
  }

  [data-home-mobile-table-v1]
  thead {
    display: none !important;
  }

  [data-home-mobile-table-v1]
  tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0;
    gap: 9px;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1] {
    display: grid !important;
    grid-template-columns:
      30px
      minmax(0, 1fr)
      64px
      minmax(82px, auto) !important;
    grid-template-areas:
      "watch asset asset price"
      "rank asset asset change"
      "cap cap spark volume" !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px;
    gap: 4px 8px;
    align-items: center;
    margin: 0;
    padding: 12px 11px 11px;
    box-sizing: border-box;
    overflow: hidden;
    border:
      1px solid
      rgba(103, 151, 194, 0.14);
    border-radius: 15px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(34, 171, 205, 0.06),
        transparent 40%
      ),
      linear-gradient(
        150deg,
        rgba(12, 25, 44, 0.97),
        rgba(7, 16, 30, 0.97)
      );
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.02),
      0 10px 28px
      rgba(0, 0, 0, 0.13);
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td {
    display: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto;
    padding: 0 !important;
    border: 0 !important;
    background: transparent;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(1) {
    grid-area: watch;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(2) {
    grid-area: rank;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color:
      rgba(155, 174, 198, 0.78);
    font-size: 10px;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(3) {
    grid-area: asset;
    display: flex !important;
    align-self: stretch;
    align-items: center;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(4) {
    grid-area: price;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(6) {
    grid-area: change;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9) {
    grid-area: spark;
    display: flex !important;
    width: 64px;
    align-items: center;
    justify-content: center;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11) {
    grid-area: cap;
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12) {
    grid-area: volume;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(6)::before {
    content: "24H";
    display: block;
    margin-bottom: 2px;
    color:
      rgba(139, 160, 188, 0.68);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11)::before,
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12)::before {
    display: block;
    margin-bottom: 3px;
    color:
      rgba(139, 160, 188, 0.68);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11)::before {
    content: "Market Cap";
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12)::before {
    content: "Volume 24H";
  }

  [data-home-mobile-table-v1]
  .market-asset-cell,
  [data-home-mobile-table-v1]
  .market-asset-cell
  .coin-cell,
  [data-home-mobile-table-v1]
  .market-asset-link {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  [data-home-mobile-table-v1]
  .market-asset-link {
    gap: 9px;
    justify-content: flex-start;
  }

  [data-home-mobile-table-v1]
  .market-asset-cell
  .logo {
    width: 31px;
    min-width: 31px;
    height: 31px;
  }

  [data-home-mobile-table-v1]
  .market-asset-meta {
    min-width: 0;
  }

  [data-home-mobile-table-v1]
  .market-asset-meta
  strong,
  [data-home-mobile-table-v1]
  .market-asset-meta
  span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [data-home-mobile-table-v1]
  .market-asset-meta
  strong {
    font-size: 13px;
    line-height: 1.25;
  }

  [data-home-mobile-table-v1]
  .market-asset-meta
  span {
    margin-top: 2px;
    font-size: 10px;
  }

  [data-home-mobile-table-v1]
  .market-price,
  [data-home-mobile-table-v1]
  [data-market-pct-cell],
  [data-home-mobile-table-v1]
  .market-cap,
  [data-home-mobile-table-v1]
  .market-volume {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  [data-home-mobile-table-v1]
  .market-price {
    font-size: 13px;
  }

  [data-home-mobile-table-v1]
  [data-market-pct-cell],
  [data-home-mobile-table-v1]
  .market-cap,
  [data-home-mobile-table-v1]
  .market-volume {
    font-size: 11px;
  }

  [data-home-mobile-table-v1]
  .market-sparkline-cell
  svg,
  [data-home-mobile-table-v1]
  .market-sparkline {
    width: 62px !important;
    max-width: 62px;
    height: 27px;
  }

  [data-home-mobile-pager-v1] {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 9px;
    width: 100%;
    min-width: 0;
    margin-top: 13px;
    padding: 11px 0 2px;
    border-top:
      1px solid
      rgba(108, 151, 190, 0.12);
  }

  [data-home-mobile-pager-v1]
  > .muted {
    padding: 0 2px;
    font-size: 10px;
    line-height: 1.45;
  }

  [data-home-mobile-pager-v1]
  .market-page-buttons {
    display: flex !important;
    width: 100%;
    min-width: 0;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    overflow: visible;
  }

  [data-home-mobile-pager-v1]
  .market-page-buttons
  button {
    min-width: 76px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 11px;
  }

  [data-home-mobile-pager-v1]
  .market-page-buttons
  button:not(:first-child):not(:last-child):not(.active) {
    display: none !important;
  }

  [data-home-mobile-pager-v1]
  .market-page-buttons
  button.active {
    display: inline-flex !important;
    min-width: 92px;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 390px) {
  [data-home-mobile-filters-v1] {
    grid-template-columns:
      minmax(0, 1fr);
  }

  [data-home-mobile-filters-v1]
  .market-filter-toggle,
  [data-home-mobile-filters-v1]
  [data-market-filter-count] {
    justify-self: start;
  }

  [data-home-mobile-filters-v1]
  [data-market-filter-count] {
    max-width: 100%;
    text-align: left;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1] {
    grid-template-columns:
      29px
      minmax(0, 1fr)
      minmax(84px, auto) !important;
    grid-template-areas:
      "watch asset price"
      "rank asset change"
      "cap cap volume" !important;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9) {
    display: none !important;
  }
}
/* CIML Home Mobile Coin Card Refinement G2-M1-B1-FIX1C-B1 */

@media (max-width: 760px) {
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1] {
    grid-template-columns:
      repeat(
        12,
        minmax(0, 1fr)
      ) !important;
    grid-template-areas:
      "watch rank asset asset asset asset asset price price price price price"
      "watch rank asset asset asset asset asset change change change change change"
      "cap cap cap cap volume volume volume volume spark spark spark spark" !important;
    grid-template-rows:
      auto
      auto
      minmax(34px, auto);
    min-height: 104px;
    gap:
      2px
      7px !important;
    padding:
      10px
      11px
      9px !important;
    border-color:
      rgba(105, 158, 202, 0.17);
    border-radius: 14px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(46, 196, 226, 0.07),
        transparent 39%
      ),
      linear-gradient(
        148deg,
        rgba(11, 24, 42, 0.985),
        rgba(6, 15, 29, 0.985)
      );
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.025),
      0 8px 24px
      rgba(0, 0, 0, 0.12);
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]:active {
    transform: scale(0.997);
    border-color:
      rgba(80, 198, 228, 0.26);
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(1) {
    grid-area: watch;
    align-self: start;
    justify-self: start;
    padding-top: 1px !important;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(1)
  button {
    display: inline-flex;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    border:
      1px solid
      rgba(118, 155, 194, 0.2) !important;
    border-radius: 9px !important;
    background:
      rgba(16, 31, 53, 0.82) !important;
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.025);
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(2) {
    grid-area: rank;
    width: 25px !important;
    min-width: 25px !important;
    height: 22px;
    margin-top: 4px;
    align-self: start;
    justify-self: start;
    border:
      1px solid
      rgba(115, 154, 192, 0.15);
    border-radius: 8px;
    background:
      rgba(13, 28, 49, 0.72);
    color:
      rgba(185, 202, 223, 0.86);
    font-size: 9px !important;
    font-weight: 800;
    line-height: 1;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(3) {
    grid-area: asset;
    align-self: start;
    padding-top: 1px !important;
  }

  [data-home-mobile-table-v1]
  .market-asset-link {
    gap: 9px;
    align-items: center;
  }

  [data-home-mobile-table-v1]
  .market-asset-cell
  .logo {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }

  [data-home-mobile-table-v1]
  .market-asset-meta
  strong {
    color: #f1f6ff;
    font-size: 14px !important;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -0.01em;
  }

  [data-home-mobile-table-v1]
  .market-asset-meta
  span {
    margin-top: 3px;
    color:
      rgba(164, 181, 205, 0.82);
    font-size: 10px;
    line-height: 1.2;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(4) {
    grid-area: price;
    align-self: start;
    justify-self: end;
    padding-top: 1px !important;
    color: #f4f8ff !important;
    font-size: 15px !important;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -0.015em;
    text-shadow: none;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(6) {
    grid-area: change;
    width: fit-content !important;
    min-width: 66px !important;
    margin-top: 3px;
    padding:
      4px
      8px !important;
    align-self: start;
    justify-self: end;
    border:
      1px solid
      color-mix(
        in srgb,
        currentColor 28%,
        transparent
      );
    border-radius: 999px;
    background:
      color-mix(
        in srgb,
        currentColor 10%,
        transparent
      );
    font-size: 10px !important;
    font-weight: 850;
    line-height: 1;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(6)::before {
    display: none !important;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9),
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11),
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12) {
    min-width: 0 !important;
    min-height: 34px;
    padding-top: 8px !important;
    align-self: end;
    justify-self: stretch;
    justify-content: flex-start;
    border-top:
      1px solid
      rgba(108, 151, 190, 0.11);
    text-align: left;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11) {
    grid-area: cap;
    align-items: flex-start;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12) {
    grid-area: volume;
    align-items: flex-start;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9) {
    grid-area: spark;
    display: flex !important;
    width: auto !important;
    align-items: flex-start;
    flex-direction: column;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9)::before,
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11)::before,
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12)::before {
    display: block;
    margin-bottom: 4px;
    color:
      rgba(132, 154, 184, 0.75);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9)::before {
    content: "7D Trend";
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(11)::before {
    content: "Market Cap";
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(12)::before {
    content: "Volume 24H";
  }

  [data-home-mobile-table-v1]
  .market-cap,
  [data-home-mobile-table-v1]
  .market-volume {
    max-width: 100%;
    overflow: hidden;
    color:
      rgba(235, 243, 255, 0.94);
    font-size: 12px !important;
    font-weight: 750;
    line-height: 1.1;
    text-overflow: ellipsis;
  }

  [data-home-mobile-table-v1]
  .market-sparkline-cell {
    color:
      rgba(149, 169, 195, 0.76);
  }

  [data-home-mobile-table-v1]
  .market-sparkline-cell
  svg,
  [data-home-mobile-table-v1]
  .market-sparkline {
    width: 76px !important;
    max-width: 100%;
    height: 24px !important;
  }
}

@media (max-width: 390px) {
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1] {
    grid-template-columns:
      repeat(
        12,
        minmax(0, 1fr)
      ) !important;
    grid-template-areas:
      "watch rank asset asset asset asset asset price price price price price"
      "watch rank asset asset asset asset asset change change change change change"
      "cap cap cap cap volume volume volume volume spark spark spark spark" !important;
    padding:
      9px
      9px
      8px !important;
  }

  [data-home-mobile-table-v1]
  .market-asset-cell
  .logo {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }

  [data-home-mobile-table-v1]
  .market-sparkline-cell
  svg,
  [data-home-mobile-table-v1]
  .market-sparkline {
    width: 66px !important;
  }
}

@media (max-width: 360px) {
  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1] {
    grid-template-areas:
      "watch rank asset asset asset asset asset price price price price price"
      "watch rank asset asset asset asset asset change change change change change"
      "cap cap cap cap cap cap volume volume volume volume volume volume" !important;
  }

  [data-home-mobile-table-v1]
  [data-home-mobile-row-v1]
  > td:nth-child(9) {
    display: none !important;
  }
}
/* CIML Home Market Global Search G2-M1-B1-FIX1D-B1 */

[data-market-global-search-root] {
  position: relative;
  overflow: visible;
}

[data-market-global-search-results] {
  top: 62px;
  left: 11px;
  right: 11px;
  width: auto;
  max-height: 430px;
  padding: 9px;
  overflow-x: hidden;
  overflow-y: auto !important;
  border:
    1px solid
    rgba(102, 160, 204, 0.2);
  border-radius: 15px;
  background:
    linear-gradient(
      180deg,
      rgba(8, 19, 35, 0.995),
      rgba(5, 13, 26, 0.995)
    );
  box-shadow:
    0 24px 72px
    rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(18px);
  z-index: 1450;
  scrollbar-width: thin;
}

[data-market-global-search-results]
.market-global-search-sheet-head {
  display: flex;
  min-height: 46px;
  margin-bottom: 6px;
  padding:
    7px
    8px
    8px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom:
    1px solid
    rgba(108, 157, 198, 0.13);
}

[data-market-global-search-results]
.market-global-search-sheet-head
> span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

[data-market-global-search-results]
.market-global-search-sheet-head
strong {
  color: #f2f7ff;
  font-size: 13px;
  line-height: 1.15;
}

[data-market-global-search-results]
.market-global-search-sheet-head
small {
  color:
    rgba(149, 169, 195, 0.76);
  font-size: 10px;
}

[data-market-global-search-close] {
  display: inline-flex;
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border:
    1px solid
    rgba(119, 161, 200, 0.18);
  border-radius: 9px;
  background:
    rgba(16, 32, 54, 0.78);
  color:
    rgba(218, 231, 248, 0.88);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

[data-market-global-search-results]
.global-search-item {
  min-height: 58px;
  gap: 11px;
  padding:
    9px
    10px;
  border:
    1px solid
    transparent;
  border-radius: 11px;
}

[data-market-global-search-results]
.global-search-item:hover,
[data-market-global-search-results]
.global-search-item.active {
  border-color:
    rgba(65, 196, 225, 0.18);
  background:
    rgba(35, 151, 190, 0.1);
}

[data-market-global-search-results]
.global-search-main
strong {
  font-size: 13px;
}

[data-market-global-search-results]
.global-search-main
small {
  font-size: 10px;
}

[data-market-global-search-results]
.global-search-meta {
  gap: 1px;
}

[data-market-global-search-results]
.global-search-meta
> strong {
  color: #eef5ff;
  font-size: 12px;
}

[data-market-global-search-results]
.market-global-search-change {
  font-size: 9px;
  font-weight: 800;
}

[data-market-global-search-results]
.global-search-empty {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (max-width: 760px) {
  [data-market-global-search-results] {
    position: fixed !important;
    top:
      calc(
        env(safe-area-inset-top, 0px) +
        82px
      ) !important;
    right: 10px !important;
    bottom:
      max(
        12px,
        env(safe-area-inset-bottom, 0px)
      ) !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    padding:
      10px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border-radius:
      18px !important;
    z-index:
      20010 !important;
    -webkit-overflow-scrolling: touch;
  }

  [data-market-global-search-results]
  .market-global-search-sheet-head {
    position: sticky;
    top: -10px;
    z-index: 2;
    margin:
      -10px
      -10px
      7px;
    padding:
      12px
      12px
      10px;
    border-radius:
      18px
      18px
      0
      0;
    background:
      rgba(7, 17, 32, 0.985);
    backdrop-filter: blur(18px);
  }

  [data-market-global-search-results]
  .global-search-item {
    min-height: 64px;
    margin-bottom: 4px;
    padding:
      10px
      9px;
  }

  [data-market-global-search-results]
  .global-search-item
  .logo {
    width: 34px;
    min-width: 34px;
    height: 34px;
  }

  [data-market-global-search-results]
  .global-search-main
  strong {
    font-size: 14px;
  }

  [data-market-global-search-results]
  .global-search-meta
  > strong {
    font-size: 13px;
  }
}
/* CIML Coin Detail Mobile Compact Summary G3-M1-B1 */

@media (max-width: 760px) {
  #app
  section:has(.coin-hero-metric-grid) {
    padding:
      16px
      14px
      13px !important;
    overflow: hidden;
    border-radius:
      18px !important;
  }

  #app
  section:has(.coin-hero-metric-grid)
  .coin-cell {
    gap: 10px !important;
    align-items: center;
  }

  #app
  section:has(.coin-hero-metric-grid)
  .coin-cell
  .logo {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
  }

  #app
  section:has(.coin-hero-metric-grid)
  h1 {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    letter-spacing: -0.035em;
  }

  #app
  section:has(.coin-hero-metric-grid)
  .coin-hero-actions {
    margin:
      10px
      0
      0 !important;
    align-self: auto !important;
  }

  #app
  section:has(.coin-hero-metric-grid)
  .coin-hero-actions
  button {
    min-height: 36px !important;
    padding:
      0
      14px !important;
    border-radius:
      10px !important;
    font-size: 11px;
  }

  #app
  .coin-hero-metric-grid {
    display: flex !important;
    width: 100%;
    min-width: 0;
    margin-top:
      14px !important;
    gap:
      8px !important;
    padding:
      0
      0
      4px;
    overflow-x: auto !important;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    scroll-snap-type:
      x proximity;
    scroll-padding-inline: 1px;
    overscroll-behavior-inline:
      contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling:
      touch;
  }

  #app
  .coin-hero-metric-grid::-webkit-scrollbar {
    display: none;
  }

  #app
  .coin-hero-metric {
    flex:
      0
      0
      clamp(
        138px,
        42vw,
        164px
      ) !important;
    min-width: 0;
    min-height: 72px;
    padding:
      10px
      12px !important;
    border-radius:
      13px !important;
    scroll-snap-align:
      start;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(47, 197, 227, 0.07),
        transparent 45%
      ),
      linear-gradient(
        155deg,
        rgba(14, 27, 48, 0.96),
        rgba(7, 16, 30, 0.96)
      );
  }

  #app
  .coin-hero-metric
  span {
    display: block;
    margin-bottom: 8px;
    overflow: hidden;
    color:
      rgba(154, 175, 204, 0.82);
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.15;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #app
  .coin-hero-metric
  strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #f3f8ff;
    font-size: 20px !important;
    font-weight: 850;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 390px) {
  #app
  .coin-hero-metric {
    flex-basis:
      144px !important;
  }
}
/* CIML Coin Detail Mobile Performance Rail G3-M1-B2 */

@media (max-width: 760px) {
  #app
  .coin-performance-strip {
    display: flex !important;
    width: 100%;
    min-width: 0;
    grid-template-columns: none !important;
    gap: 8px !important;
    margin:
      0 !important;
    padding:
      0
      0
      5px !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    scroll-snap-type:
      x proximity;
    scroll-padding-inline: 1px;
    overscroll-behavior-inline:
      contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling:
      touch;
  }

  #app
  .coin-performance-strip::-webkit-scrollbar {
    display: none;
  }

  #app
  .coin-performance-pill {
    display: flex;
    flex:
      0
      0
      112px !important;
    min-width:
      112px !important;
    min-height:
      68px !important;
    padding:
      10px
      12px !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 7px;
    border-radius:
      13px !important;
    scroll-snap-align:
      start;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(56, 189, 248, 0.07),
        transparent 44%
      ),
      linear-gradient(
        155deg,
        rgba(14, 27, 48, 0.94),
        rgba(7, 16, 30, 0.94)
      );
    box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.025);
  }

  #app
  .coin-performance-pill
  span {
    color:
      rgba(153, 174, 202, 0.8);
    font-size:
      9px !important;
    font-weight: 850;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
  }

  #app
  .coin-performance-pill
  strong {
    max-width: 100%;
    overflow: hidden;
    font-size:
      17px !important;
    font-weight: 850;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app
  .coin-performance-pill:nth-child(4) {
    border-color:
      rgba(78, 187, 221, 0.3);
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(51, 197, 224, 0.14),
        transparent 48%
      ),
      linear-gradient(
        155deg,
        rgba(15, 35, 57, 0.97),
        rgba(8, 19, 35, 0.97)
      );
  }

  #app
  .coin-performance-pill:nth-child(4)
  span::after {
    content: " · KEY";
    color:
      rgba(92, 210, 232, 0.82);
  }
}

@media (max-width: 390px) {
  #app
  .coin-performance-pill {
    flex-basis:
      106px !important;
    min-width:
      106px !important;
  }
}
/* CIML Coin Detail Mobile Fixed Snapshot G3-M1-B2-R1 */

@media (max-width: 760px) {
  #app
  .coin-hero-metric-grid {
    display: grid !important;
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;
    width: 100%;
    min-width: 0;
    margin-top:
      13px !important;
    gap:
      8px !important;
    padding:
      0 !important;
    overflow:
      visible !important;
    scroll-snap-type:
      none !important;
  }

  #app
  .coin-hero-metric {
    flex:
      initial !important;
    width: auto;
    min-width:
      0 !important;
    min-height:
      68px !important;
    padding:
      10px
      11px !important;
    border-radius:
      13px !important;
    scroll-snap-align:
      none;
  }

  #app
  .coin-hero-metric
  span {
    margin-bottom:
      7px !important;
    font-size:
      8px !important;
  }

  #app
  .coin-hero-metric
  strong {
    font-size:
      19px !important;
  }

  #app
  .coin-hero-metric:nth-child(1) {
    border-color:
      rgba(69, 199, 226, 0.24);
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(45, 201, 230, 0.12),
        transparent 48%
      ),
      linear-gradient(
        155deg,
        rgba(14, 32, 51, 0.98),
        rgba(7, 17, 31, 0.98)
      );
  }

  #app
  .coin-performance-strip {
    display: grid !important;
    grid-template-columns:
      repeat(
        4,
        minmax(0, 1fr)
      ) !important;
    width: 100%;
    min-width: 0;
    gap:
      6px !important;
    margin:
      0 !important;
    padding:
      0 !important;
    overflow:
      visible !important;
    scroll-snap-type:
      none !important;
  }

  #app
  .coin-performance-pill {
    display: flex;
    flex:
      initial !important;
    width: auto;
    min-width:
      0 !important;
    min-height:
      58px !important;
    padding:
      9px
      8px !important;
    gap: 7px;
    align-items: flex-start;
    justify-content: space-between;
    border-radius:
      12px !important;
    scroll-snap-align:
      none;
  }

  #app
  .coin-performance-pill
  span {
    font-size:
      8px !important;
    letter-spacing:
      0.08em;
  }

  #app
  .coin-performance-pill
  strong {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    font-size:
      14px !important;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app
  .coin-performance-pill:nth-child(4)
  span::after {
    content:
      none !important;
    display:
      none !important;
  }

  #app
  .coin-performance-pill:nth-child(7) {
    grid-column:
      span 2;
  }
}

@media (max-width: 370px) {
  #app
  .coin-hero-metric
  strong {
    font-size:
      17px !important;
  }

  #app
  .coin-performance-strip {
    gap:
      5px !important;
  }

  #app
  .coin-performance-pill {
    min-height:
      56px !important;
    padding:
      8px
      6px !important;
  }

  #app
  .coin-performance-pill
  strong {
    font-size:
      12px !important;
  }
}
/* CIML Coin Detail Mobile Space Optimization G3-M1-B2-R2-R1 */

@media (max-width: 760px) {
  #app
  section:has(> .coin-hero-metric-grid) {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      auto !important;
    grid-template-areas:
      "identity action"
      "metrics metrics" !important;
    width: 100%;
    min-width: 0;
    gap:
      8px
      10px !important;
    padding:
      13px
      13px
      11px !important;
    align-items: center;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-cell {
    grid-area: identity;
    width: 100%;
    min-width: 0;
    gap:
      9px !important;
    align-self: center;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-cell
  > div {
    min-width: 0;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  .coin-cell
  .logo {
    width:
      44px !important;
    min-width:
      44px !important;
    height:
      44px !important;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  h1 {
    max-width: 100%;
    margin: 0 !important;
    overflow: hidden;
    font-size:
      25px !important;
    line-height:
      1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-hero-actions {
    grid-area: action;
    margin:
      0 !important;
    align-self:
      center !important;
    justify-self: end;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-hero-actions
  > button,
  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-hero-actions
  > a {
    width:
      auto !important;
    min-width:
      94px !important;
    min-height:
      34px !important;
    padding:
      0
      10px !important;
    border-radius:
      10px !important;
    font-size:
      10px !important;
    white-space: nowrap;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-hero-metric-grid {
    grid-area: metrics;
    margin-top:
      0 !important;
  }

  #app
  .coin-hero-metric-grid {
    gap:
      7px !important;
  }

  #app
  .coin-hero-metric {
    min-height:
      62px !important;
    padding:
      8px
      10px !important;
    border-radius:
      12px !important;
  }

  #app
  .coin-hero-metric
  span {
    margin-bottom:
      6px !important;
    font-size:
      7.5px !important;
  }

  #app
  .coin-hero-metric
  strong {
    font-size:
      18px !important;
  }

  #app
  .coin-performance-strip {
    display: grid !important;
    grid-template-columns:
      repeat(
        12,
        minmax(0, 1fr)
      ) !important;
    gap:
      6px !important;
    padding:
      0 !important;
  }

  #app
  .coin-performance-pill {
    min-height:
      52px !important;
    padding:
      7px
      8px !important;
    border-radius:
      11px !important;
  }

  #app
  .coin-performance-pill:nth-child(-n+4) {
    grid-column:
      span 3;
  }

  #app
  .coin-performance-pill:nth-child(n+5) {
    grid-column:
      span 4;
  }

  #app
  .coin-performance-pill:nth-child(7) {
    grid-column:
      span 4 !important;
  }

  #app
  .coin-performance-pill
  span {
    font-size:
      7.5px !important;
  }

  #app
  .coin-performance-pill
  strong {
    font-size:
      13px !important;
  }

  #app
  .coin-performance-strip
  + .coin-detail-main {
    margin-top:
      -5px !important;
  }
}

@media (max-width: 390px) {
  #app
  section:has(> .coin-hero-metric-grid) {
    grid-template-columns:
      minmax(0, 1fr)
      86px !important;
    gap:
      8px
      7px !important;
    padding:
      12px
      11px
      10px !important;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  .coin-cell
  .logo {
    width:
      41px !important;
    min-width:
      41px !important;
    height:
      41px !important;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  h1 {
    font-size:
      23px !important;
  }

  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-hero-actions
  > button,
  #app
  section:has(> .coin-hero-metric-grid)
  > .coin-hero-actions
  > a {
    min-width:
      86px !important;
    padding:
      0
      7px !important;
    font-size:
      9px !important;
  }

  #app
  .coin-hero-metric
  strong {
    font-size:
      17px !important;
  }

  #app
  .coin-performance-pill {
    padding:
      7px
      6px !important;
  }

  #app
  .coin-performance-pill
  strong {
    font-size:
      12px !important;
  }
}
/* CIML Coin Detail Mobile Chart Shell G3-M1-B3-B1 */

@media (max-width: 760px) {
  #app
  [data-chart-mobile-shell-v1] {
    padding:
      14px
      12px
      13px !important;
    overflow: hidden;
    border-radius:
      18px !important;
  }

  #app
  [data-chart-mobile-header-v1] {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      auto;
    gap:
      8px
      10px;
    align-items: center;
  }

  #app
  [data-chart-mobile-header-v1]
  h3 {
    margin:
      0 !important;
    font-size:
      19px;
    line-height:
      1.05;
    letter-spacing:
      -0.025em;
  }

  #app
  [data-chart-mobile-header-v1]
  #chart-subtitle {
    max-width: 100%;
    margin-top: 3px;
    overflow: hidden;
    font-size:
      11px;
    line-height:
      1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app
  [data-chart-mobile-header-v1]
  #chart-mode {
    margin: 0;
    padding: 3px;
    justify-self: end;
  }

  #app
  [data-chart-mobile-header-v1]
  #chart-mode
  button {
    min-height:
      32px !important;
    padding:
      0
      11px !important;
    font-size:
      10px !important;
  }

  #app
  [data-chart-mobile-controls-v1] {
    display: grid;
    gap:
      10px !important;
    margin-top:
      12px !important;
  }

  #app
  [data-chart-mobile-exchange-v1] {
    display: grid !important;
    grid-template-columns:
      70px
      minmax(0, 1fr);
    gap:
      7px
      10px !important;
    align-items: center;
  }

  #app
  [data-chart-mobile-exchange-v1]
  > label {
    margin: 0;
    font-size:
      9px !important;
    letter-spacing:
      0.1em;
  }

  #app
  [data-chart-mobile-exchange-v1]
  .chart-select {
    width:
      100% !important;
    min-width: 0;
    min-height:
      38px !important;
    padding:
      0
      36px
      0
      13px !important;
    border-radius:
      12px !important;
    font-size:
      12px;
  }

  #app
  [data-chart-mobile-exchange-v1]
  #chart-status {
    grid-column:
      1 / -1;
    width: 100%;
    min-width: 0;
    min-height:
      30px;
    padding:
      7px
      9px;
    overflow: hidden;
    border:
      1px solid
      rgba(102, 147, 188, 0.12);
    border-radius:
      9px;
    background:
      rgba(7, 17, 31, 0.55);
    color:
      rgba(151, 172, 199, 0.82);
    font-size:
      9px;
    line-height:
      1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app
  [data-chart-mobile-timeframes-v1],
  #app
  [data-chart-mobile-line-ranges-v1] {
    display:
      block !important;
    min-width: 0;
  }

  #app
  [data-chart-mobile-timeframes-v1]
  > label,
  #app
  [data-chart-mobile-line-ranges-v1]
  > label {
    display: block;
    margin:
      0
      0
      7px;
    font-size:
      9px !important;
    letter-spacing:
      0.1em;
  }

  #app
  [data-chart-mobile-timeframes-v1]
  > .segmented,
  #app
  [data-chart-mobile-line-ranges-v1]
  > .segmented {
    display:
      flex !important;
    width: 100%;
    min-width: 0;
    gap:
      4px;
    padding:
      4px !important;
    overflow-x:
      auto !important;
    overflow-y: hidden;
    flex-wrap:
      nowrap !important;
    scroll-snap-type:
      x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling:
      touch;
  }

  #app
  [data-chart-mobile-timeframes-v1]
  > .segmented::-webkit-scrollbar,
  #app
  [data-chart-mobile-line-ranges-v1]
  > .segmented::-webkit-scrollbar {
    display: none;
  }

  #app
  [data-chart-mobile-timeframes-v1]
  button,
  #app
  [data-chart-mobile-line-ranges-v1]
  button {
    flex:
      0
      0
      auto !important;
    min-width:
      45px !important;
    min-height:
      32px !important;
    padding:
      0
      10px !important;
    scroll-snap-align:
      start;
    font-size:
      10px !important;
  }

  #app
  [data-chart-mobile-tools-v1] {
    display:
      flex !important;
    width: 100%;
    min-width: 0;
    gap:
      6px !important;
    padding:
      7px !important;
    overflow-x:
      auto !important;
    overflow-y: visible;
    align-items: center;
    flex-wrap:
      nowrap !important;
    border:
      1px solid
      rgba(101, 147, 189, 0.14);
    border-radius:
      13px;
    background:
      rgba(6, 15, 28, 0.52);
    scrollbar-width: none;
    -webkit-overflow-scrolling:
      touch;
  }

  #app
  [data-chart-mobile-tools-v1]::-webkit-scrollbar {
    display: none;
  }

  #app
  [data-chart-mobile-tools-v1]
  > button,
  #app
  [data-chart-mobile-tools-v1]
  [data-chart-indicator-toggle] {
    flex:
      0
      0
      auto !important;
    min-height:
      34px !important;
    padding:
      0
      11px !important;
    border-radius:
      10px !important;
    font-size:
      10px !important;
    white-space: nowrap;
  }

  #app
  [data-chart-mobile-tools-v1]
  > button[disabled] {
    display:
      none !important;
  }

  #app
  [data-chart-mobile-tools-v1]
  .chart-pro-toolbar-spacer {
    display:
      none !important;
  }

  #app
  [data-chart-mobile-tools-v1]
  [data-chart-indicator-menu] {
    flex:
      0
      0
      auto;
  }

  #app
  [data-chart-mobile-canvas-v1] {
    width: 100%;
    height:
      420px !important;
    min-height:
      420px !important;
    margin-top:
      10px !important;
    overflow: hidden;
    border-radius:
      15px !important;
  }

  #app
  [data-chart-mobile-canvas-v1]
  #coin-chart {
    display: block;
    width:
      100% !important;
    height:
      100% !important;
    min-height:
      420px !important;
  }

  #app
  [data-chart-mobile-canvas-v1]
  #chart-tooltip {
    max-width:
      min(
        210px,
        calc(100% - 18px)
      );
  }

  #app
  [data-chart-mobile-actions-v1] {
    display:
      flex !important;
    margin-top:
      10px !important;
    justify-content: center;
    gap:
      7px !important;
  }

  #app
  [data-chart-mobile-actions-v1]
  #expand-chart,
  #app
  [data-chart-mobile-actions-v1]
  #reset-chart-view {
    display:
      none !important;
  }

  #app
  [data-chart-mobile-actions-v1]
  #load-older {
    min-width:
      172px;
    min-height:
      38px;
    padding:
      0
      16px;
    border-radius:
      11px;
    font-size:
      10px;
  }

  #app
  [data-chart-mobile-hint-v1] {
    margin-top:
      8px !important;
    padding:
      8px
      10px !important;
    border-radius:
      10px;
  }

  #app
  [data-chart-mobile-hint-v1]
  > span {
    display:
      none !important;
  }

  #app
  [data-chart-mobile-hint-v1]
  > strong {
    display: block;
    font-size:
      9px !important;
    line-height:
      1.4;
    text-align: center;
  }
}

@media (max-width: 390px) {
  #app
  [data-chart-mobile-shell-v1] {
    padding:
      13px
      10px
      12px !important;
  }

  #app
  [data-chart-mobile-header-v1]
  h3 {
    font-size:
      18px;
  }

  #app
  [data-chart-mobile-header-v1]
  #chart-mode
  button {
    padding:
      0
      9px !important;
  }

  #app
  [data-chart-mobile-canvas-v1] {
    height:
      395px !important;
    min-height:
      395px !important;
  }

  #app
  [data-chart-mobile-canvas-v1]
  #coin-chart {
    min-height:
      395px !important;
  }
}
/* CIML Coin Detail Phone Chart Shell G3-M1-B3-B1-R1 */

@media (max-width: 760px) {
  #app
  [data-chart-phone-shell-r1] {
    --chart-phone-gutter: 12px;
    padding:
      12px
      var(--chart-phone-gutter)
      12px !important;
    overflow: hidden;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-header-v1] {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      36px !important;
    gap:
      8px !important;
    align-items: center;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-header-v1]
  h3 {
    font-size:
      18px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  #chart-subtitle {
    margin-top:
      2px !important;
    font-size:
      10px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  .chart-phone-fullscreen {
    display:
      inline-flex !important;
    width:
      36px !important;
    min-width:
      36px !important;
    height:
      36px !important;
    min-height:
      36px !important;
    padding:
      0 !important;
    align-items: center;
    justify-content: center;
    border:
      1px solid
      rgba(106, 153, 198, 0.22);
    border-radius:
      10px !important;
    background:
      rgba(12, 27, 47, 0.88);
    color: #f3f8ff;
    font-size:
      17px !important;
    line-height: 1;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-controls-v1] {
    gap:
      7px !important;
    margin-top:
      9px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-exchange-v1] {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      auto !important;
    gap:
      7px !important;
    align-items: center;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-exchange-v1]
  > label {
    display:
      none !important;
  }

  #app
  [data-chart-phone-shell-r1]
  #chart-exchange {
    width:
      100% !important;
    min-width: 0;
    min-height:
      38px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  #chart-mode {
    display:
      inline-flex !important;
    width:
      auto !important;
    min-width:
      max-content;
    margin:
      0 !important;
    padding:
      3px !important;
    justify-self: end;
  }

  #app
  [data-chart-phone-shell-r1]
  #chart-mode
  button {
    min-width:
      58px !important;
    min-height:
      32px !important;
    padding:
      0
      9px !important;
    font-size:
      9px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  #chart-status {
    grid-column:
      1 / -1;
    min-height:
      26px !important;
    padding:
      6px
      8px !important;
    font-size:
      8px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-timeframes-v1],
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-line-ranges-v1] {
    display:
      block !important;
    min-width: 0;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-timeframes-v1][style*="display:none"],
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-timeframes-v1][style*="display: none"],
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-line-ranges-v1][style*="display:none"],
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-line-ranges-v1][style*="display: none"] {
    display:
      none !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-timeframes-v1]
  > label,
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-line-ranges-v1]
  > label {
    display:
      none !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-timeframes-v1]
  > .segmented,
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-line-ranges-v1]
  > .segmented {
    margin:
      0 !important;
    padding:
      3px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-timeframes-v1]
  button,
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-line-ranges-v1]
  button {
    min-width:
      43px !important;
    min-height:
      31px !important;
    padding:
      0
      8px !important;
    font-size:
      9px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-tools-v1] {
    gap:
      5px !important;
    margin-top:
      1px !important;
    padding:
      5px !important;
    border-radius:
      11px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-tools-v1]
  > button,
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-tools-v1]
  [data-chart-indicator-toggle] {
    min-height:
      32px !important;
    padding:
      0
      9px !important;
    border-radius:
      9px !important;
    font-size:
      9px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-tools-v1]
  .chart-phone-fullscreen {
    display:
      none !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-canvas-v1] {
    width:
      calc(
        100% +
        (
          var(--chart-phone-gutter) *
          2
        )
      ) !important;
    height:
      clamp(
        430px,
        56dvh,
        520px
      ) !important;
    min-height:
      430px !important;
    margin:
      8px
      calc(
        var(--chart-phone-gutter) *
        -1
      )
      0 !important;
    overflow: hidden;
    border:
      0 !important;
    border-radius:
      0 !important;
    background:
      rgba(5, 13, 25, 0.72);
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-canvas-v1]
  #coin-chart {
    width:
      100% !important;
    height:
      100% !important;
    min-height:
      430px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-actions-v1] {
    margin-top:
      8px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-actions-v1]
  #expand-chart,
  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-actions-v1]
  #reset-chart-view {
    display:
      none !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-actions-v1]
  #load-older {
    min-width:
      158px !important;
    min-height:
      35px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-hint-v1] {
    margin-top:
      6px !important;
    padding:
      6px
      8px !important;
  }
}

@media (max-width: 390px) {
  #app
  [data-chart-phone-shell-r1] {
    --chart-phone-gutter: 10px;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-exchange-v1] {
    grid-template-columns:
      minmax(0, 1fr)
      auto !important;
  }

  #app
  [data-chart-phone-shell-r1]
  #chart-mode
  button {
    min-width:
      52px !important;
    padding:
      0
      7px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-canvas-v1] {
    height:
      clamp(
        420px,
        55dvh,
        490px
      ) !important;
    min-height:
      420px !important;
  }

  #app
  [data-chart-phone-shell-r1]
  [data-chart-mobile-canvas-v1]
  #coin-chart {
    min-height:
      420px !important;
  }
}

/* CIML Professional Mobile Axis G3-M1-B3-B2-B1-R1-FIX1 */
@media (max-width: 760px) {
  body
  .chart-axis-price-label-v2 {
    min-width: 64px !important;
    max-width: 68px !important;
    padding: 0 6px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    line-height: 22px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }

  body
  .chart-axis-time-label-v2 {
    min-width: 106px !important;
    max-width: 116px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    line-height: 22px !important;
    white-space: nowrap;
  }

  body
  .ciml-tv-live-price-line {
    opacity: .92;
    border-top-width: 1px;
  }
}

/* CIML Mobile Touch Engine G3-M1-B3-B3-B1 */
@media (pointer: coarse) {
  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1]
  #coin-chart {
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1] {
    overscroll-behavior-x: contain;
  }

  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1].touch-navigating,
  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1]
  #coin-chart:active {
    cursor: grabbing;
  }
}

/* CIML TradingView Free Navigation G3-M1-B3-B3-B1-R1 */
@media (pointer: coarse) {
  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1]
  #coin-chart {
    touch-action: none !important;
    overscroll-behavior: contain;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }

  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1].touch-navigating
  #coin-chart {
    cursor: grabbing;
  }

  #app
  .coin-detail-chart-card
  [data-chart-mobile-canvas-v1].touch-crosshair-active
  #coin-chart {
    cursor: crosshair;
  }

  body.chart-price-axis-dragging
  #coin-chart {
    cursor: ns-resize !important;
  }

  .chart-crosshair-layer[data-input-source="touch"]
  .chart-ohlc-tooltip {
    width: 184px;
    max-width: calc(100vw - 24px);
    padding: 10px;
    border-radius: 10px;
    font-size: 10px;
    pointer-events: none;
  }

  .chart-crosshair-layer[data-input-source="touch"]
  .chart-tooltip-grid {
    gap: 4px 8px;
  }

  .chart-crosshair-layer[data-input-source="touch"]
  .chart-crosshair-v,
  .chart-crosshair-layer[data-input-source="touch"]
  .chart-crosshair-h {
    opacity: .88;
  }
}

/* CIML Official Resources G3-M1-B5-B1-FIX1 */
.official-resources-panel {
  display: grid;
  gap: 18px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(56, 189, 248, .13),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(124, 58, 237, .13),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      rgba(15, 23, 42, .92),
      rgba(7, 12, 25, .84)
    );
}

.official-resources-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.official-resources-head h3 {
  margin: 4px 0 5px;
  letter-spacing: -.035em;
}

.official-resources-head p {
  max-width: 570px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.48;
}

.official-resources-eyebrow {
  display: block;
  color: rgba(125, 211, 252, .90);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.official-resources-count {
  flex: 0 0 auto;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  background: rgba(15, 23, 42, .66);
  color: var(--soft);
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.official-resources-layout {
  display: grid;
  gap: 10px;
}

.official-resource-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.official-resource-grid:empty {
  display: none;
}

.official-resource-card {
  position: relative;
  min-width: 0;
  min-height: 64px;
  display: grid;
  grid-template-columns:
    auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 16px;
  background:
    linear-gradient(
      180deg,
      rgba(30, 41, 59, .74),
      rgba(15, 23, 42, .72)
    );
  color: var(--text);
  padding: 11px 12px;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.official-resource-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      120deg,
      rgba(56, 189, 248, .08),
      transparent 42%,
      rgba(124, 58, 237, .07)
    );
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}

.official-resource-card:hover,
.official-resource-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(56, 189, 248, .38);
  box-shadow:
    0 13px 28px rgba(0, 0, 0, .20),
    0 0 0 3px rgba(56, 189, 248, .06);
  outline: none;
}

.official-resource-card:hover::before,
.official-resource-card:focus-visible::before {
  opacity: 1;
}

.official-resource-card.primary {
  min-height: 86px;
  border-color: rgba(56, 189, 248, .24);
  border-radius: 19px;
  padding: 15px 16px;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(56, 189, 248, .17),
      transparent 37%
    ),
    linear-gradient(
      135deg,
      rgba(19, 36, 61, .95),
      rgba(20, 24, 50, .91)
    );
}

.official-resource-icon {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(125, 211, 252, .20);
  border-radius: 12px;
  background:
    linear-gradient(
      180deg,
      rgba(56, 189, 248, .13),
      rgba(124, 58, 237, .08)
    );
  color: rgba(186, 230, 253, .96);
}

.official-resource-card.primary
.official-resource-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
}

.official-resource-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.official-resource-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
}

.official-resource-copy strong {
  overflow: hidden;
  color: rgba(248, 250, 252, .98);
  font-size: 14px;
  font-weight: 850;
  letter-spacing: -.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.official-resource-card.primary
.official-resource-copy strong {
  font-size: 16px;
}

.official-resource-copy small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.official-resource-open {
  position: relative;
  z-index: 1;
  width: 29px;
  height: 29px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 9px;
  background: rgba(2, 6, 23, .22);
  color: rgba(148, 163, 184, .84);
}

.official-resource-open svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.official-resources-note {
  border-top: 1px solid rgba(148, 163, 184, .10);
  color: rgba(148, 163, 184, .72);
  padding-top: 12px;
  font-size: 10px;
  line-height: 1.45;
}

.official-resources-empty {
  min-height: 76px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(148, 163, 184, .17);
  border-radius: 16px;
  background: rgba(15, 23, 42, .42);
  color: var(--muted);
  padding: 18px;
  text-align: center;
  font-size: 12px;
}

@media (max-width: 760px) {
  .official-resources-panel {
    gap: 15px;
    padding: 18px;
  }

  .official-resources-head {
    gap: 10px;
  }

  .official-resources-head p {
    font-size: 12px;
  }

  .official-resource-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .official-resource-card {
    min-height: 68px;
    gap: 8px;
    border-radius: 15px;
    padding: 10px;
  }

  .official-resource-card.primary {
    min-height: 82px;
    padding: 13px;
  }

  .official-resource-icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
  }

  .official-resource-card.primary
  .official-resource-icon {
    width: 42px;
    height: 42px;
  }

  .official-resource-copy strong {
    font-size: 12px;
  }

  .official-resource-card.primary
  .official-resource-copy strong {
    font-size: 15px;
  }

  .official-resource-copy small {
    font-size: 10px;
  }

  .official-resource-open {
    width: 26px;
    height: 26px;
    border-radius: 8px;
  }
}

@media (max-width: 360px) {
  .official-resource-grid {
    grid-template-columns: 1fr;
  }
}

/* CIML Market Scenario Simulator G3-M1-B6-B1-FIX1 */
.market-scenario-v2 {
  display: grid;
  gap: 14px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(56, 189, 248, .13),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(16, 185, 129, .08),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(15, 23, 42, .92),
      rgba(7, 12, 25, .84)
    );
}

.market-scenario-title {
  align-items: flex-start;
  margin-bottom: 0;
}

.market-scenario-title h3 {
  margin: 4px 0 5px;
}

.market-scenario-eyebrow {
  display: block;
  color: rgba(125, 211, 252, .90);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.market-scenario-input-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.market-scenario-v2
.simulator-input input {
  width: 100%;
  height: 54px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 15px;
  background: rgba(15, 23, 42, .82);
  color: var(--text);
  padding: 13px 15px;
  font: inherit;
  font-size: 15px;
  font-weight: 850;
  outline: none;
}

.market-scenario-v2
.simulator-input input:focus {
  border-color: rgba(56, 189, 248, .90);
  box-shadow:
    0 0 0 3px rgba(56, 189, 248, .12);
}

.market-scenario-number-hint {
  color: rgba(148, 163, 184, .76);
  font-size: 10px;
  line-height: 1.4;
}

.market-scenario-input-feedback {
  color: rgba(125, 211, 252, .82);
  font-size: 10px;
  line-height: 1.4;
}

.market-scenario-input-feedback:empty {
  display: none;
}

.market-scenario-input-feedback.error {
  display: block;
  color: rgba(251, 113, 133, .94);
}

.market-scenario-result {
  min-height: 0;
  display: grid;
  gap: 12px;
  border-radius: 18px;
  padding: 14px;
}

.market-scenario-summary-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.market-scenario-summary-head > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.market-scenario-summary-head strong {
  font-size: 16px;
}

.market-scenario-summary-head span {
  color: var(--muted);
  font-size: 11px;
}

.market-scenario-rank-badge {
  flex: 0 0 auto;
  min-width: 45px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(56, 189, 248, .28);
  border-radius: 999px;
  background: rgba(14, 165, 233, .09);
  color: rgba(186, 230, 253, .98) !important;
  padding: 5px 9px;
  font-size: 12px !important;
  font-weight: 900;
}

.market-scenario-metrics {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.market-scenario-metrics > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 12px;
  background: rgba(2, 6, 23, .20);
  padding: 9px;
}

.market-scenario-metrics span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.market-scenario-metrics strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-scenario-narrative {
  margin: 0;
  color: rgba(203, 213, 225, .86);
  font-size: 11px;
  line-height: 1.48;
}

.market-scenario-rank {
  display: grid;
  gap: 8px;
  margin-top: 0;
}

.market-scenario-rank:empty {
  display: none;
}

.market-scenario-rank-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.market-scenario-rank-head strong {
  font-size: 12px;
}

.market-scenario-rank-head span {
  color: var(--muted);
  font-size: 10px;
  text-align: right;
}

.market-scenario-rank-ladder {
  display: grid;
  gap: 6px;
}

.sim-rank-row {
  min-width: 0;
  min-height: 52px;
  display: grid;
  grid-template-columns:
    48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 13px;
  background: rgba(15, 23, 42, .62);
  padding: 8px 10px;
}

.sim-rank-row.projected {
  border-color: rgba(16, 185, 129, .44);
  background:
    linear-gradient(
      135deg,
      rgba(16, 185, 129, .12),
      rgba(14, 165, 233, .07)
    );
}

.sim-rank-position {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.sim-rank-asset {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sim-rank-asset strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sim-rank-asset small {
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sim-rank-value {
  color: rgba(226, 232, 240, .90);
  font-size: 11px;
  font-weight: 750;
  text-align: right;
  white-space: nowrap;
}

.market-scenario-disclaimer {
  border-top: 1px solid rgba(148, 163, 184, .10);
  color: rgba(148, 163, 184, .68);
  padding-top: 10px;
  font-size: 9px;
  line-height: 1.48;
}

@media (max-width: 760px) {
  .market-scenario-v2 {
    gap: 11px;
    padding: 17px;
  }

  .market-scenario-title {
    gap: 8px;
  }

  .market-scenario-title .pill {
    font-size: 9px;
    padding: 5px 8px;
  }

  .market-scenario-input-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .market-scenario-v2
  .simulator-input input {
    height: 51px;
    border-radius: 14px;
    padding: 12px 14px;
  }

  .market-scenario-result {
    gap: 10px;
    padding: 12px;
  }

  .market-scenario-metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .market-scenario-metrics > div {
    min-height: 56px;
  }

  .market-scenario-rank-head {
    align-items: flex-end;
  }

  .sim-rank-row {
    min-height: 50px;
    grid-template-columns:
      42px minmax(0, 1fr) auto;
    gap: 7px;
    border-radius: 12px;
    padding: 7px 9px;
  }

  .sim-rank-value {
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 370px) {
  .market-scenario-title {
    display: grid;
    grid-template-columns: 1fr;
  }

  .market-scenario-title .pill {
    justify-self: start;
  }

  .sim-rank-row {
    grid-template-columns:
      40px minmax(0, 1fr);
  }

  .sim-rank-value {
    grid-column: 2;
    justify-self: start;
    max-width: none;
    font-size: 10px;
  }
}



/* CIML Trading Lab MVP TL-1 */
.trading-lab-page {
  display: grid;
  gap: 18px;
}

.trading-lab-hero,
.trading-lab-card,
.trading-lab-kpis > div {
  border: 1px solid rgba(148, 163, 184, .16);
  background: linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(8, 13, 26, .98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.trading-lab-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  border-radius: 24px;
  padding: 28px;
  overflow: hidden;
}

.trading-lab-hero h2 {
  margin: 6px 0 10px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .92;
}

.trading-lab-hero p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.trading-lab-hero-badge {
  min-width: 190px;
  border: 1px solid rgba(56, 189, 248, .28);
  border-radius: 20px;
  padding: 18px;
  background: rgba(14, 165, 233, .08);
}

.trading-lab-hero-badge span,
.trading-lab-kpis span,
.trading-lab-card-head span,
.trading-lab-form span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 800;
}

.trading-lab-hero-badge strong {
  display: block;
  margin-top: 6px;
  font-size: 30px;
}

.trading-lab-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.trading-lab-kpis > div {
  border-radius: 18px;
  padding: 18px;
}

.trading-lab-kpis strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 25px;
}

.trading-lab-kpis small {
  color: var(--muted);
}

.trading-lab-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, .9fr);
  gap: 16px;
}

.trading-lab-card {
  border-radius: 22px;
  padding: 20px;
}

.trading-lab-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.trading-lab-card-head strong {
  font-size: 18px;
}

.trading-lab-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.trading-lab-form label {
  display: grid;
  gap: 8px;
}

.trading-lab-form label.wide {
  grid-column: span 3;
}

.trading-lab-form input,
.trading-lab-form select,
.trading-lab-close-input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  padding: 0 13px;
  color: var(--text);
  background: rgba(15, 23, 42, .86);
  outline: none;
}

.trading-lab-form input:focus,
.trading-lab-form select:focus,
.trading-lab-close-input:focus {
  border-color: rgba(56, 189, 248, .62);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .12);
}

.trading-lab-form button,
.trading-lab-row-actions button {
  border: 1px solid rgba(56, 189, 248, .32);
  border-radius: 14px;
  padding: 0 15px;
  min-height: 44px;
  color: var(--text);
  background: linear-gradient(135deg, rgba(14, 165, 233, .85), rgba(99, 102, 241, .72));
  font-weight: 900;
  cursor: pointer;
}

.trading-lab-note {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.trading-lab-rules ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.85;
}

.trading-lab-table-wrap {
  overflow: auto;
}

.trading-lab-table {
  width: 100%;
  border-collapse: collapse;
}

.trading-lab-table th,
.trading-lab-table td {
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  padding: 13px 10px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.trading-lab-table th {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.trading-lab-table td small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
}

.trading-lab-status {
  display: inline-flex;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.trading-lab-status.open {
  color: #38bdf8;
  background: rgba(56, 189, 248, .12);
}

.trading-lab-status.closed {
  color: #34d399;
  background: rgba(52, 211, 153, .12);
}

.trading-lab-row .win,
.trading-lab-kpis .win {
  color: #34d399;
}

.trading-lab-row .loss,
.trading-lab-kpis .loss {
  color: #fb7185;
}

.trading-lab-row-actions {
  display: flex;
  gap: 8px;
}

.trading-lab-row-actions button:last-child {
  border-color: rgba(248, 113, 113, .26);
  background: rgba(127, 29, 29, .22);
}

.trading-lab-empty {
  border: 1px dashed rgba(148, 163, 184, .22);
  border-radius: 18px;
  padding: 24px;
  color: var(--muted);
  display: grid;
  gap: 6px;
}

.trading-lab-empty strong {
  color: var(--text);
}

@media (max-width: 1180px) {
  .trading-lab-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trading-lab-grid {
    grid-template-columns: 1fr;
  }

  .trading-lab-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trading-lab-form label.wide {
    grid-column: span 2;
  }
}

@media (max-width: 720px) {
  .trading-lab-hero {
    display: grid;
    padding: 20px;
  }

  .trading-lab-kpis,
  .trading-lab-form {
    grid-template-columns: 1fr;
  }

  .trading-lab-form label.wide {
    grid-column: span 1;
  }

  .trading-lab-table th {
    display: none;
  }

  .trading-lab-table,
  .trading-lab-table tbody,
  .trading-lab-table tr,
  .trading-lab-table td {
    display: block;
    width: 100%;
  }

  .trading-lab-table tr {
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 16px;
    padding: 10px;
    margin-bottom: 10px;
    background: rgba(15, 23, 42, .55);
  }

  .trading-lab-table td {
    border-bottom: 0;
    padding: 8px;
  }

  .trading-lab-row-actions {
    flex-wrap: wrap;
  }
}


/* CIML Trading Lab Exchange Shell TL-2A */
.trading-lab-page-v2a {
  gap: 16px;
}

.tl2a-terminal-head,
.tl2a-control-strip,
.tl2a-market-strip > div,
.tl2a-panel {
  border: 1px solid rgba(148, 163, 184, .16);
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, .10), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(8, 13, 26, .99));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.tl2a-terminal-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  border-radius: 24px;
  padding: 26px;
}

.tl2a-terminal-head h2 {
  margin: 6px 0 10px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: .92;
}

.tl2a-terminal-head p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.tl2a-market-title {
  min-width: 260px;
  border: 1px solid rgba(56, 189, 248, .28);
  border-radius: 18px;
  padding: 16px;
  background: rgba(14, 165, 233, .08);
}

.tl2a-market-title span,
.tl2a-market-title small,
.tl2a-control-strip span,
.tl2a-market-strip span,
.tl2a-panel-head span,
.tl2a-order-form span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 850;
}

.tl2a-market-title strong {
  display: block;
  margin: 6px 0;
  font-size: 24px;
}

.tl2a-control-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  border-radius: 20px;
  padding: 14px;
}

.tl2a-control-strip label {
  display: grid;
  gap: 8px;
}

.tl2a-control-strip select,
.tl2a-order-form input,
.tl2a-order-form select,
.tl2a-close-input,
.trading-lab-close-input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  padding: 0 13px;
  color: var(--text);
  background: rgba(15, 23, 42, .88);
  outline: none;
}

.tl2a-control-strip .is-muted {
  opacity: .45;
}

.tl2a-market-strip {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.tl2a-market-strip > div {
  border-radius: 18px;
  padding: 16px;
  min-height: 98px;
}

.tl2a-market-strip strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 24px;
}

.tl2a-price-card.main strong {
  font-size: 32px;
}

.tl2a-market-strip small {
  color: var(--muted);
}

.tl2a-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, .82fr);
  gap: 16px;
}

.tl2a-panel {
  border-radius: 22px;
  padding: 18px;
}

.tl2a-panel-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.tl2a-panel-head strong {
  font-size: 18px;
}

.tl2a-chart-placeholder {
  position: relative;
  min-height: 360px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px),
    radial-gradient(circle at 24% 35%, rgba(34, 197, 94, .16), transparent 22%),
    radial-gradient(circle at 72% 58%, rgba(239, 68, 68, .16), transparent 20%),
    rgba(3, 7, 18, .56);
  background-size: 100% 72px, 120px 100%, auto, auto, auto;
}

.tl2a-chart-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, transparent 0 44%, rgba(34, 197, 94, .30) 45%, rgba(34, 197, 94, .30) 46%, transparent 47%),
    linear-gradient(25deg, transparent 0 58%, rgba(239, 68, 68, .26) 59%, rgba(239, 68, 68, .26) 60%, transparent 61%);
  opacity: .9;
}

.tl2a-chart-watermark {
  position: absolute;
  left: 22px;
  bottom: 18px;
  color: rgba(226, 232, 240, .08);
  font-size: clamp(70px, 12vw, 150px);
  font-weight: 950;
  letter-spacing: -.08em;
}

.tl2a-chart-price {
  position: absolute;
  right: 18px;
  top: 18px;
  border: 1px solid rgba(52, 211, 153, .28);
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(6, 78, 59, .16);
}

.tl2a-chart-price span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.tl2a-chart-price strong {
  display: block;
  margin-top: 6px;
  font-size: 26px;
}

.tl2a-chart-foot {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 13px;
}

.tl2a-order-form {
  display: grid;
  gap: 12px;
}

.tl2a-order-form label {
  display: grid;
  gap: 8px;
}

.tl2a-side-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.tl2a-side-tabs label {
  cursor: pointer;
}

.tl2a-side-tabs input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tl2a-side-tabs span {
  display: grid;
  min-height: 46px;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 14px;
  background: rgba(15, 23, 42, .78);
  font-size: 14px;
  letter-spacing: .08em;
}

.tl2a-side-tabs input:checked + .long {
  border-color: rgba(52, 211, 153, .45);
  background: rgba(6, 78, 59, .40);
  color: #34d399;
}

.tl2a-side-tabs input:checked + .short {
  border-color: rgba(251, 113, 133, .45);
  background: rgba(127, 29, 29, .34);
  color: #fb7185;
}

.tl2a-input-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 8px;
}

.tl2a-input-action button,
.tl2a-order-form > button,
.trading-lab-row-actions button {
  border: 1px solid rgba(56, 189, 248, .32);
  border-radius: 14px;
  min-height: 44px;
  padding: 0 14px;
  color: var(--text);
  background: linear-gradient(135deg, rgba(14, 165, 233, .85), rgba(99, 102, 241, .72));
  font-weight: 900;
  cursor: pointer;
}

.tl2a-ticket-note {
  margin-top: 14px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 16px;
  padding: 12px;
  color: var(--muted);
  line-height: 1.55;
  background: rgba(15, 23, 42, .48);
}

.tl2a-ticket-note strong {
  color: var(--text);
}

.tl2a-kpis {
  margin-top: 0;
}

.trading-lab-table-v2a th,
.trading-lab-table-v2a td {
  font-size: 13px;
}

.trading-lab-side {
  display: inline-flex;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
}

.trading-lab-side.long {
  color: #34d399;
  background: rgba(6, 78, 59, .28);
}

.trading-lab-side.short {
  color: #fb7185;
  background: rgba(127, 29, 29, .28);
}

.tl2a-ledger {
  padding: 18px;
}

@media (max-width: 1180px) {
  .tl2a-control-strip,
  .tl2a-market-strip,
  .tl2a-layout {
    grid-template-columns: 1fr 1fr;
  }

  .tl2a-chart-shell,
  .tl2a-ticket,
  .tl2a-price-card.main {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .tl2a-terminal-head {
    display: grid;
    padding: 20px;
  }

  .tl2a-market-title {
    min-width: 0;
  }

  .tl2a-control-strip,
  .tl2a-market-strip,
  .tl2a-layout {
    grid-template-columns: 1fr;
  }

  .tl2a-chart-placeholder {
    min-height: 260px;
  }

  .tl2a-chart-foot {
    display: grid;
  }

  .trading-lab-table-v2a td:nth-child(1)::before { content: "Market"; }
  .trading-lab-table-v2a td:nth-child(2)::before { content: "Side"; }
  .trading-lab-table-v2a td:nth-child(3)::before { content: "Lev"; }
  .trading-lab-table-v2a td:nth-child(4)::before { content: "Entry"; }
  .trading-lab-table-v2a td:nth-child(5)::before { content: "Exit"; }
  .trading-lab-table-v2a td:nth-child(6)::before { content: "Liq est."; }
  .trading-lab-table-v2a td:nth-child(7)::before { content: "ROE"; }
  .trading-lab-table-v2a td:nth-child(8)::before { content: "PnL"; }
  .trading-lab-table-v2a td:nth-child(9)::before { content: "Status"; }
  .trading-lab-table-v2a td:nth-child(10)::before { content: "Note"; }
  .trading-lab-table-v2a td:nth-child(11)::before { content: "Actions"; }

  .trading-lab-table-v2a td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 900;
  }
}


/* CIML Trading Lab TL-2A Overflow Fix1 */
body:has([data-trading-lab-page-v2a]) {
  overflow-x: hidden;
}

main:has([data-trading-lab-page-v2a]),
.app-main:has([data-trading-lab-page-v2a]),
.content:has([data-trading-lab-page-v2a]),
.page:has([data-trading-lab-page-v2a]),
#app:has([data-trading-lab-page-v2a]) {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.trading-lab-page-v2a,
.trading-lab-page-v2a * {
  box-sizing: border-box;
}

.trading-lab-page-v2a {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.trading-lab-page-v2a > *,
.tl2a-terminal-head,
.tl2a-control-strip,
.tl2a-market-strip,
.tl2a-layout,
.tl2a-panel,
.tl2a-chart-shell,
.tl2a-ticket,
.tl2a-ledger,
.trading-lab-card,
.trading-lab-table-wrap {
  min-width: 0;
  max-width: 100%;
}

.tl2a-terminal-head {
  width: 100%;
}

.tl2a-market-title {
  max-width: min(320px, 100%);
}

.tl2a-control-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.tl2a-control-strip select,
.tl2a-order-form input,
.tl2a-order-form select,
.trading-lab-close-input {
  min-width: 0;
  max-width: 100%;
}

.tl2a-market-strip {
  grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
  width: 100%;
}

.tl2a-market-strip > div {
  min-width: 0;
  overflow: hidden;
}

.tl2a-market-strip strong,
.tl2a-market-title strong,
.tl2a-panel-head strong {
  overflow-wrap: anywhere;
}

.tl2a-layout {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  width: 100%;
  overflow: hidden;
}

.tl2a-chart-placeholder {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.tl2a-chart-price {
  max-width: calc(100% - 32px);
}

.tl2a-chart-foot {
  min-width: 0;
}

.tl2a-ticket {
  min-width: 0;
}

.tl2a-input-action {
  grid-template-columns: minmax(0, 1fr) 72px;
  min-width: 0;
}

.trading-lab-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.trading-lab-table-v2a {
  min-width: 980px;
  max-width: none;
}

.trading-lab-table-v2a th,
.trading-lab-table-v2a td {
  white-space: nowrap;
}

@media (max-width: 1360px) {
  .tl2a-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .tl2a-ticket {
    width: 100%;
  }

  .tl2a-market-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tl2a-price-card.main {
    grid-column: span 1;
  }
}

@media (max-width: 980px) {
  .tl2a-terminal-head {
    display: grid;
  }

  .tl2a-control-strip,
  .tl2a-market-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl2a-market-title {
    width: 100%;
  }
}

@media (max-width: 720px) {
  body:has([data-trading-lab-page-v2a]) {
    overflow-x: hidden;
  }

  .trading-lab-page-v2a {
    overflow-x: hidden;
  }

  .tl2a-terminal-head,
  .tl2a-control-strip,
  .tl2a-market-strip,
  .tl2a-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .tl2a-terminal-head,
  .tl2a-panel,
  .tl2a-control-strip {
    padding-left: 14px;
    padding-right: 14px;
  }

  .tl2a-market-strip > div {
    min-height: auto;
  }

  .tl2a-chart-placeholder {
    min-height: 230px;
  }

  .tl2a-chart-price {
    right: 10px;
    top: 10px;
    padding: 10px 12px;
  }

  .tl2a-chart-price strong {
    font-size: 20px;
  }

  .tl2a-input-action {
    grid-template-columns: minmax(0, 1fr) 64px;
  }

  .trading-lab-table-v2a {
    min-width: 0;
    width: 100%;
  }

  .trading-lab-table-v2a th,
  .trading-lab-table-v2a td {
    white-space: normal;
  }
}


/* CIML Trading Lab Order Logic TL-2C */
.trading-lab-status.pending {
  color: #fbbf24;
  background: rgba(251, 191, 36, .12);
}

.trading-lab-status.open {
  color: #38bdf8;
  background: rgba(56, 189, 248, .12);
}

.trading-lab-status.closed {
  color: #34d399;
  background: rgba(52, 211, 153, .12);
}

.trading-lab-status.cancelled,
.trading-lab-status.canceled {
  color: #94a3b8;
  background: rgba(148, 163, 184, .10);
}

.tl2c-pending-trigger,
.tl2c-history-label {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  color: #cbd5e1;
  background: rgba(148, 163, 184, .10);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.trading-lab-table-v2c {
  min-width: 1100px;
}

.trading-lab-row-actions button[data-trading-lab-cancel] {
  border-color: rgba(251, 191, 36, .28);
  background: rgba(120, 53, 15, .28);
}

.trading-lab-row-actions button[data-trading-lab-close] {
  border-color: rgba(52, 211, 153, .34);
  background: rgba(6, 78, 59, .34);
}

.trading-lab-table-v2c [data-tl2c-pnl].win,
.trading-lab-table-v2c [data-tl2c-roe].win,
.tl2a-market-strip .win {
  color: #34d399;
}

.trading-lab-table-v2c [data-tl2c-pnl].loss,
.trading-lab-table-v2c [data-tl2c-roe].loss,
.tl2a-market-strip .loss {
  color: #fb7185;
}

.tl2a-control-strip input[data-tl2a-leverage] {
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  padding: 0 13px;
  color: var(--text);
  background: rgba(15, 23, 42, .88);
  outline: none;
}

@media (max-width: 720px) {
  .trading-lab-table-v2c {
    min-width: 0;
  }

  .trading-lab-table-v2c td:nth-child(1)::before { content: "Market"; }
  .trading-lab-table-v2c td:nth-child(2)::before { content: "State"; }
  .trading-lab-table-v2c td:nth-child(3)::before { content: "Side"; }
  .trading-lab-table-v2c td:nth-child(4)::before { content: "Lev"; }
  .trading-lab-table-v2c td:nth-child(5)::before { content: "Size"; }
  .trading-lab-table-v2c td:nth-child(6)::before { content: "Entry"; }
  .trading-lab-table-v2c td:nth-child(7)::before { content: "Mark / Exit"; }
  .trading-lab-table-v2c td:nth-child(8)::before { content: "Liq est."; }
  .trading-lab-table-v2c td:nth-child(9)::before { content: "ROE"; }
  .trading-lab-table-v2c td:nth-child(10)::before { content: "PnL"; }
  .trading-lab-table-v2c td:nth-child(11)::before { content: "Note"; }
  .trading-lab-table-v2c td:nth-child(12)::before { content: "Action"; }
}


/* CIML Trading Lab Close Global Live TL-2D */
.trading-lab-close-input::placeholder {
  color: rgba(203, 213, 225, .58);
}

.trading-lab-table-v2c [data-tl2c-pnl],
.trading-lab-table-v2c [data-tl2c-roe] {
  font-variant-numeric: tabular-nums;
}

.tl2c-history-label {
  opacity: .78;
}

.tl2a-control-strip select[data-tl2a-symbol] option {
  background: #0f172a;
  color: #e5edf7;
}


/* CIML Trading Lab Close Modal Spot TL-2E */
.tl2a-side-tabs.spot-only {
  grid-template-columns: minmax(0, 1fr);
}

.tl2e-spot-note {
  display: block;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--muted);
  background: rgba(15, 23, 42, .54);
  font-size: 12px;
  line-height: 1.45;
}

.tl2e-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(2, 6, 23, .72);
  backdrop-filter: blur(10px);
}

.tl2e-close-modal-card {
  width: min(560px, 100%);
  border: 1px solid rgba(56, 189, 248, .24);
  border-radius: 24px;
  padding: 20px;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, .16), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, .98), rgba(3, 7, 18, .98));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .48);
}

.tl2e-close-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.tl2e-close-modal-head span,
.tl2e-close-modal-summary span,
.tl2e-close-pnl span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 850;
}

.tl2e-close-modal-head strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.tl2e-close-modal-head button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 12px;
  color: var(--text);
  background: rgba(15, 23, 42, .86);
  font-size: 22px;
  cursor: pointer;
}

.tl2e-close-modal-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tl2e-close-modal-summary > div {
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  padding: 12px;
  background: rgba(15, 23, 42, .56);
}

.tl2e-close-modal-summary strong {
  display: block;
  margin-top: 6px;
  font-size: 17px;
}

.tl2e-close-pnl {
  margin-top: 12px;
  border-radius: 18px;
  padding: 16px;
  background: rgba(15, 23, 42, .72);
  border: 1px solid rgba(148, 163, 184, .12);
}

.tl2e-close-pnl strong {
  display: block;
  margin-top: 6px;
  font-size: 34px;
}

.tl2e-close-pnl.win strong,
.tl2e-close-modal-summary .win {
  color: #34d399;
}

.tl2e-close-pnl.loss strong,
.tl2e-close-modal-summary .loss {
  color: #fb7185;
}

.tl2e-close-note {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.tl2e-close-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}

.tl2e-close-actions button {
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  color: var(--text);
  background: rgba(15, 23, 42, .88);
  font-weight: 900;
  cursor: pointer;
}

.tl2e-close-actions button:last-child {
  border-color: rgba(52, 211, 153, .34);
  background: linear-gradient(135deg, rgba(16, 185, 129, .80), rgba(14, 165, 233, .72));
}

@media (max-width: 640px) {
  .tl2e-close-modal-summary,
  .tl2e-close-actions {
    grid-template-columns: 1fr;
  }
}


/* CIML Trading Lab Split Ledgers Partial TL-2F */
.tl2f-split-ledgers {
  display: grid;
  gap: 14px;
}

.tl2f-ledger-section {
  margin-top: 0;
}

.tl2f-ledger-section[data-tl2f-ledger="spot"] {
  border-color: rgba(52, 211, 153, .18);
}

.tl2f-ledger-section[data-tl2f-ledger="futures"] {
  border-color: rgba(56, 189, 248, .18);
}

.tl2f-ledger-section[data-tl2f-ledger="pending"] {
  border-color: rgba(251, 191, 36, .18);
}

.tl2f-ledger-section[data-tl2f-ledger="history"] {
  border-color: rgba(148, 163, 184, .16);
}

.tl2f-partial-close-box {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  padding: 12px;
  background: rgba(15, 23, 42, .56);
}

.tl2f-partial-close-box label {
  display: grid;
  gap: 8px;
}

.tl2f-partial-close-box input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 14px;
  padding: 0 13px;
  color: var(--text);
  background: rgba(15, 23, 42, .88);
  outline: none;
}

.tl2f-partial-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.tl2f-partial-buttons button {
  min-height: 38px;
  border: 1px solid rgba(56, 189, 248, .22);
  border-radius: 12px;
  color: var(--text);
  background: rgba(14, 165, 233, .12);
  font-weight: 900;
  cursor: pointer;
}

.trading-lab-table-v2f {
  min-width: 1100px;
}

@media (max-width: 720px) {
  .tl2f-partial-buttons {
    grid-template-columns: 1fr;
  }

  .trading-lab-table-v2f {
    min-width: 0;
  }
}


/* CIML Trading Lab Tabs Slider History TL-2G */
.tl2g-ledger-shell {
  display: grid;
  gap: 12px;
}

.tl2g-ledger-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tl2g-ledger-tabs button {
  min-height: 58px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
  padding: 10px 12px;
  color: var(--muted);
  background: rgba(15, 23, 42, .66);
  text-align: left;
  cursor: pointer;
}

.tl2g-ledger-tabs button span,
.tl2g-history-filters button {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
}

.tl2g-ledger-tabs button strong {
  display: block;
  margin-top: 6px;
  color: var(--text);
  font-size: 20px;
}

.tl2g-ledger-tabs button.active {
  color: #dbeafe;
  border-color: rgba(56, 189, 248, .42);
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, .18), transparent 38%),
    rgba(15, 23, 42, .92);
}

.tl2g-ledger-panel {
  margin-top: 0;
}

.tl2g-history-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.tl2g-history-filters,
.tl2g-history-pager {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tl2g-history-filters button,
.tl2g-history-pager button {
  min-height: 36px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  padding: 0 14px;
  color: var(--muted);
  background: rgba(15, 23, 42, .72);
  cursor: pointer;
  font-weight: 900;
}

.tl2g-history-filters button.active {
  color: #dbeafe;
  border-color: rgba(56, 189, 248, .42);
  background: rgba(14, 165, 233, .16);
}

.tl2g-history-pager button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.tl2g-history-pager span {
  color: var(--muted);
  font-size: 12px;
}

.tl2g-slider-box input[type="range"] {
  width: 100%;
  accent-color: #38bdf8;
}

.tl2g-slider-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tl2g-slider-head span {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
}

.tl2g-slider-head strong {
  color: #dbeafe;
  font-size: 18px;
}

.tl2g-close-modal-card {
  max-height: min(92vh, 820px);
  overflow-y: auto;
}

@media (max-width: 980px) {
  .tl2g-ledger-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl2g-history-tools {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .tl2g-ledger-tabs {
    grid-template-columns: 1fr;
  }
}


/* CIML Trading Lab Empty Tabs UI TL-2H */
.trading-lab-kpis.tl2a-kpis > div,
.tl2a-market-strip > div,
.tl2g-ledger-tabs button {
  position: relative;
  overflow: hidden;
}

.trading-lab-kpis.tl2a-kpis > div::before,
.tl2a-market-strip > div::before,
.tl2g-ledger-tabs button::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(56, 189, 248, .10), transparent 42%),
    radial-gradient(circle at top right, rgba(99, 102, 241, .10), transparent 34%);
  opacity: .7;
}

.trading-lab-kpis.tl2a-kpis > div > *,
.tl2a-market-strip > div > *,
.tl2g-ledger-tabs button > * {
  position: relative;
  z-index: 1;
}

.tl2a-market-strip > div,
.trading-lab-kpis.tl2a-kpis > div {
  border-color: rgba(56, 189, 248, .16);
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.tl2a-market-strip .tl2a-price-card.main {
  border-color: rgba(52, 211, 153, .26);
  background:
    radial-gradient(circle at top left, rgba(52, 211, 153, .12), transparent 40%),
    linear-gradient(145deg, rgba(15, 23, 42, .95), rgba(2, 6, 23, .76));
}

.tl2a-market-strip > div span,
.trading-lab-kpis.tl2a-kpis > div span {
  color: #91a4bd;
}

.tl2a-market-strip > div strong,
.trading-lab-kpis.tl2a-kpis > div strong {
  letter-spacing: -.03em;
}

.tl2g-ledger-tabs {
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 20px;
  background: rgba(2, 6, 23, .44);
}

.tl2g-ledger-tabs button {
  min-height: 70px;
  border-radius: 16px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease;
}

.tl2g-ledger-tabs button:hover {
  transform: translateY(-1px);
  border-color: rgba(56, 189, 248, .28);
}

.tl2g-ledger-tabs button small {
  display: block;
  margin-top: 4px;
  color: rgba(203, 213, 225, .58);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tl2g-ledger-tabs button.is-empty {
  opacity: .86;
}

.tl2g-ledger-tabs button.is-empty strong {
  color: #cbd5e1;
}

.tl2g-ledger-tabs button.active {
  opacity: 1;
  box-shadow:
    0 0 0 1px rgba(56, 189, 248, .18),
    0 14px 34px rgba(14, 165, 233, .08);
}

.tl2g-ledger-tabs button.active small {
  color: #bae6fd;
}

.tl2h-empty-ledger {
  min-height: 180px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 8px;
  border: 1px dashed rgba(56, 189, 248, .20);
  border-radius: 18px;
  background:
    radial-gradient(circle at center, rgba(56, 189, 248, .08), transparent 48%),
    rgba(15, 23, 42, .42);
}

.tl2h-empty-ledger strong {
  color: #e5edf7;
  font-size: 18px;
}

.tl2h-empty-ledger span {
  max-width: 560px;
  color: var(--muted);
  line-height: 1.55;
}

.tl2h-empty-ledger em {
  display: inline-flex;
  max-width: 620px;
  color: #93c5fd;
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
}

@media (max-width: 720px) {
  .tl2g-ledger-tabs {
    padding: 4px;
  }

  .tl2g-ledger-tabs button {
    min-height: 62px;
  }

  .tl2h-empty-ledger {
    min-height: 150px;
    padding: 18px;
  }
}


/* CIML Trading Lab Clean Layout TL-2I */
html,
body {
  max-width: 100%;
}

body {
  overflow-x: hidden;
}

#app,
.app-shell,
.main-shell,
.page-shell,
.page-content,
.trading-lab-page,
.trading-lab-route,
.trading-lab-terminal,
.tl2a-shell,
.tl2a-layout,
.tl2a-main,
.tl2a-market-strip,
.tl2g-ledger-shell,
.tl2g-ledger-panel,
.tl2f-split-ledgers,
.trading-lab-card {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.trading-lab-page,
.trading-lab-route,
.trading-lab-terminal {
  overflow-x: clip;
}

.trading-lab-kpis.tl2a-kpis {
  display: none !important;
}

.tl2g-ledger-shell {
  margin-top: 14px;
}

.tl2g-ledger-tabs {
  width: 100%;
  max-width: 100%;
}

.tl2g-ledger-panel {
  width: 100%;
  max-width: 100%;
}

.trading-lab-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border-radius: 18px;
}

.trading-lab-table-v2f {
  width: 100%;
}

.tl2a-market-grid,
.tl2a-workspace-grid,
.tl2a-control-strip,
.tl2a-market-strip,
.trading-lab-kpis,
.tl2g-ledger-tabs {
  min-width: 0;
}

.tl2a-control-strip > *,
.tl2a-market-strip > *,
.tl2a-workspace-grid > *,
.tl2g-ledger-tabs > * {
  min-width: 0;
}

@media (min-width: 1024px) {
  .trading-lab-table-v2f {
    min-width: 980px;
  }
}

@media (max-width: 1023px) {
  .trading-lab-table-v2f {
    min-width: 760px;
  }
}

@media (max-width: 720px) {
  body {
    overflow-x: hidden;
  }

  .trading-lab-page,
  .trading-lab-route,
  .trading-lab-terminal {
    overflow-x: hidden;
  }

  .tl2a-market-strip,
  .tl2a-control-strip {
    grid-template-columns: 1fr;
  }

  .trading-lab-table-wrap {
    overflow-x: auto;
  }

  .trading-lab-table-v2f {
    min-width: 720px;
  }
}


/* CIML Trading Lab Hard Overflow TL-2J */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body:has(.tl2a-shell),
html:has(.tl2a-shell) {
  overflow-x: hidden !important;
}

#app:has(.tl2a-shell) {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden !important;
}

#app:has(.tl2a-shell) * {
  box-sizing: border-box;
}

#app:has(.tl2a-shell) main,
#app:has(.tl2a-shell) .main,
#app:has(.tl2a-shell) .app-main,
#app:has(.tl2a-shell) .main-content,
#app:has(.tl2a-shell) .content,
#app:has(.tl2a-shell) .page,
#app:has(.tl2a-shell) .page-shell,
#app:has(.tl2a-shell) .page-content,
#app:has(.tl2a-shell) .route-content {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

#app:has(.tl2a-shell) .tl2a-shell,
#app:has(.tl2a-shell) .tl2a-layout,
#app:has(.tl2a-shell) .tl2a-main,
#app:has(.tl2a-shell) .tl2a-control-strip,
#app:has(.tl2a-shell) .tl2a-market-strip,
#app:has(.tl2a-shell) .tl2a-workspace-grid,
#app:has(.tl2a-shell) .tl2g-ledger-shell,
#app:has(.tl2a-shell) .tl2g-ledger-panel,
#app:has(.tl2a-shell) .trading-lab-card,
#app:has(.tl2a-shell) .trading-lab-ledger-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden;
}

#app:has(.tl2a-shell) .tl2a-control-strip,
#app:has(.tl2a-shell) .tl2a-market-strip,
#app:has(.tl2a-shell) .tl2g-ledger-tabs {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

#app:has(.tl2a-shell) .tl2a-workspace-grid {
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, .8fr) !important;
}

#app:has(.tl2a-shell) .trading-lab-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
}

#app:has(.tl2a-shell) .trading-lab-table-v2f {
  min-width: 980px;
  width: 100%;
}

@media (min-width: 901px) {
  #app:has(.tl2a-shell) main,
  #app:has(.tl2a-shell) .main,
  #app:has(.tl2a-shell) .app-main,
  #app:has(.tl2a-shell) .main-content,
  #app:has(.tl2a-shell) .content,
  #app:has(.tl2a-shell) .page-content,
  #app:has(.tl2a-shell) .route-content {
    max-width: calc(100vw - 248px) !important;
  }
}

@media (max-width: 1100px) {
  #app:has(.tl2a-shell) .tl2a-workspace-grid {
    grid-template-columns: 1fr !important;
  }

  #app:has(.tl2a-shell) .trading-lab-table-v2f {
    min-width: 760px;
  }
}

@media (max-width: 720px) {
  #app:has(.tl2a-shell) main,
  #app:has(.tl2a-shell) .main,
  #app:has(.tl2a-shell) .app-main,
  #app:has(.tl2a-shell) .main-content,
  #app:has(.tl2a-shell) .content,
  #app:has(.tl2a-shell) .page-content,
  #app:has(.tl2a-shell) .route-content {
    max-width: 100vw !important;
  }

  #app:has(.tl2a-shell) .tl2a-control-strip,
  #app:has(.tl2a-shell) .tl2a-market-strip,
  #app:has(.tl2a-shell) .tl2g-ledger-tabs {
    grid-template-columns: 1fr !important;
  }

  #app:has(.tl2a-shell) .trading-lab-table-v2f {
    min-width: 720px;
  }
}


/* CIML Trading Lab History Detail TL-2N */
.tl2n-history-button {
  border: 0;
  cursor: pointer;
  font: inherit;
}

.tl2n-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.78);
  backdrop-filter: blur(16px);
}

.tl2n-dialog {
  width: min(920px, 96vw);
  max-height: min(860px, 92vh);
  overflow: auto;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
  color: #e5eefb;
  position: relative;
  padding: 24px;
}

.tl2n-close {
  position: absolute;
  right: 18px;
  top: 14px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 999px;
  width: 38px;
  height: 38px;
  background: rgba(15, 23, 42, 0.82);
  color: #e5eefb;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.tl2n-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding-right: 44px;
  margin-bottom: 18px;
}

.tl2n-eyebrow,
.tl2n-line span,
.tl2n-kpi span,
.tl2n-note span {
  display: block;
  color: #93a4bd;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.tl2n-head h3 {
  margin: 8px 0 6px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 0.95;
}

.tl2n-head small {
  color: #a8b4c7;
}

.tl2n-side {
  border: 1px solid rgba(56, 189, 248, 0.32);
  border-radius: 18px;
  padding: 12px 18px;
  background: rgba(8, 47, 73, 0.35);
  color: #38bdf8;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.tl2n-side.long {
  border-color: rgba(16, 185, 129, 0.36);
  background: rgba(6, 78, 59, 0.38);
  color: #34d399;
}

.tl2n-side.short {
  border-color: rgba(248, 113, 113, 0.36);
  background: rgba(127, 29, 29, 0.30);
  color: #fb7185;
}

.tl2n-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.tl2n-kpi {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.72);
  padding: 14px;
}

.tl2n-kpi strong {
  display: block;
  margin-top: 9px;
  font-size: 22px;
}

.tl2n-kpi small {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
}

.tl2n-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  overflow: hidden;
}

.tl2n-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(2, 6, 23, 0.24);
}

.tl2n-line:nth-child(odd) {
  border-right: 1px solid rgba(148, 163, 184, 0.12);
}

.tl2n-line strong {
  text-align: right;
  font-size: 14px;
}

.tl2n-note {
  margin-top: 14px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  padding: 15px 16px;
  background: rgba(15, 23, 42, 0.56);
}

.tl2n-note p {
  margin: 9px 0 0;
  color: #cbd5e1;
}

.tl2n-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  color: #94a3b8;
  font-size: 13px;
}

.tl2n-foot button {
  border: 1px solid rgba(56, 189, 248, 0.36);
  border-radius: 14px;
  background: linear-gradient(135deg, #0ea5e9, #6366f1);
  color: white;
  font-weight: 900;
  padding: 11px 18px;
  cursor: pointer;
}

.tl2n-kpi .win,
.tl2n-line .win {
  color: #34d399;
}

.tl2n-kpi .loss,
.tl2n-line .loss {
  color: #fb7185;
}

@media (max-width: 760px) {
  .tl2n-modal {
    padding: 12px;
  }

  .tl2n-dialog {
    padding: 18px;
    border-radius: 22px;
  }

  .tl2n-head,
  .tl2n-foot {
    flex-direction: column;
    align-items: stretch;
  }

  .tl2n-kpis,
  .tl2n-grid {
    grid-template-columns: 1fr;
  }

  .tl2n-line:nth-child(odd) {
    border-right: 0;
  }
}


/* CIML Trading Lab Live Mark + Liquidation TL-2O */
.tl2o-mark-cell {
  display: grid;
  gap: 8px;
  min-width: 210px;
}

.tl2o-mark-cell.closed {
  gap: 4px;
}

.tl2o-mark-cell.closed strong {
  display: block;
  color: #e5eefb;
  font-weight: 900;
}

.tl2o-close-reason {
  display: inline-flex;
  width: fit-content;
  border: 1px solid rgba(251, 113, 133, 0.28);
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(127, 29, 29, 0.22);
  color: #fb7185;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.12em;
}

.tl2o-live-mark-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(56, 189, 248, 0.20);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 42%),
    rgba(15, 23, 42, 0.72);
  padding: 9px 11px;
}

.tl2o-live-mark-row span {
  color: #93a4bd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.tl2o-live-mark-row strong {
  color: #e5eefb;
  font-size: 14px;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.tl2o-mark-cell .trading-lab-close-input {
  width: 100%;
}


/* CIML Trading Lab Mark Exit Inline TL-2P */
.tl2o-mark-cell.open {
  display: grid;
  grid-template-columns: minmax(132px, 0.42fr) minmax(180px, 0.58fr);
  align-items: center;
  gap: 10px;
  min-width: 360px;
}

.tl2o-mark-cell.open .tl2o-live-mark-row {
  min-height: 44px;
  padding: 8px 10px;
}

.tl2o-mark-cell.open .tl2o-live-mark-row span {
  white-space: nowrap;
}

.tl2o-mark-cell.open .tl2o-live-mark-row strong {
  white-space: nowrap;
}

.tl2o-mark-cell.open .trading-lab-close-input {
  min-height: 44px;
}

@media (max-width: 1180px) {
  .tl2o-mark-cell.open {
    grid-template-columns: 1fr;
    min-width: 230px;
  }
}


/* CIML Trading Lab Mark Exit Clean TL-2P2 */
.tl2o-mark-cell.open {
  display: grid;
  grid-template-columns: minmax(118px, max-content) minmax(210px, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 390px;
}

.tl2o-mark-cell.open .tl2o-live-mark-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  min-height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.tl2o-mark-cell.open .tl2o-live-mark-row span {
  color: #93a4bd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl2o-mark-cell.open .tl2o-live-mark-row strong {
  color: #e5eefb;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.tl2o-mark-cell.open .trading-lab-close-input {
  min-height: 44px;
  width: 100%;
}

@media (max-width: 1180px) {
  .tl2o-mark-cell.open {
    grid-template-columns: 1fr;
    min-width: 230px;
  }

  .tl2o-mark-cell.open .tl2o-live-mark-row {
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    padding-bottom: 7px;
  }
}


/* CIML Trading Lab Live Mark Top Row TL-2P3 */
.tl2o-mark-cell.open {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  min-width: 300px;
  max-width: 360px;
}

.tl2o-mark-cell.open .tl2o-live-mark-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 2px 2px;
  box-shadow: none;
}

.tl2o-mark-cell.open .tl2o-live-mark-row span {
  color: #93a4bd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl2o-mark-cell.open .tl2o-live-mark-row strong {
  color: #e5eefb;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.tl2o-mark-cell.open .trading-lab-close-input {
  width: 100%;
  min-height: 44px;
}


/* CIML Trading Lab Live Mark Column TL-2P4 */
.tl2o-mark-cell.open.simple {
  display: block;
  min-width: auto;
  max-width: none;
  width: auto;
}

.tl2o-mark-cell.open.simple strong {
  display: inline-block;
  color: #e5eefb;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.trading-lab-table th:nth-child(7),
.trading-lab-table td:nth-child(7) {
  white-space: nowrap;
}


/* CIML Trading Lab Close + History Modal TL-2R */
.tl2r-modal-backdrop {
  overflow: hidden !important;
  padding: 14px !important;
  align-items: center !important;
}

.tl2r-close-modal-card {
  width: min(760px, calc(100vw - 28px)) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto auto auto;
  gap: 12px !important;
  padding: clamp(16px, 1.6vw, 22px) !important;
  box-sizing: border-box !important;
}

.tl2r-close-head {
  margin-bottom: 0 !important;
}

.tl2r-close-head small {
  display: block;
  margin-top: 5px;
  color: #a8b4c7;
  font-size: 12px;
  line-height: 1.35;
}

.tl2r-close-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.tl2r-close-summary > div {
  min-height: 58px !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
}

.tl2r-close-summary span,
.tl2r-close-size-box span,
.tl2r-close-pnl span {
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
}

.tl2r-close-summary strong {
  font-size: 14px !important;
  line-height: 1.15 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tl2r-close-size-box {
  padding: 12px !important;
  border-radius: 16px !important;
}

.tl2r-close-size-box input[type="range"] {
  margin: 6px 0 10px !important;
}

.tl2r-amount-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.8fr);
  gap: 10px;
  align-items: end;
}

.tl2r-amount-row label {
  margin: 0 !important;
}

.tl2r-amount-row input[type="number"] {
  min-height: 42px !important;
}

.tl2r-amount-row .tl2f-partial-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.tl2r-amount-row .tl2f-partial-buttons button {
  min-height: 42px !important;
  padding: 8px 10px !important;
}

.tl2r-close-pnl {
  min-height: 78px !important;
  padding: 14px 16px !important;
  border-radius: 17px !important;
}

.tl2r-close-pnl strong {
  font-size: clamp(26px, 3.2vw, 36px) !important;
  line-height: 1 !important;
}

.tl2r-close-pnl small {
  display: block;
  margin-top: 7px;
  color: #a8b4c7;
  font-size: 13px;
  line-height: 1.35;
}

.tl2r-close-note {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.tl2r-close-actions {
  margin-top: 0 !important;
  gap: 10px !important;
}

.tl2r-close-actions button {
  min-height: 46px !important;
}

.tl2n-modal {
  overflow: hidden !important;
}

.tl2n-dialog {
  max-height: calc(100dvh - 28px) !important;
  overflow: hidden !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

.tl2n-kpi small {
  color: #b8c5d8 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.tl2n-kpi strong {
  font-size: clamp(22px, 2.4vw, 28px) !important;
}

.tl2n-head small,
.tl2n-note p,
.tl2n-foot span {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.tl2n-line strong {
  font-size: 15px !important;
}

@media (max-width: 760px) {
  .tl2r-modal-backdrop {
    padding: 8px !important;
  }

  .tl2r-close-modal-card {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    gap: 9px !important;
    padding: 13px !important;
    border-radius: 20px !important;
  }

  .tl2r-close-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .tl2r-close-summary > div {
    min-height: 52px !important;
    padding: 8px 9px !important;
  }

  .tl2r-amount-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .tl2r-close-pnl {
    min-height: 68px !important;
    padding: 12px !important;
  }

  .tl2r-close-note {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .tl2r-close-actions button {
    min-height: 44px !important;
  }

  .tl2n-dialog {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 20px !important;
    padding: 14px !important;
  }

  .tl2n-kpis {
    gap: 8px !important;
  }

  .tl2n-grid {
    font-size: 13px;
  }
}


/* CIML Trading Lab Conditional Target Close TL-2S */
.tl2s-exit-target-label {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(92px, 0.34fr);
  gap: 8px !important;
  align-items: end;
}

.tl2s-exit-target-label > span,
.tl2s-exit-target-label > .tl2s-target-helper {
  grid-column: 1 / -1;
}

.tl2s-exit-target-label input[data-tl2s-target-close-pct] {
  min-width: 92px;
  text-align: center;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.tl2s-target-helper {
  display: block;
  margin-top: -2px;
  color: #8fa1ba;
  font-size: 11px;
  line-height: 1.35;
}

@media (max-width: 720px) {
  .tl2s-exit-target-label {
    grid-template-columns: 1fr;
  }

  .tl2s-exit-target-label input[data-tl2s-target-close-pct] {
    text-align: left;
  }
}


/* CIML Trading Lab Close Modal TP/SL TL-2T */
.tl2t-risk-manager {
  border: 1px solid rgba(56, 189, 248, 0.20);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 38%),
    rgba(15, 23, 42, 0.56);
  padding: 12px;
  display: grid;
  gap: 10px;
}

.tl2t-risk-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-end;
}

.tl2t-risk-head span,
.tl2t-risk-title span,
.tl2t-risk-fields span,
.tl2t-risk-preview span {
  display: block;
  color: #93a4bd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tl2t-risk-head strong {
  display: block;
  margin-top: 4px;
  color: #e5eefb;
  font-size: 16px;
}

.tl2t-risk-head small {
  color: #a8b4c7;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

.tl2t-risk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tl2t-risk-card {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.26);
  padding: 11px;
  display: grid;
  gap: 10px;
}

.tl2t-risk-card.tp {
  border-color: rgba(16, 185, 129, 0.24);
}

.tl2t-risk-card.sl {
  border-color: rgba(251, 113, 133, 0.24);
}

.tl2t-risk-title {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.tl2t-risk-title strong {
  color: #e5eefb;
  font-size: 14px;
}

.tl2t-risk-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 8px;
}

.tl2t-risk-fields label {
  display: grid;
  gap: 5px;
}

.tl2t-risk-fields input {
  min-height: 40px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.72);
  color: #e5eefb;
  padding: 0 11px;
  font-weight: 800;
  outline: none;
}

.tl2t-risk-fields input:focus {
  border-color: rgba(56, 189, 248, 0.46);
}

.tl2t-risk-preview {
  min-height: 54px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.46);
  padding: 9px 10px;
}

.tl2t-risk-preview strong {
  display: block;
  margin-top: 4px;
  font-size: 19px;
  line-height: 1;
}

.tl2t-risk-preview strong.win {
  color: #34d399;
}

.tl2t-risk-preview strong.loss {
  color: #fb7185;
}

.tl2t-risk-preview small {
  display: block;
  margin-top: 5px;
  color: #a8b4c7;
  font-size: 12px;
}

.tl2t-risk-actions {
  display: grid;
  grid-template-columns: 1fr 0.68fr;
  gap: 8px;
}

.tl2t-risk-actions button {
  min-height: 38px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 12px;
  background: rgba(14, 165, 233, 0.14);
  color: #e5eefb;
  font-weight: 900;
  cursor: pointer;
}

.tl2t-risk-actions button:last-child {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.72);
  color: #a8b4c7;
}

.tl2t-risk-status {
  color: #a8b4c7;
  font-size: 12px;
  line-height: 1.35;
}

@media (max-width: 760px) {
  .tl2t-risk-head {
    display: grid;
  }

  .tl2t-risk-head small {
    text-align: left;
  }

  .tl2t-risk-grid {
    grid-template-columns: 1fr;
  }
}


/* CIML Trading Lab Close Modal Clean TL-2U */
.tl2u-close-size-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.88fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.tl2u-close-size-row input[type="hidden"] {
  display: none !important;
}

.tl2u-close-amount-preview-box {
  border: 1px solid rgba(56, 189, 248, 0.20);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 44%),
    rgba(15, 23, 42, 0.58);
  padding: 10px 12px;
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
}

.tl2u-close-amount-preview-box span {
  color: #93a4bd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tl2u-close-amount-preview-box strong {
  color: #e5eefb;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.tl2u-close-amount-preview-box small {
  color: #9ca9bd;
  font-size: 12px;
  line-height: 1.25;
}

.tl2u-close-size-row .tl2f-partial-buttons {
  align-self: stretch;
}

.tl2u-close-size-row .tl2f-partial-buttons button {
  min-height: 64px !important;
}

@media (max-width: 760px) {
  .tl2u-close-size-row {
    grid-template-columns: 1fr !important;
  }

  .tl2u-close-size-row .tl2f-partial-buttons button {
    min-height: 46px !important;
  }
}


/* CIML Trading Lab Close Modal Layout TL-2U2 */
.tl2r-close-modal-card {
  align-content: start !important;
}

.tl2t-risk-manager.tl2u2-risk-collapsed {
  padding: 10px 12px !important;
}

.tl2t-risk-manager.tl2u2-risk-collapsed:not(.is-open) {
  gap: 0 !important;
}

.tl2t-risk-manager.tl2u2-risk-collapsed:not(.is-open) .tl2t-risk-grid,
.tl2t-risk-manager.tl2u2-risk-collapsed:not(.is-open) .tl2t-risk-status {
  display: none !important;
}

.tl2t-risk-manager.tl2u2-risk-collapsed .tl2t-risk-head {
  align-items: center !important;
}

.tl2t-risk-manager.tl2u2-risk-collapsed .tl2t-risk-head small {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.tl2u2-risk-toggle {
  border: 1px solid rgba(56, 189, 248, 0.30);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.14);
  color: #e5eefb;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  padding: 10px 13px;
  white-space: nowrap;
}

.tl2u2-risk-toggle:hover {
  border-color: rgba(56, 189, 248, 0.52);
}

.tl2r-close-size-box input[type="range"].tl2u2-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background:
    linear-gradient(
      to right,
      #38bdf8 0%,
      #38bdf8 var(--tl2u2-range-fill, 100%),
      rgba(148, 163, 184, 0.28) var(--tl2u2-range-fill, 100%),
      rgba(148, 163, 184, 0.28) 100%
    ) !important;
  outline: none;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: transparent;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -5px;
  border: 2px solid rgba(226, 232, 240, 0.76);
  border-radius: 999px;
  background: #38bdf8;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.16);
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: transparent;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-moz-range-progress {
  height: 8px;
  border-radius: 999px;
  background: #38bdf8;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(226, 232, 240, 0.76);
  border-radius: 999px;
  background: #38bdf8;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.16);
}

@media (max-width: 760px) {
  .tl2t-risk-manager.tl2u2-risk-collapsed .tl2t-risk-head {
    grid-template-columns: 1fr;
    align-items: stretch !important;
  }

  .tl2u2-risk-toggle {
    width: 100%;
    justify-content: center;
  }
}


/* CIML Trading Lab TP/SL Separate + Slider TL-2V */
.tl2v-action-cell {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 7px;
  align-items: center;
}

.tl2v-row-tpsl-button {
  min-height: 40px;
  border: 1px solid rgba(56, 189, 248, 0.30);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 44%),
    rgba(15, 23, 42, 0.78);
  color: #dbeafe;
  cursor: pointer;
  font-size: 12px;
  font-weight: 950;
  padding: 0 13px;
  white-space: nowrap;
}

.tl2v-row-tpsl-button:hover {
  border-color: rgba(56, 189, 248, 0.54);
}

.tl2v-tpsl-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 34%),
    rgba(2, 6, 23, 0.76);
  backdrop-filter: blur(18px);
}

.tl2v-tpsl-card {
  width: min(860px, calc(100vw - 40px)) !important;
  max-height: calc(100dvh - 40px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(56, 189, 248, 0.32);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 42%),
    rgba(15, 23, 42, 0.96);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.46);
  padding: 20px;
  display: grid;
  gap: 14px;
}

.tl2v-tpsl-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.tl2v-tpsl-head span,
.tl2v-tpsl-summary span {
  display: block;
  color: #93a4bd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tl2v-tpsl-head strong {
  display: block;
  margin-top: 5px;
  color: #e5eefb;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
  letter-spacing: -0.05em;
}

.tl2v-tpsl-head small {
  display: block;
  margin-top: 7px;
  color: #a8b4c7;
  font-size: 13px;
}

.tl2v-tpsl-head button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.72);
  color: #e5eefb;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.tl2v-tpsl-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tl2v-tpsl-summary > div {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.58);
  padding: 12px;
}

.tl2v-tpsl-summary strong {
  display: block;
  margin-top: 6px;
  color: #e5eefb;
  font-size: 18px;
  font-weight: 950;
}

.tl2v-risk-standalone {
  padding: 14px !important;
}

.tl2v-risk-standalone .tl2t-risk-head {
  display: none !important;
}

.tl2v-risk-standalone .tl2t-risk-grid {
  display: grid !important;
}

.tl2v-risk-standalone .tl2t-risk-status {
  display: block !important;
}

.tl2v-tpsl-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #a8b4c7;
  font-size: 13px;
  line-height: 1.4;
}

.tl2v-tpsl-foot button {
  min-width: 140px;
  min-height: 44px;
  border: 1px solid rgba(56, 189, 248, 0.32);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.94), rgba(14, 165, 233, 0.94));
  color: #f8fafc;
  cursor: pointer;
  font-weight: 950;
}

.tl2r-close-size-box input[type="range"].tl2u2-range {
  height: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      to right,
      rgba(20, 184, 166, 0.95) 0%,
      rgba(56, 189, 248, 0.95) var(--tl2u2-range-fill, 100%),
      rgba(30, 41, 59, 0.96) var(--tl2u2-range-fill, 100%),
      rgba(30, 41, 59, 0.96) 100%
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(2, 6, 23, 0.22);
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-webkit-slider-runnable-track {
  height: 10px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  margin-top: -4px !important;
  border: 2px solid rgba(226, 232, 240, 0.92) !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  box-shadow:
    0 0 0 4px rgba(56, 189, 248, 0.22),
    0 0 18px rgba(56, 189, 248, 0.30) !important;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-moz-range-track {
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(30, 41, 59, 0.96) !important;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-moz-range-progress {
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.95), rgba(56, 189, 248, 0.95)) !important;
}

.tl2r-close-size-box input[type="range"].tl2u2-range::-moz-range-thumb {
  width: 17px !important;
  height: 17px !important;
  border: 2px solid rgba(226, 232, 240, 0.92) !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  box-shadow:
    0 0 0 4px rgba(56, 189, 248, 0.22),
    0 0 18px rgba(56, 189, 248, 0.30) !important;
}

@media (max-width: 780px) {
  .tl2v-tpsl-backdrop {
    padding: 10px;
  }

  .tl2v-tpsl-card {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 14px;
    border-radius: 20px;
  }

  .tl2v-tpsl-summary {
    grid-template-columns: 1fr;
  }

  .tl2v-tpsl-foot {
    display: grid;
  }

  .tl2v-tpsl-foot button {
    width: 100%;
  }

  .tl2v-action-cell {
    grid-auto-flow: row;
  }

  .tl2v-row-tpsl-button {
    min-height: 36px;
  }
}


/* CIML Trading Lab TP/SL Click + Action Align TL-2V2 */
.trading-lab-table th:last-child,
.trading-lab-table td:last-child {
  text-align: center !important;
}

.trading-lab-table th:last-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.trading-lab-table td:last-child {
  vertical-align: middle !important;
}

.trading-lab-table td:last-child .tl2v-action-cell {
  width: 100%;
  justify-content: center !important;
  justify-items: center !important;
  margin-inline: auto !important;
}

.tl2v-action-cell {
  pointer-events: auto;
}

.tl2v-row-tpsl-button {
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

@media (max-width: 780px) {
  .trading-lab-table th:last-child,
  .trading-lab-table td:last-child {
    text-align: center !important;
  }

  .trading-lab-table td:last-child .tl2v-action-cell {
    grid-auto-flow: row;
    justify-content: center !important;
  }
}


/* CIML Trading Lab Symbol Search + Stable Filter TL-2W */
.tl2w-symbol-label {
  position: relative;
  min-width: 0;
}

.tl2w-symbol-combo {
  position: relative;
  min-width: 0;
}

.tl2w-symbol-combo input[data-tl2w-symbol-input] {
  width: 100%;
  padding-right: 132px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.01em;
}

.tl2w-symbol-display {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 122px;
  display: grid;
  justify-items: end;
  pointer-events: none;
}

.tl2w-symbol-display strong {
  color: #e5eefb;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.tl2w-symbol-display span {
  max-width: 120px;
  overflow: hidden;
  color: #93a4bd;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tl2w-symbol-menu {
  position: absolute;
  z-index: 60;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  display: none;
  max-height: 320px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 42%),
    rgba(15, 23, 42, 0.98);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.44);
}

.tl2w-symbol-combo.is-open .tl2w-symbol-menu {
  display: grid;
  gap: 6px;
}

.tl2w-symbol-option {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  background: rgba(15, 23, 42, 0.62);
  color: #e5eefb;
  cursor: pointer;
  padding: 9px 11px;
  text-align: left;
}

.tl2w-symbol-option:hover,
.tl2w-symbol-option.is-active {
  border-color: rgba(56, 189, 248, 0.42);
  background:
    radial-gradient(circle at left, rgba(14, 165, 233, 0.18), transparent 45%),
    rgba(15, 23, 42, 0.86);
}

.tl2w-symbol-option span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.tl2w-symbol-option strong {
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.02em;
}

.tl2w-symbol-option small {
  max-width: 260px;
  overflow: hidden;
  color: #93a4bd;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tl2w-symbol-option em {
  color: #bae6fd;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.tl2w-symbol-empty {
  border: 1px dashed rgba(148, 163, 184, 0.18);
  border-radius: 13px;
  color: #93a4bd;
  font-size: 12px;
  padding: 12px;
  text-align: center;
}

.tl2w-symbol-hint {
  display: block;
  margin-top: 6px;
  color: #93a4bd;
  font-size: 11px;
  line-height: 1.35;
}

.tl2w-symbol-hint.is-warning {
  color: #fbbf24;
}

@media (max-width: 780px) {
  .tl2w-symbol-display {
    display: none;
  }

  .tl2w-symbol-combo input[data-tl2w-symbol-input] {
    padding-right: 14px;
  }

  .tl2w-symbol-menu {
    max-height: 260px;
  }
}


/* CIML Trading Lab Symbol Input Polish TL-2W2 */
.tl2w-symbol-label {
  position: relative;
  isolation: isolate;
}

.tl2w-symbol-label > span {
  display: block;
  margin-bottom: 8px;
}

.tl2w-symbol-combo {
  position: relative;
  width: 100%;
}

.tl2w-symbol-combo input[data-tl2w-symbol-input] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 48px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 15px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 44%),
    rgba(15, 23, 42, 0.92);
  color: #e5eefb;
  caret-color: #38bdf8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(2, 6, 23, 0.20);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0.01em;
  line-height: 48px;
  outline: none;
  padding: 0 42px 0 16px;
  text-transform: uppercase;
}

.tl2w-symbol-combo input[data-tl2w-symbol-input]::placeholder {
  color: rgba(148, 163, 184, 0.64);
  text-transform: none;
}

.tl2w-symbol-combo input[data-tl2w-symbol-input]:focus {
  border-color: rgba(56, 189, 248, 0.62);
  box-shadow:
    0 0 0 3px rgba(56, 189, 248, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.tl2w-symbol-combo::after {
  content: "⌕";
  position: absolute;
  right: 15px;
  top: 24px;
  transform: translateY(-50%);
  color: rgba(186, 230, 253, 0.74);
  font-size: 15px;
  font-weight: 900;
  pointer-events: none;
}

.tl2w-symbol-display {
  display: none !important;
}

.tl2w-symbol-hint {
  margin-top: 7px;
  color: #7f8da3;
  font-size: 11px;
  line-height: 1.35;
}

.tl2w-symbol-menu {
  left: 0;
  right: 0;
  top: calc(100% + 9px);
  z-index: 140;
  max-height: 286px;
  padding: 8px;
  border: 1px solid rgba(56, 189, 248, 0.26);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.18), transparent 42%),
    rgba(8, 13, 28, 0.98);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(2, 6, 23, 0.30);
}

.tl2w-symbol-option {
  min-height: 54px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.70);
}

.tl2w-symbol-option strong {
  color: #e5eefb;
  font-size: 13px;
}

.tl2w-symbol-option small {
  color: #8fa0b8;
  font-size: 10px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.tl2w-symbol-option em {
  color: #bae6fd;
  font-size: 11px;
  font-weight: 950;
}

.tl2w-symbol-option:hover,
.tl2w-symbol-option.is-active {
  border-color: rgba(56, 189, 248, 0.52);
  background:
    radial-gradient(circle at left, rgba(14, 165, 233, 0.22), transparent 46%),
    rgba(15, 23, 42, 0.94);
}

.tl2w-symbol-empty {
  background: rgba(15, 23, 42, 0.56);
}

@media (max-width: 780px) {
  .tl2w-symbol-combo input[data-tl2w-symbol-input] {
    height: 46px;
    line-height: 46px;
    padding-left: 14px;
    padding-right: 38px;
  }

  .tl2w-symbol-combo::after {
    top: 23px;
  }

  .tl2w-symbol-menu {
    max-height: 248px;
  }
}


/* CIML Trading Lab Symbol Dropdown Layer TL-2W3 */
.trading-lab-controls,
.tl2a-controls,
.tl2w-symbol-label,
.tl2w-symbol-combo {
  position: relative;
}

.trading-lab-controls,
.tl2a-controls {
  z-index: 220;
  overflow: visible !important;
}

.tl2w-symbol-label {
  z-index: 260;
}

.tl2w-symbol-combo {
  z-index: 280;
}

.tl2w-symbol-combo.is-open {
  z-index: 10020;
}

.tl2w-symbol-menu {
  z-index: 10030 !important;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(56, 189, 248, 0.55) rgba(15, 23, 42, 0.86);
  border-color: rgba(56, 189, 248, 0.38);
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.22), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.99), rgba(8, 13, 28, 0.99));
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(56, 189, 248, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.tl2w-symbol-menu::-webkit-scrollbar {
  width: 10px;
}

.tl2w-symbol-menu::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.86);
  border-radius: 999px;
}

.tl2w-symbol-menu::-webkit-scrollbar-thumb {
  min-height: 48px;
  border: 2px solid rgba(15, 23, 42, 0.86);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(56, 189, 248, 0.85), rgba(20, 184, 166, 0.70));
}

.tl2w-symbol-menu::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, rgba(125, 211, 252, 0.95), rgba(45, 212, 191, 0.84));
}

.tl2w-symbol-option {
  position: relative;
  z-index: 1;
}

.tl2w-symbol-option em {
  min-width: 84px;
  text-align: right;
}

.tl2w-symbol-combo.is-open input[data-tl2w-symbol-input] {
  border-color: rgba(56, 189, 248, 0.72);
  box-shadow:
    0 0 0 3px rgba(56, 189, 248, 0.14),
    0 14px 40px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media (max-width: 780px) {
  .tl2w-symbol-menu {
    max-height: 220px;
    z-index: 10030 !important;
  }

  .tl2w-symbol-menu::-webkit-scrollbar {
    width: 8px;
  }
}


/* CIML Trading Lab Control Align TL-2X1 */
.tl2a-control-strip {
  align-items: start !important;
  gap: 18px !important;
}

.tl2a-control-strip > label,
.tl2a-control-strip > .tl2w-symbol-label {
  align-self: start !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  height: auto !important;
}

.tl2a-control-strip > label > span,
.tl2a-control-strip > .tl2w-symbol-label > span {
  display: flex !important;
  align-items: center !important;
  min-height: 14px !important;
  margin: 0 0 10px 0 !important;
  line-height: 1 !important;
}

.tl2a-control-strip select,
.tl2a-control-strip input[type="number"],
.tl2w-symbol-combo input[data-tl2w-symbol-input] {
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
}

.tl2w-symbol-combo {
  width: 100% !important;
}

.tl2w-symbol-combo input[data-tl2w-symbol-input] {
  line-height: 52px !important;
}

.tl2w-symbol-hint {
  margin-top: 9px !important;
  min-height: 16px !important;
  line-height: 1.35 !important;
}

.tl2a-control-strip label:not(.tl2w-symbol-label) small {
  min-height: 16px;
}

@media (min-width: 981px) {
  .tl2a-control-strip {
    grid-template-columns:
      minmax(260px, 1.05fr)
      minmax(220px, 1fr)
      minmax(220px, 1fr)
      minmax(170px, 0.70fr) !important;
  }
}

@media (max-width: 980px) {
  .tl2a-control-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .tl2a-control-strip {
    grid-template-columns: 1fr !important;
  }
}


/* CIML Trading Lab Order Ticket Controls TL-2X2 */
#app.tl2x2-order-controls-moved .tl2a-control-strip {
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr) !important;
  align-items: start !important;
}

.tl2x2-ticket-settings {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 0.44fr);
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(56, 189, 248, 0.20);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(8, 13, 28, 0.82));
}

.tl2x2-ticket-control {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.tl2x2-ticket-control > span {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  min-height: 12px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(203, 213, 225, 0.76) !important;
}

.tl2x2-ticket-settings select,
.tl2x2-ticket-settings input[type="number"] {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(51, 65, 85, 0.92) !important;
  background: rgba(15, 23, 42, 0.86) !important;
  color: rgba(248, 250, 252, 0.96) !important;
  box-sizing: border-box !important;
}

.tl2x2-ticket-settings select:focus,
.tl2x2-ticket-settings input[type="number"]:focus {
  outline: none !important;
  border-color: rgba(56, 189, 248, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.12) !important;
}

@media (max-width: 980px) {
  #app.tl2x2-order-controls-moved .tl2a-control-strip {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .tl2x2-ticket-settings {
    grid-template-columns: 1fr;
  }
}


/* CIML Trading Lab Market Setup TL-2X3 */
#app.tl2x3-market-controls-moved .tl2a-control-strip {
  display: none !important;
}

.tl2x3-market-setup {
  position: relative;
  z-index: 240;
  display: grid;
  gap: 12px;
  margin: 12px 0 16px;
  padding: 14px;
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(8, 13, 28, 0.84));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 44px rgba(0, 0, 0, 0.20);
}

.tl2x3-market-setup-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.tl2x3-market-setup-head span {
  color: rgba(148, 163, 184, 0.78);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.20em;
  text-transform: uppercase;
}

.tl2x3-market-setup-head strong {
  color: rgba(226, 232, 240, 0.92);
  font-size: 13px;
  font-weight: 950;
}

.tl2x3-market-setup-controls {
  display: grid;
  grid-template-columns: minmax(280px, 1.1fr) minmax(220px, 0.9fr);
  gap: 14px;
  align-items: start;
}

.tl2x3-market-control {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.tl2x3-market-control > span {
  display: flex !important;
  align-items: center !important;
  min-height: 12px !important;
  margin: 0 !important;
  color: rgba(203, 213, 225, 0.76) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

.tl2x3-market-setup select,
.tl2x3-market-setup input[data-tl2w-symbol-input] {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

.tl2x3-market-setup .tl2w-symbol-menu {
  z-index: 10040 !important;
}

.tl2x3-market-exchange select {
  border: 1px solid rgba(51, 65, 85, 0.92) !important;
  border-radius: 15px !important;
  background: rgba(15, 23, 42, 0.86) !important;
  color: rgba(248, 250, 252, 0.96) !important;
}

.tl2x3-market-exchange select:focus {
  outline: none !important;
  border-color: rgba(56, 189, 248, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.12) !important;
}

@media (max-width: 780px) {
  .tl2x3-market-setup-controls {
    grid-template-columns: 1fr;
  }

  .tl2x3-market-setup-head {
    display: grid;
    align-items: start;
  }
}


/* CIML Trading Lab Market Setup Compact TL-2X3B */
.tl2x3-market-setup {
  margin: 8px 0 14px !important;
  padding: 12px !important;
  gap: 10px !important;
  border-radius: 18px !important;
}

.tl2x3-market-setup-head {
  align-items: center !important;
}

.tl2x3-market-setup-head strong {
  font-size: 12px !important;
}

.tl2x3-market-setup-controls {
  gap: 12px !important;
}

.tl2x3-market-setup select,
.tl2x3-market-setup input[data-tl2w-symbol-input] {
  height: 44px !important;
  min-height: 44px !important;
}

.tl2x3-market-setup .tl2w-symbol-hint {
  margin-top: 6px !important;
  font-size: 11px !important;
}

.tl2x2-ticket-settings {
  margin: 0 0 12px !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

.tl2x2-ticket-settings select,
.tl2x2-ticket-settings input[type="number"] {
  height: 42px !important;
  min-height: 42px !important;
}


/* CIML Trading Lab Compact UI TL-2X4 */
.tl2x3-market-setup {
  margin: 6px 0 12px !important;
  padding: 10px 12px !important;
  gap: 8px !important;
  border-radius: 17px !important;
}

.tl2x3-market-setup-head {
  align-items: center !important;
  min-height: 14px !important;
}

.tl2x3-market-setup-head span {
  font-size: 9.5px !important;
  letter-spacing: 0.22em !important;
}

.tl2x3-market-setup-head strong {
  font-size: 12px !important;
  line-height: 1 !important;
  opacity: 0.92 !important;
}

.tl2x3-market-setup-controls {
  grid-template-columns: minmax(210px, 0.78fr) minmax(170px, 0.62fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

.tl2x3-market-control {
  gap: 6px !important;
}

.tl2x3-market-control > span {
  font-size: 9.5px !important;
  min-height: 10px !important;
  letter-spacing: 0.24em !important;
}

.tl2x3-market-setup select,
.tl2x3-market-setup input[data-tl2w-symbol-input] {
  height: 40px !important;
  min-height: 40px !important;
  padding-left: 14px !important;
  padding-right: 34px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

.tl2x3-market-setup .tl2w-symbol-hint {
  margin-top: 4px !important;
  min-height: 11px !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  opacity: 0.66 !important;
}

.tl2x3-market-setup .tl2w-symbol-menu {
  margin-top: 5px !important;
}

.tl2a-market-strip {
  gap: 10px !important;
  margin: 12px 0 14px !important;
}

.tl2a-market-strip > div {
  min-height: 58px !important;
  padding: 10px 13px !important;
  border-radius: 15px !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-template-areas:
    "label value"
    "meta meta" !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
  align-items: center !important;
}

.tl2a-market-strip > div > span {
  grid-area: label !important;
  margin: 0 !important;
  min-width: 0 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: 0.20em !important;
  white-space: nowrap !important;
  opacity: 0.78 !important;
}

.tl2a-market-strip > div > strong {
  grid-area: value !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: right !important;
  font-size: clamp(18px, 1.35vw, 25px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tl2a-market-strip > .tl2a-price-card.main > strong {
  font-size: clamp(21px, 1.55vw, 29px) !important;
}

.tl2a-market-strip > div > small {
  grid-area: meta !important;
  margin: 0 !important;
  min-width: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.68 !important;
}

.tl2x2-ticket-settings {
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 9px !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
}

.tl2x2-ticket-control {
  gap: 6px !important;
}

.tl2x2-ticket-control > span {
  font-size: 9.5px !important;
  min-height: 10px !important;
  letter-spacing: 0.22em !important;
}

.tl2x2-ticket-settings select,
.tl2x2-ticket-settings input[type="number"] {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
}

.tl2x2-ticket-leverage.is-muted {
  display: none !important;
}

.tl2x2-ticket-settings:has(.tl2x2-ticket-leverage.is-muted) {
  grid-template-columns: 1fr !important;
}

.tl2a-order-form {
  gap: 10px !important;
}

.tl2a-order-form label {
  gap: 6px !important;
}

.tl2a-order-form span {
  font-size: 9.5px !important;
  letter-spacing: 0.22em !important;
}

.tl2a-order-form input,
.tl2a-order-form select {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

.tl2a-order-form > button {
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
}

.tl2a-ticket-note {
  padding: 12px !important;
  border-radius: 15px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1180px) {
  .tl2a-market-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 780px) {
  .tl2x3-market-setup-controls {
    grid-template-columns: 1fr !important;
  }

  .tl2a-market-strip {
    grid-template-columns: 1fr !important;
  }

  .tl2a-market-strip > div {
    min-height: 56px !important;
  }
}


/* CIML Trading Lab Compact Polish TL-2X4B */
.tl2x2-ticket-settings {
  grid-template-columns: minmax(0, 1fr) 118px !important;
}

.tl2x2-ticket-control > span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.tl2x2-ticket-leverage > span {
  letter-spacing: 0.16em !important;
  font-size: 9px !important;
}

.tl2x2-ticket-settings input[type="number"] {
  text-align: left !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.tl2x2-ticket-settings input[type="number"]::-webkit-outer-spin-button,
.tl2x2-ticket-settings input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.tl2x2-ticket-settings:has(.tl2x2-ticket-leverage.is-muted) {
  grid-template-columns: 1fr !important;
}

@media (max-width: 640px) {
  .tl2x2-ticket-settings {
    grid-template-columns: 1fr !important;
  }
}


/* CIML Trading Lab Spot Ticket Inline TL-2X5 */
.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-sell-info-hidden {
  display: none !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.58fr);
  gap: 10px;
  align-items: stretch;
  margin: 0 0 10px;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > * {
  min-width: 0 !important;
  margin: 0 !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > *:first-child {
  min-height: 42px !important;
  height: 100% !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > *:first-child button {
  width: 100% !important;
  height: 100% !important;
  min-height: 42px !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-settings {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
  grid-template-columns: 1fr !important;
  align-self: stretch !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-mode {
  gap: 6px !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-mode > span {
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  white-space: nowrap !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-settings select {
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 13px !important;
}

@media (max-width: 720px) {
  .tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row {
    grid-template-columns: 1fr;
  }
}


/* CIML Trading Lab Spot Ticket Polish TL-2X5B */
.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.48fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > *:first-child {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > *:first-child > *:not(:first-child) {
  display: none !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > *:first-child > *:first-child,
.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row > *:first-child button:first-child {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 100% !important;
  border-radius: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  letter-spacing: 0.22em !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-sell-info-hidden {
  display: none !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-settings {
  min-height: 44px !important;
  align-content: center !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-mode {
  justify-content: center !important;
}

.tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row .tl2x2-ticket-settings select {
  height: 36px !important;
  min-height: 36px !important;
}

/* Center compact KPI/card contents after TL-2X4 */
.tl2a-market-strip > div {
  align-content: center !important;
  justify-content: stretch !important;
  min-height: 56px !important;
}

.tl2a-market-strip > div > span,
.tl2a-market-strip > div > strong {
  align-self: center !important;
}

.tl2a-market-strip > div > small {
  align-self: start !important;
  padding-top: 1px !important;
}

@media (max-width: 720px) {
  .tl2a-ticket.tl2x5-spot-mode .tl2x5-spot-action-row {
    grid-template-columns: 1fr !important;
  }
}


/* CIML Trading Lab Spot Clean + KPI Center TL-2X5C */
.tl2a-ticket.tl2x5c-spot-clean .tl2x5c-hidden {
  display: none !important;
}

.tl2a-ticket.tl2x5c-spot-clean .tl2x5c-spot-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  align-items: stretch !important;
}

.tl2a-ticket.tl2x5c-spot-clean .tl2x5c-spot-buy-control {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  letter-spacing: 0.22em !important;
}

.tl2a-ticket.tl2x5c-spot-clean .tl2x5c-spot-buy-control * {
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.tl2a-ticket.tl2x5c-spot-clean .tl2x5c-market-type-control {
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border-radius: 15px !important;
  grid-template-columns: 1fr !important;
}

.tl2a-ticket.tl2x5c-spot-clean .tl2x5c-market-type-control select {
  height: 38px !important;
  min-height: 38px !important;
}

/* Better vertical centering for compact KPI cards */
.tl2a-market-strip > div {
  grid-template-areas:
    "label value"
    "meta value" !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  min-height: 56px !important;
}

.tl2a-market-strip > div > span {
  align-self: end !important;
}

.tl2a-market-strip > div > small {
  grid-area: meta !important;
  align-self: start !important;
  padding-top: 2px !important;
}

.tl2a-market-strip > div > strong {
  grid-area: value !important;
  align-self: center !important;
  justify-self: end !important;
}


/* CIML Trading Lab Market Workspace Terminal V4A */
.tl4a-chart-area {
  position: relative !important;
  overflow: hidden !important;
}

.tl4a-terminal {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  height: 42%;
  min-height: 150px;
  z-index: 3;
  pointer-events: none;
  border: 1px solid rgba(56, 189, 248, 0.12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 20%, rgba(14, 165, 233, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.10), rgba(2, 6, 23, 0.42));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
  backdrop-filter: blur(1px);
}

.tl4a-terminal-head {
  position: absolute;
  top: 10px;
  left: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  z-index: 2;
}

.tl4a-terminal-head span {
  color: rgba(148, 163, 184, 0.78);
  font-size: 9.5px;
  font-weight: 950;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.tl4a-terminal-head strong {
  color: rgba(125, 211, 252, 0.92);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.tl4a-spark {
  position: absolute;
  inset: 20px 12px 54px 12px;
  width: calc(100% - 24px);
  height: calc(100% - 74px);
  opacity: 0.96;
}

.tl4a-grid-line {
  fill: none;
  stroke: rgba(148, 163, 184, 0.10);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4a-spark-line {
  fill: none;
  stroke: url(#tl4aSparkGradient);
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.26));
  vector-effect: non-scaling-stroke;
}

.tl4a-live-pulse {
  stroke: rgba(45, 212, 191, 0.42);
  stroke-width: 1.3;
  stroke-dasharray: 8 8;
  vector-effect: non-scaling-stroke;
}

.tl4a-tape {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  z-index: 2;
}

.tl4a-tape > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(51, 65, 85, 0.56);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.50);
}

.tl4a-tape span {
  display: block;
  color: rgba(148, 163, 184, 0.72);
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl4a-tape strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, 0.94);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tl4a-tape strong.is-up {
  color: rgba(52, 211, 153, 0.96);
}

.tl4a-tape strong.is-down {
  color: rgba(248, 113, 113, 0.96);
}

@media (max-width: 900px) {
  .tl4a-terminal {
    left: 12px;
    right: 12px;
    bottom: 14px;
    height: 46%;
  }

  .tl4a-tape {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl4a-tape > div:last-child {
    display: none;
  }
}


/* CIML Trading Lab Market Workspace Visible V4B */
.tl4b-workspace-card {
  position: relative !important;
  overflow: hidden !important;
}

.tl4b-workspace-layer {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 78px;
  height: 36%;
  min-height: 145px;
  z-index: 8;
  pointer-events: none;
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 22%, rgba(56, 189, 248, 0.16), transparent 38%),
    radial-gradient(circle at 82% 18%, rgba(99, 102, 241, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.16), rgba(2, 6, 23, 0.58));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 18px 42px rgba(2, 6, 23, 0.22);
  backdrop-filter: blur(1.2px);
}

.tl4b-head {
  position: absolute;
  top: 10px;
  left: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.tl4b-head span {
  color: rgba(148, 163, 184, 0.78);
  font-size: 9.5px;
  font-weight: 950;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.tl4b-head strong {
  color: rgba(125, 211, 252, 0.92);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.tl4b-chart {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 24px;
  bottom: 50px;
  width: calc(100% - 24px);
  height: calc(100% - 74px);
}

.tl4b-grid {
  fill: none;
  stroke: rgba(148, 163, 184, 0.11);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4b-line {
  fill: none;
  stroke: url(#tl4bSparkGradient);
  stroke-width: 3.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 12px rgba(56, 189, 248, 0.34));
  vector-effect: non-scaling-stroke;
}

.tl4b-mark {
  stroke: rgba(45, 212, 191, 0.44);
  stroke-width: 1.2;
  stroke-dasharray: 8 8;
  vector-effect: non-scaling-stroke;
}

.tl4b-tape {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.tl4b-tape > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(51, 65, 85, 0.58);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.58);
}

.tl4b-tape span {
  display: block;
  color: rgba(148, 163, 184, 0.72);
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl4b-tape strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, 0.94);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tl4b-tape strong.is-up {
  color: rgba(52, 211, 153, 0.96);
}

.tl4b-tape strong.is-down {
  color: rgba(248, 113, 113, 0.96);
}

@media (max-width: 900px) {
  .tl4b-workspace-layer {
    left: 14px;
    right: 14px;
    bottom: 68px;
    height: 40%;
  }

  .tl4b-tape {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* CIML Trading Lab Pro Candles V4C */
.tl4a-terminal,
.tl4b-workspace-layer {
  display: none !important;
}

.tl4c-workspace-card {
  position: relative !important;
  overflow: hidden !important;
}

.tl4c-pro-chart {
  position: absolute;
  left: 18px;
  right: 18px;
  top: 18px;
  bottom: 58px;
  z-index: 12;
  pointer-events: none;
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 14% 16%, rgba(14, 165, 233, 0.13), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(99, 102, 241, 0.13), transparent 36%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.38), rgba(2, 6, 23, 0.74));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 24px 58px rgba(2, 6, 23, 0.32);
  backdrop-filter: blur(1.5px);
}

.tl4c-toolbar {
  position: absolute;
  top: 10px;
  left: 14px;
  right: 14px;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.tl4c-toolbar span {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
}

.tl4c-toolbar strong {
  display: block;
  margin-top: 7px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.tl4c-toolbar nav {
  display: flex;
  gap: 6px;
}

.tl4c-toolbar b {
  min-width: 30px;
  padding: 6px 8px;
  border: 1px solid rgba(51, 65, 85, 0.74);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.62);
  color: rgba(203, 213, 225, 0.88);
  font-size: 9px;
  font-weight: 950;
  text-align: center;
  letter-spacing: 0.08em;
}

.tl4c-toolbar b:first-child {
  border-color: rgba(56, 189, 248, 0.48);
  color: rgba(125, 211, 252, 0.96);
  background: rgba(14, 165, 233, 0.12);
}

.tl4c-svg {
  position: absolute;
  left: 14px;
  right: 78px;
  top: 48px;
  bottom: 54px;
  width: calc(100% - 92px);
  height: calc(100% - 102px);
}

.tl4c-grid {
  fill: none;
  stroke: rgba(148, 163, 184, 0.10);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4c-candle line {
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}

.tl4c-candle rect {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4c-candle.is-up line,
.tl4c-candle.is-up rect {
  stroke: rgba(52, 211, 153, 0.95);
  fill: rgba(16, 185, 129, 0.40);
  filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.18));
}

.tl4c-candle.is-down line,
.tl4c-candle.is-down rect {
  stroke: rgba(248, 113, 113, 0.92);
  fill: rgba(239, 68, 68, 0.34);
  filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.15));
}

.tl4c-last-line {
  stroke: rgba(56, 189, 248, 0.54);
  stroke-width: 1.2;
  stroke-dasharray: 8 8;
  vector-effect: non-scaling-stroke;
}

.tl4c-price-pill {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  min-width: 86px;
  padding: 8px 10px;
  border: 1px solid rgba(56, 189, 248, 0.36);
  border-radius: 12px;
  background: rgba(8, 13, 28, 0.86);
  color: rgba(248, 250, 252, 0.98);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-align: right;
  box-shadow: 0 0 22px rgba(56, 189, 248, 0.12);
}

.tl4c-stats {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.tl4c-stats > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(51, 65, 85, 0.62);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.58);
}

.tl4c-stats span {
  display: block;
  color: rgba(148, 163, 184, 0.72);
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl4c-stats strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, 0.94);
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tl4c-stats strong.is-up {
  color: rgba(52, 211, 153, 0.96);
}

.tl4c-stats strong.is-down {
  color: rgba(248, 113, 113, 0.96);
}

@media (max-width: 900px) {
  .tl4c-pro-chart {
    left: 12px;
    right: 12px;
    top: 14px;
    bottom: 56px;
  }

  .tl4c-svg {
    right: 58px;
    width: calc(100% - 72px);
  }

  .tl4c-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl4c-stats > div:nth-child(5) {
    display: none;
  }
}


/* CIML Trading Lab Pro Candles Clean V4D */
.tl4a-terminal,
.tl4b-workspace-layer,
.tl4c-pro-chart,
.tl4d-old-layer-hidden {
  display: none !important;
}

.tl4d-chart-box {
  position: relative !important;
  overflow: hidden !important;
}

.tl4d-clean-chart {
  position: absolute;
  inset: 12px;
  z-index: 20;
  pointer-events: none;
  border: 1px solid rgba(56, 189, 248, 0.20);
  border-radius: 17px;
  background:
    radial-gradient(circle at 18% 12%, rgba(14, 165, 233, 0.15), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(99, 102, 241, 0.15), transparent 36%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.80), rgba(2, 6, 23, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 20px 54px rgba(2, 6, 23, 0.40);
  backdrop-filter: blur(1.2px);
}

.tl4d-toolbar {
  position: absolute;
  top: 10px;
  left: 14px;
  right: 14px;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.tl4d-toolbar span {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
}

.tl4d-toolbar strong {
  display: block;
  margin-top: 7px;
  color: rgba(248, 250, 252, 0.97);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.tl4d-toolbar nav {
  display: flex;
  gap: 6px;
}

.tl4d-toolbar b {
  min-width: 30px;
  padding: 6px 8px;
  border: 1px solid rgba(51, 65, 85, 0.74);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.70);
  color: rgba(203, 213, 225, 0.88);
  font-size: 9px;
  font-weight: 950;
  text-align: center;
  letter-spacing: 0.08em;
}

.tl4d-toolbar b:first-child {
  border-color: rgba(56, 189, 248, 0.52);
  color: rgba(125, 211, 252, 0.98);
  background: rgba(14, 165, 233, 0.14);
}

.tl4d-svg {
  position: absolute;
  left: 14px;
  right: 82px;
  top: 48px;
  bottom: 54px;
  width: calc(100% - 96px);
  height: calc(100% - 102px);
}

.tl4d-grid {
  fill: none;
  stroke: rgba(148, 163, 184, 0.105);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4d-candle line {
  stroke-width: 1.45;
  vector-effect: non-scaling-stroke;
}

.tl4d-candle rect {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4d-candle.is-up line,
.tl4d-candle.is-up rect {
  stroke: rgba(52, 211, 153, 0.96);
  fill: rgba(16, 185, 129, 0.42);
  filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.20));
}

.tl4d-candle.is-down line,
.tl4d-candle.is-down rect {
  stroke: rgba(248, 113, 113, 0.94);
  fill: rgba(239, 68, 68, 0.36);
  filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.16));
}

.tl4d-last-line {
  stroke: rgba(56, 189, 248, 0.56);
  stroke-width: 1.2;
  stroke-dasharray: 8 8;
  vector-effect: non-scaling-stroke;
}

.tl4d-price {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  min-width: 88px;
  padding: 8px 10px;
  border: 1px solid rgba(56, 189, 248, 0.38);
  border-radius: 999px;
  background: rgba(8, 13, 28, 0.92);
  color: rgba(248, 250, 252, 0.98);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-align: right;
  box-shadow: 0 0 22px rgba(56, 189, 248, 0.13);
}

.tl4d-stats {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.tl4d-stats > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(51, 65, 85, 0.64);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.64);
}

.tl4d-stats span {
  display: block;
  color: rgba(148, 163, 184, 0.72);
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl4d-stats strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, 0.94);
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tl4d-stats strong.is-up {
  color: rgba(52, 211, 153, 0.96);
}

.tl4d-stats strong.is-down {
  color: rgba(248, 113, 113, 0.96);
}

@media (max-width: 900px) {
  .tl4d-clean-chart {
    inset: 10px;
  }

  .tl4d-svg {
    right: 60px;
    width: calc(100% - 74px);
  }

  .tl4d-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl4d-stats > div:nth-child(5) {
    display: none;
  }
}


/* CIML Trading Lab Clean Trade Terminal V4E */
.tl4a-terminal,
.tl4b-workspace-layer,
.tl4c-pro-chart,
.tl4d-clean-chart,
.tl4e-hidden-old-layer {
  display: none !important;
}

.tl4e-chart-box {
  position: relative !important;
  overflow: hidden !important;
  background: #020617 !important;
}

.tl4e-chart-box > :not([data-tl4e-terminal]) {
  opacity: 0 !important;
  visibility: hidden !important;
}

.tl4e-terminal,
.tl4e-terminal * {
  opacity: 1 !important;
  visibility: visible !important;
}

.tl4e-terminal {
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(circle at 16% 12%, rgba(14, 165, 233, 0.12), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(99, 102, 241, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.98), rgba(2, 6, 23, 0.96));
}

.tl4e-topbar {
  position: absolute;
  top: 14px;
  left: 18px;
  right: 18px;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.tl4e-title span {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
}

.tl4e-title strong {
  display: block;
  margin-top: 8px;
  color: rgba(248, 250, 252, 0.98);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0.07em;
}

.tl4e-tabs {
  display: flex;
  gap: 7px;
}

.tl4e-tabs b {
  min-width: 31px;
  padding: 7px 9px;
  border: 1px solid rgba(51, 65, 85, 0.82);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  color: rgba(203, 213, 225, 0.88);
  font-size: 9px;
  font-weight: 950;
  text-align: center;
  letter-spacing: 0.08em;
}

.tl4e-tabs b:first-child {
  border-color: rgba(56, 189, 248, 0.55);
  color: rgba(125, 211, 252, 0.98);
  background: rgba(14, 165, 233, 0.16);
}

.tl4e-svg {
  position: absolute;
  left: 18px;
  right: 94px;
  top: 58px;
  bottom: 62px;
  width: calc(100% - 112px);
  height: calc(100% - 120px);
}

.tl4e-grid {
  fill: none;
  stroke: rgba(148, 163, 184, 0.105);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4e-candle line {
  stroke-width: 1.45;
  vector-effect: non-scaling-stroke;
}

.tl4e-candle rect {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.tl4e-candle.is-up line,
.tl4e-candle.is-up rect {
  stroke: rgba(52, 211, 153, 0.97);
  fill: rgba(16, 185, 129, 0.43);
  filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.20));
}

.tl4e-candle.is-down line,
.tl4e-candle.is-down rect {
  stroke: rgba(248, 113, 113, 0.95);
  fill: rgba(239, 68, 68, 0.37);
  filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.16));
}

.tl4e-volume {
  opacity: 0.28;
}

.tl4e-volume.is-up {
  fill: rgba(16, 185, 129, 0.48);
}

.tl4e-volume.is-down {
  fill: rgba(239, 68, 68, 0.42);
}

.tl4e-last-line {
  stroke: rgba(56, 189, 248, 0.58);
  stroke-width: 1.25;
  stroke-dasharray: 8 8;
  vector-effect: non-scaling-stroke;
}

.tl4e-last-pill {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  min-width: 90px;
  padding: 8px 10px;
  border: 1px solid rgba(56, 189, 248, 0.42);
  border-radius: 999px;
  background: rgba(8, 13, 28, 0.94);
  color: rgba(248, 250, 252, 0.98);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-align: right;
  box-shadow: 0 0 22px rgba(56, 189, 248, 0.14);
}

.tl4e-price-scale {
  position: absolute;
  top: 70px;
  right: 18px;
  bottom: 80px;
  width: 84px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  color: rgba(148, 163, 184, 0.74);
  font-size: 10px;
  font-weight: 850;
}

.tl4e-bottom {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.tl4e-bottom > div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(51, 65, 85, 0.66);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.72);
}

.tl4e-bottom span {
  display: block;
  color: rgba(148, 163, 184, 0.72);
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.tl4e-bottom strong {
  display: block;
  margin-top: 6px;
  color: rgba(248, 250, 252, 0.94);
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tl4e-bottom strong.is-up {
  color: rgba(52, 211, 153, 0.98);
}

.tl4e-bottom strong.is-down {
  color: rgba(248, 113, 113, 0.98);
}

@media (max-width: 900px) {
  .tl4e-svg {
    right: 70px;
    width: calc(100% - 88px);
  }

  .tl4e-price-scale {
    display: none;
  }

  .tl4e-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl4e-bottom > div:nth-child(5) {
    display: none;
  }
}


/* CIML Trading Lab Terminal Expand V4F */
.tl4f-expanded-chart-box {
  min-height: clamp(430px, 48vh, 620px) !important;
}

.tl4f-expanded-terminal {
  inset: 0 !important;
  min-height: 100% !important;
}

.tl4f-expanded-terminal .tl4e-svg {
  top: 64px !important;
  bottom: 72px !important;
  right: 96px !important;
  width: calc(100% - 114px) !important;
  height: calc(100% - 136px) !important;
}

.tl4f-expanded-terminal .tl4e-bottom {
  bottom: 16px !important;
}

.tl4f-expanded-terminal .tl4e-topbar {
  top: 16px !important;
}

.tl4f-expanded-terminal .tl4e-title span {
  color: rgba(148, 163, 184, 0.82) !important;
}

.tl4f-expanded-terminal .tl4f-note {
  display: inline-block;
  margin-top: 7px;
  padding: 4px 7px;
  border: 1px solid rgba(56, 189, 248, 0.24);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.08);
  color: rgba(186, 230, 253, 0.76);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.tl4f-expanded-terminal .tl4e-tabs {
  align-items: center !important;
}

.tl4f-expanded-terminal .tl4e-tabs b {
  min-width: 44px !important;
  border-color: rgba(56, 189, 248, 0.56) !important;
  color: rgba(125, 211, 252, 0.98) !important;
  background: rgba(14, 165, 233, 0.16) !important;
}

.tl4f-expanded-terminal .tl4e-tabs em {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(51, 65, 85, 0.76);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tl4f-expanded-terminal .tl4e-price-scale {
  top: 82px !important;
  bottom: 96px !important;
}

.tl4f-expanded-terminal .tl4e-last-pill {
  right: 18px !important;
}

@media (max-width: 900px) {
  .tl4f-expanded-chart-box {
    min-height: 420px !important;
  }

  .tl4f-expanded-terminal .tl4e-svg {
    right: 70px !important;
    width: calc(100% - 88px) !important;
  }
}


/* CIML Trading Lab Terminal Price Layout V4G */
.tl4f-expanded-terminal .tl4e-price-scale,
.tl4e-terminal .tl4e-price-scale {
  display: none !important;
}

.tl4f-expanded-terminal .tl4e-svg,
.tl4e-terminal .tl4e-svg {
  right: 18px !important;
  width: calc(100% - 36px) !important;
}

.tl4f-expanded-terminal .tl4e-last-pill,
.tl4e-terminal .tl4e-last-pill {
  top: 58px !important;
  right: 18px !important;
  transform: none !important;
  min-width: 118px !important;
  padding: 9px 12px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(8, 13, 28, 0.92)) !important;
  border-color: rgba(56, 189, 248, 0.44) !important;
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.64),
    0 14px 34px rgba(2, 6, 23, 0.34),
    0 0 22px rgba(56, 189, 248, 0.14) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  z-index: 8 !important;
}

.tl4f-expanded-terminal .tl4e-last-pill::before,
.tl4e-terminal .tl4e-last-pill::before {
  content: "LIVE PRICE";
  display: block;
  margin-bottom: 5px;
  color: rgba(148, 163, 184, 0.78);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.18em;
  line-height: 1;
  text-align: left;
}

.tl4f-expanded-terminal .tl4e-topbar,
.tl4e-terminal .tl4e-topbar {
  right: 150px !important;
}

.tl4f-expanded-terminal .tl4e-tabs,
.tl4e-terminal .tl4e-tabs {
  margin-right: 0 !important;
}

.tl4f-expanded-terminal .tl4e-grid,
.tl4e-terminal .tl4e-grid {
  opacity: 0.86;
}

.tl4f-expanded-terminal .tl4e-last-line,
.tl4e-terminal .tl4e-last-line {
  opacity: 0.68;
}

@media (max-width: 900px) {
  .tl4f-expanded-terminal .tl4e-topbar,
  .tl4e-terminal .tl4e-topbar {
    right: 18px !important;
  }

  .tl4f-expanded-terminal .tl4e-last-pill,
  .tl4e-terminal .tl4e-last-pill {
    top: 96px !important;
    right: 14px !important;
    min-width: 102px !important;
  }

  .tl4f-expanded-terminal .tl4e-svg,
  .tl4e-terminal .tl4e-svg {
    right: 14px !important;
    width: calc(100% - 28px) !important;
  }
}


/* CIML Trading Lab Add Margin V5A */
.tl5a-action-cell {
  gap: 8px;
  flex-wrap: wrap;
}

.tl5a-row-add-margin-button {
  border: 1px solid rgba(56, 189, 248, .42);
  background:
    linear-gradient(135deg, rgba(14, 165, 233, .18), rgba(59, 130, 246, .12)),
    rgba(15, 23, 42, .78);
  color: #dff8ff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 10px 24px rgba(14,165,233,.08);
}

.tl5a-row-add-margin-button:hover {
  border-color: rgba(125, 211, 252, .74);
  background:
    linear-gradient(135deg, rgba(14, 165, 233, .28), rgba(59, 130, 246, .18)),
    rgba(15, 23, 42, .9);
}

.tl5a-margin-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10080;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(2, 6, 23, .72);
  backdrop-filter: blur(14px);
}

.tl5a-margin-card {
  width: min(720px, 96vw);
  border: 1px solid rgba(56, 189, 248, .26);
  border-radius: 26px;
  background:
    radial-gradient(circle at 10% 0%, rgba(14,165,233,.18), transparent 36%),
    radial-gradient(circle at 92% 12%, rgba(59,130,246,.16), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,6,23,.98));
  box-shadow: 0 28px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);
  padding: 20px;
  color: #e5edf8;
}

.tl5a-margin-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.tl5a-margin-head span,
.tl5a-margin-card label span,
.tl5a-margin-grid span,
.tl5a-margin-preview span {
  display: block;
  color: #93a4bb;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.tl5a-margin-head strong {
  display: block;
  margin-top: 7px;
  font-size: 24px;
  letter-spacing: -.03em;
}

.tl5a-margin-head small,
.tl5a-margin-grid small,
.tl5a-margin-preview small,
.tl5a-margin-input small,
.tl5a-margin-note {
  color: #9fb0c9;
}

.tl5a-margin-head button {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.78);
  color: #dbeafe;
  font-size: 22px;
  cursor: pointer;
}

.tl5a-margin-grid,
.tl5a-margin-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.tl5a-margin-grid article,
.tl5a-margin-preview article {
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 18px;
  padding: 12px;
  background: rgba(15,23,42,.62);
}

.tl5a-margin-grid strong,
.tl5a-margin-preview strong {
  display: block;
  margin-top: 7px;
  font-size: 18px;
  letter-spacing: -.02em;
}

.tl5a-margin-input {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.tl5a-margin-input input {
  width: 100%;
  border: 1px solid rgba(56,189,248,.25);
  border-radius: 18px;
  padding: 14px 15px;
  background: rgba(2,6,23,.44);
  color: #f8fbff;
  font-size: 22px;
  font-weight: 900;
  outline: none;
}

.tl5a-margin-input input:focus {
  border-color: rgba(56,189,248,.72);
  box-shadow: 0 0 0 4px rgba(14,165,233,.12);
}

.tl5a-margin-preview {
  border-top: 1px solid rgba(148,163,184,.12);
  padding-top: 14px;
}

.tl5a-margin-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.tl5a-margin-actions button {
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 14px;
  padding: 11px 16px;
  background: rgba(15,23,42,.78);
  color: #dbeafe;
  font-weight: 900;
  cursor: pointer;
}

.tl5a-margin-actions button.primary {
  border-color: rgba(56,189,248,.54);
  background: linear-gradient(135deg, #0ea5e9, #4f46e5);
  color: white;
  box-shadow: 0 12px 28px rgba(14,165,233,.22);
}

.tl5a-margin-actions button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.tl5a-margin-note {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .tl5a-margin-grid,
  .tl5a-margin-preview {
    grid-template-columns: 1fr;
  }

  .tl5a-margin-card {
    padding: 16px;
    border-radius: 22px;
  }

  .tl5a-margin-head strong {
    font-size: 20px;
  }
}


/* CIML Trading Lab Mobile Pro Layout V5B */
@media (max-width: 820px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #app,
  main,
  .app-shell {
    max-width: 100vw;
    overflow-x: hidden;
  }

  [data-trading-lab-page-v2c],
  .trading-lab-page-v2a {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  [data-trading-lab-page-v2c] {
    padding-inline: clamp(10px, 3vw, 16px) !important;
  }

  [data-trading-lab-page-v2c] * {
    box-sizing: border-box;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head {
    position: relative;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin: 18px 0 14px !important;
    padding: 24px !important;
    border: 1px solid rgba(56, 189, 248, 0.20) !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 88% 18%, rgba(56, 189, 248, 0.14), transparent 34%),
      radial-gradient(circle at 98% 5%, rgba(59, 130, 246, 0.12), transparent 32%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.96)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.035),
      0 18px 50px rgba(0,0,0,0.20) !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head::after {
    content: "";
    position: absolute;
    right: -42px;
    top: 24px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background:
      radial-gradient(circle, rgba(59, 130, 246, 0.22), rgba(14, 165, 233, 0.04) 54%, transparent 70%);
    opacity: 0.72;
    pointer-events: none;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head > * {
    position: relative;
    z-index: 1;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head .eyebrow {
    margin: 0 0 8px !important;
    color: rgba(148, 163, 184, 0.86) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.20em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head h2 {
    margin: 0 !important;
    color: rgba(248, 250, 252, 0.98) !important;
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.06em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head p {
    max-width: 520px !important;
    margin: 16px 0 0 !important;
    color: rgba(203, 213, 225, 0.78) !important;
    font-size: clamp(16px, 4.4vw, 20px) !important;
    line-height: 1.45 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title {
    width: min(100%, 420px) !important;
    margin: 2px 0 0 !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(56, 189, 248, 0.44) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(135deg, rgba(8, 47, 73, 0.76), rgba(15, 23, 42, 0.72)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.035),
      0 0 32px rgba(14,165,233,0.10) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title span {
    color: rgba(125, 211, 252, 0.98) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.22em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title strong {
    display: block !important;
    margin-top: 8px !important;
    font-size: clamp(25px, 7vw, 34px) !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title small {
    display: block !important;
    margin-top: 9px !important;
    color: rgba(148, 163, 184, 0.88) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip {
    display: flex !important;
    gap: 10px !important;
    width: calc(100% + 20px) !important;
    margin: 10px -10px 18px !important;
    padding: 0 10px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip::-webkit-scrollbar {
    display: none;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div {
    flex: 0 0 158px !important;
    min-width: 158px !important;
    min-height: 124px !important;
    scroll-snap-align: start !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(51, 65, 85, 0.82) !important;
    background:
      linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.72)) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > .main,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:first-child {
    flex-basis: 188px !important;
    min-width: 188px !important;
    border-color: rgba(16, 185, 129, 0.34) !important;
    background:
      radial-gradient(circle at 5% 20%, rgba(16,185,129,0.18), transparent 46%),
      linear-gradient(180deg, rgba(8, 47, 73, 0.82), rgba(15, 23, 42, 0.72)) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip span {
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip strong {
    font-size: 22px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin: 18px 0 !important;
    padding: 20px !important;
    border: 1px solid rgba(56, 189, 248, 0.36) !important;
    border-radius: 26px !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(14, 165, 233, 0.13), transparent 36%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 23, 0.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip::before {
    content: "MARKET SETUP";
    display: block;
    color: rgba(125, 211, 252, 0.98);
    font-size: 15px;
    font-weight: 950;
    letter-spacing: 0.18em;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip label {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip label > span,
  [data-trading-lab-page-v2c] .tl2a-ticket label > span,
  [data-trading-lab-page-v2c] .tl2a-panel-head span {
    color: rgba(148, 163, 184, 0.88) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip input,
  [data-trading-lab-page-v2c] .tl2a-control-strip select,
  [data-trading-lab-page-v2c] .tl2a-ticket input,
  [data-trading-lab-page-v2c] .tl2a-ticket select {
    min-height: 56px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(71, 85, 105, 0.78) !important;
    background: rgba(15, 23, 42, 0.68) !important;
    color: rgba(248, 250, 252, 0.96) !important;
    font-size: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2w-symbol-hint {
    color: rgba(148, 163, 184, 0.70) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel,
  [data-trading-lab-page-v2c] .tl2a-ticket,
  [data-trading-lab-page-v2c] .tl2a-chart-shell {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 28px !important;
    border-color: rgba(51, 65, 85, 0.82) !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(14, 165, 233, 0.10), transparent 36%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.96)) !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-shell {
    padding: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head strong {
    color: rgba(248, 250, 252, 0.98) !important;
    font-size: clamp(22px, 7vw, 30px) !important;
    line-height: 1 !important;
  }

  [data-trading-lab-page-v2c] .tl4f-expanded-chart-box,
  [data-trading-lab-page-v2c] .tl4e-chart-box {
    min-height: clamp(500px, 74vh, 680px) !important;
    border-radius: 24px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom > div {
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom span {
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom strong {
    font-size: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-foot {
    display: grid !important;
    gap: 8px !important;
    color: rgba(203, 213, 225, 0.78) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket {
    padding: 22px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head {
    margin-bottom: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head strong {
    color: rgba(34, 211, 238, 0.98) !important;
    font-size: clamp(24px, 8vw, 34px) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-side-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-side-tabs label,
  [data-trading-lab-page-v2c] .tl2a-side-tabs span {
    min-height: 58px !important;
    border-radius: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-order-form {
    display: grid !important;
    gap: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(82px, 102px) !important;
    gap: 10px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action button,
  [data-trading-lab-page-v2c] .tl2a-order-form > button[type="submit"] {
    min-height: 56px !important;
    border-radius: 18px !important;
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-order-form > button[type="submit"] {
    margin-top: 4px !important;
    min-height: 62px !important;
    background: linear-gradient(135deg, #0ea5e9, #4f46e5) !important;
    box-shadow: 0 16px 34px rgba(14, 165, 233, 0.20) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket-note {
    margin-top: 18px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: rgba(15, 23, 42, 0.70) !important;
  }

  [data-trading-lab-page-v2c] .tl2f-split-ledgers,
  [data-trading-lab-page-v2c] .trading-lab-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table thead {
    display: none !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tbody {
    display: grid !important;
    width: 100% !important;
    gap: 14px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 15px 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
    border: 1px solid rgba(51, 65, 85, 0.78) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(14, 165, 233, 0.10), transparent 38%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 23, 0.94)) !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td:first-child,
  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td:nth-child(11),
  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td:last-child {
    grid-column: 1 / -1 !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions,
  [data-trading-lab-page-v2c] .tl2v-action-cell,
  [data-trading-lab-page-v2c] .tl5a-action-cell {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 4px 0 0 !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions button,
  [data-trading-lab-page-v2c] .tl2v-action-cell button,
  [data-trading-lab-page-v2c] .tl5a-action-cell button {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  [data-trading-lab-page-v2c] .tl5a-row-add-margin-button {
    box-shadow: 0 10px 24px rgba(14, 165, 233, 0.12) !important;
  }
}

@media (max-width: 430px) {
  [data-trading-lab-page-v2c] {
    padding-inline: 8px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head,
  [data-trading-lab-page-v2c] .tl2a-control-strip,
  [data-trading-lab-page-v2c] .tl2a-ticket,
  [data-trading-lab-page-v2c] .tl2a-chart-shell {
    border-radius: 24px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head {
    padding: 20px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div {
    flex-basis: 150px !important;
    min-width: 150px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > .main,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:first-child {
    flex-basis: 180px !important;
    min-width: 180px !important;
  }

  [data-trading-lab-page-v2c] .tl4f-expanded-chart-box,
  [data-trading-lab-page-v2c] .tl4e-chart-box {
    min-height: 610px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row {
    grid-template-columns: 1fr 1fr !important;
    padding: 16px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions,
  [data-trading-lab-page-v2c] .tl2v-action-cell,
  [data-trading-lab-page-v2c] .tl5a-action-cell {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions button,
  [data-trading-lab-page-v2c] .tl2v-action-cell button,
  [data-trading-lab-page-v2c] .tl5a-action-cell button {
    min-height: 46px !important;
    padding-inline: 5px !important;
    font-size: 13px !important;
  }
}


/* CIML Trading Lab Mobile Polish V5C */
@media (max-width: 820px) {
  [data-trading-lab-page-v2c] {
    padding-inline: 10px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head {
    margin: 14px 0 14px !important;
    padding: 20px !important;
    border-radius: 24px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head .eyebrow {
    max-width: 92% !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    line-height: 1.35 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head h2 {
    font-size: clamp(38px, 10.5vw, 48px) !important;
    line-height: 0.98 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head p {
    margin-top: 13px !important;
    font-size: clamp(15px, 4.2vw, 18px) !important;
    line-height: 1.42 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title {
    width: 100% !important;
    padding: 15px 16px !important;
    border-radius: 20px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title strong {
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 12px 0 18px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div,
  [data-trading-lab-page-v2c] .tl2a-market-strip > .main,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:first-child {
    flex: none !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 13px 14px !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > .main,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:first-child {
    grid-column: 1 / -1 !important;
    min-height: 96px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip span {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.14em !important;
    white-space: normal !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip span em {
    display: inline-block !important;
    margin-left: 5px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip strong {
    display: block !important;
    margin: 0 !important;
    font-size: clamp(21px, 6vw, 28px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.05em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip small {
    display: block !important;
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip {
    margin: 16px 0 !important;
    padding: 17px !important;
    border-radius: 23px !important;
    gap: 13px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip::before {
    margin-bottom: 2px !important;
    font-size: 13px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip input,
  [data-trading-lab-page-v2c] .tl2a-control-strip select {
    min-height: 52px !important;
    font-size: 17px !important;
  }

  [data-trading-lab-page-v2c] .tl2w-symbol-hint {
    font-size: 12px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-shell {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head span {
    max-width: 150px !important;
    line-height: 1.15 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head strong {
    max-width: 190px !important;
    text-align: right !important;
    font-size: clamp(23px, 7.2vw, 32px) !important;
    line-height: 0.98 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-placeholder.tl4e-chart-box,
  [data-trading-lab-page-v2c] .tl4e-chart-box {
    position: relative !important;
    min-height: 560px !important;
    height: 560px !important;
    max-height: 72vh !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 72% 18%, rgba(14, 165, 233, 0.10), transparent 32%),
      linear-gradient(180deg, rgba(2, 6, 23, 0.98), rgba(2, 6, 23, 0.96)) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-placeholder.tl4e-chart-box > .tl2a-chart-grid,
  [data-trading-lab-page-v2c] .tl2a-chart-placeholder.tl4e-chart-box > .tl2a-chart-watermark,
  [data-trading-lab-page-v2c] .tl2a-chart-placeholder.tl4e-chart-box > .tl2a-chart-price {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-placeholder.tl4e-chart-box > [data-tl4e-terminal],
  [data-trading-lab-page-v2c] .tl4e-chart-box > [data-tl4e-terminal],
  [data-trading-lab-page-v2c] [data-tl4e-terminal] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  [data-trading-lab-page-v2c] .tl4e-terminal {
    border-radius: 22px !important;
    min-height: 560px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-topbar {
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    gap: 9px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-title {
    max-width: 46% !important;
  }

  [data-trading-lab-page-v2c] .tl4e-title span {
    font-size: 9px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.16em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-title strong {
    font-size: clamp(18px, 5.6vw, 25px) !important;
    line-height: 1 !important;
  }

  [data-trading-lab-page-v2c] .tl4e-tabs {
    gap: 6px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  [data-trading-lab-page-v2c] .tl4e-tabs b,
  [data-trading-lab-page-v2c] .tl4e-tabs em {
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-svg {
    top: 96px !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 156px !important;
    width: calc(100% - 32px) !important;
    height: calc(100% - 252px) !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill {
    top: 112px !important;
    right: 22px !important;
    max-width: 178px !important;
    padding: 11px 13px !important;
    border-radius: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill span {
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill strong {
    font-size: 20px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom > div {
    min-height: 74px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom span {
    font-size: 9px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom strong {
    font-size: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-foot {
    margin-top: 12px !important;
    gap: 6px !important;
    font-size: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket {
    padding: 18px !important;
    border-radius: 24px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head strong {
    max-width: 210px !important;
    color: rgba(34, 211, 238, 0.98) !important;
    font-size: clamp(24px, 7.5vw, 32px) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-side-tabs {
    gap: 9px !important;
    margin-bottom: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-side-tabs label,
  [data-trading-lab-page-v2c] .tl2a-side-tabs span {
    min-height: 52px !important;
    border-radius: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-order-form {
    gap: 13px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket input,
  [data-trading-lab-page-v2c] .tl2a-ticket select {
    min-height: 52px !important;
    font-size: 17px !important;
    border-radius: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 9px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action button {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-order-form > button[type="submit"] {
    min-height: 58px !important;
    border-radius: 17px !important;
    font-size: 17px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket-note {
    padding: 14px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  [data-trading-lab-page-v2c] .tl2f-split-ledgers {
    margin-top: 18px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row {
    padding: 16px !important;
    border-radius: 22px !important;
    gap: 13px 16px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td strong {
    font-size: 17px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions,
  [data-trading-lab-page-v2c] .tl2v-action-cell,
  [data-trading-lab-page-v2c] .tl5a-action-cell {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions::before,
  [data-trading-lab-page-v2c] .tl2v-action-cell::before,
  [data-trading-lab-page-v2c] .tl5a-action-cell::before {
    content: "ACTION";
    grid-column: 1 / -1;
    color: rgba(148, 163, 184, 0.90);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-align: center;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions button,
  [data-trading-lab-page-v2c] .tl2v-action-cell button,
  [data-trading-lab-page-v2c] .tl5a-action-cell button {
    min-height: 44px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 430px) {
  [data-trading-lab-page-v2c] {
    padding-inline: 7px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head {
    padding: 17px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip {
    gap: 8px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div,
  [data-trading-lab-page-v2c] .tl2a-market-strip > .main,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:first-child {
    padding: 12px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip,
  [data-trading-lab-page-v2c] .tl2a-ticket,
  [data-trading-lab-page-v2c] .tl2a-chart-shell {
    padding: 15px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-placeholder.tl4e-chart-box,
  [data-trading-lab-page-v2c] .tl4e-chart-box,
  [data-trading-lab-page-v2c] .tl4e-terminal {
    min-height: 540px !important;
    height: 540px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-topbar {
    left: 14px !important;
    right: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-svg {
    top: 96px !important;
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px) !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill {
    right: 16px !important;
    max-width: 160px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill strong {
    font-size: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom {
    left: 12px !important;
    right: 12px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row {
    padding: 14px !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions button,
  [data-trading-lab-page-v2c] .tl2v-action-cell button,
  [data-trading-lab-page-v2c] .tl5a-action-cell button {
    min-height: 42px !important;
    font-size: 12px !important;
  }
}


/* CIML Trading Lab Mobile Terminal Fit V5D */
@media (max-width: 820px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    background: #020617 !important;
  }

  #app,
  #app > *,
  main,
  .app-shell,
  .page-shell,
  .site-shell {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  #app *,
  [data-trading-lab-page-v2c],
  [data-trading-lab-page-v2c] * {
    box-sizing: border-box !important;
  }

  [data-trading-lab-page-v2c] {
    width: 100% !important;
    max-width: 100vw !important;
    padding-inline: 8px !important;
    overflow-x: hidden !important;
    contain: paint !important;
  }

  [data-trading-lab-page-v2c] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Top hero: daha kısa, daha premium */
  [data-trading-lab-page-v2c] .tl2a-terminal-head {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 12px !important;
    padding: 17px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 94% 12%, rgba(56, 189, 248, 0.16), transparent 34%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.98)) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head .eyebrow {
    margin-bottom: 8px !important;
    max-width: 100% !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
    letter-spacing: 0.17em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head h2 {
    font-size: clamp(36px, 10vw, 46px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.065em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head p {
    margin-top: 12px !important;
    font-size: clamp(14px, 3.9vw, 17px) !important;
    line-height: 1.42 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title span {
    font-size: 10px !important;
    letter-spacing: 0.17em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title strong {
    margin-top: 7px !important;
    font-size: clamp(27px, 7.7vw, 34px) !important;
    line-height: 0.98 !important;
    white-space: nowrap !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-title small {
    margin-top: 7px !important;
    font-size: 10px !important;
  }

  /* KPI / üst kutular: üst üste binmeyi bitir */
  [data-trading-lab-page-v2c] .tl2a-market-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 15px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > * {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-rows: auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 84px !important;
    padding: 12px !important;
    border-radius: 17px !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > *:first-child {
    grid-column: 1 / -1 !important;
    min-height: 92px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip span,
  [data-trading-lab-page-v2c] .tl2a-market-strip small {
    position: static !important;
    transform: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip span {
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    color: rgba(148, 163, 184, 0.84) !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.14em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip strong {
    position: static !important;
    transform: none !important;
    grid-column: 2 / 3 !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
    align-self: center !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: rgba(248, 250, 252, 0.98) !important;
    font-size: clamp(21px, 6vw, 30px) !important;
    line-height: 1 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip small {
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    color: rgba(148, 163, 184, 0.70) !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
  }

  /* Market setup: daha az alan */
  [data-trading-lab-page-v2c] .tl2a-control-strip {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 !important;
    padding: 15px !important;
    border-radius: 21px !important;
    gap: 11px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip::before {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip label {
    gap: 6px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip input,
  [data-trading-lab-page-v2c] .tl2a-control-strip select {
    min-height: 48px !important;
    padding: 11px 13px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2w-symbol-hint {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  /* Market workspace header: taşan BTCUSDT PERP küçülür */
  [data-trading-lab-page-v2c] .tl2a-chart-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 11px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head span {
    max-width: 135px !important;
    color: rgba(148, 163, 184, 0.88) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.17em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-panel-head strong {
    max-width: 185px !important;
    text-align: right !important;
    font-size: clamp(20px, 6.8vw, 28px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.035em !important;
    word-break: normal !important;
  }

  /* Kritik: eski placeholder chartı gizle, desktop mum terminalini mobilde geri göster */
  [data-trading-lab-page-v2c] .tl4e-chart-box {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 560px !important;
    height: 560px !important;
    max-height: 72vh !important;
    padding: 0 !important;
    border-radius: 21px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 76% 16%, rgba(14, 165, 233, 0.10), transparent 34%),
      linear-gradient(180deg, rgba(2, 6, 23, 0.98), rgba(2, 6, 23, 0.97)) !important;
  }

  [data-trading-lab-page-v2c] .tl4e-chart-box > :not([data-tl4e-terminal]) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  [data-trading-lab-page-v2c] .tl4e-chart-box > [data-tl4e-terminal],
  [data-trading-lab-page-v2c] [data-tl4e-terminal] {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
    pointer-events: auto !important;
  }

  [data-trading-lab-page-v2c] .tl4e-terminal {
    min-height: 560px !important;
    height: 560px !important;
    border-radius: 21px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-topbar {
    top: 15px !important;
    left: 14px !important;
    right: 14px !important;
    gap: 7px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-title {
    max-width: 44% !important;
  }

  [data-trading-lab-page-v2c] .tl4e-title span {
    font-size: 8px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.14em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-title strong {
    font-size: clamp(17px, 5vw, 23px) !important;
    line-height: 1 !important;
  }

  [data-trading-lab-page-v2c] .tl4e-tabs {
    gap: 5px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  [data-trading-lab-page-v2c] .tl4e-tabs b,
  [data-trading-lab-page-v2c] .tl4e-tabs em {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    letter-spacing: 0.11em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-svg {
    top: 88px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 150px !important;
    width: calc(100% - 24px) !important;
    height: calc(100% - 238px) !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill {
    top: 104px !important;
    right: 16px !important;
    max-width: 158px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill span {
    font-size: 8px !important;
    letter-spacing: 0.14em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill strong {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom > div {
    min-height: 70px !important;
    padding: 9px !important;
    border-radius: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom span {
    font-size: 8px !important;
    letter-spacing: 0.13em !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom strong {
    margin-top: 5px !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-chart-foot {
    margin-top: 10px !important;
    gap: 5px !important;
    font-size: 13px !important;
    line-height: 1.32 !important;
  }

  /* Order ticket: profesyonel ama kısa */
  [data-trading-lab-page-v2c] .tl2a-ticket {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head span {
    max-width: 130px !important;
    font-size: 11px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket .tl2a-panel-head strong {
    max-width: 190px !important;
    color: rgba(34, 211, 238, 0.98) !important;
    font-size: clamp(24px, 7vw, 30px) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-side-tabs {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-side-tabs label,
  [data-trading-lab-page-v2c] .tl2a-side-tabs span {
    min-height: 48px !important;
    border-radius: 15px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-order-form {
    gap: 11px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket label > span {
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket input,
  [data-trading-lab-page-v2c] .tl2a-ticket select {
    min-height: 48px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 8px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action button {
    min-height: 48px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-order-form > button[type="submit"] {
    min-height: 54px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket-note {
    margin-top: 13px !important;
    padding: 13px !important;
    border-radius: 17px !important;
    font-size: 13px !important;
    line-height: 1.32 !important;
  }

  /* Özet / 3-4 büyük kutu alanı: profesyonel kompakt hale getir */
  [data-trading-lab-page-v2c] .tl2f-split-ledgers,
  [data-trading-lab-page-v2c] .tl2f-ledger-tabs,
  [data-trading-lab-page-v2c] .tl2f-ledger-cards,
  [data-trading-lab-page-v2c] .tl2f-summary-grid,
  [data-trading-lab-page-v2c] .tl2f-category-grid,
  [data-trading-lab-page-v2c] .tl2r-ledger-tabs,
  [data-trading-lab-page-v2c] .tl2x-ledger-tabs,
  [data-trading-lab-page-v2c] .tl2a-ledger-tabs {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .tl2f-ledger-tabs,
  [data-trading-lab-page-v2c] .tl2f-ledger-cards,
  [data-trading-lab-page-v2c] .tl2f-summary-grid,
  [data-trading-lab-page-v2c] .tl2f-category-grid,
  [data-trading-lab-page-v2c] .tl2r-ledger-tabs,
  [data-trading-lab-page-v2c] .tl2x-ledger-tabs,
  [data-trading-lab-page-v2c] .tl2a-ledger-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 14px 0 !important;
  }

  [data-trading-lab-page-v2c] .tl2f-ledger-tabs > *,
  [data-trading-lab-page-v2c] .tl2f-ledger-cards > *,
  [data-trading-lab-page-v2c] .tl2f-summary-grid > *,
  [data-trading-lab-page-v2c] .tl2f-category-grid > *,
  [data-trading-lab-page-v2c] .tl2r-ledger-tabs > *,
  [data-trading-lab-page-v2c] .tl2x-ledger-tabs > *,
  [data-trading-lab-page-v2c] .tl2a-ledger-tabs > * {
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  /* Table/cards: aksiyonlar kutunun dışına taşmasın */
  [data-trading-lab-page-v2c] .trading-lab-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table thead {
    display: none !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tbody {
    display: grid !important;
    gap: 13px !important;
    width: 100% !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    border-radius: 21px !important;
    overflow: hidden !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td:first-child,
  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td:nth-child(11),
  [data-trading-lab-page-v2c] .trading-lab-table tr.trading-lab-row > td:last-child {
    grid-column: 1 / -1 !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions,
  [data-trading-lab-page-v2c] .tl2v-action-cell,
  [data-trading-lab-page-v2c] .tl5a-action-cell {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 8px !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions::before,
  [data-trading-lab-page-v2c] .tl2v-action-cell::before,
  [data-trading-lab-page-v2c] .tl5a-action-cell::before {
    content: "ACTION";
    grid-column: 1 / -1;
    color: rgba(148, 163, 184, 0.88);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-align: center;
  }

  [data-trading-lab-page-v2c] .trading-lab-row-actions button,
  [data-trading-lab-page-v2c] .tl2v-action-cell button,
  [data-trading-lab-page-v2c] .tl5a-action-cell button {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 6px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 430px) {
  [data-trading-lab-page-v2c] {
    padding-inline: 6px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head,
  [data-trading-lab-page-v2c] .tl2a-chart-shell,
  [data-trading-lab-page-v2c] .tl2a-ticket,
  [data-trading-lab-page-v2c] .tl2a-control-strip {
    border-radius: 20px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-terminal-head {
    padding: 15px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip {
    gap: 7px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > * {
    min-height: 78px !important;
    padding: 10px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-chart-box,
  [data-trading-lab-page-v2c] .tl4e-terminal {
    min-height: 520px !important;
    height: 520px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill {
    max-width: 148px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-last-pill strong {
    font-size: 17px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom > div {
    min-height: 66px !important;
    padding: 8px !important;
  }

  [data-trading-lab-page-v2c] .tl4e-bottom strong {
    font-size: 14px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-ticket {
    padding: 13px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action {
    grid-template-columns: minmax(0, 1fr) 76px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-input-action button {
    font-size: 14px !important;
  }
}


/* CIML Trading Lab Mobile Final Layout V5E */
@media (max-width: 820px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.tl5e-sheet-open {
    overflow: hidden !important;
    touch-action: none;
  }

  .tl5e-mobile-final {
    width: 100% !important;
    max-width: 100vw !important;
    padding-inline: 8px !important;
    overflow-x: clip !important;
  }

  .tl5e-mobile-final,
  .tl5e-mobile-final * {
    box-sizing: border-box !important;
  }

  /* Remove oversized mobile Trading Lab hero */
  .tl5e-mobile-final .tl2a-terminal-head {
    display: none !important;
  }

  /* Compact account / market stat rail */
  .tl5e-mobile-final .tl2a-market-strip {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: calc(100% + 8px) !important;
    max-width: none !important;
    margin: 10px -4px 14px !important;
    padding: 2px 4px 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  .tl5e-mobile-final .tl2a-market-strip::-webkit-scrollbar {
    display: none !important;
  }

  .tl5e-mobile-final .tl2a-market-strip > div,
  .tl5e-mobile-final .tl2a-market-strip > div:first-child,
  .tl5e-mobile-final .tl2a-market-strip > .main {
    flex: 0 0 146px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    gap: 4px !important;
    width: 146px !important;
    min-width: 146px !important;
    max-width: 146px !important;
    min-height: 76px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(71, 85, 105, .56) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(150deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .78)) !important;
    scroll-snap-align: start !important;
    overflow: hidden !important;
  }

  .tl5e-mobile-final .tl2a-market-strip > div:first-child,
  .tl5e-mobile-final .tl2a-market-strip > .main {
    flex-basis: 184px !important;
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
    border-color: rgba(16, 185, 129, .38) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(16,185,129,.15), transparent 48%),
      linear-gradient(150deg, rgba(8, 47, 73, .88), rgba(2, 6, 23, .80)) !important;
  }

  .tl5e-mobile-final .tl2a-market-strip span {
    position: static !important;
    margin: 0 !important;
    color: #8fa2bc !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    letter-spacing: .15em !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl2a-market-strip strong {
    position: static !important;
    margin: 0 !important;
    color: #f8fafc !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5e-mobile-final .tl2a-market-strip small {
    position: static !important;
    margin: 0 !important;
    color: rgba(148, 163, 184, .66) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Compact market setup */
  .tl5e-mobile-final .tl2a-control-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
    width: 100% !important;
    margin: 12px 0 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(56, 189, 248, .25) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(14,165,233,.10), transparent 38%),
      linear-gradient(180deg, rgba(15, 23, 42, .90), rgba(2, 6, 23, .92)) !important;
    overflow: visible !important;
  }

  .tl5e-mobile-final .tl2a-control-strip::before {
    content: "MARKET SETUP" !important;
    grid-column: 1 / -1 !important;
    margin: 0 0 1px !important;
    color: #91a4bd !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .18em !important;
  }

  .tl5e-mobile-final .tl2a-control-strip > label,
  .tl5e-mobile-final .tl2a-control-strip > .tl2w-symbol-label {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .tl5e-mobile-final .tl2a-control-strip > .tl2w-symbol-label {
    grid-column: 1 / -1 !important;
  }

  .tl5e-mobile-final .tl2a-control-strip label > span {
    margin-bottom: 6px !important;
    font-size: 9px !important;
    letter-spacing: .16em !important;
  }

  .tl5e-mobile-final .tl2a-control-strip input,
  .tl5e-mobile-final .tl2a-control-strip select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  .tl5e-mobile-final .tl2w-symbol-hint {
    display: none !important;
  }

  /* Workspace */
  .tl5e-mobile-final .tl2a-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .tl5e-mobile-final .tl2a-chart-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    border: 1px solid rgba(51, 65, 85, .72) !important;
    border-radius: 20px !important;
    background:
      linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(2, 6, 23, .96)) !important;
    overflow: hidden !important;
  }

  .tl5e-mobile-final .tl2a-chart-shell > .tl2a-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 2px 10px !important;
  }

  .tl5e-mobile-final .tl2a-chart-shell > .tl2a-panel-head span {
    max-width: none !important;
    color: #91a4bd !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .17em !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl2a-chart-shell > .tl2a-panel-head strong {
    max-width: 190px !important;
    color: #f8fafc !important;
    font-size: 19px !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl5e-mobile-chart-box,
  .tl5e-mobile-final .tl4e-chart-box {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 430px !important;
    height: 430px !important;
    max-height: none !important;
    padding: 0 !important;
    border: 1px solid rgba(51, 65, 85, .64) !important;
    border-radius: 18px !important;
    background: #020617 !important;
    overflow: hidden !important;
  }

  .tl5e-mobile-final .tl4e-chart-box > :not([data-tl4e-terminal]) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .tl5e-mobile-final [data-tl4e-terminal] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 100 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle at 78% 8%, rgba(14,165,233,.10), transparent 32%),
      linear-gradient(180deg, rgba(2,6,23,.99), rgba(2,6,23,.97)) !important;
  }

  .tl5e-mobile-final .tl4e-topbar {
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .tl5e-mobile-final .tl4e-title {
    max-width: 55% !important;
  }

  .tl5e-mobile-final .tl4e-title > span {
    font-size: 8px !important;
    letter-spacing: .15em !important;
  }

  .tl5e-mobile-final .tl4e-title > strong {
    margin-top: 5px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl4f-note,
  .tl5e-mobile-final .tl4e-tabs em {
    display: none !important;
  }

  .tl5e-mobile-final .tl4e-tabs {
    gap: 5px !important;
  }

  .tl5e-mobile-final .tl4e-tabs b {
    min-width: auto !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    letter-spacing: .12em !important;
  }

  .tl5e-mobile-final .tl4e-svg,
  .tl5e-mobile-final .tl4f-expanded-terminal .tl4e-svg {
    top: 66px !important;
    left: 10px !important;
    right: 52px !important;
    bottom: 80px !important;
    width: calc(100% - 62px) !important;
    height: calc(100% - 146px) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .tl5e-mobile-final .tl4e-grid {
    stroke: rgba(71, 85, 105, .24) !important;
  }

  .tl5e-mobile-final .tl4e-price-scale {
    position: absolute !important;
    top: 72px !important;
    right: 7px !important;
    bottom: 86px !important;
    z-index: 110 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 43px !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: rgba(148, 163, 184, .70) !important;
    font-size: 7px !important;
    font-weight: 800 !important;
  }

  .tl5e-mobile-final .tl4e-last-pill {
    position: absolute !important;
    top: 78px !important;
    right: 8px !important;
    z-index: 120 !important;
    display: block !important;
    max-width: 132px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(52, 211, 153, .48) !important;
    border-radius: 13px !important;
    background: rgba(2, 44, 42, .90) !important;
    color: #f8fafc !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.30) !important;
  }

  .tl5e-mobile-final .tl4e-last-pill::before {
    content: none !important;
  }

  .tl5e-mobile-final .tl4e-bottom,
  .tl5e-mobile-final .tl4f-expanded-terminal .tl4e-bottom {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    height: 58px !important;
    padding: 0 !important;
  }

  .tl5e-mobile-final .tl4e-bottom > div {
    display: grid !important;
    align-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 7px !important;
    border: 1px solid rgba(71, 85, 105, .52) !important;
    border-radius: 11px !important;
    background: rgba(15, 23, 42, .72) !important;
  }

  .tl5e-mobile-final .tl4e-bottom > div:nth-child(5) {
    display: none !important;
  }

  .tl5e-mobile-final .tl4e-bottom span {
    font-size: 7px !important;
    letter-spacing: .13em !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl4e-bottom strong {
    margin-top: 4px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5e-mobile-final .tl2a-chart-foot {
    display: grid !important;
    gap: 4px !important;
    margin-top: 9px !important;
    color: rgba(148, 163, 184, .72) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  /* Compact ledger tabs */
  .tl5e-mobile-final .tl2g-ledger-shell {
    margin-top: 14px !important;
  }

  .tl5e-mobile-final .tl2g-ledger-tabs {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
    width: calc(100% + 8px) !important;
    margin: 0 -4px 12px !important;
    padding: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 15px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }

  .tl5e-mobile-final .tl2g-ledger-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .tl5e-mobile-final .tl2g-ledger-tabs button {
    flex: 0 0 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    min-height: 48px !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
    scroll-snap-align: start !important;
  }

  .tl5e-mobile-final .tl2g-ledger-tabs button span,
  .tl5e-mobile-final .tl2g-ledger-tabs button strong {
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl2g-ledger-tabs button small {
    margin-top: 3px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .tl2g-ledger-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .tl5e-mobile-final .tl5e-mobile-hide-copy {
    display: none !important;
  }

  /* Compact position cards */
  .tl5e-mobile-final .trading-lab-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .tl5e-mobile-final .trading-lab-table,
  .tl5e-mobile-final .trading-lab-table-v2f {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .tl5e-mobile-final .trading-lab-table thead {
    display: none !important;
  }

  .tl5e-mobile-final .trading-lab-table tbody {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 13px !important;
    border: 1px solid rgba(51, 65, 85, .74) !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(14,165,233,.07), transparent 42%),
      linear-gradient(180deg, rgba(15, 23, 42, .84), rgba(2, 6, 23, .94)) !important;
    overflow: hidden !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td {
    display: grid !important;
    align-content: start !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #e5edf8 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td::before {
    position: static !important;
    margin: 0 0 2px !important;
    color: rgba(148, 163, 184, .82) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td:first-child {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: baseline !important;
    column-gap: 8px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid rgba(71, 85, 105, .30) !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td:first-child::before {
    grid-column: 1 / -1 !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td:first-child strong {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td:first-child small {
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td:nth-child(11) {
    display: none !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td:last-child {
    grid-column: 1 / -1 !important;
    padding-top: 5px !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td strong,
  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td [data-tl2c-mark-cell] {
    font-size: 14px !important;
    line-height: 1.05 !important;
  }

  .tl5e-mobile-final .trading-lab-status,
  .tl5e-mobile-final .trading-lab-side {
    width: max-content !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    letter-spacing: .11em !important;
  }

  .tl5e-mobile-final .trading-lab-row-actions,
  .tl5e-mobile-final .tl2v-action-cell,
  .tl5e-mobile-final .tl5a-action-cell {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .tl5e-mobile-final .tl5a-action-cell {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .tl5e-mobile-final .trading-lab-row-actions::before,
  .tl5e-mobile-final .tl2v-action-cell::before,
  .tl5e-mobile-final .tl5a-action-cell::before {
    content: none !important;
    display: none !important;
  }

  .tl5e-mobile-final .trading-lab-row-actions button,
  .tl5e-mobile-final .tl2v-action-cell button,
  .tl5e-mobile-final .tl5a-action-cell button {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 7px 5px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Close / Sell, TP-SL and Add Margin mobile bottom sheets */
  .tl2e-modal-backdrop,
  .tl2r-modal-backdrop,
  .tl2v-tpsl-backdrop,
  .tl5a-margin-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10080 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
    background: rgba(2, 6, 23, .78) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
  }

  .tl2e-close-modal-card,
  .tl2g-close-modal-card,
  .tl2r-close-modal-card,
  .tl2v-tpsl-card,
  .tl5a-margin-card {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(88dvh, 820px) !important;
    margin: 0 !important;
    padding: 19px 14px calc(16px + env(safe-area-inset-bottom)) !important;
    border: 1px solid rgba(56, 189, 248, .26) !important;
    border-bottom: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(14,165,233,.15), transparent 34%),
      linear-gradient(180deg, rgba(15, 23, 42, .99), rgba(2, 6, 23, .99)) !important;
    box-shadow: 0 -24px 70px rgba(0,0,0,.52) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tl2e-close-modal-card::before,
  .tl2v-tpsl-card::before,
  .tl5a-margin-card::before {
    content: "" !important;
    display: block !important;
    width: 42px !important;
    height: 4px !important;
    margin: -7px auto 13px !important;
    border-radius: 999px !important;
    background: rgba(148, 163, 184, .38) !important;
  }

  .tl2e-close-modal-head,
  .tl2r-close-head,
  .tl2v-tpsl-head,
  .tl5a-margin-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 0 12px !important;
  }

  .tl2e-close-modal-head strong,
  .tl2r-close-head strong,
  .tl2v-tpsl-head strong,
  .tl5a-margin-head strong {
    margin-top: 5px !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .tl2e-close-modal-head small,
  .tl2r-close-head small,
  .tl2v-tpsl-head small,
  .tl5a-margin-head small {
    display: block !important;
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  .tl2e-close-modal-head button,
  .tl2r-close-head button,
  .tl2v-tpsl-head button,
  .tl5a-margin-head button {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  .tl2e-close-modal-summary,
  .tl2r-close-summary,
  .tl2v-tpsl-summary,
  .tl5a-margin-grid,
  .tl5a-margin-preview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 9px !important;
  }

  .tl2e-close-modal-summary > div,
  .tl2r-close-summary > div,
  .tl2v-tpsl-summary > div,
  .tl5a-margin-grid > article,
  .tl5a-margin-preview > article {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .tl2e-close-modal-summary span,
  .tl2r-close-summary span,
  .tl2v-tpsl-summary span,
  .tl5a-margin-grid span,
  .tl5a-margin-preview span {
    font-size: 7px !important;
    line-height: 1.1 !important;
    letter-spacing: .12em !important;
  }

  .tl2e-close-modal-summary strong,
  .tl2r-close-summary strong,
  .tl2v-tpsl-summary strong,
  .tl5a-margin-grid strong,
  .tl5a-margin-preview strong {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl2e-close-modal-summary small,
  .tl2r-close-summary small,
  .tl2v-tpsl-summary small,
  .tl5a-margin-grid small,
  .tl5a-margin-preview small {
    display: none !important;
  }

  .tl2e-close-modal-card input,
  .tl2e-close-modal-card select,
  .tl2v-tpsl-card input,
  .tl2v-tpsl-card select,
  .tl5a-margin-card input,
  .tl5a-margin-card select {
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
  }

  .tl2f-partial-close-box,
  .tl2r-close-size-box,
  .tl2t-risk-manager,
  .tl5a-margin-input {
    margin-top: 11px !important;
    padding: 11px !important;
    border-radius: 15px !important;
  }

  .tl2t-risk-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .tl2t-risk-card,
  .tl2t-risk-preview {
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .tl2t-risk-actions {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 7px !important;
  }

  .tl2t-risk-actions button {
    min-height: 40px !important;
    padding: 8px 11px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .tl2e-close-pnl,
  .tl2r-close-pnl {
    margin-top: 10px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  .tl2e-close-note,
  .tl2r-close-note,
  .tl5a-margin-note,
  .tl2t-risk-status {
    margin-top: 9px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .tl2e-close-actions,
  .tl2r-close-actions,
  .tl2v-tpsl-foot,
  .tl5a-margin-actions {
    position: sticky !important;
    bottom: calc(-1 * env(safe-area-inset-bottom)) !important;
    z-index: 10 !important;
    display: grid !important;
    grid-template-columns: 1fr 1.25fr !important;
    gap: 8px !important;
    margin: 13px -4px -4px !important;
    padding: 9px 4px calc(4px + env(safe-area-inset-bottom)) !important;
    background:
      linear-gradient(180deg, rgba(2,6,23,0), rgba(2,6,23,.98) 25%) !important;
  }

  .tl2v-tpsl-foot {
    grid-template-columns: 1fr !important;
  }

  .tl2e-close-actions button,
  .tl2r-close-actions button,
  .tl2v-tpsl-foot button,
  .tl5a-margin-actions button {
    width: 100% !important;
    min-height: 46px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }
}

@media (max-width: 430px) {
  .tl5e-mobile-final {
    padding-inline: 6px !important;
  }

  .tl5e-mobile-final .tl2a-control-strip {
    grid-template-columns: 1fr !important;
    padding: 12px !important;
  }

  .tl5e-mobile-final .tl2a-control-strip > .tl2w-symbol-label {
    grid-column: auto !important;
  }

  .tl5e-mobile-final .tl5e-mobile-chart-box,
  .tl5e-mobile-final .tl4e-chart-box {
    height: 410px !important;
    min-height: 410px !important;
  }

  .tl5e-mobile-final .tl4e-svg,
  .tl5e-mobile-final .tl4f-expanded-terminal .tl4e-svg {
    right: 47px !important;
    width: calc(100% - 57px) !important;
  }

  .tl5e-mobile-final .tl4e-price-scale {
    width: 38px !important;
    font-size: 6px !important;
  }

  .tl5e-mobile-final .tl4e-last-pill {
    max-width: 120px !important;
    font-size: 12px !important;
  }

  .tl5e-mobile-final .tl4e-bottom > div {
    padding: 6px !important;
  }

  .tl5e-mobile-final .tl4e-bottom strong {
    font-size: 9px !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row {
    padding: 12px !important;
    gap: 8px 10px !important;
  }

  .tl5e-mobile-final .trading-lab-table tr.trading-lab-row > td {
    font-size: 12px !important;
  }

  .tl5e-mobile-final .trading-lab-row-actions button,
  .tl5e-mobile-final .tl2v-action-cell button,
  .tl5e-mobile-final .tl5a-action-cell button {
    min-height: 36px !important;
    font-size: 10px !important;
  }

  .tl2e-close-modal-summary,
  .tl2r-close-summary,
  .tl2v-tpsl-summary,
  .tl5a-margin-grid,
  .tl5a-margin-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* CIML Trading Lab Mobile Compact Dashboard V5F */
@media (max-width: 820px) {
  /* Three compact account cards */
  .tl5f-mobile-compact .tl2a-market-strip.tl5f-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 7px 0 9px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .tl5f-mobile-compact .tl5f-hide-kpi {
    display: none !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-strip > div:not(.tl5f-hide-kpi),
  .tl5f-mobile-compact .tl5f-kpi-strip > div:first-child:not(.tl5f-hide-kpi),
  .tl5f-mobile-compact .tl5f-kpi-strip > .main:not(.tl5f-hide-kpi) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 9px 8px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-strip > div span {
    font-size: 7px !important;
    line-height: 1.05 !important;
    letter-spacing: .11em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-strip > div strong {
    font-size: clamp(15px, 4.2vw, 19px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-strip > div small {
    font-size: 8px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-cash {
    border-color: rgba(56, 189, 248, .30) !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-profit {
    border-color: rgba(52, 211, 153, .30) !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-orders {
    border-color: rgba(99, 102, 241, .34) !important;
  }

  /* Symbol and exchange side by side */
  .tl5f-mobile-compact .tl2a-control-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin: 8px 0 9px !important;
    padding: 11px !important;
    border-radius: 18px !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip::before {
    grid-column: 1 / -1 !important;
    margin-bottom: 0 !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip::after {
    content: none !important;
    display: none !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip > .tl2w-symbol-label {
    grid-column: auto !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip label {
    min-width: 0 !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip label > span {
    margin-bottom: 5px !important;
    font-size: 8px !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip input,
  .tl5f-mobile-compact .tl2a-control-strip select {
    min-height: 43px !important;
    height: 43px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
  }

  .tl5f-mobile-compact .tl2a-layout {
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .tl5f-mobile-compact .tl2a-chart-shell {
    margin-top: 0 !important;
  }

  /* Four tabs on one row */
  .tl5f-mobile-compact .tl2g-ledger-tabs.tl5f-ledger-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 4px !important;
    overflow: visible !important;
  }

  .tl5f-mobile-compact .tl5f-ledger-tabs button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 5px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .tl5f-mobile-compact .tl5f-tab-icon {
    display: grid !important;
    flex: 0 0 22px !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    border: 1px solid rgba(56, 189, 248, .28) !important;
    border-radius: 8px !important;
    background: rgba(14, 165, 233, .09) !important;
    color: #7dd3fc !important;
    font-size: 9px !important;
    font-weight: 950 !important;
  }

  .tl5f-mobile-compact .tl5f-tab-copy {
    display: grid !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .tl5f-mobile-compact .tl5f-tab-copy strong {
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5f-mobile-compact .tl5f-tab-copy small {
    margin-top: 4px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  /* Compact history header, filters and pagination */
  .tl5f-mobile-compact .tl5f-hide-ledger-copy {
    display: none !important;
  }

  .tl5f-mobile-compact .tl5f-history-panel {
    padding: 11px !important;
    border-radius: 18px !important;
  }

  .tl5f-mobile-compact .tl5f-history-title {
    font-size: 20px !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
  }

  .tl5f-mobile-compact .tl5f-history-filter-button,
  .tl5f-mobile-compact .tl5f-history-page-button {
    min-height: 38px !important;
    padding: 7px 13px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
  }

  .tl5f-mobile-compact .tl5f-history-page-copy {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* Three-column mobile position data */
  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px 8px !important;
    padding: 11px !important;
    border-radius: 17px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td {
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td::before {
    margin-bottom: 2px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
    white-space: nowrap !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td:first-child {
    grid-column: 1 / -1 !important;
    padding-bottom: 7px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td:first-child strong {
    font-size: 16px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td:first-child small {
    font-size: 10px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td:nth-child(11) {
    display: none !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td:last-child {
    grid-column: 1 / -1 !important;
    padding-top: 3px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td:last-child::before {
    content: none !important;
    display: none !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td strong,
  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td [data-tl2c-mark-cell] {
    max-width: 100% !important;
    font-size: clamp(10px, 2.9vw, 13px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5f-mobile-compact .trading-lab-status,
  .tl5f-mobile-compact .trading-lab-side {
    max-width: 100% !important;
    padding: 5px 7px !important;
    font-size: 8px !important;
  }

  .tl5f-mobile-compact .trading-lab-row-actions,
  .tl5f-mobile-compact .tl2v-action-cell,
  .tl5f-mobile-compact .tl5a-action-cell {
    gap: 6px !important;
  }

  .tl5f-mobile-compact .trading-lab-row-actions button,
  .tl5f-mobile-compact .tl2v-action-cell button,
  .tl5f-mobile-compact .tl5a-action-cell button {
    min-height: 36px !important;
    height: 36px !important;
    padding: 6px 4px !important;
    font-size: 10px !important;
    border-radius: 11px !important;
  }
}

@media (max-width: 390px) {
  .tl5f-mobile-compact .tl5f-kpi-strip > div:not(.tl5f-hide-kpi) {
    min-height: 68px !important;
    height: 68px !important;
    padding-inline: 6px !important;
  }

  .tl5f-mobile-compact .tl5f-kpi-strip > div strong {
    font-size: 15px !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 10px !important;
  }

  .tl5f-mobile-compact .tl2a-control-strip input,
  .tl5f-mobile-compact .tl2a-control-strip select {
    padding-inline: 8px !important;
    font-size: 13px !important;
  }

  .tl5f-mobile-compact .tl5f-tab-icon {
    flex-basis: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  .tl5f-mobile-compact .tl5f-tab-copy strong {
    font-size: 7px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row {
    gap: 7px 6px !important;
    padding: 10px !important;
  }

  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td strong,
  .tl5f-mobile-compact .trading-lab-table tr.trading-lab-row > td [data-tl2c-mark-cell] {
    font-size: 10px !important;
  }
}


/* CIML Trading Lab Mobile KPI Cleanup V5F1 */
@media (max-width: 820px) {
  .tl5f1-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 8px 0 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .tl5f1-kpi-strip > * {
    min-width: 0 !important;
  }

  .tl5f1-kpi-strip .tl5f1-hide {
    display: none !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-height: 74px !important;
    height: 74px !important;
    padding: 10px 10px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) span {
    order: 1 !important;
    display: block !important;
    margin: 0 0 7px 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    white-space: nowrap !important;
    opacity: .9 !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) strong {
    order: 2 !important;
    display: block !important;
    margin: 0 !important;
    font-size: clamp(14px, 4vw, 20px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) small {
    display: none !important;
  }

  .tl5f1-kpi-strip .tl5f1-cash {
    border-color: rgba(59,130,246,.25) !important;
  }

  .tl5f1-kpi-strip .tl5f1-pnl {
    border-color: rgba(34,197,94,.25) !important;
  }

  .tl5f1-kpi-strip .tl5f1-openpending {
    border-color: rgba(99,102,241,.25) !important;
  }
}

@media (max-width: 390px) {
  .tl5f1-kpi-strip {
    gap: 6px !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) {
    min-height: 70px !important;
    height: 70px !important;
    padding: 8px !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) span {
    font-size: 8px !important;
  }

  .tl5f1-kpi-strip > *:not(.tl5f1-hide) strong {
    font-size: 13px !important;
  }
}


/* CIML Trading Lab Mobile KPI Direct Fix V5F3 */
@media (max-width: 820px) {
  [data-trading-lab-page-v2c].tl5f-mobile-compact .tl2a-market-strip,
  .tl5f-mobile-compact .tl2a-market-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 7px 0 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  /* Mobile only: remove Last Price and Base Account */
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(1),
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(2) {
    display: none !important;
  }

  /* Keep only cards 3, 4 and 5 */
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3),
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4),
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) {
    position: relative !important;
    display: flex !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 10px 9px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  /* Hide old long labels and subtitles */
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3) > span,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4) > span,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) > span,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3) > small,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4) > small,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) > small {
    display: none !important;
  }

  /* New short labels */
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3)::before,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4)::before,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5)::before {
    display: block !important;
    margin: 0 !important;
    color: rgba(148, 163, 184, .88) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    white-space: nowrap !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3)::before {
    content: "CASH";
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4)::before {
    content: "PNL";
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5)::before {
    content: "OPEN/PEND";
  }

  /* Values appear directly below labels */
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3) > strong,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4) > strong,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) > strong {
    position: static !important;
    display: block !important;
    align-self: flex-start !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #f8fafc !important;
    font-size: clamp(14px, 4.2vw, 19px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4) > strong {
    color: #34d399 !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3) {
    border-color: rgba(56, 189, 248, .30) !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4) {
    border-color: rgba(52, 211, 153, .30) !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) {
    border-color: rgba(99, 102, 241, .34) !important;
  }
}

@media (max-width: 390px) {
  .tl5f-mobile-compact .tl2a-market-strip {
    gap: 5px !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3),
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4),
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) {
    min-height: 70px !important;
    height: 70px !important;
    padding: 9px 7px !important;
  }

  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(3) > strong,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(4) > strong,
  .tl5f-mobile-compact .tl2a-market-strip > :nth-child(5) > strong {
    font-size: 13px !important;
  }
}


/* CIML Trading Lab Mobile KPI Strip Fix V5F4 */
@media (max-width: 820px) {
  [data-trading-lab-page-v2c] .tl2a-market-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    scroll-snap-type: none !important;
  }

  /* mobile only: hide Last Price + Base Account */
  [data-trading-lab-page-v2c] .tl2a-market-strip > .tl2a-price-card.main,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(2) {
    display: none !important;
  }

  /* keep Available Cash / Realized PnL / Orders */
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3),
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4),
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 86px !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 14px 12px 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  /* hide old texts */
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3) > span,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4) > span,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) > span,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3) > small,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4) > small,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) > small {
    display: none !important;
  }

  /* new short titles */
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5)::before {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    color: rgba(148,163,184,.92) !important;
    white-space: nowrap !important;
    z-index: 2 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3)::before {
    content: "CASH";
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4)::before {
    content: "PNL";
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5)::before {
    content: "OPEN/PEND";
  }

  /* value alignment */
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) > strong {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(17px, 4.8vw, 24px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4) > strong {
    color: #53d89a !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) > strong {
    letter-spacing: -.01em !important;
  }
}

@media (max-width: 390px) {
  [data-trading-lab-page-v2c] .tl2a-market-strip {
    gap: 6px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3),
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4),
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) {
    min-height: 80px !important;
    height: 80px !important;
    padding: 13px 10px 11px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5)::before {
    top: 10px !important;
    left: 10px !important;
    font-size: 10px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(3) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(4) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > div:nth-child(5) > strong {
    font-size: 15px !important;
  }
}


/* CIML Trading Lab Mobile KPI Setup Polish V5F5 */
@media (max-width: 820px) {
  /*
   * MOBILE KPI STRIP
   * Last Price and Base Account remain hidden by V5F4.
   */
  [data-trading-lab-page-v2c].tl5f-mobile-compact .tl2a-market-strip,
  [data-trading-lab-page-v2c] .tl2a-market-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 9px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(1),
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(2) {
    display: none !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3),
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4),
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) {
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 3px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 68px !important;
    height: 68px !important;

    margin: 0 !important;
    padding: 9px 6px 8px !important;

    border-radius: 15px !important;
    background:
      radial-gradient(circle at 50% 100%, rgba(59, 130, 246, .08), transparent 62%),
      linear-gradient(160deg, rgba(15, 23, 42, .94), rgba(2, 6, 23, .88)) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025),
      0 9px 22px rgba(0, 0, 0, .12) !important;

    overflow: hidden !important;
  }

  /* Override old absolute title positions */
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5)::before {
    position: static !important;
    inset: auto !important;
    display: block !important;
    align-self: start !important;
    justify-self: center !important;

    width: 100% !important;
    margin: 0 !important;

    color: rgba(166, 180, 201, .94) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3)::before {
    content: "CASH" !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4)::before {
    content: "PNL" !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5)::before {
    content: "OPEN/PEND" !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3) > span,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4) > span,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) > span,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3) > small,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4) > small,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) > small {
    display: none !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) > strong {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #f8fafc !important;
    font-size: clamp(14px, 4.1vw, 19px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4) > strong {
    color: #34d399 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3) {
    border-color: rgba(56, 189, 248, .36) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4) {
    border-color: rgba(52, 211, 153, .36) !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) {
    border-color: rgba(99, 102, 241, .42) !important;
  }

  /*
   * MOBILE MARKET SETUP
   * Symbol and Exchange remain side by side at every mobile width.
   */
  [data-trading-lab-page-v2c].tl5f-mobile-compact .tl2a-control-strip,
  [data-trading-lab-page-v2c] .tl2a-control-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: end !important;
    gap: 8px 9px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 7px 0 9px !important;
    padding: 11px !important;

    border-radius: 18px !important;
    overflow: visible !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip::before {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
  }

  /*
   * Non-form direct children are headings, such as
   * “Choose live market”; they stay full width.
   */
  [data-trading-lab-page-v2c] .tl2a-control-strip > :not(label):not(.tl2w-symbol-label) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip > label,
  [data-trading-lab-page-v2c] .tl2a-control-strip > .tl2w-symbol-label {
    grid-column: auto !important;
    display: grid !important;
    align-content: end !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip > strong,
  [data-trading-lab-page-v2c] .tl2a-control-strip > h2,
  [data-trading-lab-page-v2c] .tl2a-control-strip > h3,
  [data-trading-lab-page-v2c] .tl2a-control-strip > h4 {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip label > span {
    display: block !important;
    margin: 0 !important;

    color: rgba(166, 180, 201, .92) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip input,
  [data-trading-lab-page-v2c] .tl2a-control-strip select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 9px 10px !important;

    border-radius: 13px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  [data-trading-lab-page-v2c] .tl2w-symbol-hint {
    display: none !important;
  }
}

@media (max-width: 390px) {
  [data-trading-lab-page-v2c] .tl2a-market-strip {
    gap: 5px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3),
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4),
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) {
    min-height: 64px !important;
    height: 64px !important;
    padding: 8px 5px 7px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4)::before,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5)::before {
    font-size: 7px !important;
    letter-spacing: .09em !important;
  }

  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(3) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(4) > strong,
  [data-trading-lab-page-v2c] .tl2a-market-strip > :nth-child(5) > strong {
    font-size: 13px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 10px !important;
  }

  [data-trading-lab-page-v2c] .tl2a-control-strip input,
  [data-trading-lab-page-v2c] .tl2a-control-strip select {
    min-height: 42px !important;
    height: 42px !important;
    padding-inline: 8px !important;
    font-size: 13px !important;
  }
}


/* CIML Trading Lab Mobile Centered KPI Setup V5F6 */
@media (max-width: 820px) {
  /*
   * Exact high-specificity mobile scope.
   * Desktop is not affected.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 9px !important;
    padding: 0 !important;

    overflow: visible !important;
    white-space: normal !important;
    scroll-snap-type: none !important;
  }

  /* Mobile only: remove Last Price and Base Account. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(1),

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(2) {
    display: none !important;
  }

  /*
   * Cash / PnL / Open-Pending:
   * equal width, shorter height and fully centered.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3),

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4),

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    place-content: center !important;
    place-items: center !important;
    row-gap: 7px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 64px !important;
    height: 64px !important;

    margin: 0 !important;
    padding: 8px 5px !important;

    border-radius: 15px !important;
    background:
      radial-gradient(
        circle at 50% 115%,
        rgba(56, 189, 248, .08),
        transparent 65%
      ),
      linear-gradient(
        160deg,
        rgba(15, 23, 42, .96),
        rgba(2, 6, 23, .94)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025),
      0 8px 20px rgba(0, 0, 0, .12) !important;

    overflow: hidden !important;
  }

  /* Remove old title/subtitle elements. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3) > span,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4) > span,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) > span,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3) > small,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4) > small,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) > small {
    display: none !important;
  }

  /* Remove any inherited decorative band. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3)::after,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4)::after,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5)::after {
    content: none !important;
    display: none !important;
  }

  /* Clean centered titles. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3)::before,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4)::before,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5)::before {
    position: static !important;
    inset: auto !important;

    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: rgba(166, 180, 201, .92) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-align: center !important;
    text-shadow: none !important;
    white-space: nowrap !important;

    transform: none !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3)::before {
    content: "CASH" !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4)::before {
    content: "PNL" !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5)::before {
    content: "OPEN/PEND" !important;
  }

  /* Values fully centered below their titles. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3) > strong,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4) > strong,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) > strong {
    position: static !important;
    inset: auto !important;

    display: block !important;
    align-self: center !important;
    justify-self: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #f8fafc !important;
    font-size: clamp(14px, 4vw, 18px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4) > strong {
    color: #34d399 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3) {
    border-color: rgba(56, 189, 248, .38) !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4) {
    border-color: rgba(52, 211, 153, .38) !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) {
    border-color: rgba(99, 102, 241, .46) !important;
  }

  /*
   * MARKET SETUP
   * Exact rows:
   * row 1 = MARKET SETUP
   * row 2 = Choose live market
   * row 3 = Symbol | Exchange
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-auto-flow: row !important;
    align-items: end !important;

    gap: 7px 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 7px 0 9px !important;
    padding: 11px !important;

    border-radius: 18px !important;
    overflow: visible !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip::before {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip::after {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    align-self: start !important;

    width: 100% !important;
    margin: 0 0 2px !important;
  }

  /* Symbol: exact first label. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip > label.tl2w-symbol-label:first-of-type {
    grid-column: 1 !important;
    grid-row: 3 !important;

    display: grid !important;
    align-content: end !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Exchange: exact second label. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip > label:nth-of-type(2) {
    grid-column: 2 !important;
    grid-row: 3 !important;

    display: grid !important;
    align-content: end !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /*
   * Market Type and Leverage already exist in Order Ticket.
   * Keep their duplicate top controls hidden on mobile.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip > label:nth-of-type(n+3) {
    display: none !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip label > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;

    color: rgba(166, 180, 201, .92) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .15em !important;
    white-space: nowrap !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2w-symbol-combo {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip input,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip select,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2w-symbol-display {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 43px !important;
    height: 43px !important;

    margin: 0 !important;
    padding: 9px 10px !important;

    border-radius: 13px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2w-symbol-hint {
    display: none !important;
  }
}

@media (max-width: 390px) {
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip {
    gap: 5px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3),

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4),

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) {
    min-height: 60px !important;
    height: 60px !important;
    row-gap: 6px !important;
    padding: 7px 4px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3)::before,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4)::before,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5)::before {
    font-size: 7px !important;
    letter-spacing: .09em !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(3) > strong,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(4) > strong,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-market-strip > div:nth-child(5) > strong {
    font-size: 13px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 10px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip input,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2a-control-strip select,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2w-symbol-display {
    min-height: 40px !important;
    height: 40px !important;
    padding-inline: 8px !important;
    font-size: 12px !important;
  }
}


/* CIML Trading Lab Mobile TL2X3 Setup Compact V5F6A */
@media (max-width: 820px) {
  /*
   * TL-2X3 moves the live Symbol and Exchange controls into this mount.
   * Style the real moved controls directly. Desktop remains unchanged.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 7px 0 10px !important;
    padding: 11px !important;

    border: 1px solid rgba(56, 189, 248, .30) !important;
    border-radius: 17px !important;

    background:
      radial-gradient(
        circle at 0 0,
        rgba(56, 189, 248, .075),
        transparent 48%
      ),
      linear-gradient(
        155deg,
        rgba(15, 23, 42, .97),
        rgba(2, 6, 23, .95)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025),
      0 9px 24px rgba(0, 0, 0, .12) !important;

    overflow: visible !important;
  }

  /* Remove Market Setup and Choose live market completely. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup > .tl2x3-market-setup-head {
    display: none !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup::before,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup::after,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls::before,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls::after {
    content: none !important;
    display: none !important;
  }

  /* Real Symbol and Exchange controls: exact two-column mobile row. */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls > .tl2x3-market-control {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: end !important;
    gap: 6px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls > .tl2x3-market-symbol {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls > .tl2x3-market-exchange {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control > span {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(166, 180, 201, .94) !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    white-space: nowrap !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-symbol .tl2w-symbol-combo,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control input,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control select,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control .tl2w-symbol-display {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control input,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control select,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control .tl2w-symbol-display {
    min-height: 42px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 8px 9px !important;

    border-radius: 13px !important;

    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-symbol .tl2w-symbol-hint {
    display: none !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-symbol .tl2w-symbol-menu {
    z-index: 100 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 390px) {
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup {
    margin-block: 6px 9px !important;
    padding: 9px !important;
    border-radius: 16px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-setup-controls {
    gap: 6px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control > span {
    font-size: 7px !important;
    letter-spacing: .10em !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control input,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control select,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl2x3-market-control .tl2w-symbol-display {
    min-height: 40px !important;
    height: 40px !important;
    padding-inline: 7px !important;
    font-size: 12px !important;
  }
}


/* CIML Trading Lab Mobile Ledger History Polish V5F6B */
@media (max-width: 820px) {
  /*
   * LEDGER NAVIGATION
   * Keep four boxes in the existing position.
   * Only repair icon, title and count alignment.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 6px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 10px 0 12px !important;
    padding: 6px !important;

    border: 1px solid rgba(51, 65, 85, .72) !important;
    border-radius: 18px !important;

    background:
      linear-gradient(
        155deg,
        rgba(7, 13, 29, .98),
        rgba(3, 7, 18, .98)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025),
      0 10px 24px rgba(0, 0, 0, .14) !important;

    overflow: visible !important;
    white-space: normal !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 58px !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 7px 6px !important;

    border: 1px solid rgba(51, 65, 85, .74) !important;
    border-radius: 14px !important;

    background:
      linear-gradient(
        155deg,
        rgba(15, 23, 42, .98),
        rgba(9, 15, 31, .98)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025) !important;

    overflow: hidden !important;
    text-align: left !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button:hover {
    border-color: rgba(56, 189, 248, .36) !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button.active,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button.is-active,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button[aria-selected="true"],

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button[aria-pressed="true"] {
    border-color: rgba(56, 189, 248, .68) !important;

    background:
      radial-gradient(
        circle at 0 0,
        rgba(56, 189, 248, .17),
        transparent 58%
      ),
      linear-gradient(
        155deg,
        rgba(15, 38, 65, .98),
        rgba(10, 21, 42, .98)
      ) !important;

    box-shadow:
      inset 0 0 0 1px rgba(56, 189, 248, .16),
      0 8px 18px rgba(14, 165, 233, .10) !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-icon {
    display: grid !important;
    place-items: center !important;

    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(56, 189, 248, .46) !important;
    border-radius: 9px !important;

    background: rgba(14, 116, 144, .18) !important;
    color: #7dd3fc !important;

    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 4px !important;

    min-width: 0 !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    overflow: hidden !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-copy > strong {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #e7edf8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-copy > small {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(166, 180, 201, .90) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;

    white-space: nowrap !important;
  }

  /*
   * HISTORY PANEL
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-panel {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 14px !important;

    border-radius: 20px !important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(56, 189, 248, .055),
        transparent 44%
      ),
      linear-gradient(
        155deg,
        rgba(15, 23, 42, .98),
        rgba(3, 8, 22, .98)
      ) !important;

    overflow: hidden !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-title {
    display: block !important;

    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #f2f6ff !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-hide-ledger-copy {
    display: none !important;
  }

  /*
   * Parent containing All / Spot / Futures.
   * :has targets only the real immediate button row.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-panel
  :where(div, nav, section):has(> button.tl5f-history-filter-button) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 7px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-filter-button {
    display: grid !important;
    place-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 7px !important;

    border: 1px solid rgba(51, 65, 85, .78) !important;
    border-radius: 13px !important;

    background: rgba(15, 23, 42, .84) !important;
    color: rgba(190, 202, 221, .80) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .10em !important;
    text-align: center !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-filter-button.active,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-filter-button.is-active,

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-filter-button[aria-selected="true"],

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-filter-button[aria-pressed="true"] {
    border-color: rgba(56, 189, 248, .72) !important;

    background:
      linear-gradient(
        145deg,
        rgba(14, 116, 144, .30),
        rgba(15, 23, 42, .94)
      ) !important;

    color: #e6f7ff !important;
  }

  /*
   * Parent containing Prev / Page text / Next.
   */
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-panel
  :where(div, nav, section):has(> button.tl5f-history-page-button) {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) 68px !important;
    align-items: center !important;
    gap: 7px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-page-button {
    display: grid !important;
    place-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 39px !important;
    height: 39px !important;

    margin: 0 !important;
    padding: 0 6px !important;

    border: 1px solid rgba(51, 65, 85, .76) !important;
    border-radius: 13px !important;

    background: rgba(15, 23, 42, .80) !important;
    color: #d2dbea !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-page-button:disabled {
    opacity: .38 !important;
    cursor: default !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-page-copy {
    display: block !important;

    min-width: 0 !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 3px !important;

    color: rgba(182, 194, 214, .90) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 390px) {
  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs {
    gap: 5px !important;
    padding: 5px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-ledger-tabs > button {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 4px !important;

    min-height: 55px !important;
    height: 55px !important;

    padding: 6px 5px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-icon {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;

    border-radius: 8px !important;
    font-size: 10px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-copy > strong {
    font-size: 9px !important;
    letter-spacing: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-tab-copy > small {
    font-size: 9px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-panel {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-title {
    margin-bottom: 11px !important;
    font-size: 19px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-panel
  :where(div, nav, section):has(> button.tl5f-history-filter-button) {
    gap: 6px !important;
    margin-bottom: 9px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-filter-button {
    min-height: 38px !important;
    height: 38px !important;

    padding-inline: 4px !important;
    font-size: 9px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-panel
  :where(div, nav, section):has(> button.tl5f-history-page-button) {
    grid-template-columns: 61px minmax(0, 1fr) 61px !important;
    gap: 6px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-page-button {
    min-height: 37px !important;
    height: 37px !important;

    padding-inline: 4px !important;
    font-size: 10px !important;
  }

  html body
  [data-trading-lab-page-v2c].tl5e-mobile-final.tl5f-mobile-compact
  .tl5f-history-page-copy {
    font-size: 10px !important;
  }
}

@media (min-width: 821px) {
  /* Explicit desktop safety boundary. */
}


/* CIML Trading Lab History Cancelled Mobile Fix V5F6C-R1 */
@media (max-width: 820px) {
  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-tools {
    display: block !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button {
    grid-column: span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 7px !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap !important;
  }

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button:nth-child(4),
  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button:nth-child(5) {
    grid-column: span 3 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  > .tl2g-history-pager {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) 78px !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 10px !important;

    border: 1px solid rgba(105, 126, 164, 0.25) !important;
    border-radius: 16px !important;
    background: rgba(8, 16, 34, 0.72) !important;
  }

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  > .tl2g-history-pager
  > span {
    min-width: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  > .tl2g-history-pager
  > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 7px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .trading-lab-status.cancelled {
    color: #ffbd73 !important;
    border-color: rgba(255, 166, 77, 0.38) !important;
    background: rgba(255, 145, 45, 0.12) !important;
  }

  html body
  [data-trading-lab-page-v2c]
  label:has(> select[data-tl2a-mode]) {
    min-height: 0 !important;
    overflow: visible !important;
  }

  html body
  [data-trading-lab-page-v2c]
  select[data-tl2a-mode] {
    display: block !important;
    box-sizing: border-box !important;

    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 !important;
    padding: 0 46px 0 18px !important;

    color: #f3f7ff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    text-indent: 0 !important;

    overflow: visible !important;
    transform: none !important;
  }
}


/* CIML Trading Lab Mobile History Grid Menu V5F6D */
@media (max-width: 820px) {
  /*
   * HISTORY FILTER GRID
   * Row one: All / Spot / Futures
   * Row two: Executed / Cancelled
   */
  html body
  [data-trading-lab-page-v2c]
  .tl5f-history-panel
  :where(div, nav, section):has(
    > button.tl5f-history-filter-button
  ),

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters {
    display: grid !important;
    grid-template-columns:
      repeat(6, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f-history-panel
  :where(div, nav, section):has(
    > button.tl5f-history-filter-button
  )
  > button.tl5f-history-filter-button,

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button {
    grid-column: span 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border-radius: 14px !important;

    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .085em !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f-history-panel
  :where(div, nav, section):has(
    > button.tl5f-history-filter-button
  )
  > button.tl5f-history-filter-button:nth-child(4),

  html body
  [data-trading-lab-page-v2c]
  .tl5f-history-panel
  :where(div, nav, section):has(
    > button.tl5f-history-filter-button
  )
  > button.tl5f-history-filter-button:nth-child(5),

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button:nth-child(4),

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button:nth-child(5) {
    grid-column: span 3 !important;
  }

  /*
   * Keep the cloned mobile menu item inside the same visual system.
   */
  html body
  a[data-ciml-trading-lab-menu="1"] {
    isolation: isolate !important;
  }
}

@media (max-width: 390px) {
  html body
  [data-trading-lab-page-v2c]
  .tl5f-history-panel
  :where(div, nav, section):has(
    > button.tl5f-history-filter-button
  ),

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters {
    gap: 7px !important;
    margin-bottom: 10px !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f-history-panel
  :where(div, nav, section):has(
    > button.tl5f-history-filter-button
  )
  > button.tl5f-history-filter-button,

  html body
  [data-trading-lab-page-v2c]
  [data-tl2f-ledger="history"]
  .tl2g-history-filters
  > button {
    min-height: 42px !important;
    height: 42px !important;

    padding-inline: 5px !important;

    font-size: 9px !important;
    letter-spacing: .065em !important;
  }
}


/* CIML Trading Lab History Grid Stable Menu V5F6E-R1 */
@media (max-width: 820px) {
  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid {
    display: grid !important;
    grid-template-columns:
      repeat(6, minmax(0, 1fr)) !important;

    align-items: stretch !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    flex-direction: unset !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid
  > [data-tl5f6e-r1-slot="1"],

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid
  > [data-tl5f6e-r1-slot="2"],

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid
  > [data-tl5f6e-r1-slot="3"] {
    grid-column: span 2 !important;
    grid-row: 1 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid
  > [data-tl5f6e-r1-slot="4"],

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid
  > [data-tl5f6e-r1-slot="5"] {
    grid-column: span 3 !important;
    grid-row: 2 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-item
  button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border-radius: 14px !important;

    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;

    white-space: nowrap !important;
  }
}

@media (max-width: 390px) {
  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-grid {
    gap: 7px !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl5f6e-r1-history-item
  button {
    min-height: 42px !important;
    height: 42px !important;

    padding-inline: 5px !important;

    font-size: 9px !important;
    letter-spacing: .06em !important;
  }
}


/* CIML Trading Lab Mobile Symbol Menu IOS Zoom V5F6F */
@media (max-width: 820px) {
  /*
   * Allow the symbol dropdown to leave the half-width Symbol column.
   * The menu remains attached to the existing symbol selector.
   */
  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-setup,

  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-setup-controls,

  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-control,

  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-symbol,

  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-combo {
    overflow: visible !important;
    contain: none !important;
    clip-path: none !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-setup {
    position: relative !important;
    z-index: 80 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-setup-controls {
    position: relative !important;
    z-index: 81 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2x3-market-symbol {
    position: relative !important;
    z-index: 90 !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-combo {
    position: relative !important;
    z-index: 91 !important;
  }

  /*
   * Open across most of the mobile setup row instead of being
   * restricted to the narrow Symbol column.
   */
  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu {
    position: absolute !important;

    top: calc(100% + 8px) !important;
    left: -8px !important;
    right: auto !important;

    width: calc(200% + 20px) !important;
    min-width: 280px !important;
    max-width: calc(100vw - 24px) !important;

    max-height: 360px !important;
    max-height: min(360px, 54svh) !important;

    margin: 0 !important;
    padding: 8px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    box-sizing: border-box !important;
    z-index: 99999 !important;

    transform: none !important;
    translate: none !important;

    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 18px !important;
    box-shadow:
      0 24px 60px rgba(0, 0, 0, 0.62),
      0 0 0 1px rgba(45, 184, 255, 0.22) !important;
  }

  /*
   * Keep every option inside the dropdown width.
   */
  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu
  > * {
    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    overflow: hidden !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu
  :where(
    button,
    a,
    [role="option"]
  ) {
    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    gap: 10px !important;
    overflow: hidden !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu
  :where(
    div,
    span,
    strong,
    small
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu
  :where(
    strong,
    span,
    small
  ) {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /*
   * Keep coin price values visible on the right side.
   */
  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu
  :where(
    [class*="price"],
    [data-price]
  ) {
    flex: 0 0 auto !important;
    max-width: 44% !important;

    text-align: right !important;
    white-space: nowrap !important;
  }

  /*
   * Mobile form controls use at least 16px.
   * iOS Safari does not auto-zoom controls at 16px or above.
   */
  html body
  [data-trading-lab-page-v2c]
  :where(
    input,
    select,
    textarea,
    [contenteditable="true"]
  ) {
    font-size: 16px !important;
    touch-action: manipulation !important;
  }
}

/*
 * Extra iOS Safari safeguards without disabling user pinch zoom.
 */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 820px) {
    html {
      -webkit-text-size-adjust: 100% !important;
      text-size-adjust: 100% !important;
    }

    html body
    [data-trading-lab-page-v2c]
    :where(
      input,
      select,
      textarea,
      [contenteditable="true"]
    ) {
      font-size: 16px !important;
      line-height: 1.25 !important;
      transform: none !important;
      zoom: 1 !important;
    }
  }
}

@media (max-width: 390px) {
  html body
  [data-trading-lab-page-v2c]
  .tl2w-symbol-menu {
    left: -6px !important;

    width: calc(200% + 16px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;

    max-height: 330px !important;
    max-height: min(330px, 52svh) !important;

    padding: 7px !important;
    border-radius: 16px !important;
  }
}


/* CIML Trading Lab Live Price Bridge V6B5 */
[data-trading-lab-page-v2c]
.tl6b5-direction-up {
  color: #35e6aa !important;
  border-color: rgba(46, 230, 166, 0.72) !important;
  background:
    linear-gradient(
      135deg,
      rgba(7, 75, 63, 0.94),
      rgba(5, 43, 45, 0.96)
    ) !important;
  box-shadow:
    0 0 0 1px rgba(46, 230, 166, 0.12),
    0 10px 28px rgba(10, 180, 133, 0.13) !important;
}

[data-trading-lab-page-v2c]
.tl6b5-direction-down {
  color: #ff7384 !important;
  border-color: rgba(255, 101, 120, 0.72) !important;
  background:
    linear-gradient(
      135deg,
      rgba(86, 21, 40, 0.94),
      rgba(49, 13, 29, 0.96)
    ) !important;
  box-shadow:
    0 0 0 1px rgba(255, 101, 120, 0.12),
    0 10px 28px rgba(207, 40, 75, 0.13) !important;
}

[data-trading-lab-page-v2c]
.tl6b5-direction-flat {
  color: #75dfff !important;
  border-color: rgba(57, 201, 255, 0.66) !important;
  background:
    linear-gradient(
      135deg,
      rgba(9, 57, 83, 0.94),
      rgba(7, 31, 57, 0.96)
    ) !important;
}

[data-trading-lab-page-v2c]
[data-tl4e-price].tl6b5-direction-up,
[data-trading-lab-page-v2c]
[data-tl4e-last].tl6b5-direction-up {
  color: #eafff8 !important;
}

[data-trading-lab-page-v2c]
[data-tl4e-price].tl6b5-direction-down,
[data-trading-lab-page-v2c]
[data-tl4e-last].tl6b5-direction-down {
  color: #fff0f2 !important;
}

@media (max-width: 820px) {
  [data-trading-lab-page-v2c]
  [data-tl4e-price] {
    transition:
      color 140ms ease,
      background-color 140ms ease,
      border-color 140ms ease;
  }
}

/* CIML Trading Lab Desktop Ledger Cards V6B5C1 */
@media (min-width: 821px) {
  [data-trading-lab-page-v2c] .tl2g-ledger-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 7px;
    border: 1px solid rgba(117, 148, 195, 0.16);
    border-radius: 17px;
    background:
      linear-gradient(
        180deg,
        rgba(12, 22, 42, 0.76),
        rgba(5, 12, 27, 0.82)
      );
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.025),
      0 14px 30px rgba(0, 0, 0, 0.12);
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "label count"
      "meta count";
    column-gap: 18px;
    row-gap: 5px;
    align-items: center;
    min-width: 0;
    min-height: 82px;
    padding: 15px 18px;
    overflow: hidden;
    border: 1px solid rgba(117, 148, 195, 0.16);
    border-radius: 13px;
    background:
      linear-gradient(
        145deg,
        rgba(17, 30, 55, 0.9),
        rgba(10, 17, 38, 0.96)
      );
    color: #dce8fa;
    text-align: left;
    cursor: pointer;
    transition:
      border-color 160ms ease,
      background 160ms ease,
      box-shadow 160ms ease,
      transform 160ms ease;
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab]::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: rgba(80, 126, 190, 0.34);
    transition:
      background 160ms ease,
      box-shadow 160ms ease;
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab]:hover {
    border-color: rgba(74, 170, 235, 0.38);
    background:
      linear-gradient(
        145deg,
        rgba(20, 38, 68, 0.96),
        rgba(10, 19, 43, 0.98)
      );
    transform: translateY(-1px);
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] > span,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] span:first-child {
    grid-area: label;
    min-width: 0;
    margin: 0;
    color: #edf5ff;
    font-size: 15px;
    font-weight: 760;
    line-height: 1.2;
    letter-spacing: 0.025em;
    white-space: normal;
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] > strong,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] strong {
    grid-area: count;
    align-self: center;
    min-width: 42px;
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.035em;
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] > small,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab] small {
    grid-area: meta;
    min-width: 0;
    margin: 0;
    color: #8fa3bf;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: 0.035em;
    white-space: normal;
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab][aria-selected="true"],
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab].active,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab].is-active {
    border-color: rgba(41, 175, 239, 0.72);
    background:
      linear-gradient(
        145deg,
        rgba(17, 53, 82, 0.98),
        rgba(12, 29, 59, 0.98)
      );
    box-shadow:
      0 0 0 1px rgba(41, 175, 239, 0.1),
      0 10px 26px rgba(5, 93, 142, 0.14);
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab][aria-selected="true"]::before,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab].active::before,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab].is-active::before {
    background: #2cb8f0;
    box-shadow: 0 0 14px rgba(44, 184, 240, 0.48);
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab][aria-selected="true"]
  strong,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab].active
  strong,
  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab].is-active
  strong {
    color: #71d8ff;
  }

  [data-trading-lab-page-v2c]
  [data-tl2g-ledger-tab]:focus-visible {
    outline: 2px solid rgba(67, 188, 244, 0.92);
    outline-offset: 2px;
  }

  @media (max-width: 1180px) {
    [data-trading-lab-page-v2c]
    .tl2g-ledger-tabs {
      gap: 9px;
    }

    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] {
      column-gap: 12px;
      min-height: 76px;
      padding: 13px 14px;
    }

    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] > span,
    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] span:first-child {
      font-size: 13px;
    }

    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] > strong,
    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] strong {
      font-size: 24px;
    }

    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] > small,
    [data-trading-lab-page-v2c]
    [data-tl2g-ledger-tab] small {
      font-size: 11px;
    }
  }
}

/* CIML Trading Lab Entry Mode V6B5E1-R1 */
[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0 0 8px;
  padding: 5px;
  border: 1px solid rgba(111, 145, 191, 0.22);
  border-radius: 13px;
  background: rgba(7, 15, 31, 0.78);
}

[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 button {
  display: grid;
  gap: 3px;
  align-content: center;
  min-width: 0;
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #8fa3bf;
  cursor: pointer;
  text-align: center;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    color 150ms ease,
    box-shadow 150ms ease;
}

[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 button:hover {
  border-color: rgba(58, 173, 232, 0.34);
  color: #dcecff;
}

[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 button strong {
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.055em;
}

[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 button small {
  color: inherit;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.1;
  opacity: 0.82;
}

[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 button.is-active {
  border-color: rgba(41, 180, 239, 0.72);
  background:
    linear-gradient(
      145deg,
      rgba(18, 61, 91, 0.96),
      rgba(13, 37, 71, 0.98)
    );
  color: #70d8ff;
  box-shadow:
    0 0 0 1px rgba(41, 180, 239, 0.08),
    0 8px 20px rgba(6, 104, 158, 0.13);
}

[data-trading-lab-page-v2c]
.tl-entry-mode-v6b5e1r1 button:focus-visible {
  outline: 2px solid rgba(75, 196, 246, 0.95);
  outline-offset: 2px;
}

[data-trading-lab-page-v2c]
.tl-entry-mode-help-v6b5e1r1 {
  margin: 0 2px 8px;
  color: #879bb7;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
}

[data-trading-lab-page-v2c]
#trading-lab-form[
  data-tl-entry-mode-v6b5e1-r1="LIVE"
]
input[name="entry"] {
  color: #8fa6c5;
  cursor: default;
}

@media (max-width: 820px) {
  [data-trading-lab-page-v2c]
  .tl-entry-mode-v6b5e1r1 {
    gap: 6px;
    margin-bottom: 7px;
    padding: 4px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-mode-v6b5e1r1 button {
    min-height: 44px;
    padding: 7px 8px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-mode-v6b5e1r1 button strong {
    font-size: 11px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-mode-v6b5e1r1 button small {
    font-size: 9px;
  }
}

/* CIML Trading Lab Entry Quick Live V6B5E2 */
[data-trading-lab-page-v2c]
.tl-entry-price-row-v6b5e2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 8px;
  align-items: stretch;
}

[data-trading-lab-page-v2c]
.tl-entry-price-row-v6b5e2
input[name="entry"] {
  min-width: 0;
  width: 100%;
}

[data-trading-lab-page-v2c]
.tl-entry-quick-live-v6b5e2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 96px;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(45, 183, 239, 0.64);
  border-radius: 10px;
  background:
    linear-gradient(
      145deg,
      rgba(22, 93, 128, 0.96),
      rgba(47, 82, 176, 0.96)
    );
  color: #effbff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.045em;
  white-space: nowrap;
  cursor: pointer;
  box-shadow:
    0 8px 18px rgba(8, 94, 145, 0.14);
  transition:
    border-color 150ms ease,
    filter 150ms ease,
    transform 150ms ease;
}

[data-trading-lab-page-v2c]
.tl-entry-quick-live-v6b5e2:hover {
  border-color: rgba(93, 218, 255, 0.9);
  filter: brightness(1.08);
  transform: translateY(-1px);
}

[data-trading-lab-page-v2c]
.tl-entry-quick-live-v6b5e2:active {
  transform: translateY(0);
}

[data-trading-lab-page-v2c]
.tl-entry-quick-live-v6b5e2:focus-visible {
  outline: 2px solid rgba(91, 211, 255, 0.95);
  outline-offset: 2px;
}

@media (max-width: 820px) {
  [data-trading-lab-page-v2c]
  .tl-entry-price-row-v6b5e2 {
    grid-template-columns: minmax(0, 1fr) 82px;
    gap: 6px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-quick-live-v6b5e2 {
    width: 82px;
    min-height: 46px;
    padding: 7px 6px;
    border-radius: 11px;
    font-size: 10px;
    letter-spacing: 0.025em;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-mode-help-v6b5e1r1 {
    margin-top: 2px;
    line-height: 1.45;
  }
}

/* CIML Trading Lab Entry Row Layout V6B5E2-R1 */
[data-trading-lab-page-v2c]
.tl-entry-price-controls-v6b5e2r1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 8px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

[data-trading-lab-page-v2c]
.tl-entry-price-controls-v6b5e2r1
input[name="entry"] {
  display: block;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}

[data-trading-lab-page-v2c]
.tl-entry-price-controls-v6b5e2r1
.tl-entry-quick-live-v6b5e2 {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
}

[data-trading-lab-page-v2c]
.tl-entry-price-controls-v6b5e2r1[hidden] {
  display: none !important;
}

@media (max-width: 820px) {
  [data-trading-lab-page-v2c]
  .tl-entry-price-controls-v6b5e2r1 {
    grid-template-columns: minmax(0, 1fr) 86px;
    gap: 7px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-price-controls-v6b5e2r1
  input[name="entry"] {
    min-height: 46px;
    padding-inline: 12px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-price-controls-v6b5e2r1
  .tl-entry-quick-live-v6b5e2 {
    min-height: 46px;
    padding: 7px 5px;
    font-size: 10px;
  }

  [data-trading-lab-page-v2c]
  .tl-entry-mode-help-v6b5e1r1 {
    margin-top: 7px;
  }
}