/* Field status lines for js/ed_register_validate.js (registration pages). */
.ed-status { font-size: .85rem; margin-top: .3rem; min-height: 0; line-height: 1.35; }
.ed-status:empty { display: none; }
.ed-status-valid { color: #198754; }
.ed-status-invalid { color: #dc3545; font-weight: 500; }
.ed-status-pending { color: #6c757d; }

/* Select2 hides the real <select>; colour its visible box instead. */
.ed-s2-invalid .select2-selection { border-color: #dc3545 !important; box-shadow: 0 0 0 .15rem rgba(220, 53, 69, .15); }
.ed-s2-valid .select2-selection { border-color: #198754 !important; }

/* Bootstrap draws its own icon inside .is-valid/.is-invalid inputs; the
   status line already says it, so keep selects' arrow readable. */
select.form-select.is-valid, select.form-select.is-invalid { background-position: right .75rem center, center right 2.25rem; }

.ed-pw-checklist { list-style: none; padding: 0; margin: .35rem 0 0; font-size: .85rem; color: #6c757d; }
.ed-pw-checklist li { margin: .1rem 0; }
.ed-pw-checklist li.ok { color: #198754; }

[data-ed-summary] ul { padding-left: 1.2rem; }
[data-ed-summary] a { color: inherit; text-decoration: underline; }