/* One-time secrets in the verification banner.

   Separate from portal.css only because the banner rules there were appended
   as one block; these belong with them and are linked immediately after.

   The revealed value is the loud thing for the moment it exists, then it is
   gone from the page as well as from the database. Tokens are the ones
   portal.css already defines.                                               */

.vfy-waiting {
  display: grid; gap: 8px;
  border-top: 1px solid var(--border);
  padding-top: 10px; margin-top: 2px;
}

.vfy-wait-row {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: var(--bg); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 9px 13px;
}

.vfy-wait-lbl { font-size: 13.5px; font-weight: 600; color: var(--text); }

.vfy-reveal-btn { margin-left: auto; }

.vfy-revealed { border-color: var(--accent); display: grid; gap: 6px; }

.vfy-secret-value {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 19px; font-weight: 600; letter-spacing: .04em;
  color: var(--text); background: var(--bg2);
  border: 1px dashed var(--border2); border-radius: var(--radius);
  padding: 9px 13px; user-select: all; word-break: break-all;
}