/* CIML Liq Map Professional R3B */
.ciml-fast-terminal-r3b {
  width: min(100%, 1760px);
  margin: 0 auto;
  padding: 14px;
  border: 1px solid rgba(103, 232, 249, .17);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(8, 17, 32, .97), rgba(4, 12, 24, .98));
  box-shadow: 0 22px 70px rgba(0, 0, 0, .22);
}

.ciml-fast-terminal-r3b > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 8px 4px 14px;
}

.ciml-fast-terminal-r3b header span,
.ciml-fast-terminal-r3b article > span,
.ciml-fast-grid-r3b > article > span {
  display: block;
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ciml-fast-terminal-r3b header strong { display: block; margin: 4px 0; color: #f8fafc; font-size: 23px; }
.ciml-fast-terminal-r3b header small { color: #94a3b8; font-size: 11px; }
.ciml-fast-badges-r3b { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.ciml-fast-badges-r3b b { padding: 7px 9px; border: 1px solid rgba(103,232,249,.15); border-radius: 999px; background: rgba(15,23,42,.78); color: #cbd5e1; font-size: 9px; }

.ciml-fast-kpis-r3b { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.ciml-fast-kpis-r3b article,
.ciml-fast-grid-r3b > article { padding: 11px; border: 1px solid rgba(148,163,184,.11); border-radius: 13px; background: rgba(15,23,42,.62); }
.ciml-fast-kpis-r3b strong { display: block; margin: 6px 0 3px; color: #f8fafc; font-size: 18px; }
.ciml-fast-kpis-r3b strong.long { color: #fb7185; }
.ciml-fast-kpis-r3b strong.short { color: #34d399; }
.ciml-fast-kpis-r3b small { color: #94a3b8; font-size: 9px; }
.ciml-fast-grid-r3b { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.ciml-fast-level { display: grid; grid-template-columns: 26px auto 1fr; gap: 7px; align-items: center; margin-top: 8px; }
.ciml-fast-level > span { color: #64748b; font-size: 9px; }
.ciml-fast-level > b { color: #f8fafc; font-size: 11px; }
.ciml-fast-level > small { color: #94a3b8; font-size: 9px; text-align: right; }
.ciml-fast-level > i { grid-column: 1 / -1; height: 3px; overflow: hidden; border-radius: 999px; background: rgba(51,65,85,.7); }
.ciml-fast-level > i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #06b6d4, #3b82f6); }
.ciml-fast-heat-r3b > div { display: flex; align-items: flex-end; gap: 3px; height: 86px; margin: 10px 0 7px; }
.ciml-fast-heat-r3b > div i { flex: 1; min-width: 2px; border-radius: 3px 3px 0 0; background: #334155; }
.ciml-fast-heat-r3b > div i.long { background: #fb7185; }
.ciml-fast-heat-r3b > div i.short { background: #34d399; }
.ciml-fast-heat-r3b > small { color: #64748b; font-size: 9px; }

.ciml-quicknav-r3b {
  position: sticky;
  top: 8px;
  z-index: 18;
  display: flex;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 8px 0 12px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid rgba(103,232,249,.14);
  border-radius: 13px;
  background: rgba(5,13,27,.88);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
  backdrop-filter: blur(16px);
}
.ciml-quicknav-r3b button { min-height: 31px; padding: 0 11px; border: 0; border-radius: 9px; background: transparent; color: #94a3b8; font-size: 10px; font-weight: 900; cursor: pointer; white-space: nowrap; }
.ciml-quicknav-r3b button:hover { background: rgba(8,145,178,.16); color: #ecfeff; }

.ciml-context-r3b { display: grid; grid-template-columns: minmax(340px, 1.25fr) minmax(620px, 1.75fr); gap: 10px; padding: 10px 12px; border-top: 1px solid rgba(103,232,249,.1); border-bottom: 1px solid rgba(103,232,249,.1); background: linear-gradient(90deg, rgba(8,145,178,.08), rgba(15,23,42,.2)); }
.ciml-context-r3b.is-stale { border-color: rgba(251,191,36,.24); background: linear-gradient(90deg, rgba(245,158,11,.08), rgba(15,23,42,.2)); }
.ciml-context-copy-r3b > span { color: #67e8f9; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.ciml-context-copy-r3b > strong { display: block; margin: 5px 0; color: #e2e8f0; font-size: 12px; line-height: 1.45; }
.ciml-context-copy-r3b > small { color: #64748b; font-size: 9px; }
.ciml-context-stats-r3b { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.ciml-context-stats-r3b article { min-width: 0; padding: 8px 9px; border: 1px solid rgba(148,163,184,.1); border-radius: 10px; background: rgba(15,23,42,.54); }
.ciml-context-stats-r3b span { display: block; color: #64748b; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.ciml-context-stats-r3b strong { display: block; margin: 4px 0 2px; overflow: hidden; color: #f8fafc; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ciml-context-stats-r3b small { display: block; overflow: hidden; color: #64748b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.ciml-r3-symbol-picker label { position: relative; }
.ciml-symbol-results-r3b { position: absolute; top: calc(100% + 5px); left: 0; z-index: 40; width: min(380px, 92vw); max-height: 340px; padding: 6px; overflow-y: auto; border: 1px solid rgba(103,232,249,.2); border-radius: 12px; background: rgba(4,12,24,.98); box-shadow: 0 22px 60px rgba(0,0,0,.42); }
.ciml-symbol-results-r3b button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 38px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #e2e8f0; cursor: pointer; }
.ciml-symbol-results-r3b button:hover { background: rgba(8,145,178,.18); }
.ciml-symbol-results-r3b button b { font-size: 11px; }
.ciml-symbol-results-r3b button span { color: #64748b; font-size: 9px; }
.ciml-symbol-results-r3b > small { display: block; padding: 12px; color: #94a3b8; }

@media (max-width: 1180px) {
  .ciml-context-r3b { grid-template-columns: 1fr; }
  .ciml-context-stats-r3b { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ciml-fast-kpis-r3b { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ciml-fast-terminal-r3b > header { grid-template-columns: 1fr; }
  .ciml-fast-badges-r3b { justify-content: flex-start; }
  .ciml-fast-kpis-r3b { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ciml-fast-grid-r3b { grid-template-columns: 1fr; }
  .ciml-context-stats-r3b { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ciml-quicknav-r3b { width: 100%; }
}

/* CIML Liq Map 8A-3C-v2 Step 1: route-scoped market finder and Risk Tape filters */
.pro-map-page-v4 .ciml-market-finder-step1-v2 {
  position: relative;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 430px) 1fr;
  align-items: end;
  gap: 12px;
  min-width: 0;
  padding-bottom: 2px;
}

.pro-map-page-v4 .ciml-market-finder-step1-v2 > span,
.pro-map-page-v4 .ciml-risk-filters-v2 label > span {
  display: block;
  margin-bottom: 6px;
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pro-map-page-v4 .ciml-market-finder-step1-v2 label,
.pro-map-page-v4 .ciml-risk-coin-v2 {
  position: relative;
  display: block;
  min-width: 0;
}

.pro-map-page-v4 .ciml-market-finder-step1-v2 > span {
  display: none;
}

.pro-map-page-v4 .ciml-market-finder-step1-v2 input,
.pro-map-page-v4 .ciml-risk-filters-v2 input,
.pro-map-page-v4 .ciml-risk-filters-v2 select {
  width: 100%;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 10px;
  outline: none;
  background: rgba(4, 12, 24, .92);
  color: #e2e8f0;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}

.pro-map-page-v4 .ciml-market-finder-step1-v2 input:focus,
.pro-map-page-v4 .ciml-risk-filters-v2 input:focus,
.pro-map-page-v4 .ciml-risk-filters-v2 select:focus {
  border-color: rgba(34, 211, 238, .56);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .08);
}

.pro-map-page-v4 .ciml-market-finder-step1-v2 label > small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 9px;
}

.pro-map-page-v4 .ciml-market-popup-v2 {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  z-index: 80;
  width: min(560px, 88vw);
  max-height: 420px;
  padding: 7px;
  overflow-y: auto;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 13px;
  background: rgba(3, 10, 22, .99);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .55);
  scrollbar-width: thin;
}

.pro-map-page-v4 .ciml-market-popup-v2.compact {
  width: min(470px, 88vw);
  max-height: 350px;
}

.pro-map-page-v4 .ciml-finder-head-v2 {
  position: sticky;
  top: -7px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 9px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
  background: rgba(3, 10, 22, .98);
}

.pro-map-page-v4 .ciml-finder-head-v2 b { color: #e2e8f0; font-size: 10px; }
.pro-map-page-v4 .ciml-finder-head-v2 span { color: #67e8f9; font-size: 9px; font-weight: 900; }

.pro-map-page-v4 .ciml-finder-row-v2 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(180px, 1.35fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 7px 9px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #e2e8f0;
  text-align: left;
  cursor: pointer;
}

.pro-map-page-v4 .ciml-finder-row-v2:hover,
.pro-map-page-v4 .ciml-finder-row-v2.is-active {
  background: rgba(8, 145, 178, .17);
}

.pro-map-page-v4 .ciml-finder-row-v2 > span:last-child { text-align: right; }
.pro-map-page-v4 .ciml-finder-row-v2 b { display: block; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.pro-map-page-v4 .ciml-finder-row-v2 small { display: block; margin-top: 3px; overflow: hidden; color: #64748b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.pro-map-page-v4 .ciml-finder-empty-v2 { padding: 15px 10px; color: #94a3b8; font-size: 10px; }

.pro-map-page-v4 .ciml-risk-filters-v2 {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(160px, .8fr) minmax(160px, .8fr) minmax(140px, .65fr) auto;
  gap: 9px;
  align-items: end;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
  background: rgba(2, 6, 23, .28);
}

.pro-map-page-v4 .ciml-risk-filters-v2 button {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 10px;
  background: rgba(8, 145, 178, .12);
  color: #cffafe;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}

.pro-map-page-v4 .ciml-risk-filters-v2 button:hover { background: rgba(8, 145, 178, .22); }
.pro-map-page-v4 .pro-largest-tabs-v25 button:disabled { opacity: .32; cursor: not-allowed; }

@media (min-width: 1100px) {
  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: minmax(340px, 1fr) minmax(190px, auto) minmax(260px, auto) minmax(270px, auto);
  }
}

@media (max-width: 980px) {
  .pro-map-page-v4 .ciml-risk-filters-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pro-map-page-v4 .ciml-risk-filters-v2 button { width: 100%; }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-market-finder-step1-v2 { grid-template-columns: 1fr; }
  .pro-map-page-v4 .ciml-market-popup-v2 { width: min(94vw, 520px); }
  .pro-map-page-v4 .ciml-finder-row-v2 { grid-template-columns: 1fr; gap: 3px; }
  .pro-map-page-v4 .ciml-finder-row-v2 > span:last-child { text-align: left; }
  .pro-map-page-v4 .ciml-risk-filters-v2 { grid-template-columns: 1fr; padding: 11px 12px; }
}

/* CIML Liq Map 8A-3C-v2 Step 2F-3: verified Risk Tape history coverage */
.pro-map-page-v4 .ciml-risk-coverage-v2 {
  display: grid;
  grid-template-columns: minmax(250px, .9fr) minmax(560px, 1.8fr);
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
  background: linear-gradient(90deg, rgba(8, 145, 178, .07), rgba(2, 6, 23, .24));
}

.pro-map-page-v4 .ciml-risk-coverage-v2.is-loading,
.pro-map-page-v4 .ciml-risk-coverage-v2.is-unavailable {
  grid-template-columns: 1fr;
}

.pro-map-page-v4 .ciml-risk-coverage-head-v2 > span {
  display: block;
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pro-map-page-v4 .ciml-risk-coverage-head-v2 > strong {
  display: block;
  margin: 5px 0 4px;
  color: #e2e8f0;
  font-size: 12px;
}

.pro-map-page-v4 .ciml-risk-coverage-head-v2 > small {
  display: block;
  max-width: 520px;
  color: #64748b;
  font-size: 9px;
  line-height: 1.45;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 article {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 11px;
  background: rgba(15, 23, 42, .55);
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 article.is-full {
  border-color: rgba(52, 211, 153, .2);
  background: rgba(6, 78, 59, .11);
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 article.is-partial {
  border-color: rgba(251, 191, 36, .24);
  background: rgba(120, 53, 15, .1);
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 article.is-unavailable {
  opacity: .58;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 span {
  color: #94a3b8;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 strong,
.pro-map-page-v4 .ciml-risk-coverage-grid-v2 b,
.pro-map-page-v4 .ciml-risk-coverage-grid-v2 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 strong {
  margin: 4px 0 6px;
  color: #34d399;
  font-size: 11px;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 article.is-partial strong { color: #fbbf24; }
.pro-map-page-v4 .ciml-risk-coverage-grid-v2 article.is-unavailable strong { color: #94a3b8; }
.pro-map-page-v4 .ciml-risk-coverage-grid-v2 b { color: #e2e8f0; font-size: 10px; }
.pro-map-page-v4 .ciml-risk-coverage-grid-v2 small { margin-top: 3px; color: #64748b; font-size: 8px; }

.pro-map-page-v4 .ciml-risk-coverage-meta-v2 {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pro-map-page-v4 .ciml-risk-coverage-meta-v2 span {
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 999px;
  background: rgba(15, 23, 42, .46);
  color: #64748b;
  font-size: 8px;
}

.pro-map-page-v4 .ciml-risk-coverage-meta-v2 b { color: #cbd5e1; }
.pro-map-page-v4 .ciml-risk-coverage-note-v2 { grid-column: 1 / -1; color: #475569; font-size: 8px; line-height: 1.45; }
.pro-map-page-v4 .pro-largest-tabs-v25 button[data-coverage-status="partial"]::after { content: " · partial"; color: #fbbf24; font-size: 7px; }
.pro-map-page-v4 .pro-largest-tabs-v25 button[data-coverage-status="unavailable"] { opacity: .3; }

@media (max-width: 1100px) {
  .pro-map-page-v4 .ciml-risk-coverage-v2 { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-risk-coverage-v2 { padding: 11px 12px; }
  .pro-map-page-v4 .ciml-risk-coverage-grid-v2 { grid-template-columns: 1fr; }
}

/* CIML Liq Map 8A-3C-v2 Step 2F-3R: readable Risk Tape coverage */
.pro-map-page-v4 [data-pro-largest-status-v25] {
  font-size: 12px;
  line-height: 1.45;
}

.pro-map-page-v4 .pro-largest-tabs-v25 button {
  min-height: 34px;
  padding: 0 13px;
  font-size: 12px;
}

.pro-map-page-v4 .ciml-risk-filters-v2 label > span {
  font-size: 11px;
}

.pro-map-page-v4 .ciml-risk-filters-v2 input,
.pro-map-page-v4 .ciml-risk-filters-v2 select,
.pro-map-page-v4 .ciml-risk-filters-v2 button {
  font-size: 12px;
}

.pro-map-page-v4 .ciml-risk-coverage-head-v2 > span {
  font-size: 11px;
}

.pro-map-page-v4 .ciml-risk-coverage-head-v2 > strong {
  font-size: 14px;
}

.pro-map-page-v4 .ciml-risk-coverage-head-v2 > small {
  font-size: 11px;
  line-height: 1.5;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 span {
  font-size: 10px;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 strong {
  font-size: 13px;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 b {
  font-size: 12px;
}

.pro-map-page-v4 .ciml-risk-coverage-grid-v2 small {
  font-size: 10px;
}

.pro-map-page-v4 .ciml-risk-coverage-meta-v2 span {
  padding: 6px 9px;
  font-size: 10px;
}

.pro-map-page-v4 .ciml-risk-coverage-note-v2 {
  font-size: 10px;
  line-height: 1.5;
}

.pro-map-page-v4 .pro-largest-tabs-v25 button[data-coverage-status="partial"]::after {
  font-size: 9px;
}


/* CIML Liq Map 8A-3C-v2 Step 2G-5B: Full History pagination */
.pro-map-page-v4 .ciml-risk-filters-v2 {
  grid-template-columns: minmax(180px, 1.35fr) repeat(4, minmax(125px, 1fr)) minmax(130px, auto);
}

.pro-map-page-v4 .ciml-risk-pagination-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px 14px;
  border-top: 1px solid rgba(51, 65, 85, .42);
  background: rgba(2, 10, 24, .56);
}

.pro-map-page-v4 .ciml-risk-pagination-v2 > span {
  color: #7f8da4;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

.pro-map-page-v4 .ciml-risk-pagination-v2 button {
  min-width: 132px;
  min-height: 34px;
  padding: 8px 14px;
  border: 1px solid rgba(34, 211, 238, .3);
  border-radius: 9px;
  background: rgba(8, 145, 178, .14);
  color: #c9f7ff;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.pro-map-page-v4 .ciml-risk-pagination-v2 button:hover:not(:disabled) {
  background: rgba(8, 145, 178, .24);
}

.pro-map-page-v4 .ciml-risk-pagination-v2 button:disabled {
  cursor: wait;
  opacity: .58;
}

.pro-map-page-v4 .ciml-risk-pagination-v2 button[hidden] {
  display: none;
}

@media (max-width: 1280px) {
  .pro-map-page-v4 .ciml-risk-filters-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pro-map-page-v4 .ciml-risk-filters-v2 > button {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-risk-filters-v2 {
    grid-template-columns: 1fr;
  }
  .pro-map-page-v4 .ciml-risk-pagination-v2 {
    align-items: stretch;
    flex-direction: column;
  }
  .pro-map-page-v4 .ciml-risk-pagination-v2 button {
    width: 100%;
  }
}


/* CIML Liq Map 8A-3C-v2 Step 2G-5C-1: final Risk Tape polish */
.pro-map-page-v4 .ciml-risk-coverage-v2 {
  position: relative;
  min-height: 132px;
}

.pro-map-page-v4 .ciml-risk-coverage-v2.is-refreshing::after,
.pro-map-page-v4 .ciml-risk-coverage-v2.is-stale::after {
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 3;
  padding: 5px 8px;
  border: 1px solid rgba(34, 211, 238, .22);
  border-radius: 999px;
  background: rgba(2, 10, 24, .88);
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
  pointer-events: none;
}

.pro-map-page-v4 .ciml-risk-coverage-v2.is-refreshing::after {
  content: "Refreshing...";
}

.pro-map-page-v4 .ciml-risk-coverage-v2.is-stale::after {
  content: "Refresh delayed";
  border-color: rgba(251, 191, 36, .24);
  color: #fbbf24;
}

.pro-map-page-v4 .ciml-market-popup-v2 {
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 211, 238, .62) rgba(15, 23, 42, .72);
  scrollbar-gutter: stable;
}

.pro-map-page-v4 .ciml-market-popup-v2::-webkit-scrollbar {
  width: 9px;
}

.pro-map-page-v4 .ciml-market-popup-v2::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
}

.pro-map-page-v4 .ciml-market-popup-v2::-webkit-scrollbar-thumb {
  border: 2px solid rgba(15, 23, 42, .72);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(34, 211, 238, .78), rgba(8, 145, 178, .7));
}

.pro-map-page-v4 .ciml-market-popup-v2::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(103, 232, 249, .9), rgba(6, 182, 212, .82));
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-risk-coverage-v2 {
    min-height: 148px;
  }

  .pro-map-page-v4 .ciml-risk-coverage-v2.is-refreshing::after,
  .pro-map-page-v4 .ciml-risk-coverage-v2.is-stale::after {
    top: 8px;
    right: 10px;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2B: independent Cumulative controls */
.pro-map-page-v4 [data-pro-cumulative-v1] [data-pro-cum-live-badge-v9] {
  display: none !important;
}

.pro-map-page-v4 .ciml-cum-controls-v1 {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(170px, .75fr) minmax(210px, .9fr) minmax(100px, auto);
  gap: 10px;
  align-items: end;
  padding: 12px 14px;
  border-top: 1px solid rgba(148, 163, 184, .08);
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  background: rgba(2, 10, 24, .46);
}

.pro-map-page-v4 .ciml-cum-controls-v1 label,
.pro-map-page-v4 .ciml-cum-coin-v1,
.pro-map-page-v4 .ciml-cum-window-field-v1 {
  position: relative;
  display: block;
  min-width: 0;
}

.pro-map-page-v4 .ciml-cum-controls-v1 label > span,
.pro-map-page-v4 .ciml-cum-window-field-v1 > span {
  display: block;
  margin-bottom: 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pro-map-page-v4 .ciml-cum-controls-v1 input,
.pro-map-page-v4 .ciml-cum-controls-v1 select,
.pro-map-page-v4 .ciml-cum-controls-v1 > button {
  width: 100%;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 10px;
  outline: none;
  background: rgba(4, 12, 24, .92);
  color: #e2e8f0;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.pro-map-page-v4 .ciml-cum-controls-v1 input:focus,
.pro-map-page-v4 .ciml-cum-controls-v1 select:focus {
  border-color: rgba(34, 211, 238, .56);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .08);
}

.pro-map-page-v4 .ciml-cum-controls-v1 > button {
  background: rgba(8, 145, 178, .14);
  color: #cffafe;
  cursor: pointer;
}

.pro-map-page-v4 .ciml-cum-controls-v1 > button:hover {
  background: rgba(8, 145, 178, .24);
}

.pro-map-page-v4 .ciml-cum-windowbar-v1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  min-height: 38px;
  padding: 3px;
  border: 1px solid rgba(103, 232, 249, .16);
  border-radius: 10px;
  background: rgba(4, 12, 24, .92);
}

.pro-map-page-v4 .ciml-cum-windowbar-v1 button {
  min-width: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #94a3b8;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.pro-map-page-v4 .ciml-cum-windowbar-v1 button.active {
  background: rgba(8, 145, 178, .22);
  color: #cffafe;
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .24);
}

.pro-map-page-v4 .ciml-cum-windowbar-v1 button:disabled {
  cursor: not-allowed;
  opacity: .3;
}

.pro-map-page-v4 .ciml-cum-controls-v1 > small {
  grid-column: 1 / -1;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.pro-map-page-v4 .ciml-cum-live-badge-v1 {
  color: #fde68a;
  border-color: rgba(250, 204, 21, .34);
  background: rgba(113, 63, 18, .22);
}

.pro-map-page-v4 [data-pro-cumulative-body-v1].is-ciml-cum-loading-v1 {
  opacity: .72;
  transition: opacity .16s ease;
}

@media (max-width: 1100px) {
  .pro-map-page-v4 .ciml-cum-controls-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-cum-controls-v1 {
    grid-template-columns: 1fr;
    padding: 11px 12px;
  }

  .pro-map-page-v4 .ciml-cum-controls-v1 > small {
    grid-column: auto;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2D-4: Cumulative intensity visual layer */
.pro-map-page-v4 .pro-cum-intensity-zone-v4 {
  fill: rgba(2, 8, 23, .56);
  stroke: rgba(51, 65, 85, .42);
  stroke-width: 1;
}

.pro-map-page-v4 .pro-cum-intensity-mid-v4 {
  stroke: rgba(100, 116, 139, .46);
  stroke-width: 1;
  stroke-dasharray: 3 5;
}

.pro-map-page-v4 .pro-cum-intensity-bar-v4 {
  pointer-events: none;
  shape-rendering: geometricPrecision;
}

.pro-map-page-v4 .pro-cum-intensity-bar-v4.long {
  fill: rgba(255, 77, 109, .82);
}

.pro-map-page-v4 .pro-cum-intensity-bar-v4.short {
  fill: rgba(34, 211, 238, .82);
}

.pro-map-page-v4 .pro-cum-intensity-node-v4:hover .pro-cum-intensity-bar-v4 {
  opacity: 1;
  filter: brightness(1.18);
}

.pro-map-page-v4 .pro-cum-intensity-hit-v4 {
  fill: transparent;
  pointer-events: all;
}

.pro-map-page-v4 .pro-cum-intensity-label-v4 {
  fill: rgba(251, 113, 133, .76);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  pointer-events: none;
}

.pro-map-page-v4 .pro-cum-intensity-label-v4.short {
  fill: rgba(34, 211, 238, .76);
}

.pro-map-page-v4 .pro-cum-zones-v4 article strong {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.pro-map-page-v4 .pro-cum-distance-v4 {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 7px;
  border: 1px solid rgba(71, 85, 105, .5);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  color: #94a3b8;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .02em;
}

.pro-map-page-v4 .pro-cum-chart-wrap-v4 {
  overflow: hidden;
}

@media (max-width: 760px) {
  .pro-map-page-v4 .pro-cum-chart-wrap-v4 {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .pro-map-page-v4 .pro-cum-svg-v4 {
    min-width: 720px;
  }

  .pro-map-page-v4 .pro-cum-zones-v4 article strong {
    gap: 6px;
  }

  .pro-map-page-v4 .pro-cum-distance-v4 {
    font-size: 9px;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2E-2: bottom Risk Tape and Cumulative layout */
.pro-map-page-v4 .ciml-bottom-panels-v1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  width: 100%;
  min-width: 0;
  margin-top: 16px;
}

.pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25,
.pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 {
  grid-column: auto !important;
  align-self: start;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  box-sizing: border-box;
}

.pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-risk-filters-v2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-risk-filters-v2 > button {
  width: 100%;
}

.pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-cum-controls-v1 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-cum-controls-v1 > button {
  width: 100%;
}

.pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-cum-controls-v1 > small {
  grid-column: 1 / -1;
}

@media (max-width: 1100px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    gap: 12px;
    margin-top: 12px;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-risk-filters-v2,
  .pro-map-page-v4 .ciml-bottom-panels-v1 .ciml-cum-controls-v1 {
    grid-template-columns: 1fr;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2E-3: adaptive bottom panel responsive clarity */
.pro-map-page-v4 .ciml-bottom-panels-v1 {
  /*
   * Do not decide by monitor inches. Each panel keeps a readable minimum
   * width and CSS Grid stacks automatically when the real content area is
   * too narrow for two panels.
   */
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 880px), 1fr));
  gap: clamp(14px, 1.1vw, 22px);
  max-width: 2360px;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: start;
}

.pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25,
.pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

/* Keep wide tables usable without shrinking labels into unreadable text. */
.pro-map-page-v4 .ciml-bottom-panels-v1 .pro-largest-table-v25 {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-gutter: stable;
}

/* A stacked laptop layout gets comfortable full-width controls. */
@media (max-width: 1760px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    gap: 12px;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2E-3R: desktop and laptop side-by-side override */
/*
 * Desktop/laptop policy: keep Risk Tape and Cumulative visible side-by-side.
 * Only compact tablet/mobile widths stack. Panel internals retain their own
 * responsive rules, so no data/control/renderer logic is changed here.
 */
@media (min-width: 980px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: clamp(10px, .8vw, 18px);
    max-width: 2360px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 .pro-largest-table-v25 {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 979px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    grid-template-columns: 1fr !important;
    max-width: 100%;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2E-4: equal-height bottom panels and cumulative readability */
/*
 * Layout-only stability layer.
 * - Desktop/laptop panels keep equal, data-independent height.
 * - Risk Tape table body owns vertical scrolling so 0/7/50 rows do not resize the panel.
 * - Cumulative chart gets the same panel height and stronger visual contrast.
 * No data, state, API, renderer math or JavaScript behavior is changed.
 */
@media (min-width: 980px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 {
    align-items: stretch !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 {
    height: clamp(720px, 76vh, 860px) !important;
    min-height: 720px !important;
    max-height: 860px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 > .pro-largest-head-v25,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 > .ciml-risk-filters-v2,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 > .ciml-risk-coverage-v2,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 > .ciml-risk-pagination-v2 {
    flex: 0 0 auto !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 > .pro-largest-table-v25 {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 .pro-largest-row-v25.head {
    flex: 0 0 auto !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 [data-pro-largest-body-v25] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 > [data-pro-cumulative-body-v1] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 .pro-cum-chart-wrap-v4 {
    flex: 1 1 auto !important;
    min-height: 390px !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 .pro-cum-svg-v4 {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;
    display: block;
  }
}

/* Cumulative readability polish: visual only, values and geometry are untouched. */
.pro-map-page-v4 .pro-cum-long-line-v1,
.pro-map-page-v4 .pro-cum-short-line-v1 {
  stroke-width: 3.4px !important;
  vector-effect: non-scaling-stroke;
}

.pro-map-page-v4 .pro-cum-long-area-v1,
.pro-map-page-v4 .pro-cum-short-area-v1 {
  opacity: .82 !important;
}

.pro-map-page-v4 .pro-cum-grid-v1 {
  stroke-opacity: .68 !important;
  stroke-width: 1.05px !important;
}

.pro-map-page-v4 .pro-cum-grid-v1.faint {
  stroke-opacity: .38 !important;
}

.pro-map-page-v4 .pro-cum-axis-v1 {
  fill: #aebbd0 !important;
  font-weight: 700 !important;
}

.pro-map-page-v4 .pro-cum-price-line-v1 {
  stroke-width: 2.2px !important;
  stroke-opacity: .96 !important;
}

.pro-map-page-v4 .pro-cum-intensity-zone-v4 {
  fill: rgba(2, 8, 23, .72) !important;
  stroke: rgba(71, 85, 105, .72) !important;
  stroke-width: 1.2px !important;
}

.pro-map-page-v4 .pro-cum-intensity-mid-v4 {
  stroke: rgba(148, 163, 184, .62) !important;
  stroke-width: 1.15px !important;
}

.pro-map-page-v4 .pro-cum-intensity-bar-v4.long {
  fill: rgba(255, 77, 109, .96) !important;
  stroke: rgba(255, 148, 166, .72) !important;
  stroke-width: .55px !important;
}

.pro-map-page-v4 .pro-cum-intensity-bar-v4.short {
  fill: rgba(34, 211, 238, .96) !important;
  stroke: rgba(125, 238, 255, .72) !important;
  stroke-width: .55px !important;
}

.pro-map-page-v4 .pro-cum-intensity-label-v4 {
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  opacity: .96 !important;
}

@media (max-width: 979px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-largest-events-v25 [data-pro-largest-body-v25] {
    overflow-y: visible !important;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2F-1: map landing and compact controls polish */
/*
 * UI-only refinement.
 * - Treemap symbol click still uses the existing scrollIntoView code; scroll-margin
 *   leaves the map title/controls visible instead of landing halfway into the heatmap.
 * - Market Scope and map controls are visually compacted without changing DOM/state.
 * - Heatmap side tape scrollbars are themed and less intrusive.
 * - Cumulative strongest-level cards are kept fully visible inside equal-height panel.
 * No data/API/renderer/event behavior is changed.
 */

/* Existing treemap click targets [data-pro-map-heat]. Keep more context above it. */
.pro-map-page-v4 [data-pro-map-heat] {
  scroll-margin-top: clamp(150px, 17vh, 220px) !important;
}

/* Compact the map title/control zone. */
.pro-map-page-v4 .pro-map-titlebar-v4 {
  padding: 10px 12px !important;
  gap: 10px !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 h3 {
  margin-bottom: 2px !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 p {
  margin-top: 2px !important;
  line-height: 1.35 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 {
  grid-template-columns: minmax(300px, 1.25fr) minmax(250px, .9fr) minmax(220px, .72fr) !important;
  align-items: end !important;
  gap: 10px !important;
  padding: 8px 12px 10px !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div {
  min-width: 0 !important;
}

/* Leverage buttons are currently disabled; remove their dead visual footprint only. */
.pro-map-page-v4 .pro-map-controls-v4 > div:last-child:not(.pro-map-exchange-control-v32) {
  display: none !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div > span,
.pro-map-page-v4 .pro-map-exchange-control-v32 > span {
  margin-bottom: 4px !important;
  font-size: 9px !important;
  letter-spacing: .11em !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 {
  gap: 4px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.pro-map-page-v4 .pro-map-pillbar-v4::-webkit-scrollbar {
  display: none;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button {
  flex: 0 0 auto !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 {
  min-width: 0 !important;
  gap: 4px !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 small {
  margin-top: 1px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Market Scope: one compact information strip instead of a tall dark block. */
.pro-map-page-v4 .pro-dashboard-source-v1 {
  display: grid !important;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 3.28fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 7px 10px 9px !important;
  padding: 7px !important;
  border: 1px solid rgba(56, 189, 248, .16) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(8, 24, 40, .76), rgba(8, 15, 31, .58)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 {
  min-width: 0 !important;
  padding: 6px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > span {
  font-size: 9px !important;
  letter-spacing: .12em !important;
  opacity: .88 !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > strong {
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > small {
  font-size: 9px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: .68 !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  background: rgba(2, 8, 23, .42) !important;
  border-color: rgba(148, 163, 184, .10) !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > span,
.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > small {
  font-size: 9px !important;
  line-height: 1.15 !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > strong {
  display: block !important;
  margin: 2px 0 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-map-page-v4 .pro-map-summary-v4 {
  gap: 8px !important;
  padding: 0 10px 9px !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article {
  padding: 9px 11px !important;
  min-height: 0 !important;
}

/* Make the side Liquidation Tape scrollbar match the terminal instead of native white chrome. */
.pro-map-page-v4 .pro-map-tape-list-v4 {
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 211, 238, .48) rgba(2, 8, 23, .18);
  scrollbar-gutter: stable;
}

.pro-map-page-v4 .pro-map-tape-list-v4::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.pro-map-page-v4 .pro-map-tape-list-v4::-webkit-scrollbar-track {
  background: rgba(2, 8, 23, .18);
  border-radius: 999px;
}

.pro-map-page-v4 .pro-map-tape-list-v4::-webkit-scrollbar-thumb {
  border: 2px solid rgba(2, 8, 23, .30);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(34, 211, 238, .62), rgba(14, 116, 144, .68));
}

.pro-map-page-v4 .pro-map-tape-list-v4::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(103, 232, 249, .84), rgba(34, 211, 238, .72));
}

/* Equal-height panel follow-up: reserve explicit footer room for strongest-level cards. */
@media (min-width: 980px) {
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 > [data-pro-cumulative-body-v1] {
    padding-bottom: 14px !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 .pro-cum-chart-wrap-v4 {
    min-height: 335px !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 .pro-cum-pressure-v1,
  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 .pro-cum-zones-v4 {
    flex: 0 0 auto !important;
  }

  .pro-map-page-v4 .ciml-bottom-panels-v1 > .pro-cum-panel-v1 .pro-cum-zones-v4 {
    margin-bottom: 2px !important;
  }
}

@media (max-width: 1180px) {
  .pro-map-page-v4 .pro-dashboard-source-v1 {
    grid-template-columns: 1fr !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-main-v1 {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 8px !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-main-v1 > small {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 [data-pro-map-heat] {
    scroll-margin-top: 96px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: 1fr !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2F-2: map control deck visual polish */
/*
 * CSS-only follow-up for the upper liquidation-map workspace.
 * Goals: denser hierarchy, balanced control widths, less dead space and clearer state.
 * Existing DOM, click handlers, scroll landing, APIs and data logic stay untouched.
 */

/* Market Scope becomes a clean status rail rather than a heavy first panel. */
.pro-map-page-v4 .pro-dashboard-source-v1 {
  grid-template-columns: minmax(250px, 1.05fr) repeat(4, minmax(150px, 1fr)) !important;
  gap: 6px !important;
  margin: 7px 10px 5px !important;
  padding: 6px 8px !important;
  border-radius: 12px !important;
  border-color: rgba(56, 189, 248, .14) !important;
  background:
    linear-gradient(90deg, rgba(7, 23, 39, .88), rgba(5, 12, 26, .72)) !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 {
  position: relative;
  padding: 6px 12px 6px 10px !important;
  border-right: 1px solid rgba(148, 163, 184, .10);
}

.pro-map-page-v4 .pro-dashboard-source-main-v1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 999px;
  background: rgba(34, 211, 238, .72);
  box-shadow: 0 0 12px rgba(34, 211, 238, .20);
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > span {
  color: rgba(165, 243, 252, .82) !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > strong {
  font-size: 13px !important;
  letter-spacing: -.01em !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > small {
  opacity: .58 !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 {
  gap: 6px !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article {
  padding: 6px 9px !important;
  border-radius: 9px !important;
  background: rgba(3, 10, 24, .40) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > span {
  color: rgba(148, 163, 184, .76) !important;
  font-size: 8.5px !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > strong {
  font-size: 13px !important;
  font-weight: 800 !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > small {
  opacity: .60 !important;
}

/* Tighten title/status row and let the actual map controls become the visual focus. */
.pro-map-page-v4 .pro-map-titlebar-v4 {
  padding: 11px 12px 8px !important;
  align-items: center !important;
  min-height: 0 !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 h3 {
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.12 !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 p {
  max-width: 760px;
  font-size: 10px !important;
  opacity: .72 !important;
}

.pro-map-page-v4 .pro-map-status-v4 {
  min-width: 150px !important;
  padding: 7px 10px !important;
  border-radius: 11px !important;
}

/* Finder stays familiar, but reads as part of the control deck. */
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] {
  width: min(560px, calc(100% - 24px)) !important;
  max-width: none !important;
  margin: 2px 12px 4px !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] label {
  gap: 3px !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input {
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 10px !important;
  border-color: rgba(56, 189, 248, .22) !important;
  background: rgba(2, 8, 23, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input:focus {
  border-color: rgba(34, 211, 238, .48) !important;
  box-shadow: 0 0 0 2px rgba(34, 211, 238, .08) !important;
}

/* One balanced desktop control deck: Asset | Window | Exchange | Update. */
.pro-map-page-v4 .pro-map-controls-v4 {
  grid-template-columns:
    minmax(420px, 1.55fr)
    minmax(240px, .78fr)
    minmax(220px, .72fr)
    minmax(220px, .82fr) !important;
  gap: 8px !important;
  padding: 5px 12px 9px !important;
  align-items: end !important;
  border-top: 0 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div {
  min-width: 0 !important;
  align-self: end !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div > span,
.pro-map-page-v4 .pro-map-exchange-control-v32 > span {
  display: block !important;
  margin: 0 0 4px !important;
  color: rgba(148, 163, 184, .78) !important;
  font-size: 8.5px !important;
  font-weight: 850 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase;
}

.pro-map-page-v4 .pro-map-pillbar-v4 {
  min-height: 34px !important;
  padding: 2px !important;
  gap: 3px !important;
  border: 1px solid rgba(148, 163, 184, .12) !important;
  border-radius: 10px !important;
  background: rgba(2, 8, 23, .44) !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button {
  min-height: 28px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button.active {
  background: linear-gradient(180deg, rgba(14, 116, 144, .48), rgba(8, 47, 73, .78)) !important;
  border-color: rgba(34, 211, 238, .34) !important;
  box-shadow: inset 0 1px 0 rgba(103, 232, 249, .08) !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 {
  gap: 0 !important;
}

.pro-map-page-v4 .pro-map-select-shell-v32,
.pro-map-page-v4 .pro-map-select-shell-v32 select {
  width: 100% !important;
}

.pro-map-page-v4 .pro-map-select-shell-v32 select {
  min-height: 34px !important;
  border-radius: 10px !important;
  border-color: rgba(56, 189, 248, .20) !important;
  background-color: rgba(2, 8, 23, .62) !important;
  font-size: 10px !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 small {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 [data-pro-map-refresh] {
  width: 100% !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(34, 211, 238, .25) !important;
  background: linear-gradient(180deg, rgba(8, 47, 73, .86), rgba(7, 31, 51, .92)) !important;
  color: rgba(207, 250, 254, .96) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  box-shadow: inset 0 1px 0 rgba(103, 232, 249, .06) !important;
}

.pro-map-page-v4 .pro-map-controls-v4 [data-pro-map-refresh]:hover {
  border-color: rgba(34, 211, 238, .48) !important;
  background: linear-gradient(180deg, rgba(14, 116, 144, .62), rgba(8, 47, 73, .94)) !important;
}

/* Keep the four map KPIs close to the controls and visually aligned. */
.pro-map-page-v4 .pro-map-summary-v4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 0 10px 8px !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article {
  min-height: 56px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(10, 22, 40, .78), rgba(4, 12, 27, .72)) !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article > span,
.pro-map-page-v4 .pro-map-summary-v4 article > small {
  font-size: 9px !important;
  line-height: 1.15 !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article > strong {
  margin: 2px 0 !important;
  font-size: clamp(14px, 1vw, 18px) !important;
  line-height: 1.05 !important;
}

/* Responsive: retain one-line desktop deck; only collapse when width actually becomes tight. */
@media (max-width: 1480px) and (min-width: 981px) {
  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: minmax(360px, 1.45fr) minmax(210px, .8fr) minmax(200px, .72fr) minmax(190px, .78fr) !important;
  }

  .pro-map-page-v4 .pro-map-pillbar-v4 button {
    padding-inline: 8px !important;
    font-size: 9.5px !important;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .pro-map-page-v4 .pro-dashboard-source-v1 {
    grid-template-columns: minmax(220px, .9fr) repeat(2, minmax(150px, 1fr)) !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1 {
    grid-column: 2 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .pro-dashboard-source-v1 {
    margin-inline: 7px !important;
    padding: 6px !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-main-v1 {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .08);
  }

  .pro-map-page-v4 [data-ciml-market-finder-step1-v2] {
    width: calc(100% - 14px) !important;
    margin-inline: 7px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: 1fr !important;
    padding-inline: 7px !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-inline: 7px !important;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2F-2R: map control deck clean reset */
/*
 * Corrective CSS-only layer for the upper liquidation-map workspace.
 * The previous 2F-2 layer treated the dynamically inserted finder as if it were
 * not a direct control-grid child and squeezed the Market Scope metric grid into
 * one parent column. This layer explicitly assigns the real DOM children.
 * No JS, fetch, state, scroll handler, Risk Tape or Cumulative behavior changes.
 */

/* ----- terminal upper workspace: explicit, predictable rows ----- */
.pro-map-page-v4 .pro-map-terminal-v4 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 250px !important;
  grid-template-areas:
    "scope scope"
    "title title"
    "controls toolbar"
    "summary summary"
    "body body" !important;
  column-gap: 10px !important;
  align-items: start !important;
}

.pro-map-page-v4 .pro-dashboard-source-v1 { grid-area: scope !important; }
.pro-map-page-v4 .pro-map-titlebar-v4 { grid-area: title !important; }
.pro-map-page-v4 .pro-map-controls-v4 { grid-area: controls !important; }
.pro-map-page-v4 .pro-map-toolbar-v4 { grid-area: toolbar !important; }
.pro-map-page-v4 .pro-map-summary-v4 { grid-area: summary !important; }
.pro-map-page-v4 .pro-map-body-v4 { grid-area: body !important; }

/* Unknown/direct future sections keep full terminal width after the known map body. */
.pro-map-page-v4 .pro-map-terminal-v4 > :not(.pro-dashboard-source-v1):not(.pro-map-titlebar-v4):not(.pro-map-controls-v4):not(.pro-map-toolbar-v4):not(.pro-map-summary-v4):not(.pro-map-body-v4) {
  grid-column: 1 / -1;
}

/* ----- Market Scope: one full-width rail, not five squeezed cells ----- */
.pro-map-page-v4 .pro-dashboard-source-v1 {
  display: grid !important;
  grid-template-columns: minmax(270px, .92fr) minmax(0, 3.4fr) !important;
  gap: 10px !important;
  margin: 8px 10px 6px !important;
  padding: 8px !important;
  align-items: stretch !important;
  border-radius: 13px !important;
  border: 1px solid rgba(56, 189, 248, .16) !important;
  background: linear-gradient(90deg, rgba(7, 24, 40, .84), rgba(4, 12, 27, .66)) !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 {
  min-width: 0 !important;
  padding: 7px 12px !important;
  border-right: 1px solid rgba(148, 163, 184, .10) !important;
  border-bottom: 0 !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > strong {
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
  align-self: stretch !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article {
  min-width: 0 !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > span {
  font-size: 8.5px !important;
  letter-spacing: .09em !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > strong {
  margin: 2px 0 !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > small {
  display: block !important;
  font-size: 8.5px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ----- map title/status: simple and separated from controls ----- */
.pro-map-page-v4 .pro-map-titlebar-v4 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 72px !important;
  padding: 12px 14px 10px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .09) !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 h3 {
  margin: 0 0 4px !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 p {
  margin: 0 !important;
  max-width: 780px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

.pro-map-page-v4 .pro-map-status-v4 {
  min-width: 165px !important;
  padding: 8px 11px !important;
  border-radius: 11px !important;
}

/* ----- actual control deck: finder | asset | window | exchange ----- */
.pro-map-page-v4 .pro-map-controls-v4 {
  display: grid !important;
  grid-template-columns: minmax(235px, .9fr) minmax(390px, 1.55fr) minmax(240px, .92fr) minmax(210px, .82fr) !important;
  grid-template-rows: auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 10px 0 10px 12px !important;
  border-bottom: 0 !important;
  min-width: 0 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2] {
  grid-column: 1 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  align-self: end !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]) {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-window]) {
  grid-column: 3 !important;
  min-width: 0 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
  grid-column: 4 !important;
  min-width: 0 !important;
}

/* The leverage control is not actionable yet; preserve DOM/logic but remove visual dead space. */
.pro-map-page-v4 .pro-map-controls-v4 > div:has(button[disabled]):not(:has([data-pro-map-symbol])):not(:has([data-pro-map-window])) {
  display: none !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div > span,
.pro-map-page-v4 .pro-map-exchange-control-v32 > span,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] > span {
  display: block !important;
  margin: 0 0 5px !important;
  color: rgba(148, 163, 184, .82) !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] label {
  display: block !important;
  min-width: 0 !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input,
.pro-map-page-v4 .pro-map-select-shell-v32 select {
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 11px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(56, 189, 248, .22) !important;
  background: rgba(2, 8, 23, .72) !important;
  color: #e5edf8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] label > small {
  display: block !important;
  margin-top: 4px !important;
  min-height: 11px !important;
  color: rgba(100, 116, 139, .82) !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  gap: 3px !important;
  padding: 3px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  border-radius: 9px !important;
  scrollbar-width: none !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4::-webkit-scrollbar { display: none !important; }

.pro-map-page-v4 .pro-map-pillbar-v4 button {
  flex: 0 0 auto !important;
  min-height: 28px !important;
  padding: 5px 9px !important;
  border-radius: 7px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 {
  gap: 0 !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 small {
  display: block !important;
  margin-top: 4px !important;
  min-height: 11px !important;
  color: rgba(100, 116, 139, .82) !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ----- refresh toolbar: one clear button in its own reserved column ----- */
.pro-map-page-v4 .pro-map-toolbar-v4 {
  display: flex !important;
  align-items: end !important;
  justify-content: stretch !important;
  min-width: 0 !important;
  padding: 10px 12px 10px 0 !important;
  border-bottom: 0 !important;
  align-self: stretch !important;
}

.pro-map-page-v4 .pro-map-mode-tabs-v4,
.pro-map-page-v4 .pro-map-selectors-v4 select {
  display: none !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}

.pro-map-page-v4 .pro-map-selectors-v4::before {
  content: "Update";
  display: block;
  color: rgba(148, 163, 184, .82);
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh] {
  display: block !important;
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(34, 211, 238, .28) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(8, 47, 73, .88), rgba(7, 31, 51, .94)) !important;
  color: rgba(207, 250, 254, .96) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh]:hover {
  border-color: rgba(34, 211, 238, .52) !important;
  background: linear-gradient(180deg, rgba(14, 116, 144, .62), rgba(8, 47, 73, .96)) !important;
}

/* ----- KPIs: one calm row under the controls ----- */
.pro-map-page-v4 .pro-map-summary-v4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 12px 10px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .09) !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article {
  min-height: 60px !important;
  padding: 9px 11px !important;
  border-radius: 10px !important;
}

/* ----- medium desktop/laptop: deliberate two-row controls, never overlap ----- */
@media (max-width: 1480px) and (min-width: 981px) {
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns: minmax(0, 1fr) 210px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: minmax(220px, .85fr) minmax(0, 1.35fr) minmax(210px, .8fr) !important;
    grid-template-rows: auto auto !important;
    row-gap: 8px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2] {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-window]) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .pro-map-page-v4 .pro-dashboard-source-v1 {
    grid-template-columns: 1fr !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-main-v1 {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1 {
    grid-column: 1 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* ----- tablet/mobile: stack cleanly; retain all functional controls ----- */
@media (max-width: 980px) {
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "scope"
      "title"
      "controls"
      "toolbar"
      "summary"
      "body" !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 9px 10px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2] {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]),
  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-window]),
  .pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: end !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 {
    padding: 0 10px 9px !important;
  }

  .pro-map-page-v4 .pro-map-selectors-v4::before {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .pro-dashboard-source-grid-v1,
  .pro-map-page-v4 .pro-map-summary-v4,
  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: 1fr 1fr !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2],
  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]),
  .pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
    grid-column: 1 / -1 !important;
  }

  .pro-map-page-v4 .pro-map-titlebar-v4 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .pro-map-page-v4 .pro-map-status-v4 {
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2F-3: three-row map control deck */
/*
 * Final CSS-only reflow for the upper liquidation map workspace.
 * Desktop/laptop goal before the heatmap: exactly three visual bands:
 * 1) Market Scope rail
 * 2) Map title/status + compact KPI cluster
 * 3) Coin Search + Asset + Window + Exchange + Refresh
 * Existing DOM, handlers, finder popup, map reload, Risk Tape and Cumulative remain intact.
 */

/* ---------- outer terminal: three visual bands before the map body ---------- */
.pro-map-page-v4 .pro-map-terminal-v4 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(500px, .72fr) !important;
  grid-template-areas:
    "scope scope"
    "title summary"
    "controls controls"
    "body body" !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  align-items: stretch !important;
}

.pro-map-page-v4 .pro-dashboard-source-v1 { grid-area: scope !important; }
.pro-map-page-v4 .pro-map-titlebar-v4 { grid-area: title !important; }
.pro-map-page-v4 .pro-map-summary-v4 { grid-area: summary !important; }
.pro-map-page-v4 .pro-map-controls-v4 { grid-area: controls !important; }
.pro-map-page-v4 .pro-map-toolbar-v4 { grid-area: controls !important; }
.pro-map-page-v4 .pro-map-body-v4 { grid-area: body !important; }

/* ---------- row 1: Market Scope rail ---------- */
.pro-map-page-v4 .pro-dashboard-source-v1 {
  display: grid !important;
  grid-template-columns: minmax(255px, .82fr) minmax(0, 3.7fr) !important;
  gap: 8px !important;
  margin: 8px 10px 6px !important;
  padding: 7px 8px !important;
  min-height: 72px !important;
  align-items: stretch !important;
  border-radius: 13px !important;
  border: 1px solid rgba(34, 211, 238, .17) !important;
  background: linear-gradient(90deg, rgba(7, 25, 42, .90), rgba(3, 11, 25, .76)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 {
  min-width: 0 !important;
  padding: 7px 11px !important;
  border-right: 1px solid rgba(148, 163, 184, .10) !important;
  border-bottom: 0 !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > span,
.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > span {
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > strong {
  display: block !important;
  margin-top: 2px !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-dashboard-source-main-v1 > small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article {
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 7px 9px !important;
  border-radius: 9px !important;
  background: rgba(2, 10, 23, .58) !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > strong {
  display: block !important;
  margin: 2px 0 !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pro-map-page-v4 .pro-dashboard-source-grid-v1 article > small {
  display: block !important;
  font-size: 8px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ---------- row 2: title/status on left, KPIs on right ---------- */
.pro-map-page-v4 .pro-map-titlebar-v4 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 10px 10px 10px 14px !important;
  border-top: 1px solid rgba(148, 163, 184, .06) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 > div:first-child {
  min-width: 0 !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 h3 {
  margin: 0 0 4px !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
}

.pro-map-page-v4 .pro-map-titlebar-v4 p {
  margin: 0 !important;
  max-width: 680px !important;
  color: rgba(148, 163, 184, .78) !important;
  font-size: 9.5px !important;
  line-height: 1.28 !important;
}

.pro-map-page-v4 .pro-map-status-v4 {
  flex: 0 0 150px !important;
  min-width: 150px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
}

.pro-map-page-v4 .pro-map-status-v4 span,
.pro-map-page-v4 .pro-map-status-v4 b {
  font-size: 10px !important;
  line-height: 1.08 !important;
}

.pro-map-page-v4 .pro-map-status-v4 small {
  margin-top: 2px !important;
  font-size: 8px !important;
}

.pro-map-page-v4 .pro-map-summary-v4 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-content: center !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 8px 12px 8px 0 !important;
  border-top: 1px solid rgba(148, 163, 184, .06) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article {
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  background: rgba(4, 12, 27, .64) !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article > span,
.pro-map-page-v4 .pro-map-summary-v4 article > small {
  font-size: 7.5px !important;
  line-height: 1.05 !important;
}

.pro-map-page-v4 .pro-map-summary-v4 article > strong {
  margin: 1px 0 !important;
  font-size: 12px !important;
  line-height: 1.04 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ---------- row 3: one coherent control band ---------- */
.pro-map-page-v4 .pro-map-controls-v4 {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .78fr) minmax(390px, 1.46fr) minmax(215px, .78fr) minmax(215px, .80fr) !important;
  grid-template-rows: auto !important;
  gap: 9px !important;
  align-items: start !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 10px 176px 9px 12px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .10) !important;
  background: linear-gradient(180deg, rgba(5, 14, 29, .58), rgba(3, 10, 22, .82)) !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2] {
  position: relative !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  align-self: start !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-window]) {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  align-self: start !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
  grid-column: 4 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  align-self: start !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div:has(button[disabled]):not(:has([data-pro-map-symbol])):not(:has([data-pro-map-window])) {
  display: none !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div > span,
.pro-map-page-v4 .pro-map-exchange-control-v32 > span,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] > span {
  display: block !important;
  margin: 0 0 5px !important;
  color: rgba(148, 163, 184, .82) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] label {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input,
.pro-map-page-v4 .pro-map-select-shell-v32 select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(56, 189, 248, .23) !important;
  border-radius: 9px !important;
  outline: 0 !important;
  background: rgba(2, 9, 21, .94) !important;
  color: #e5eef9 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  box-sizing: border-box !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input:focus,
.pro-map-page-v4 .pro-map-select-shell-v32 select:focus {
  border-color: rgba(34, 211, 238, .54) !important;
  box-shadow: 0 0 0 2px rgba(34, 211, 238, .075) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] label > small,
.pro-map-page-v4 .pro-map-exchange-control-v32 small {
  display: block !important;
  margin-top: 4px !important;
  min-height: 9px !important;
  color: rgba(100, 116, 139, .78) !important;
  font-size: 7.5px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Asset and Window become clean segmented terminal controls. */
.pro-map-page-v4 .pro-map-pillbar-v4 {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  gap: 3px !important;
  padding: 3px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  border: 1px solid rgba(56, 189, 248, .14) !important;
  border-radius: 9px !important;
  background: rgba(2, 9, 21, .86) !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4::-webkit-scrollbar {
  display: none !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button {
  flex: 0 0 auto !important;
  min-width: 42px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: rgba(15, 30, 51, .72) !important;
  color: rgba(148, 163, 184, .88) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 28px !important;
  scroll-snap-align: start !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button:not(:disabled):hover {
  background: rgba(8, 47, 73, .92) !important;
  color: #e6fbff !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button.active {
  background: linear-gradient(180deg, rgba(8, 83, 112, .96), rgba(7, 52, 76, .98)) !important;
  color: #e6fbff !important;
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .24) !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button:disabled {
  opacity: .33 !important;
}

.pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-window]) .pro-map-pillbar-v4 button {
  flex: 1 0 44px !important;
  min-width: 44px !important;
  padding: 0 6px !important;
  text-align: center !important;
}

/* Refresh keeps its original handler but occupies the reserved right edge of row 3. */
.pro-map-page-v4 .pro-map-toolbar-v4 {
  z-index: 5 !important;
  justify-self: end !important;
  align-self: start !important;
  display: flex !important;
  width: 156px !important;
  min-width: 156px !important;
  margin: 0 12px 0 0 !important;
  padding: 10px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

.pro-map-page-v4 .pro-map-mode-tabs-v4,
.pro-map-page-v4 .pro-map-selectors-v4 select {
  display: none !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  pointer-events: none !important;
}

.pro-map-page-v4 .pro-map-selectors-v4::before {
  content: "Update" !important;
  display: block !important;
  margin: 0 0 5px !important;
  color: rgba(148, 163, 184, .82) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh] {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(34, 211, 238, .28) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(8, 55, 78, .96), rgba(6, 34, 53, .98)) !important;
  color: #d9fbff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  pointer-events: auto !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh]:hover {
  border-color: rgba(34, 211, 238, .52) !important;
  background: linear-gradient(180deg, rgba(10, 86, 111, .98), rgba(7, 48, 69, .98)) !important;
}

/* Finder popup stays anchored to the search field and above the map. */
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 {
  left: 0 !important;
  right: auto !important;
  top: calc(100% + 6px) !important;
  z-index: 120 !important;
}

/* Wide screens: KPI cluster can be one line without creating a fourth band. */
@media (min-width: 1740px) {
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns: minmax(0, 1fr) minmax(620px, .78fr) !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 article {
    min-height: 48px !important;
    padding: 7px 8px !important;
  }
}

/* Normal laptop widths: keep the same three outer bands and tighten only controls. */
@media (max-width: 1380px) and (min-width: 1101px) {
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns: minmax(0, 1fr) 440px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: minmax(190px, .72fr) minmax(310px, 1.32fr) minmax(185px, .72fr) minmax(180px, .72fr) !important;
    gap: 7px !important;
    padding-right: 158px !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 {
    width: 142px !important;
    min-width: 142px !important;
    margin-right: 9px !important;
  }

  .pro-map-page-v4 .pro-map-pillbar-v4 button {
    min-width: 38px !important;
    padding: 0 7px !important;
    font-size: 8.5px !important;
  }
}

/* Compact tablet/mobile: prioritize usability over the desktop three-band constraint. */
@media (max-width: 1100px) {
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "scope"
      "title"
      "summary"
      "controls"
      "toolbar"
      "body" !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-v1 {
    grid-template-columns: 1fr !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-main-v1 {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1 {
    grid-column: 1 !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 {
    padding: 8px 10px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 9px 10px !important;
    min-height: 0 !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2] {
    grid-column: 1 / -1 !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]),
  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-window]),
  .pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 {
    grid-area: toolbar !important;
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 10px 9px !important;
  }

  .pro-map-page-v4 .pro-map-selectors-v4::before {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .pro-map-page-v4 .pro-dashboard-source-grid-v1,
  .pro-map-page-v4 .pro-map-summary-v4,
  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: 1fr 1fr !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > [data-ciml-market-finder-step1-v2],
  .pro-map-page-v4 .pro-map-controls-v4 > div:has([data-pro-map-symbol]),
  .pro-map-page-v4 .pro-map-controls-v4 > .pro-map-exchange-control-v32 {
    grid-column: 1 / -1 !important;
  }

  .pro-map-page-v4 .pro-map-titlebar-v4 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .pro-map-page-v4 .pro-map-status-v4 {
    width: 100% !important;
    min-width: 0 !important;
    flex-basis: auto !important;
    text-align: left !important;
  }
}

/* CIML Liq Map 8A-3C-v2 Step 2G-5C-2F-4: map control clarity polish */
/* Visual-only clarity layer. No layout, handler, data or sizing changes. */

/* Labels: clearer hierarchy without consuming extra space. */
.pro-map-page-v4 .pro-map-controls-v4 > div > span,
.pro-map-page-v4 .pro-map-exchange-control-v32 > span,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] > span,
.pro-map-page-v4 .pro-map-selectors-v4::before {
  color: rgba(190, 209, 228, .90) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .55) !important;
}

/* Coin search: stronger field edge, text and focus state. */
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input {
  color: #f2f8ff !important;
  caret-color: #67e8f9 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  background: linear-gradient(180deg, rgba(5, 18, 34, .98), rgba(2, 10, 23, .98)) !important;
  border-color: rgba(92, 150, 188, .36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    inset 0 0 0 1px rgba(12, 74, 110, .12) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input::placeholder {
  color: rgba(148, 163, 184, .62) !important;
  opacity: 1 !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input:hover {
  border-color: rgba(56, 189, 248, .46) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input:focus,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] input:focus-visible {
  outline: none !important;
  border-color: rgba(34, 211, 238, .80) !important;
  background: linear-gradient(180deg, rgba(5, 27, 43, .99), rgba(2, 13, 27, .99)) !important;
  box-shadow:
    0 0 0 2px rgba(34, 211, 238, .12),
    0 0 18px rgba(34, 211, 238, .08),
    inset 0 0 0 1px rgba(103, 232, 249, .10) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] label > small {
  color: rgba(148, 163, 184, .72) !important;
}

/* Asset / Window segmented controls: quiet inactive, unmistakable active. */
.pro-map-page-v4 .pro-map-pillbar-v4 {
  background: linear-gradient(180deg, rgba(5, 16, 31, .96), rgba(2, 9, 21, .96)) !important;
  border-color: rgba(71, 109, 139, .28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .018),
    inset 0 0 0 1px rgba(2, 132, 199, .025) !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button {
  color: rgba(180, 198, 216, .78) !important;
  font-weight: 850 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .65) !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  transition: color .14s ease, background .14s ease, box-shadow .14s ease, transform .14s ease !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button:not(.active):not(:disabled):hover {
  color: #e8f8ff !important;
  background: rgba(14, 65, 91, .42) !important;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, .18) !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button.active {
  color: #f4fdff !important;
  background: linear-gradient(180deg, rgba(13, 76, 104, .98), rgba(8, 48, 74, .99)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(103, 232, 249, .42),
    0 0 0 1px rgba(6, 182, 212, .10),
    0 5px 14px rgba(0, 0, 0, .18) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .65) !important;
}

.pro-map-page-v4 .pro-map-pillbar-v4 button:focus-visible {
  outline: 2px solid rgba(103, 232, 249, .72) !important;
  outline-offset: -2px !important;
}

/* Exchange dropdown: same visual language as finder and segmented controls. */
.pro-map-page-v4 .pro-map-exchange-control-v32 .pro-map-select-shell-v32,
.pro-map-page-v4 .pro-map-exchange-control-v32 select[data-pro-map-exchange-select] {
  background: linear-gradient(180deg, rgba(5, 20, 36, .99), rgba(2, 11, 24, .99)) !important;
  border-color: rgba(72, 133, 170, .38) !important;
  color: #edf9ff !important;
  font-weight: 850 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    inset 0 0 0 1px rgba(34, 211, 238, .035) !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 .pro-map-select-shell-v32:hover,
.pro-map-page-v4 .pro-map-exchange-control-v32 select[data-pro-map-exchange-select]:hover {
  border-color: rgba(56, 189, 248, .55) !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 .pro-map-select-shell-v32:focus-within,
.pro-map-page-v4 .pro-map-exchange-control-v32 select[data-pro-map-exchange-select]:focus-visible {
  outline: none !important;
  border-color: rgba(34, 211, 238, .82) !important;
  box-shadow:
    0 0 0 2px rgba(34, 211, 238, .10),
    inset 0 0 0 1px rgba(103, 232, 249, .08) !important;
}

.pro-map-page-v4 select[data-pro-map-exchange-select] option {
  background: #06111f !important;
  color: #e9f7ff !important;
  font-weight: 750 !important;
}

.pro-map-page-v4 .pro-map-exchange-control-v32 small {
  color: rgba(148, 163, 184, .70) !important;
}

/* Refresh: clearer action affordance, dimensions remain unchanged. */
.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh] {
  color: #ecfeff !important;
  border-color: rgba(34, 211, 238, .48) !important;
  background: linear-gradient(180deg, rgba(8, 80, 105, .98), rgba(5, 45, 69, .99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 5px 14px rgba(0, 0, 0, .18) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .70) !important;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh]:hover {
  border-color: rgba(103, 232, 249, .78) !important;
  background: linear-gradient(180deg, rgba(10, 103, 132, .99), rgba(7, 58, 82, .99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .075),
    0 0 0 2px rgba(34, 211, 238, .07),
    0 7px 18px rgba(0, 0, 0, .22) !important;
}

.pro-map-page-v4 .pro-map-selectors-v4 [data-pro-map-refresh]:focus-visible {
  outline: 2px solid rgba(103, 232, 249, .76) !important;
  outline-offset: 2px !important;
}

/* Coin finder popup: clearer boundary, rows and scrollbar. */
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 {
  border: 1px solid rgba(56, 189, 248, .30) !important;
  border-radius: 11px !important;
  background: rgba(3, 11, 24, .985) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .52), 0 0 0 1px rgba(15, 94, 128, .10) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(34, 211, 238, .45) rgba(3, 11, 24, .70) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2::-webkit-scrollbar {
  width: 7px !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2::-webkit-scrollbar-track {
  background: rgba(3, 11, 24, .72) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(34, 211, 238, .42) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-finder-head-v2 {
  color: #dff8ff !important;
  border-bottom-color: rgba(148, 163, 184, .12) !important;
  background: rgba(7, 23, 39, .92) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 button,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 a,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 [role="option"] {
  color: #dceaf5 !important;
  border-color: rgba(148, 163, 184, .08) !important;
}

.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 button:hover,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 a:hover,
.pro-map-page-v4 [data-ciml-market-finder-step1-v2] .ciml-market-popup-v2 [role="option"]:hover {
  color: #f3fdff !important;
  background: rgba(8, 67, 91, .58) !important;
}



/* CIML Liq Map Stage 10A-3: heatmap clarity pass */
/* Visual-only: no data, API, handler or intensity-width math changes. */

.pro-map-page-v4 .pro-map-main-v4 {
  border-color: rgba(71, 128, 162, .24) !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(13, 66, 89, .10), transparent 46%),
    rgba(3, 10, 22, .94) !important;
}

.pro-map-page-v4 .pro-map-panel-title-v4 {
  border-bottom-color: rgba(99, 140, 170, .16) !important;
}

.pro-map-page-v4 .pro-map-panel-title-v4 span {
  color: rgba(190, 210, 226, .88) !important;
}

.pro-map-page-v4 .pro-map-rows-v4 {
  border-color: rgba(89, 130, 160, .22) !important;
  background:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(17, 58, 83, .24), rgba(2, 7, 18, .96)) !important;
  background-size: 100% 32px, auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(56, 189, 248, .025),
    inset 0 0 40px rgba(2, 6, 23, .34) !important;
}

.pro-map-page-v4 .pro-map-row-v4 {
  border-bottom: 1px solid rgba(148, 163, 184, .025) !important;
}

.pro-map-page-v4 .pro-map-row-v4:hover {
  background: rgba(56, 189, 248, .035) !important;
}

.pro-map-page-v4 .pro-map-heatline-v4 span {
  border-radius: 3px !important;
  filter: saturate(1.12) brightness(1.06);
}

.pro-map-page-v4 .pro-map-row-v4.long .pro-map-heatline-v4 span {
  color: #fb7185 !important;
  background:
    linear-gradient(90deg, rgba(225, 29, 72, .98), rgba(251, 113, 133, .46)) !important;
  box-shadow: 0 0 12px rgba(244, 63, 94, .26) !important;
}

.pro-map-page-v4 .pro-map-row-v4.short .pro-map-heatline-v4 span {
  color: #22d3ee !important;
  background:
    linear-gradient(90deg, rgba(8, 145, 178, .52), rgba(34, 211, 238, .98)) !important;
  box-shadow: 0 0 12px rgba(34, 211, 238, .24) !important;
}

.pro-map-page-v4 .pro-map-row-v4.mixed .pro-map-heatline-v4 span {
  color: #fbbf24 !important;
  background:
    linear-gradient(90deg, rgba(245, 158, 11, .94), rgba(34, 211, 238, .58)) !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, .20) !important;
}

.pro-map-page-v4 .pro-map-row-v4 em {
  color: rgba(205, 222, 236, .86) !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .72);
}

.pro-map-page-v4 .pro-map-row-v4.current {
  background:
    linear-gradient(90deg, rgba(250, 204, 21, .14), rgba(250, 204, 21, .025)),
    rgba(250, 204, 21, .045) !important;
}

.pro-map-page-v4 .pro-map-row-v4.current::before {
  background: rgba(250, 204, 21, .62) !important;
  box-shadow:
    0 0 8px rgba(250, 204, 21, .48),
    0 0 20px rgba(250, 204, 21, .18) !important;
}

.pro-map-page-v4 .pro-map-row-v4.current em {
  color: #fde68a !important;
  font-weight: 900 !important;
}

.pro-map-page-v4 [data-pro-map-current-price-label] {
  border: 1px solid rgba(250, 204, 21, .30);
  background: rgba(92, 69, 9, .86) !important;
  color: #fff3b0 !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .28);
}

.pro-map-page-v4 .pro-map-legend-v4 {
  color: rgba(195, 213, 228, .86) !important;
  font-weight: 750 !important;
}

.pro-map-page-v4 .pro-map-legend-v4 i.long {
  background: #fb7185 !important;
  box-shadow: 0 0 8px rgba(251, 113, 133, .32);
}

.pro-map-page-v4 .pro-map-legend-v4 i.short {
  background: #22d3ee !important;
  box-shadow: 0 0 8px rgba(34, 211, 238, .30);
}

.pro-map-page-v4 .pro-map-legend-v4 i.price {
  background: #facc15 !important;
  box-shadow: 0 0 8px rgba(250, 204, 21, .28);
}

.pro-map-page-v4 .pro-map-colorbar-v4 {
  color: rgba(190, 208, 223, .84) !important;
  font-weight: 750 !important;
}

.pro-map-page-v4 .pro-map-colorbar-v4 i {
  border: 1px solid rgba(226, 232, 240, .12);
  box-shadow:
    0 0 18px rgba(34, 211, 238, .08),
    inset 0 0 0 1px rgba(255, 255, 255, .025);
}

@media (max-width: 760px) {
  .pro-map-page-v4 .pro-map-row-v4 em {
    color: rgba(218, 230, 240, .90) !important;
  }

  .pro-map-page-v4 .pro-map-legend-v4 {
    justify-content: flex-start !important;
    padding-left: 4px;
  }
}


/* CIML Liq Map Stage 10A-5: desktop upper deck reflow */
/* CSS-only. Data, state, API, handlers and analytics remain unchanged. */

@media (min-width: 1101px) {

  /* Keep the upper workspace visually bounded and predictable. */
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns:
      minmax(430px, .82fr)
      minmax(760px, 1.48fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  /* Row 1: slimmer Market Scope / source rail. */
  .pro-map-page-v4 .pro-dashboard-source-v1 {
    min-height: 58px !important;
    margin: 7px 10px 4px !important;
    padding: 6px 8px !important;
    grid-template-columns:
      minmax(260px, .68fr)
      minmax(0, 3.7fr) !important;
    gap: 7px !important;
    border-radius: 11px !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-main-v1 {
    padding: 6px 10px !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1 {
    gap: 6px !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1 > * {
    min-height: 42px !important;
    padding: 6px 9px !important;
    border-radius: 8px !important;
  }

  /* Row 2: title and KPI group become one balanced band. */
  .pro-map-page-v4 .pro-map-titlebar-v4 {
    min-height: 68px !important;
    padding: 9px 12px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .pro-map-page-v4 .pro-map-titlebar-v4 h3 {
    margin: 0 0 3px !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
  }

  .pro-map-page-v4 .pro-map-titlebar-v4 p {
    max-width: 580px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 8px 10px !important;
    align-items: stretch !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 article {
    min-height: 54px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  /* Row 3: Search | Top10 | Window | Exchange, with Update reserved at right. */
  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns:
      minmax(220px, .68fr)
      minmax(455px, 1.55fr)
      minmax(350px, 1.10fr)
      minmax(185px, .58fr) !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 8px 142px 9px 10px !important;
    align-items: end !important;
    border-top: 1px solid rgba(148, 163, 184, .055) !important;
    background:
      linear-gradient(180deg, rgba(4, 14, 28, .84), rgba(2, 9, 20, .92)) !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > [data-ciml-market-finder-step1-v2] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol]) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-window]) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > .pro-map-exchange-control-v32 {
    grid-column: 4 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  /* Search stays compact instead of competing with Top10. */
  .pro-map-page-v4
  [data-ciml-market-finder-step1-v2] input {
    height: 36px !important;
    min-height: 36px !important;
  }

  /* Top10 is a stable horizontal strip. */
  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol])
  .pro-map-pillbar-v4 {
    justify-content: flex-start !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol])
  .pro-map-pillbar-v4 button {
    flex: 1 1 0 !important;
    min-width: 38px !important;
    max-width: 58px !important;
    padding: 0 6px !important;
    text-align: center !important;
  }

  /* Timeframes share their space evenly and never crush Exchange. */
  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-window])
  .pro-map-pillbar-v4 button {
    flex: 1 1 0 !important;
    min-width: 38px !important;
    padding: 0 5px !important;
  }

  /* Exchange gets a real dedicated field. */
  .pro-map-page-v4
  .pro-map-exchange-control-v32
  .pro-map-select-shell-v32,
  .pro-map-page-v4
  .pro-map-exchange-control-v32
  select[data-pro-map-exchange-select] {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
  }

  /* Update stays aligned to the same 36px control baseline. */
  .pro-map-page-v4 .pro-map-toolbar-v4 {
    width: 128px !important;
    min-width: 128px !important;
    margin: 0 10px 0 0 !important;
    padding: 8px 0 9px !important;
    align-self: end !important;
  }

  .pro-map-page-v4
  .pro-map-selectors-v4
  [data-pro-map-refresh] {
    height: 36px !important;
    min-height: 36px !important;
  }

  /* Helper copy remains available but stops dominating the row. */
  .pro-map-page-v4
  [data-ciml-market-finder-step1-v2]
  label > small,
  .pro-map-page-v4
  .pro-map-exchange-control-v32 small {
    margin-top: 3px !important;
    min-height: 7px !important;
    font-size: 6.8px !important;
    opacity: .62 !important;
  }
}


/* CIML Liq Map Stage 10A-5B: refresh rail containment */
/* CSS-only corrective patch. No state, handlers, data or API changes. */

@media (min-width: 1101px) {
  .pro-map-page-v4 .pro-map-controls-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-right: 150px !important;
    overflow: hidden !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 {
    box-sizing: border-box !important;
    z-index: 8 !important;
    justify-self: end !important;
    align-self: end !important;
    display: flex !important;
    width: 132px !important;
    min-width: 132px !important;
    margin: 0 10px 0 0 !important;
    padding: 8px 0 9px !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  .pro-map-page-v4 .pro-map-selectors-v4 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    pointer-events: none !important;
  }

  .pro-map-page-v4 .pro-map-selectors-v4::before {
    content: "Update" !important;
    display: block !important;
    margin: 0 0 4px !important;
  }

  .pro-map-page-v4
  .pro-map-selectors-v4
  [data-pro-map-refresh] {
    display: block !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    pointer-events: auto !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > .pro-map-exchange-control-v32 {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}


/* CIML Liq Map Stage 10A-5D: left title and real refresh grid */
/* CSS-only corrective patch. No API, state, handlers or analytics changes. */

body.ciml-liq-map-online-r2 .topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 24px !important;
}

body.ciml-liq-map-online-r2 .topbar > div:first-child {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-self: start !important;
  text-align: left !important;
}

body.ciml-liq-map-online-r2 .topbar > div:first-child .eyebrow,
body.ciml-liq-map-online-r2 .topbar > div:first-child #page-title {
  text-align: left !important;
}

body.ciml-liq-map-online-r2 .topbar-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  justify-self: end !important;
  margin-left: auto !important;
}

@media (min-width: 1101px) {
  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns:
      minmax(220px, .68fr)
      minmax(455px, 1.55fr)
      minmax(350px, 1.10fr)
      minmax(185px, .58fr)
      132px !important;
    gap: 8px !important;
    padding: 8px 10px 9px !important;
    overflow: visible !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > [data-ciml-market-finder-step1-v2] {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol]) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-window]) {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > .pro-map-exchange-control-v32 {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > .ciml-r2-refresh-control,
  .pro-map-page-v4
  .pro-map-controls-v4
  > [data-ciml-r2-refresh] {
    display: block !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    align-self: end !important;
  }

  .pro-map-page-v4
  .ciml-r2-refresh-control > span {
    display: block !important;
    margin: 0 0 4px !important;
    color: rgba(190, 209, 228, .90) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
  }

  .pro-map-page-v4
  .ciml-r2-refresh-control
  [data-pro-map-refresh] {
    display: block !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid rgba(34, 211, 238, .28) !important;
    border-radius: 9px !important;
    background:
      linear-gradient(
        180deg,
        rgba(8, 55, 78, .96),
        rgba(6, 34, 53, .98)
      ) !important;
    color: #d9fbff !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  .pro-map-page-v4
  .ciml-r2-refresh-control
  [data-pro-map-refresh]:hover {
    border-color: rgba(34, 211, 238, .55) !important;
    background:
      linear-gradient(
        180deg,
        rgba(9, 72, 99, .98),
        rgba(7, 44, 65, .98)
      ) !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  body.ciml-liq-map-online-r2 .topbar {
    display: flex !important;
    align-items: flex-start !important;
  }

  body.ciml-liq-map-online-r2 .topbar > div:first-child {
    width: 100% !important;
  }
}


/* CIML Liq Map Stage 10A-6: compact stable heatmap */
/* Visual geometry only. All 96 bins and liquidation calculations remain intact. */

@media (min-width: 1101px) {

  .pro-map-page-v4 .pro-map-body-v4 {
    align-items: start !important;
  }

  .pro-map-page-v4 .pro-map-main-v4 {
    min-height: 0 !important;
    height: auto !important;
  }

  .pro-map-page-v4 .pro-map-plot-v4 {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .pro-map-page-v4 .pro-map-canvas-v4 {
    min-height: 0 !important;
    height: auto !important;
  }

  .pro-map-page-v4 .pro-map-colorbar-v4 {
    min-height: 0 !important;
    gap: 6px !important;
    font-size: 9px !important;
  }

  .pro-map-page-v4 .pro-map-colorbar-v4 i {
    width: 14px !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  .pro-map-page-v4 .pro-map-legend-v4 {
    gap: 14px !important;
    margin-bottom: 8px !important;
    font-size: 10.5px !important;
  }

  .pro-map-page-v4 .pro-map-legend-v4 i {
    width: 8px !important;
    height: 8px !important;
    margin-right: 5px !important;
  }

  .pro-map-page-v4 .pro-map-rows-v4 {
    background-size: 100% 25px, auto !important;
  }

  .pro-map-page-v4 .pro-map-row-v4 {
    min-height: 5px !important;
    height: 5px !important;
  }

  .pro-map-page-v4 .pro-map-heatline-v4 {
    min-height: 5px !important;
    height: 5px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4.current {
    min-height: 9px !important;
    height: 9px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4.current .pro-map-heatline-v4 {
    height: 9px !important;
    min-height: 9px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4 em {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  .pro-map-page-v4 .pro-map-timebars-v4 {
    height: 42px !important;
    margin-top: 8px !important;
    padding: 5px !important;
  }

  .pro-map-page-v4 .pro-map-side-v4 {
    align-content: start !important;
    gap: 10px !important;
  }
}


/* CIML Liq Map Stage 10A-7B: stable heat viewport */
/* All 96 price buckets remain rendered. Visual viewport only. */

@media (min-width: 1101px) {

  .pro-map-page-v4 .pro-map-rows-v4 {
    height: clamp(460px, 52vh, 540px) !important;
    min-height: 460px !important;
    max-height: 540px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color:
      rgba(34, 211, 238, .40)
      rgba(5, 15, 30, .55);

    background-size: 100% 32px, auto !important;
  }

  .pro-map-page-v4 .pro-map-rows-v4::-webkit-scrollbar {
    width: 6px;
  }

  .pro-map-page-v4 .pro-map-rows-v4::-webkit-scrollbar-track {
    background: rgba(5, 15, 30, .55);
  }

  .pro-map-page-v4 .pro-map-rows-v4::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(34, 211, 238, .38);
  }

  .pro-map-page-v4 .pro-map-rows-v4::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 211, 238, .62);
  }

  .pro-map-page-v4 .pro-map-row-v4 {
    height: 8px !important;
    min-height: 8px !important;
  }

  .pro-map-page-v4 .pro-map-heatline-v4 {
    height: 8px !important;
    min-height: 8px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4.current {
    height: 12px !important;
    min-height: 12px !important;
  }

  .pro-map-page-v4
  .pro-map-row-v4.current
  .pro-map-heatline-v4 {
    height: 12px !important;
    min-height: 12px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4 em {
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  .pro-map-page-v4 .pro-map-canvas-v4 {
    height: auto !important;
    min-height: 0 !important;
  }

  .pro-map-page-v4 .pro-map-colorbar-v4 i {
    min-height: 0 !important;
    height: 100% !important;
  }
}


/* CIML Liq Map Stage 10A-7C: adaptive focused heatmap */
/* Focus is visual-only. Full 96 remains available to the user. */

@media (min-width: 1101px) {

  .pro-map-page-v4 .pro-map-row-v4 {
    height: 10px !important;
    min-height: 10px !important;
  }

  .pro-map-page-v4 .pro-map-heatline-v4 {
    height: 10px !important;
    min-height: 10px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4.current {
    height: 14px !important;
    min-height: 14px !important;
  }

  .pro-map-page-v4
  .pro-map-row-v4.current
  .pro-map-heatline-v4 {
    height: 14px !important;
    min-height: 14px !important;
  }

  .pro-map-page-v4
  .pro-map-row-v4[hidden] {
    display: none !important;
  }

  .pro-map-page-v4
  .pro-map-terminal-v4.ciml-heat-focus-v37
  .pro-map-rows-v4 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    scrollbar-gutter: auto !important;
  }

  .pro-map-page-v4
  .pro-map-terminal-v4.ciml-heat-full-v37
  .pro-map-rows-v4 {
    height: clamp(400px, 48vh, 500px) !important;
    min-height: 400px !important;
    max-height: 500px !important;
    overflow-y: auto !important;
  }

  .pro-map-page-v4 .pro-map-legend-v4 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  .pro-map-page-v4
  .ciml-heat-range-v37 {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: auto;
    padding: 2px;
    border: 1px solid rgba(93, 137, 166, .20);
    border-radius: 7px;
    background: rgba(3, 12, 25, .72);
  }

  .pro-map-page-v4
  .ciml-heat-range-v37 button {
    height: 22px;
    padding: 0 8px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: rgba(165, 189, 209, .72);
    font-size: 8px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
  }

  .pro-map-page-v4
  .ciml-heat-range-v37 button.active {
    background: rgba(34, 211, 238, .12);
    color: #bff8ff;
    box-shadow:
      inset 0 0 0 1px
      rgba(34, 211, 238, .24);
  }

  /* Match the right rail more closely to focused heatmap height. */
  .pro-map-page-v4 .pro-map-side-v4 {
    gap: 8px !important;
  }

  .pro-map-page-v4
  .pro-map-tape-list-v4 {
    max-height: 220px !important;
    overflow-y: auto !important;
  }

  .pro-map-page-v4
  .pro-map-side-card-v4.note {
    min-height: 0 !important;
    padding: 11px !important;
  }

  .pro-map-page-v4
  .pro-map-side-card-v4.note p {
    margin-top: 6px !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
  }
}

/* CIML Liq Map Stage 10A-9E: final mobile tablet layout guard */
/*
 * Late responsive guard only.
 * No API, state, heatmap calculation or selection behavior changes.
 */

@media (max-width: 1100px) {
  .pro-map-page-v4 .pro-map-body-v4 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .pro-map-page-v4 .pro-map-main-v4,
  .pro-map-page-v4 .pro-map-side-v4 {
    width: 100% !important;
    min-width: 0 !important;
  }

  .pro-map-page-v4 .pro-map-side-v4 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 760px) {
  .pro-map-page-v4 .pro-map-terminal-v4 {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "scope"
      "title"
      "summary"
      "controls"
      "toolbar"
      "body" !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-v1 {
    margin: 6px 6px 4px !important;
    padding: 6px !important;
  }

  .pro-map-page-v4 .pro-dashboard-source-grid-v1,
  .pro-map-page-v4 .pro-map-summary-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pro-map-page-v4 .pro-map-summary-v4 {
    gap: 6px !important;
    padding: 6px 7px 8px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px 7px 9px !important;
  }

  .pro-map-page-v4 .pro-map-controls-v4 > * {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-width: 0 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > [data-ciml-market-finder-step1-v2] {
    width: 100% !important;
    margin: 0 !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol])
  .pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-window])
  .pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  .pro-map-pillbar-v4 button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 5px 3px !important;
  }

  .pro-map-page-v4 .pro-map-exchange-control-v32,
  .pro-map-page-v4 .pro-map-select-shell-v32,
  .pro-map-page-v4 .pro-map-select-shell-v32 select {
    width: 100% !important;
    min-width: 0 !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 7px 8px !important;
  }

  .pro-map-page-v4 .pro-map-toolbar-v4 [data-pro-map-refresh],
  .pro-map-page-v4 .pro-map-controls-v4 [data-pro-map-refresh] {
    width: 100% !important;
  }

  .pro-map-page-v4 .pro-map-body-v4 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .pro-map-page-v4 .pro-map-main-v4 {
    order: 1 !important;
  }

  .pro-map-page-v4 .pro-map-side-v4 {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .pro-map-page-v4 .pro-map-rows-v4,
  .pro-map-page-v4 .pro-map-row-v4,
  .pro-map-page-v4 .pro-map-heatline-v4 {
    min-width: 0 !important;
  }

  .pro-map-page-v4 .ciml-heat-range-v37 {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .pro-map-page-v4 .pro-map-tape-list-v4 {
    max-height: 260px !important;
    overflow-y: auto !important;
  }
}

/* CIML Liq Map Stage 10A-9F-2: mobile heatmap and controls final fix */
/*
 * Mobile-only geometry correction.
 * No API, state, selection or heatmap calculation changes.
 */

@media (max-width: 760px) {

  /* Remove inherited desktop/grid height reservations. */
  .pro-map-page-v4 .pro-map-terminal-v4 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: auto !important;
    align-content: start !important;
    overflow: visible !important;
  }

  .pro-map-page-v4 .pro-map-body-v4 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .pro-map-page-v4 .pro-map-main-v4 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .pro-map-page-v4 .pro-map-side-v4 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: static !important;
    inset: auto !important;
    align-self: start !important;
    align-content: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .pro-map-page-v4 [data-pro-map-heat],
  .pro-map-page-v4 .pro-map-plot-v4,
  .pro-map-page-v4 .pro-map-canvas-v4 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /*
   * The old pillbar owns a fixed 36px height.
   * Mobile grid rows need natural height so row 2 is not clipped.
   */
  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol])
  .pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-rows: 30px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 4px !important;
    padding: 3px !important;
    overflow: visible !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-window])
  .pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 30px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 4px !important;
    padding: 3px !important;
    overflow: visible !important;
  }

  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol])
  .pro-map-pillbar-v4 button,
  .pro-map-page-v4
  .pro-map-controls-v4
  > div:has([data-pro-map-window])
  .pro-map-pillbar-v4 button {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 3px !important;
    line-height: 30px !important;
  }

  /*
   * Focus uses the existing JS hidden flag.
   * Author CSS must respect it on mobile too.
   */
  .pro-map-page-v4 .pro-map-row-v4[hidden] {
    display: none !important;
  }

  .pro-map-page-v4
  .pro-map-terminal-v4.ciml-heat-focus-v37
  .pro-map-rows-v4 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    scrollbar-gutter: auto !important;
  }

  /*
   * Full96 remains available, but owns a bounded scroll viewport
   * instead of making the whole mobile page thousands of pixels tall.
   */
  .pro-map-page-v4
  .pro-map-terminal-v4.ciml-heat-full-v37
  .pro-map-rows-v4 {
    height: min(68vh, 560px) !important;
    min-height: 420px !important;
    max-height: 560px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
  }

  .pro-map-page-v4 .pro-map-row-v4 {
    height: 8px !important;
    min-height: 8px !important;
  }

  .pro-map-page-v4 .pro-map-heatline-v4 {
    height: 8px !important;
    min-height: 8px !important;
  }

  .pro-map-page-v4 .pro-map-row-v4.current {
    height: 12px !important;
    min-height: 12px !important;
  }

  .pro-map-page-v4
  .pro-map-row-v4.current
  .pro-map-heatline-v4 {
    height: 12px !important;
    min-height: 12px !important;
  }

  /* Make both Focus and Full96 visible and touchable. */
  .pro-map-page-v4 .pro-map-legend-v4 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  .pro-map-page-v4 .ciml-heat-range-v37 {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 3px 0 0 !important;
    padding: 2px !important;
    gap: 3px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    border: 1px solid rgba(93, 137, 166, .20) !important;
    border-radius: 7px !important;
    background: rgba(3, 12, 25, .72) !important;
  }

  .pro-map-page-v4 .ciml-heat-range-v37 button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 58px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: rgba(165, 189, 209, .82) !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  .pro-map-page-v4 .ciml-heat-range-v37 button.active {
    background: rgba(34, 211, 238, .12) !important;
    color: #bff8ff !important;
    box-shadow:
      inset 0 0 0 1px rgba(34, 211, 238, .24) !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4A: isolated mobile control deck */
/*
 * Controls only.
 * Heatmap, side rail, API and selection behavior are untouched.
 */

@media (max-width: 760px) {

  [data-pro-map-terminal] .pro-map-controls-v4 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 9px !important;
    overflow: visible !important;
  }

  [data-pro-map-terminal] .pro-map-controls-v4 > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  [data-pro-map-terminal]
  .pro-map-controls-v4
  > div:has([data-pro-map-symbol])
  .pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-rows: 32px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 4px !important;
    padding: 3px !important;
    overflow: visible !important;
  }

  [data-pro-map-terminal]
  .pro-map-controls-v4
  > div:has([data-pro-map-window])
  .pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 32px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 4px !important;
    padding: 3px !important;
    overflow: visible !important;
  }

  [data-pro-map-terminal]
  .pro-map-controls-v4
  [data-pro-map-symbol],
  [data-pro-map-terminal]
  .pro-map-controls-v4
  [data-pro-map-window] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 3px !important;
    margin: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  [data-pro-map-terminal] .pro-map-exchange-control-v32,
  [data-pro-map-terminal] .pro-map-select-shell-v32,
  [data-pro-map-terminal] .pro-map-select-shell-v32 select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4A-2: explicit mobile controls */
/* Control deck only. No heatmap or side-rail geometry here. */

[data-pro-map-terminal] .ciml-mobile-map-refresh-v4 {
  display: none !important;
}

@media (max-width: 760px) {

  [data-pro-map-terminal] .ciml-mobile-asset-pills-v4 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 32px) !important;
    gap: 4px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 68px !important;
    max-height: none !important;
    padding: 3px !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
  }

  [data-pro-map-terminal] .ciml-mobile-window-pills-v4 {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    grid-template-rows: 32px !important;
    gap: 3px !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 3px !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
  }

  [data-pro-map-terminal]
  .ciml-mobile-asset-pills-v4
  [data-pro-map-symbol] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  [data-pro-map-terminal]
  .ciml-mobile-window-pills-v4
  [data-pro-map-window] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  [data-pro-map-terminal] .pro-map-exchange-control-v32 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 78px !important;
    grid-template-rows: auto 36px auto !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: end !important;
  }

  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  > span {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin-bottom: 0 !important;
  }

  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  .pro-map-select-shell-v32 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
  }

  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  select[data-pro-map-exchange-select] {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  [data-pro-map-terminal] .ciml-mobile-map-refresh-v4 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    min-width: 78px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid rgba(34, 211, 238, .28) !important;
    border-radius: 9px !important;
    background: rgba(7, 42, 62, .88) !important;
    color: #e6fbff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  > small {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  [data-pro-map-terminal] .pro-map-toolbar-v4 {
    display: none !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4A-3: mobile control specificity lock */
/* Controls only. Intentionally outranks legacy #app mobile rules. */

@media (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-mobile-asset-pills-v4.pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 32px) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    height: 71px !important;
    min-height: 71px !important;
    max-height: 71px !important;
    gap: 4px !important;
    padding: 3px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    flex-wrap: wrap !important;
    scroll-snap-type: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-mobile-asset-pills-v4.pro-map-pillbar-v4
  > [data-pro-map-symbol] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-mobile-window-pills-v4.pro-map-pillbar-v4 {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    grid-template-rows: 32px !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    gap: 3px !important;
    padding: 3px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    flex-wrap: nowrap !important;
    scroll-snap-type: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-mobile-window-pills-v4.pro-map-pillbar-v4
  > [data-pro-map-window] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-exchange-control-v32 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 86px !important;
    grid-template-rows: auto 36px auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
    align-items: end !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  > span {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  .pro-map-select-shell-v32 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  select[data-pro-map-exchange-select] {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-mobile-map-refresh-v4 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 6px !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-exchange-control-v32
  > small {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  > .pro-map-toolbar-v4 {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4B-2: mobile heatmap width lock */
/*
 * Heatmap only.
 * Overrides legacy app.css 760px mobile canvas.
 * Side rail / Pressure Desk geometry intentionally untouched.
 */

@media (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-main-v4 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  [data-pro-map-heat] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-plot-v4 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-colorbar-v4 {
    display: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-canvas-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-rows-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background-size: 100% 24px, auto !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-row-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-heatline-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-panel-title-v4 {
    display: grid !important;
    grid-template-columns: minmax(92px, .42fr) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-panel-title-v4 span {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.22 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-legend-v4 {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 7px 10px !important;
    margin-bottom: 8px !important;
    padding: 0 2px !important;
    overflow: visible !important;
    font-size: 8.5px !important;
    line-height: 1.1 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-legend-v4
  > * {
    min-width: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-heat-range-v37 {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 3px 0 5px !important;
    overflow: visible !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .ciml-heat-range-v37
  button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 56px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 7px !important;
    font-size: 8px !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4B-3: mobile heatmap full width polish */
/* Horizontal heatmap polish only. Side rail intentionally untouched. */

@media (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-plot-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-canvas-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-rows-v4 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-row-v4,
  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-heatline-v4 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-row-v4 em {
    right: 3px !important;
    max-width: 58px !important;
    padding: 0 2px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-legend-v4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4C-2: mobile side rail natural flow */
/*
 * Side rail / body flow only.
 * Heatmap and control-deck geometry intentionally untouched.
 */

@media (max-width: 760px) {

  /*
   * Stop legacy grid columns from collapsing the right rail to 0px.
   * Mobile body becomes one natural vertical flow.
   */
  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-body-v4 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-main-v4 {
    display: block !important;
    position: static !important;
    flex: 0 0 auto !important;
    order: 1 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-v4 {
    display: grid !important;
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    align-self: stretch !important;
    align-content: start !important;
    box-sizing: border-box !important;

    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;

    overflow: visible !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-v4
  > * {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-card-v4 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-card-v4
  * {
    min-width: 0 !important;
    max-width: 100%;
  }

  /*
   * Tape remains useful without making the mobile page excessively long.
   */
  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-tape-list-v4 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: 260px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-card-v4.note p {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4D-2A: mobile pressure tape pair */
/*
 * Side rail only.
 * 400-760px: Pressure Desk + Liquidation Tape side by side.
 * Leverage note remains full width.
 */

@media (min-width: 400px) and (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-v4 {
    display: grid !important;
    grid-template-columns:
      minmax(0, .94fr)
      minmax(0, 1.06fr) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-v4
  > * {
    grid-column: auto !important;
    align-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-side-v4
  > .pro-map-side-card-v4.note {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  [data-pro-map-terminal]
  .pro-map-tape-list-v4 {
    max-height: 230px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4D-2B-2: mobile risk tape two column filters */
/*
 * Risk Tape filters only.
 * 400-760px uses a compact 2 x 3 control grid.
 */

@media (min-width: 400px) and (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    gap: 8px !important;
    padding: 10px 12px !important;

    align-items: end !important;
    box-sizing: border-box !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2
  > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2
  label {
    min-width: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2
  input,
  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2
  select,
  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2
  > button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-filters-v2
  label
  > span {
    display: block !important;
    margin: 0 0 5px !important;
    white-space: nowrap !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4D-2C-2: mobile verified three column grid */
/* Verified History Coverage cards only. */

@media (min-width: 400px) and (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-v2 {
    min-height: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-grid-v2 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-grid-v2
  article {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 8px 7px !important;
    border-radius: 9px !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-grid-v2
  span {
    font-size: 8px !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-grid-v2
  strong {
    margin: 4px 0 5px !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-grid-v2
  b {
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .ciml-risk-coverage-grid-v2
  small {
    margin-top: 3px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* CIML Liq Map Stage 10A-9F-4D-2D-2: mobile verified event cards */
/*
 * Verified event table only.
 * Desktop table/data/pagination behavior is untouched.
 */

@media (min-width: 400px) and (max-width: 760px) {

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .pro-largest-table-v25 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    scrollbar-gutter: auto !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  .pro-largest-row-v25.head {
    display: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  [data-pro-largest-body-v25] {
    display: block !important;
    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 520px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .ciml-bottom-panels-v1
  .pro-largest-events-v25
  [data-pro-largest-body-v25]
  > .pro-largest-row-v25 {
    display: grid !important;

    grid-template-columns:
      30px
      minmax(58px, .72fr)
      minmax(76px, .88fr)
      minmax(88px, 1fr) !important;

    grid-template-areas:
      "rank time exchange exchange"
      "asset side notional price" !important;

    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    gap: 5px 7px !important;
    padding: 10px 11px !important;

    box-sizing: border-box !important;

    border-bottom: 1px solid rgba(51, 65, 85, .42) !important;

    text-decoration: none !important;
    overflow: hidden !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .rank {
    grid-area: rank !important;
    align-self: start !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .time {
    grid-area: time !important;
    min-width: 0 !important;
    color: #94a3b8 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .exchange {
    grid-area: exchange !important;
    justify-self: end !important;
    min-width: 0 !important;
    color: #a8b4c8 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .asset {
    grid-area: asset !important;
    display: block !important;
    min-width: 0 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .asset
  img {
    display: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .asset
  b {
    display: block !important;
    color: #e5edf8 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .asset
  small {
    display: none !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .side {
    grid-area: side !important;

    justify-self: start !important;

    min-width: 0 !important;
    max-width: 100% !important;

    padding: 4px 6px !important;

    border-radius: 999px !important;

    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .side.down {
    border: 1px solid rgba(251, 113, 133, .3) !important;
    background: rgba(127, 29, 29, .22) !important;
    color: #fda4af !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .side.up {
    border: 1px solid rgba(52, 211, 153, .3) !important;
    background: rgba(6, 78, 59, .22) !important;
    color: #6ee7b7 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .notional {
    grid-area: notional !important;

    justify-self: end !important;

    min-width: 0 !important;

    color: #f1f5f9 !important;
    font-size: 11px !important;
    font-weight: 950 !important;

    white-space: nowrap !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25.down
  .notional {
    color: #fda4af !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25.up
  .notional {
    color: #6ee7b7 !important;
  }

  body.ciml-liq-map-online-r1.ciml-liq-map-online-r2.ciml-liq-map-online-r3
  #app
  .pro-map-page-v4
  .pro-largest-row-v25
  .price {
    grid-area: price !important;

    justify-self: end !important;

    min-width: 0 !important;

    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 850 !important;

    white-space: nowrap !important;
  }
}