/**
 * Asset detail density polish (stocks / crypto / forex shared shell).
 * Spacing, type scale, controls — no color-token redesign.
 */

.crypto-detail-page {
  --ad-radius: 10px;
  --ad-ctrl-h: 30px;
}

/* Hero — less vertical theatre */
.crypto-detail-page .crypto-detail-hero {
  padding-top: 1rem !important;
}

@media (min-width: 768px) {
  .crypto-detail-page .crypto-detail-hero {
    padding-top: 1.15rem !important;
  }
}

.crypto-detail-page .crypto-detail-hero > .px-6 {
  padding-inline: 1rem;
}

@media (min-width: 768px) {
  .crypto-detail-page .crypto-detail-hero > .px-6 {
    padding-inline: 1.25rem;
  }
}

.crypto-detail-page .crypto-detail-hero h1 {
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em;
}

/* Price cluster — financial LTR island */
.crypto-detail-page .ad-price-cluster {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.15rem;
}

.crypto-detail-page .ad-price-cluster__row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.4rem;
  direction: ltr;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

.crypto-detail-page .ad-price-cluster__price {
  font-size: clamp(1.75rem, 2.6vw, 2.25rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1 !important;
}

.crypto-detail-page .ad-price-cluster__chg {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.crypto-detail-page .ad-price-cluster__ccy {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--cd-text-secondary);
}

.crypto-detail-page .ad-price-cluster__meta {
  font-size: 0.6875rem !important;
  color: var(--cd-text-muted, var(--cd-text-secondary));
}

@media (max-width: 639px) {
  .crypto-detail-page .ad-price-cluster {
    align-items: flex-start;
  }
}

/* Tabs — compact underline nav */
.crypto-detail-page .crypto-detail-hero nav + div + div button,
.crypto-detail-page .ad-section-tabs button {
  padding-block: 0.45rem !important;
  padding-inline: 0.7rem !important;
  font-size: 0.8125rem !important;
  border-bottom-width: 2px !important;
}

/* Overview metrics — less card island */
.crypto-detail-page [data-section='overview'] .crypto-detail-overview-card {
  border-radius: var(--ad-radius) !important;
  padding: 0.55rem 0.7rem !important;
  box-shadow: none !important;
}

.crypto-detail-page [data-section='overview'] .crypto-detail-overview-card > span:first-child {
  font-size: 0.625rem !important;
  letter-spacing: 0.04em;
}

.crypto-detail-page [data-section='overview'] .crypto-detail-overview-card .tabular-nums,
.crypto-detail-page [data-section='overview'] .crypto-detail-overview-card > span:nth-child(2) {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

.crypto-detail-page [data-section='overview'] .ad-metric-quiet {
  color: var(--cd-text-muted, #94a3b8) !important;
  font-weight: 500 !important;
  opacity: 0.75;
}

.crypto-detail-page [data-section='overview'] > .flex.items-center,
.crypto-detail-page [data-section='chart'] .flex.items-center.gap-1\.5 {
  margin-bottom: 0.25rem !important;
}

.crypto-detail-page [data-section='overview'] > .flex.items-center + p,
.crypto-detail-page [data-section='technicals'] > .flex.items-center + p {
  margin-bottom: 0.65rem !important;
  font-size: 0.75rem !important;
}

.crypto-detail-page [data-section='overview'] .grid {
  gap: 0.5rem !important;
  margin-bottom: 0.65rem !important;
}

/* Chart chrome */
.crypto-detail-page .crypto-detail-chart-section {
  padding-block: 0.35rem 0.75rem;
}

.crypto-detail-page .crypto-detail-chart-section .rounded-xl,
.crypto-detail-page .crypto-detail-chart-section .rounded-lg {
  border-radius: var(--ad-radius) !important;
}

.crypto-detail-page .crypto-detail-chart-section .zs-rb,
.crypto-detail-page .crypto-detail-chart-section [class*='zs-rb'] {
  padding: 2px !important;
  border-radius: 6px !important;
}

.crypto-detail-page .crypto-detail-chart-section .zs-rbn,
.crypto-detail-page .crypto-detail-chart-section button[class*='rbn'] {
  min-height: var(--ad-ctrl-h);
  padding: 0.2rem 0.45rem !important;
  font-size: 0.6875rem !important;
  border-radius: 4px !important;
}

/* Technicals / analysis density */
.crypto-detail-page [data-section='technicals'] {
  padding-top: 0.85rem !important;
  margin-bottom: 1rem !important;
}

.crypto-detail-page [data-section='technicals'] .mb-6 {
  margin-bottom: 0.75rem !important;
}

.crypto-detail-page [data-section='analysis'] .rounded-xl,
.crypto-detail-page [data-section='technicals'] .rounded-xl {
  border-radius: var(--ad-radius) !important;
}

.crypto-detail-page [data-section='analysis'] table td,
.crypto-detail-page [data-section='analysis'] table th,
.crypto-detail-page [data-section='fundamentals'] table td,
.crypto-detail-page [data-section='fundamentals'] table th {
  padding-block: 0.4rem !important;
  font-size: 0.8125rem;
}

.crypto-detail-page [data-section='analysis'] td:last-child,
.crypto-detail-page [data-section='fundamentals'] td:last-child {
  font-variant-numeric: tabular-nums;
}

/* Quiet placeholder dashes in analysis tables */
.crypto-detail-page [data-section='analysis'] td.ad-metric-quiet,
.crypto-detail-page .ad-metric-quiet {
  color: var(--cd-text-muted, #94a3b8) !important;
  font-weight: 500 !important;
}

/* Loading pulse — less huge */
.crypto-detail-page .ad-price-cluster .animate-pulse {
  height: 2rem !important;
  width: 8rem !important;
  border-radius: 6px !important;
}

@media (max-width: 639px) {
  .crypto-detail-page .crypto-detail-hero .ad-section-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .crypto-detail-page .crypto-detail-hero .ad-section-tabs::-webkit-scrollbar {
    display: none;
  }

  .crypto-detail-page [data-section='overview'] .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}