/* ============================================================
   admin.components.css · Admin / Field-Ops Console (Surface C)
   Extends Atlas; loaded LAST. Reuses .ledger/.lr · .metric/.metricrow ·
   .wbtabs/.wbtab · .btn · .statebox. The ONLY new things here:
   5-column ledger grids (the shipped .lr is 4-col), 3 source-health
   status chips, the error-reason row, and a couple of numeric accents.
   Every value resolves to a supply.tokens.css variable.
   ============================================================ */

/* the shipped .ledger .lr is a 4-col grid; the admin tables need 5 */
.ledger.admled.ops5 .lr { grid-template-columns: 1.4fr auto 1fr .7fr auto; }
.ledger.admled.pr5 .lr  { grid-template-columns: auto 1.7fr 1.3fr .8fr .8fr; }
.ledger.admled.iv5 .lr  { grid-template-columns: 1.7fr .9fr auto .8fr auto; }
.ledger.admled .lr .num.bad { color: var(--bad); font-weight: var(--fw-bold); }
.ledger.admled .lr .score {
  color: var(--brand2); font-weight: var(--fw-bold); font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}

/* source-health status chip — maps the 3 backend states onto the
   provenance palette; glyph + colour so it survives greyscale */
.shchip {
  display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap;
  font-size: var(--fs-2xs); font-weight: var(--fw-semi);
  padding: .12rem .5rem; border-radius: var(--r-pill); border: 1px solid transparent;
}
.shchip .g { font-weight: var(--fw-bold); }
.shchip.shok    { background: var(--pv-verified-bg); color: var(--pv-verified); border-color: var(--pv-verified-ln); }
.shchip.shstale { background: var(--pv-stale-bg);    color: var(--pv-stale);    border-color: var(--pv-stale-ln); }
.shchip.shfail  { background: var(--bad-bg);         color: var(--bad);         border-color: color-mix(in srgb, var(--bad) 35%, transparent); }

/* the sanitised last-error reason, shown under a failing source row */
.ledger.admled .admerr {
  padding: .4rem var(--s4); font-size: var(--fs-2xs); color: var(--bad);
  background: var(--bad-bg); border-top: 1px solid var(--line);
  display: flex; gap: .3rem; align-items: baseline;
}

/* a KPI flagged "warn" (e.g. harvest ≤14d with a count) */
.metric.warn .kfig { color: var(--pv-stale); }

@media (max-width: 560px) {
  .ledger.admled.ops5 .lr,
  .ledger.admled.pr5 .lr,
  .ledger.admled.iv5 .lr { grid-template-columns: 1fr auto; row-gap: .2rem; }
}