/**
 * confirm-state.css — Optional visual styles for H.7 confirm_required field state.
 *
 * Import in your app globals if you want default highlight styling:
 *   @import 'hazo_collab_forms/styles/confirm-state.css';
 *
 * Override the CSS variables to match your design system.
 */

:root {
  --hcf-confirm-prefilled-bg: hsl(38 92% 95%);
  --hcf-confirm-prefilled-border: hsl(38 92% 70%);
  --hcf-confirm-confirmed-bg: hsl(142 72% 95%);
  --hcf-confirm-confirmed-border: hsl(142 72% 60%);
  --hcf-confirm-edited-bg: hsl(217 91% 95%);
  --hcf-confirm-edited-border: hsl(217 91% 65%);
}

/* Wrapper div (display:contents) — use :has() for ancestor-level targeting */
.hcf-confirm-prefilled .cls_collab_field_container,
.cls_collab_field_container.hcf-confirm-prefilled {
  background-color: var(--hcf-confirm-prefilled-bg);
  border-color: var(--hcf-confirm-prefilled-border);
}

.hcf-confirm-confirmed .cls_collab_field_container,
.cls_collab_field_container.hcf-confirm-confirmed {
  background-color: var(--hcf-confirm-confirmed-bg);
  border-color: var(--hcf-confirm-confirmed-border);
}

.hcf-confirm-edited .cls_collab_field_container,
.cls_collab_field_container.hcf-confirm-edited {
  background-color: var(--hcf-confirm-edited-bg);
  border-color: var(--hcf-confirm-edited-border);
}
