/*
 * Sign-in, account setup and email verification use the r005 invitation verify card
 * (wireframes/r005-simplified-templates/pages/invitation.html). r005 draws that card
 * with a single centered button; these rules only let its standard .field/.label/.input
 * form sit inside the card, using wireframe tokens.
 */
.verify-form { margin-top: var(--wf-space-5); text-align: left; }
.verify-form .button { margin-top: var(--wf-space-1); }
.verify-card .error { color: var(--wf-gray-700); }
.verify-card .verify-form + .help,
.verify-card .button + .help { margin-top: var(--wf-space-4); }
.verify-password-control { display: flex; gap: var(--wf-space-2); }
.verify-password-control .input { min-width: 0; flex: 1; }
.verify-password-control .button { width: auto; flex: 0 0 auto; margin-top: 0; }
.verify-password-requirements { display: grid; gap: 2px; margin: 0; padding-left: var(--wf-space-4); }

/*
 * AS07 (r006): a notice sitting inside the verify card (the workspace-email-paused
 * banner) and the help/link rows under the primary button on the sign-in,
 * forgot-password and reset-password cards. The card itself centers its icon, kicker
 * and title (`.verify-card { text-align: center; }`); these three blocks read left to
 * right like a paragraph, so they opt back into left-aligned text, matching the
 * approved r006 wireframe's "left-aligned form block, an optional notice, a help
 * block and a link row" layout note.
 */
.verify-notice { margin: var(--wf-space-4) 0 0; text-align: left; }
.verify-help { display: grid; gap: var(--wf-space-2); margin-top: var(--wf-space-4); text-align: left; }
.verify-help p { margin: 0; }
.verify-help .button { width: 100%; margin-top: var(--wf-space-1); }
.verify-links { margin: var(--wf-space-5) 0 0; font-size: var(--wf-text-sm); }
.verify-links + .verify-links { margin-top: var(--wf-space-2); }