/* adaptive.css · v5.4.0 — Phase 0 */

.adp-layout {
  max-width: 1500px;
  margin: 0 auto;
  padding: 16px 22px;
  display: grid;
  gap: 14px;
}

.adp-hero { padding: 16px 18px; }
.adp-hero-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 14px 24px;
  margin-bottom: 6px;
}
.adp-stat { display: flex; flex-direction: column; gap: 3px; }
.adp-stat-k { font-size: 10px; color: var(--muted); letter-spacing: 1px; text-transform: uppercase; }
.adp-stat-v {
  font-family: 'JetBrains Mono', monospace;
  font-size: 18px; font-weight: 600; color: var(--text);
}
.adp-stat-v.up   { color: var(--up); }
.adp-stat-v.down { color: var(--down); }
.adp-hero-note { font-size: 11px; padding-top: 6px; border-top: 1px solid var(--line); }

/* Tables */
.adp-table-wrap { overflow-x: auto; }
.adp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-top: 6px;
}
.adp-table thead th {
  text-align: left;
  font-family: 'Cinzel', serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--gold-2);
  text-transform: uppercase;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  background: rgba(18,18,42,0.6);
}
.adp-table tbody td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(42,38,88,0.4);
  color: var(--text-dim);
  vertical-align: middle;
}
.adp-table tbody tr:hover { background: rgba(255,255,255,0.02); }
.adp-table .mono { font-family: 'JetBrains Mono', monospace; }
.adp-table .up   { color: var(--up); }
.adp-table .down { color: var(--down); }
.adp-table .muted { color: var(--muted); }

.adp-table-sm { font-size: 12px; }
.adp-table-sm thead th { padding: 8px 10px; font-size: 9px; }
.adp-table-sm tbody td { padding: 6px 10px; }

/* State badges */
.adp-state {
  display: inline-flex;
  align-items: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 3px 8px;
  border-radius: 3px;
  border: 1px solid currentColor;
  text-transform: uppercase;
}
.adp-state.active  { color: var(--up);   background: rgba(95,211,154,0.08); }
.adp-state.testing { color: var(--gold-2); background: rgba(244,213,110,0.10); }
.adp-state.parked  { color: var(--muted); background: rgba(154,146,194,0.10); }
.adp-state.retired { color: var(--down);  background: rgba(224,107,107,0.08); opacity: 0.7; }

/* Weight bar */
.adp-weight-cell { display: flex; align-items: center; gap: 8px; }
.adp-weight-bar {
  width: 80px; height: 6px;
  background: rgba(42,38,88,0.6);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.adp-weight-bar > div {
  position: absolute; top: 0; left: 0; bottom: 0;
  background: linear-gradient(90deg, var(--gold-dim), var(--gold-2));
  border-radius: 3px;
  transition: width 200ms ease;
}
.adp-weight-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; min-width: 38px; text-align: right;
}

/* 3-up row */
.adp-row3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 1100px) { .adp-row3 { grid-template-columns: 1fr; } }
.adp-row3 .panel { padding: 14px 16px; }

/* Calibration row colors */
.adp-calib-table tr.calib-good { background: rgba(95,211,154,0.04); }
.adp-calib-table tr.calib-bad  { background: rgba(224,107,107,0.04); }
.adp-calib-table tr.calib-low  { opacity: 0.5; }