/* Modal feedback stays inside the browser top layer. Do not place errors below dialog::backdrop. */
.form-grid .wide { grid-column: 1 / -1; }
fieldset { border: 1px solid var(--line); border-radius: 11px; margin: 16px 0; padding: 10px 14px; }
legend { padding: 0 7px; font-size: 13px; font-weight: 800; color: #40516c; }
.form-error { margin: 15px 0 0; padding: 11px 13px; color: #8e1830; background: #fff0f2; border: 1px solid #edb9c2; border-radius: 9px; line-height: 1.5; }
.form-error:focus { outline: 2px solid var(--danger); outline-offset: 2px; }
.modal-status { margin: 15px 0 0; padding: 11px 13px; color: #156344; background: #ecfbf4; border: 1px solid #a5dec0; border-radius: 9px; }
dialog [aria-invalid="true"] { border-color: var(--danger); box-shadow: 0 0 0 2px #b4233b22; }
dialog { overflow-y: auto; max-height: min(92vh, 900px); }