/* One feedback system for Ostfriesland Nordsee-owned forms, including injected dialog forms. */
.on-form-feedback,.login #login .on-form-feedback { display:grid; box-sizing:border-box; grid-column:1/-1; align-self:stretch; width:100%; min-width:0; gap:5px; margin:0 0 4px; padding:14px 16px; border:1px solid var(--on-line,#f4e5d9); border-left-width:3px; border-radius:0; background:var(--on-paper,#fff); color:var(--on-ink,#002d5e); box-shadow:none; font:400 13px/1.65 var(--on-font,system-ui,sans-serif); text-align:left; overflow-wrap:anywhere; }
.on-form-feedback[hidden],.on-form-feedback:empty,.login #login .on-form-feedback[hidden],.login #login .on-form-feedback:empty { display:none!important; }
.on-form-feedback>strong,.login #login .on-form-feedback>strong { display:block; margin:0; font-size:14px; }
.on-form-feedback.is-error,.login #login .on-form-feedback.is-error { border-color:#b33b37; background:#fff5f4; color:#8b2422; }
.on-form-feedback.is-success,.login #login .on-form-feedback.is-success { border-color:#367351; background:#f1f8f3; }
.on-form-feedback.is-info,.login #login .on-form-feedback.is-info { border-left-color:var(--on-accent,#fab900); background:var(--on-soft,#f4f6f7); }
.on-form-feedback.is-warning,.login #login .on-form-feedback.is-warning { border-color:#9b6e24; background:#fff8e8; }
.on-form-error-links { display:grid; gap:5px; margin-top:5px; }
.on-form-error-links button { display:block; width:100%; margin:0; padding:0; background:none; border:0; color:inherit; text-align:left; font:inherit; text-transform:none; letter-spacing:normal; text-decoration:underline; text-underline-offset:3px; cursor:pointer; overflow-wrap:anywhere; }
.on-form-error-links button:focus-visible,.on-form-feedback:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.on-field-error { display:block; order:9; flex-basis:100%; font:400 12px/1.6 var(--on-font,system-ui,sans-serif); color:#9d2524; margin:var(--on-field-error-margin,4px 0 0); text-align:left; }
.on-field-status { display:block; font:400 12px/1.6 var(--on-font,system-ui,sans-serif); color:var(--on-ink,#002d5e); }
.on-field-status:empty { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.on-field-status.is-success { color:#25603c; }
.on-field-status.on-field-error { color:#9d2524; }
:is(.on-form,.on-comment-form,[data-on-comment-form],[data-on-managed-form],[data-on-contact-form],[data-on-validate],.login #login form) :is(input,textarea,select,[data-on-nav-toggle])[aria-invalid="true"] { border-color:#b33b37; background-color:#fff5f4; outline:1px solid #b33b37; outline-offset:0; box-shadow:none; }
:is(.on-form,.on-comment-form,[data-on-validate]) :is(.on-choice,.on-file-picker).on-field-invalid { border-color:#b33b37; background:#fff5f4; }
:is(.on-form,.on-comment-form,[data-on-validate]) .on-choice.on-field-invalid { flex-wrap:wrap; }
.on-form .on-star-field.on-field-invalid { outline:1px solid #b33b37; outline-offset:4px; }
.on-form .on-star-input input[aria-invalid="true"] { outline:none; }
.on-compose-box:has([aria-invalid="true"]) { border-color:#b33b37; }
[data-on-turnstile].on-field-invalid { border:1px solid #b33b37; padding:8px; }
@media(prefers-reduced-motion:reduce) { .on-form-feedback { scroll-behavior:auto; } }