/* public/pack-card-status.css
 *
 * Bottom of a pack cover card (/pack-card-status.js): mini leaderboard +
 * "Make your takes" CTA / "Takes made" check.
 */
.pcs { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.pcs-board {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--mtt-border-soft);
}
.pcs-row {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto 44px;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid var(--mtt-border-soft);
  font-size: var(--mtt-fs-sm);
  font-variant-numeric: tabular-nums;
}
.pcs-row.is-open .pcs-who,
.pcs-row.is-open .pcs-rec,
.pcs-row.is-open .pcs-pts { color: var(--mtt-text-soft); }
.pcs-rank { color: var(--mtt-text-soft); font-weight: var(--mtt-fw-semibold); text-align: right; }
.pcs-who { color: var(--mtt-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcs-rec { color: var(--mtt-text-muted); }
.pcs-pts {
  text-align: center;
  padding: 2px 0;
  border-radius: var(--mtt-radius-sm);
  font-weight: var(--mtt-fw-semibold);
  color: var(--mtt-text-muted);
  background: color-mix(in srgb, var(--mtt-overlay) 5%, transparent);
}
.pcs-pts.is-up { color: var(--mtt-success-text); background: var(--mtt-success-fill); }
.pcs-pts.is-down { color: var(--mtt-danger-text); background: var(--mtt-danger-fill); }

.pcs-cta,
.pcs-done {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px 14px;
  border-radius: var(--mtt-radius-control);
  font-size: var(--mtt-fs-sm);
  font-weight: var(--mtt-fw-semibold);
}
.pcs-cta {
  background: var(--mtt-brand-500);
  color: var(--mtt-on-brand);
  transition: background 0.12s;
}
a:hover .pcs-cta { background: var(--mtt-brand-400); }
.pcs-done {
  color: var(--mtt-success-text);
  background: var(--mtt-success-fill);
  border: 1px solid var(--mtt-success-edge);
}
.pcs-check { font-weight: var(--mtt-fw-semibold); }