/* History screen
   Archived cycle cards and the fairness ledger table. */

.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.hcard{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:12px 13px;
  box-shadow:var(--sh-1);transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s ease}
.hcard:hover{transform:translateY(-1.5px);box-shadow:var(--sh-2)}
.hdates{font-weight:620;font-size:13px;letter-spacing:-.018em;display:flex;align-items:center;gap:7px}
.nowtag{font-size:9.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--brand);
  background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--pill);padding:1.5px 7px}
.hmeta{font-size:11.5px;color:var(--muted);margin-top:3px}
.hbar{display:flex;gap:2px;height:7px;margin-top:10px;border-radius:var(--pill);overflow:hidden}
.hbar span{display:block;border-radius:2px}
.credit{font-variant-numeric:tabular-nums;font-weight:620;font-size:12.5px;padding:3px 9px;border-radius:var(--pill);
  border:1px solid transparent;display:inline-block;min-width:58px;text-align:center}
.credit.owed{color:var(--ok);background:var(--ok-soft);border-color:var(--ok)}
.credit.flush{color:var(--warn);background:var(--warn-soft);border-color:var(--warn)}
.credit.even{color:var(--muted);background:var(--surface-2);border-color:var(--hairline)}
.agos{display:flex;flex-wrap:wrap;gap:5px}
.ago{font-size:11px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--hairline);
  border-radius:var(--pill);padding:2px 9px;white-space:nowrap}
.ago b{color:var(--brand);font-variant-numeric:tabular-nums;margin-left:2px}
.agentline{display:flex;align-items:center;gap:9px}