/* Opaque panels keep feedback readable on both light and dark funnel sections.
   Empty/hidden messages retain their original visibility and occupy no new space. */
:is(form [role="status"], form [role="alert"], [data-form-status],
    [data-preview-form-status], #webinar-registration-form-error,
    .form-errors, .lp-form-react__error):not([hidden]):not(:empty) {
  background: #1e293b !important;
  color: #fff !important;
  border: 1px solid #64748b !important;
  border-radius: 5px;
  box-sizing: border-box;
  max-width: 100%;
  margin: 12px 0 0;
  padding: 12px 16px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left;
  text-shadow: none !important;
  overflow-wrap: anywhere;
}

:is(form [role="alert"], form [data-state="error"],
    #webinar-registration-form-error, .form-errors,
    .lp-form-react__error):not([hidden]):not(:empty) {
  background: #991b1b !important;
  border-color: #991b1b !important;
}

:is(form [data-state="success"], [data-form-status][data-state="success"],
    [data-preview-form-status][data-state="success"]):not([hidden]):not(:empty) {
  background: #166534 !important;
  border-color: #166534 !important;
}

:is(form [role="status"], form [role="alert"], [data-form-status],
    [data-preview-form-status], #webinar-registration-form-error,
    .form-errors, .lp-form-react__error) * {
  color: inherit !important;
  text-shadow: none !important;
}

:is(form [role="status"], form [role="alert"], [data-form-status],
    [data-preview-form-status], #webinar-registration-form-error,
    .form-errors, .lp-form-react__error) a {
  text-decoration: underline;
}