/* Blazor framework hooks (form validation state and the error boundary), on FlowSentry tokens. */

.valid.modified:not([type=checkbox]) {
  border-color: var(--fs-color-success-border);
}

.invalid {
  border-color: var(--fs-color-danger-fg);
}

.validation-message {
  margin-top: 4px;
  color: var(--fs-color-danger-fg);
  font-size: var(--fs-text-xs);
  font-weight: var(--fs-weight-medium);
}

.blazor-error-boundary {
  padding: var(--fs-space-3) var(--fs-space-4);
  border: 1px solid var(--fs-color-danger-border);
  border-radius: var(--fs-radius-md);
  background: var(--fs-color-danger-bg);
  color: var(--fs-color-danger-fg);
  font-size: var(--fs-text-sm);
}

.blazor-error-boundary::after {
  content: "Something went wrong while showing this part of the page. Reload to try again.";
}