/* Backend-only states not present in the static mockup. No component redesign. */
[hidden] { display:none !important }
.form-fields { display:grid;gap:20px }
.form-errors { color:var(--color-danger);font-size:calc(12px * var(--ui-font-scale,1)) }
.form-errors ul { margin:6px 0 0;padding-left:18px }
.form-check { display:flex;align-items:center;gap:8px }
.form-choice-group { border:0;padding:0;margin:0;min-width:0 }
.messages { display:grid;gap:10px;margin-bottom:20px }
.auth-providers { display:grid;gap:12px;margin-top:20px }
.auth-help a { color:var(--color-accent-text) }