/* Account / sign-in pages in the redesigned style.
   main.css carries the shared design system; this file adds only the few
   component rules the sign-in page needs that are not in it yet. */

.field { margin-bottom: 1.05rem; }
.label .req { color: var(--bad); }
.btn-block { width: 100%; }
.error-text { font-size: 14px; color: var(--bad); margin: .3rem 0 0; font-weight: 500; }
.mb-3 { margin-bottom: 1.75rem; }
.field-error .input { border-color: var(--bad); }

/* The password rules, as a live checklist: each line fills in as it is met, so
   the person can see what is still missing rather than guessing at submit time.
   Used by both the create-account form and the reset-link form. */
.pw-rules { list-style: none; margin: .45rem 0 0; padding: 0; display: grid; gap: .1rem; }
.pw-rules li { position: relative; padding-left: 1.4rem; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.pw-rules li::before { content: "○"; position: absolute; left: .25rem; top: 0; color: var(--line); }
.pw-rules li.ok { color: var(--ok); }
.pw-rules li.ok::before { content: "●"; color: var(--ok); }