/* @overa/ui-kit 0.11.0 · LOS CAMPOS OBLIGATORIOS QUE FALTAN (js/required-fields.js): el campo y su etiqueta en rojo y
   el resumen «Falta un dato obligatorio: …» junto al botón. Con los tokens de la app si los tiene (`--crit*` de
   Helios, `--color-danger*` de atlas) y, si no, el rojo de la suite. */
:root{--ov-rf-text:var(--crit,var(--color-danger,#b3402c));--ov-rf-line:var(--crit-l,var(--color-danger-line,#e0533d));
  --ov-rf-bg:var(--crit-w,var(--color-danger-soft,#fbe7e3))}
:is(input,select,textarea).is-missing[aria-invalid="true"]{border-color:var(--ov-rf-line);background-color:var(--ov-rf-bg)}
:is(input,select,textarea).is-missing[aria-invalid="true"]:focus{border-color:var(--ov-rf-line);box-shadow:0 0 0 3px var(--ov-rf-bg);outline:none}
:is(input[type=checkbox],input[type=radio]).is-missing[aria-invalid="true"]{outline:2px solid var(--ov-rf-line);outline-offset:2px}
label.is-missing{color:var(--ov-rf-text)}
.required-summary{margin:8px 0;padding:8px 12px;border-radius:8px;border:1px solid var(--ov-rf-line);
  border-left-width:4px;background:var(--ov-rf-bg);color:var(--ov-rf-text);font-size:13px;font-weight:600}