/* site/app/screens/profile/edit.css — the profile package's Edit profile and settings styles (open play P0 made it empty; PLAN.md 2026-10-06 P1). */

/* ── The main card's "Rating · Matches" (Syd, 2026-10-06: "sub heading: @username, rating, total
   matches"). ⚠ QUIETER THAN THE @USERNAME ABOVE IT: the name is the heading, the @username the
   sub-heading, and these two figures a line of facts — the label in the tertiary ink the facts row
   uses, the figure in ink, tabular so a rating moving by 15 does not shift the line.
   ⚠ BOTH ON ONE LINE IN A 190px COLUMN: "Rating 1000" and "Matches 120" are 11 characters each at
   13px; it wraps (flex-wrap) rather than cuts if a phone's text size makes it longer. */
.pf-id-stats {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px;
  margin-top: 6px;
  font: 400 13px/1.3 var(--font-ui); color: var(--ink-tertiary);
}
.pf-id-stat { display: inline-flex; align-items: baseline; gap: 5px; white-space: nowrap; }
.pf-id-stat-v {
  font-weight: 600; color: var(--ink);
  font-variant-numeric: tabular-nums; letter-spacing: -.004em;
}

/* ── Edit profile: a refusal said in the field's own note, in the warning ink, never colour alone (the
   words change too). ── */
.pf-fnote.is-bad { color: var(--danger); }
.pf-field:has(> .pf-input[aria-invalid="true"]) { border-color: var(--danger); }
/* The sheet's own line under Save: empty, and then nothing at all. */
.pf-edit-line:empty { display: none; }
.pf-edit-line { margin-top: 12px; text-align: center; max-width: none; }
