:root {
  --sam-radius-control: 8px;
  --sam-radius-card: 12px;
  --sam-radius-pill: 999px;
}

/*
 * System shape standard
 * - Actions and form controls: rounded rectangles
 * - Cards and panels: moderately rounded rectangles
 * - Statuses, tags and filter chips: pills
 * - Icon-only actions and avatars: circles
 */
.btn,
button:not(.round-btn):not(.icon-btn):not(.sam-icon-btn):not(.btn-icon):not(.navbar-toggler),
input[type="button"],
input[type="submit"],
input[type="reset"],
.ss-btn,
.ms-btn,
.btnPill,
.btnDark,
.btnSoft,
.btnGreen,
.btnAmber,
.btnRose,
.btnx,
.sam-nav-link {
  border-radius: var(--sam-radius-control) !important;
}

.btn,
.sam-btn,
.ss-btn,
.ms-btn,
.btnx,
.btnPill,
.btnDark,
.btnSoft,
.btnGreen,
.btnAmber,
.btnRose,
.campaign-menu-item,
.sam-admin-menu-item,
input[type="button"],
input[type="submit"],
input[type="reset"],
button:not(.ss-tab):not(.ms-tab):not(.sam-page-tab):not(.tab):not(.round-btn):not(.icon-btn):not(.sam-icon-btn):not(.btn-icon) {
  font-weight: 500 !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.form-control,
.form-select,
.input-group-text {
  border-radius: var(--sam-radius-control) !important;
}

.card,
.modal-content,
.dropdown-menu,
.alert,
.sam-panel {
  border-radius: var(--sam-radius-card);
}

.badge,
.rounded-pill,
.pill,
.chip,
.tag,
.ss-badge,
.ms-badge,
.audit-tab,
.kyc-filter {
  border-radius: var(--sam-radius-pill) !important;
}

.round-btn,
.icon-btn,
.sam-icon-btn,
.btn-icon,
.profile-avatar,
.avatar {
  border-radius: 50% !important;
}

.sam-button-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  flex: 0 0 16px;
  align-items: center;
  justify-content: center;
}

.sam-button-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.btn:has(.sam-button-icon),
.sam-btn:has(.sam-button-icon),
.ss-btn:has(.sam-button-icon),
.ms-btn:has(.sam-button-icon),
.btnx:has(.sam-button-icon),
.campaign-menu-item:has(.sam-button-icon),
.sam-admin-menu-item:has(.sam-button-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}