/* ============================================================
   RevealLab — run-history page (routed full page)
   Scoped .hist-* classes. Tokens only — no hardcoded colors.
   (route visibility lives in layout.css alongside #page-settings)
   ============================================================ */

.hist-page{
  max-width:1080px;margin:0 auto;
  padding:26px 28px 40px;
  overflow:auto;
}

/* ---- page heading (matches .set-page__head) ---- */
.hist-page__head{margin-bottom:20px}
.hist-page__title{
  margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.1;
}
.hist-page__sub{margin:5px 0 0;font-size:13px}

/* ============================================================
   Summary strip — total runs · best Total R · avg Win rate
   ============================================================ */
.hist-sum{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  padding:0;margin-bottom:18px;overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.hist-sum__cell{
  padding:15px 18px;border-right:1px solid var(--border);
}
.hist-sum__cell:last-child{border-right:0}
.hist-sum__k{
  font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
}
.hist-sum__v{
  margin-top:5px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.1;
}

@media (max-width:640px){
  .hist-sum{grid-template-columns:1fr}
  .hist-sum__cell{border-right:0;border-bottom:1px solid var(--border)}
  .hist-sum__cell:last-child{border-bottom:0}
}

/* ============================================================
   Runs table card
   ============================================================ */
.hist-table{
  padding:0;overflow:auto;
  box-shadow:var(--shadow-sm);
}
.hist-runs{min-width:880px}
.hist-runs th,.hist-runs td{white-space:nowrap}
.hist-runs td{padding-top:9px;padding-bottom:9px}

.hist-id{font-size:11.5px;font-weight:600;color:var(--text-2)}

/* keep the View button snug on the right edge of its cell */
.hist-runs td:last-child{padding-right:14px}
.hist-runs .btn svg{width:13px;height:13px}

/* ============================================================
   Empty state
   ============================================================ */
.hist-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:6px;
  padding:54px 24px;
  box-shadow:var(--shadow-sm);
}
.hist-empty__ico{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:14px;margin-bottom:8px;
  background:var(--surface-2);color:var(--text-3);
}
.hist-empty__ico svg{width:26px;height:26px}
.hist-empty__title{font-size:15px;font-weight:700;color:var(--text)}
.hist-empty__sub{font-size:12.5px}