/* ==========================================================================
   Clock-in finger print staging modal (fp-staging)

   Shown between the passcode and the scan, while the user's enrolled print is
   fetched onto this terminal's device. Deliberately mirrors the tokens and
   spacing of validateFingerPrint.modal.css: this modal hands straight over to
   that one, so the two should read as a single flow rather than two dialogs.
   ========================================================================== */

/* One block for both states — same shape, different icon weight, so the modal
   does not visibly resize when the spinner is replaced by the failure. */
.fp-staging__state {
  text-align: center;
  padding: 48px 16px;
}
.fp-staging__state i {
  color: var(--rw-primary, #0E52C1);
}
.fp-staging__state h4 {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--rw-text, #1F2937);
}
.fp-staging__state p {
  margin: 4px auto 0;
  max-width: 320px;
  font-size: 13px;
  color: var(--rw-text-light, #6B7280);
}

/* Nothing is wrong with the terminal here — the user simply has no print on
   record — so this reads as muted, not as an error. */
.fp-staging__state--blocked i {
  color: var(--rw-text-light, #6B7280);
}

/* Matches fp-validate__btn-neutral: the footer's default weight. */
.fp-staging__btn-neutral {
  background: var(--rw-card-bg, #FFFFFF);
  color: var(--rw-text, #1F2937);
  border: 1px solid var(--rw-border, #E2E5EA);
  border-radius: var(--radius-md, 8px);
  min-height: 40px;
  padding: 8px 16px;
  font-weight: 600;
}
.fp-staging__btn-neutral:hover {
  background: var(--rw-surface, #f8fafc);
  color: var(--rw-text, #1F2937);
  border-color: var(--rw-text-light, #6B7280);
}