/* abs.css — page-specific styling for abs.html */

.abs-kpis .card { text-align: left; }

.kpi-label {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.68);
  margin-bottom: 6px;
}

.kpi-value {
  font-size: 1.65rem;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: rgba(255,255,255,0.92);
}

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

.abs-chart-card h4 { margin-bottom: 10px; }

.abs-chart {
  height: 320px;
  width: 100%;
}

.abs-chart-tall { height: 420px; }

.abs-table {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.abs-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
}

.abs-row .title { font-weight: 800; color: rgba(255,255,255,0.92); }
.abs-row .meta { margin-top: 2px; }

@media (max-width: 860px) {
  .abs-grid-2 { grid-template-columns: 1fr; }
  .abs-chart { height: 280px; }
  .abs-chart-tall { height: 360px; }
}