/* Key setup (/panel/keys/). Builds on /panel/panel.css. */

.lede { color: var(--text-body); max-width: 70ch; line-height: var(--leading-relaxed); margin: var(--space-3) 0 var(--space-5); }
.note { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--ink-mute); margin: var(--space-3) 0 0; line-height: var(--leading-normal); }
.note.err { color: var(--accent); }
.note:empty { display: none; }

.keys-card { margin-top: var(--space-5); max-width: 760px; }
.keys-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: var(--space-4) 0; }
.keys-confirm-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: var(--space-2); }
.keys-confirm-row input { width: 120px; }

/* One group per span so lines only break between groups. */
.recovery-value {
  font-size: var(--text-lg); letter-spacing: .04em; color: var(--ink); overflow-wrap: normal;
  user-select: all; padding: var(--space-3); border: 1px solid var(--rule-hi);
}
.recovery-value span { white-space: nowrap; }
.keys-card a { color: var(--accent); }