/* App-specific popover styling for sign-off forms (not part of CSS-Zero base) */
.popover--form {
  --popover-size: 28rem;
  padding: var(--size-6);
}

/* User name heading - exact copy of: class="text-base font-medium mbe-3" */
.popover--form__heading {
  font-size: var(--text-base);
  font-weight: 500;
  margin-block-end: var(--size-3);
}

/* Radio button group - exact copy of: class="flex flex-col gap-half mbe-4" */
.popover--form__radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--size-half);
  margin-block-end: var(--size-4);
}

/* Radio row - exact copy of: class="flex items-center gap" */
.popover--form__radio-row {
  display: flex;
  align-items: center;
  gap: var(--size-4);
}

/* Radio label - exact copy of: class="text-sm" */
.popover--form__radio-label {
  font-size: var(--text-sm);
}

/* Button container - exact copy of: class="inline-flex items-center gap mbs-2" */
.popover--form__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--size-4);
  margin-block-start: var(--size-2);
}

/* PIN input field styling for monospaced numeric input (used in Settings and popovers) */
.pin-input {
  font-family: var(--font-mono, monospace);
  width: 22ch;
}