/* ============================================================
   ProRecovery area sheet (prv- prefix)
   The chrome is the shared pa-* set in proaudit-components.css; this file
   holds only ProRecovery page geometry and the desk's ledger empty state.
   Tokens and color-mix only.
   Spec: docs/superpowers/specs/2026-09-09-prorecovery-1a-surface-and-engagements-design.md
   ============================================================ */

/* Page root: the house geometry. .pa-main supplies no padding of its own. */
.prv-page {
  min-height: 100vh;
  max-width: var(--pa-page-max);
  margin: 0 auto;
  padding: 28px 32px 48px;
}
@media (max-width: 768px) {
  .prv-page { padding: 20px 16px 40px; }
}

/* Masthead row: title block left, room for future controls right. */
.prv-masthead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.prv-masthead .pa-page-sub { max-width: 64ch; }

/* The empty ledger: a tabular figure in the house display italic. */
.prv-empty-figure {
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}

/* Access pending: one card, text-width, never the whole viewport. */
.prv-pending {
  max-width: 72ch;
}
.prv-pending .pa-page-sub { max-width: 60ch; }
.prv-pending-surfaces {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.prv-pending-surface {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--pa-hair);
  border-radius: var(--pa-radius);
  background: var(--pa-card);
  color: var(--pa-ink);
  text-decoration: none;
  transition: border-color var(--pa-dur-fast) ease;
}
.prv-pending-surface:hover { border-color: var(--pa-orange-deep); }
.prv-pending-surface-name { font-weight: 700; }
.prv-pending-surface-tag { font-size: .8rem; color: var(--pa-muted); }
.prv-pending-none {
  margin: 18px 0 0;
  padding: 12px 14px;
  border: 1px dashed var(--pa-hair-strong);
  border-radius: var(--pa-radius);
  color: var(--pa-muted);
  font-size: .84rem;
}
.prv-pending-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}