form .field-error { display: block; grid-column: 1 / -1; min-height: 2.9em; margin: 0; color: var(--danger, #ff8da0); font: 500 12px/1.45 system-ui, sans-serif; overflow-wrap: anywhere; }
form .field-error[hidden] { display: none !important; }
form .zl-field-errors-container { align-self: start; align-content: start; }
form input[aria-invalid="true"], form select[aria-invalid="true"], form textarea[aria-invalid="true"], form .zl-select-trigger[aria-invalid="true"] { border-color: var(--danger, #ff8da0); }
form .limit-field:has(input[aria-invalid="true"]) .limit-control { border-color: var(--danger, #ff8da0); }
form input[aria-invalid="true"]:focus, form textarea[aria-invalid="true"]:focus { border-color: var(--danger, #ff8da0); outline-color: #ff8da033; }