/* Peptix - Stats page layer. Builds on app.css tokens and components.css. */

.stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
@media (max-width: 899px) { .stats-grid { grid-template-columns: minmax(0, 1fr); } }
.stats-tiles .tile-value small { font-family: var(--mono); }
.stats-vial-size { display: inline-block; margin-left: 8px; font-size: 11px; color: var(--text-3); }
table.tbl td.name .badge { margin-left: 8px; vertical-align: 1px; }
table.tbl tr.is-finished td { color: var(--text-2); }
@media (max-width: 700px) {
  .stats-vial-size { display: block; margin: 2px 0 0; }
  table.tbl td.name .badge { margin: 4px 0 0; }
}