/* Shared shape scale for the public, host, and admin pages. */
:root {
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --radius-card: 14px;
  --radius-control: 8px;
}

:is(.card, [class$="-card"], [class*="-card "], .panel, [class$="-panel"], .search-box, .filter-box) {
  border-radius: var(--radius-card) !important;
}

:is(.btn, .button, [class$="-btn"], [class*="-btn "], .search-submit, .form-control, input:not([type="radio"]):not([type="checkbox"]), select, textarea) {
  border-radius: var(--radius-control) !important;
}

/* Keep circular identity and status elements circular. */
:is(.avatar, [class*="avatar"], [class*="-dot"], [class*="pill"]) {
  border-radius: 999px !important;
}