/* DuplicateMatchPrompt — patient-facing banner + resolution modal for possible
   duplicate-account matches (see DuplicateMatchService.tsx). One banner per open
   match; "Review" opens a modal that walks choose -> otp -> done. */

/* Card 132 — SPLIT IN TWO when the banner moved from WP <Notice> to ui/DismissibleAlert, and the split
   is the point rather than tidying. This class used to sit on the Notice itself and set `display: flex`.
   `Alert` is `display: grid` (grid-cols-[0_1fr], with its body in col-start-2), so keeping flex here
   would have put two equal-specificity `display` declarations on one element and let STYLESHEET ORDER
   decide which won — the layout would have been correct or broken depending on bundling, with nothing
   to point at. So the row layout moved INSIDE the alert, where it composes with the grid instead of
   fighting it, and this class keeps only the outer spacing. */
.ahr-dup-match-banner {
  margin-bottom: 12px;
}

.ahr-dup-match-banner__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.ahr-dup-match-banner__text {
  flex: 1;
}

.ahr-dup-match-banner__review {
  flex-shrink: 0;
}

.ahr-dup-match-modal__actions,
.ahr-dup-match-modal__otp,
.ahr-dup-match-modal__done {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 360px;
}

.ahr-dup-match-modal__intro {
  margin: 0;
}

.ahr-dup-match-modal__guidance {
  margin: 0;
  color: hsl(var(--muted-foreground));
}

.ahr-dup-match-modal__org {
  margin: 0;
  font-size: 12px;
  color: hsl(var(--muted-foreground));
}

.ahr-dup-match-modal__org-link {
  font-weight: 600;
}

.ahr-dup-match-modal__hint {
  margin: 4px 0 0;
  font-size: 12px;
  color: hsl(var(--muted-foreground));
}

.ahr-dup-match-modal__button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ahr-dup-match-modal__code-input {
  max-width: 200px;
}

.ahr-dup-match-modal__support {
  margin: 0;
  font-size: 12px;
  color: hsl(var(--muted-foreground));
}