.asset-bar {
  min-height:48px; display:flex; align-items:center; gap:24px; overflow-x:auto;
  padding:0 28px; background:#fff; border-bottom:1px solid #E6EAF0;
}
.asset-bar a {
  color:#5F6B7A; text-decoration:none; font-size:13px; white-space:nowrap;
  padding:16px 2px 13px; border-bottom:2px solid transparent;
}
.asset-bar a:hover,.asset-bar a:focus,.asset-bar a.active {
  color:#14243A; border-bottom-color:#14243A; outline:none;
}
.asset-bar .asset-btc { font-weight:800; letter-spacing:.04em; }

.market-strip {
  width:100%; padding:16px 24px; background:#F5F7FA; border-bottom:1px solid #E6EAF0;
}
.market-strip-inner {
  width:min(1380px,100%); margin:0 auto; display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;
  justify-content:center; align-items:stretch;
}
.market-strip-six .market-strip-inner {
  grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px;
}
.market-mini-card {
  width:100%; height:118px; min-width:0; display:block; overflow:hidden;
  color:#14243A; text-decoration:none; background:#fff; border:1px solid #E2E7EE;
  border-radius:9px; padding:9px 11px 7px; box-shadow:0 3px 12px rgba(25,45,70,.045);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
a.market-mini-card:hover,a.market-mini-card:focus {
  border-color:#C8D1DD; box-shadow:0 7px 18px rgba(25,45,70,.09);
  transform:translateY(-1px); outline:none;
}
.market-mini-heading { min-height:16px; display:flex; align-items:center; justify-content:center; text-align:center; }
.market-mini-title { font-size:13px; font-weight:800; line-height:1.15; white-space:nowrap; }
.market-strip-six .market-mini-title { font-size:12.5px; }

.market-gauge { display:block; width:178px; max-width:100%; height:82px; margin:-1px auto -5px; overflow:visible; }
.market-gauge path { fill:none; stroke-width:7; stroke-linecap:round; }
.market-gauge-value { fill:#111827; font-size:28px; font-weight:800; text-anchor:middle; }
.market-gauge-zone { font-size:11px; font-weight:600; text-anchor:middle; }
.market-force-needle { stroke:#14243A; stroke-width:3.5; stroke-linecap:round; }
.market-force-pivot { fill:#14243A; }
.market-force-loading { height:78px; display:grid; place-items:center; color:#758194; font-size:11px; }

.market-od-card { padding-left:10px; padding-right:10px; }
.market-od-body { margin-top:6px; display:grid; gap:7px; }
.market-od-row {
  min-width:0; display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto 9px;
  align-items:center; row-gap:4px;
}
.market-od-copy {
  grid-column:1; grid-row:1; display:flex; align-items:baseline; gap:6px; min-width:0;
}
.market-od-label {
  color:#14243A; font-size:10.5px; font-weight:800; line-height:1; white-space:nowrap;
}
.market-od-value {
  color:#526073; font-size:10.5px; font-weight:700; line-height:1;
  font-variant-numeric:tabular-nums; text-align:left; white-space:nowrap;
}
.market-od-track {
  grid-column:1; grid-row:2; width:100%;
  position:relative; height:9px; border-radius:999px;
  background:linear-gradient(to right,#E33B32 0 25%,#EA625B 25% 37.5%,#D1D5DB 37.5% 62.5%,#55B77F 62.5% 75%,#16A85F 75% 100%);
  box-shadow:inset 0 0 0 1px rgba(20,36,58,.05);
}
.market-od-zero {
  position:absolute; left:50%; top:-3px; width:1.5px; height:15px; transform:translateX(-50%); background:#64748B; z-index:2;
}
.market-od-marker {
  position:absolute; left:calc(var(--bar-position) * 1%); top:50%; width:11px; height:11px;
  transform:translate(-50%,-50%); border-radius:50%; background:#14243A; border:2px solid #FFF;
  box-shadow:0 0 0 1px rgba(20,36,58,.12); z-index:3;
}
.market-od-zero-label {
  position:absolute; left:50%; top:12px; transform:translateX(-50%); color:#64748B; font-size:8.5px; font-weight:700; line-height:1;
}

.market-sharpe-card { padding-left:10px; padding-right:10px; }
.market-sharpe-body { margin-top:6px; display:grid; gap:7px; }
.market-sharpe-row { min-width:0; }
.market-sharpe-copy { display:flex; align-items:baseline; margin-bottom:4px; font-size:10.5px; line-height:1; }
.market-sharpe-copy strong { color:#14243A; font-size:10.5px; font-weight:800; }
.market-sharpe-track {
  position:relative; height:9px; border-radius:999px;
  background:linear-gradient(to right,#E33B32 0 25%,#EA625B 25% 37.5%,#D1D5DB 37.5% 62.5%,#55B77F 62.5% 75%,#16A85F 75% 100%);
  box-shadow:inset 0 0 0 1px rgba(20,36,58,.05);
}
.market-sharpe-zero {
  position:absolute; left:50%; top:-3px; width:1.5px; height:15px; transform:translateX(-50%); background:#64748B; z-index:2;
}
.market-sharpe-marker {
  position:absolute; left:calc(var(--sharpe-position) * 1%); top:50%; width:11px; height:11px;
  transform:translate(-50%,-50%); border-radius:50%; background:#14243A; border:2px solid #FFF;
  box-shadow:0 0 0 1px rgba(20,36,58,.12); z-index:3;
}
.market-sharpe-zero-label {
  position:absolute; left:50%; top:12px; transform:translateX(-50%); color:#64748B; font-size:8.5px; font-weight:700; line-height:1;
}
.market-sharpe-loading { height:78px; display:grid; place-items:center; color:#758194; font-size:11px; }

.market-liquidity-card { padding-left:10px; padding-right:10px; }
.market-liquidity-body { margin-top:1px; display:grid; }
.market-liquidity-row {
  min-width:0; height:42px; display:grid; grid-template-columns:minmax(0,1fr) auto;
  align-items:center; gap:8px; color:#14243A; text-decoration:none;
}
.market-liquidity-row + .market-liquidity-row { border-top:1px solid #E6EAF0; }
.market-liquidity-row:hover .market-liquidity-label,
.market-liquidity-row:focus .market-liquidity-label { color:#34445A; }
.market-liquidity-row:focus { outline:none; }
.market-liquidity-label {
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:10.5px; line-height:1.1; font-weight:800;
}
.market-liquidity-reading {
  min-width:68px; display:grid; grid-template-columns:9px auto; grid-template-rows:auto auto;
  column-gap:6px; align-items:center; justify-content:end;
}
.market-liquidity-dot {
  grid-column:1; grid-row:1 / 3; width:9px; height:9px; border-radius:50%;
  background:var(--liquidity-color,#64748B); box-shadow:0 0 0 2px rgba(20,36,58,.08);
}
.market-liquidity-value {
  grid-column:2; grid-row:1; color:#14243A; font-size:13px; line-height:1;
  font-weight:850; text-align:right; font-variant-numeric:tabular-nums;
}
.market-liquidity-state {
  grid-column:2; grid-row:2; color:var(--liquidity-color,#64748B);
  font-size:8.5px; line-height:1; font-weight:800; text-align:right;
}

.market-strip-loading {
  grid-column:1/-1; min-height:118px; display:flex; align-items:center; justify-content:center;
  color:#758194; background:#fff; border:1px solid #E2E7EE; border-radius:9px; font-size:13px;
}

@media (max-width:980px) {
  .market-strip-six .market-strip-inner { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .market-strip-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .asset-bar { gap:17px; padding:0 18px; }
  .market-strip { padding:12px; }
  .market-strip-inner,.market-strip-six .market-strip-inner { grid-template-columns:1fr; gap:10px; }
  .market-mini-card { height:116px; }
  .market-mini-title,.market-strip-six .market-mini-title { font-size:13px; }
}

/* ITB Whale frame layout v3 - uma unica borda externa */
.whale-grid {
  gap:8px !important;
  align-items:start !important;
  width:100% !important;
}
.whale-frame,
.whale-frame-onchain {
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:1080px !important;
  min-height:1080px !important;
  max-height:1080px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #DFE5EC !important;
  border-radius:20px !important;
  background:#FFF !important;
  box-shadow:0 3px 14px rgba(17,24,39,.03) !important;
  overflow:hidden !important;
  vertical-align:top !important;
}
