/* Founder requirement: one rounded control family across Numericlass.
   The important layer deliberately outranks legacy, screen-specific radii.
   Only the shape changes: no clipping, sizing, focus or interaction overrides. */
@layer numericlass-button-shapes {
  :root {
    --nc-button-radius: 1rem;
    --nc-button-radius-round: 999px;
  }

  :where(
    button,
    [role='button'],
    input[type='button'],
    input[type='submit'],
    input[type='reset'],
    summary
  ) {
    border-radius: var(--nc-button-radius) !important;
  }

  :where(
    button.rounded-full,
    [data-button-shape='round'],
    .nc-help-trigger,
    .nc-presentation__previous,
    .nc-presentation__page
  ) {
    border-radius: var(--nc-button-radius-round) !important;
  }

  @media (max-width: 699px) {
    :where(.nc-capsule-personal button, .nc-capsule-sound-toggle) {
      border-radius: var(--nc-button-radius-round) !important;
    }
  }
}

/* The standalone recovery page cannot depend on the application bundle. */
.nc-recovery-action {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid #0c3a95;
  background: #0c3a95;
  color: white;
  font:
    600 1rem/1.5 'Poppins',
    system-ui,
    sans-serif;
  cursor: pointer;
}
.nc-recovery-action:hover:not(:disabled) {
  background: #082a6e;
}
.nc-recovery-action:focus-visible {
  outline: 3px solid #0c3a95;
  outline-offset: 3px;
}
.nc-recovery-action:disabled {
  opacity: 0.55;
  cursor: default;
}