:root {
  --orange:       #fa660f;
  --orange-dim:   rgba(250, 102, 15, 0.4);
  --orange-faint: rgba(250, 102, 15, 0.04);
  --white:        #ffffff;
  --label:        #818181;
  --sublabel:     #484747;
  --muted:        #a8a8a8;
  --border:       rgba(255,255,255,0.08);
  --card-bg:      #0c0c0c;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #030303;
  font-family: 'Inter', 'myriad-pro', Arial, 'Helvetica Neue', sans-serif;
  color: var(--white);
  -webkit-font-smoothing: antialiased;
}

/* ── Metrics grid ── */
.metric-card {
  transition: background 0.15s;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.metric-card:hover { background: #0d0d0d; }
.metric-label {
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--label);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
}
.metric-value {
  font-size: 1.6rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
.metric-sub { font-size: 0.72rem; color: var(--muted); }

/* ── Cards ── */
.card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 0;
}

/* ── Input labels ── */
.input-label {
  display: block;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--label);
  margin-bottom: 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

/* ── Input fields ── */
.input-field {
  width: 100%;
  padding: 0.65rem 0.9rem;
  background: #030303;
  border: 1px solid #2a2a2a;
  border-radius: 0;
  color: var(--white);
  font-size: 0.95rem;
  font-family: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
  outline: none;
}
.input-field:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 2px rgba(250,102,15,0.15);
}
.input-field:hover:not([readonly]) { border-color: #444; }
.input-field[readonly] { color: var(--orange); opacity: 0.9; cursor: default; }

/* Placeholder — italic + low opacity so it's clearly not real data */
.input-field::placeholder {
  font-style: italic;
  opacity: 0.35;
  color: var(--muted);
}

/* ── Summary cards ── */
.summary-card {
  background: #030303;
  border: 1px solid var(--border);
  border-radius: 0;
  padding: 0.9rem;
}
.summary-card .s-label {
  font-size: 0.62rem;
  color: var(--label);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 0.35rem;
}
.summary-card .s-value { font-size: 1.05rem; font-weight: 700; }

/* ── Table ── */
td, th { padding: 0.45rem 0.3rem; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: #030303; }
::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 0; }

@media (max-width: 640px) { .metric-value { font-size: 1.25rem; } }