/*
 * NEW-BCK-0389 defect 4 — A REFUSED SAVE SAYS SO, AT THE TOP, IN RED.
 *
 * Dresses <x-form-problems> (resources/views/components/form-problems.blade.php),
 * the red outline on any box a form marks aria-invalid="true", and the
 * message beside it — which until this build had no staff-shell style at all
 * and printed as small plain text. Linked from the staff layout; plain CSS, no
 * build step (DEPLOY.md section 2).
 */
.form-problems { margin: 0 0 .9rem; padding: .7rem .9rem; border: 2px solid #b3261e; border-left-width: 6px; border-radius: 6px; background: #fdecea; color: #5f1410; }
.form-problems:focus { outline: 3px solid #f3b5b0; outline-offset: 2px; }
.form-problems-title { margin: 0 0 .3rem; font-weight: 700; color: #8c1d18; }
.form-problems ul { margin: 0; padding-left: 1.2rem; }
.form-problems li { margin: .15rem 0; }
.form-problems a { color: #8c1d18; font-weight: 700; text-decoration: underline; }
[aria-invalid="true"] { border: 2px solid #b3261e !important; background: #fff6f5 !important; }
[aria-invalid="true"]:focus { outline: 3px solid #f3b5b0; outline-offset: 1px; }
.field-error, .cp62 span.error { display: block; margin: .25rem 0 0; color: #b3261e; font-weight: 600; font-size: .85rem; }