/* style-no-radius.css
 * Operator policy: rectangular UI everywhere by default.
 *
 * Nukes border-radius globally via a high-specificity catch-all, then
 * re-allows circular avatars / pill chips for shapes whose meaning
 * depends on being round.
 *
 * Loaded AFTER every other stylesheet so it wins the cascade. Don't
 * add !important here — the * rule is already winning by being last
 * in source order. (The exceptions DO need !important because they
 * have to beat the catch-all above them.)
 *
 * To revert (allow rounded corners again), remove the <link> tag in
 * each HTML page. No CSS file changes needed.
 */

*,
*::before,
*::after {
  border-radius: 0;
}

/* Avatars + ranking pucks — meaning depends on the circle. */
.profile-avatar,
.bz-adc__avatar,
.bz-adc__avatar img,
.bz-adc__avatar-img,
.bz-ade__avatar,
.bz-ade__avatar img,
img.avatar,
.avatar-circle,
.bz-circle,
[class*="-avatar"]:not([class*="header"]):not([class*="row"]):not([class*="card"]):not([class*="grid"]):not([class*="picker"]) {
  border-radius: 50% !important;
}

/* Avatar gallery grid cells — explicitly RECTANGULAR (operator
   wants the full Skydesign art visible, not cropped into a circle).
   The :not() filter above already excludes "-grid" / "-picker"
   substrings, but this explicit override beats any future stylesheet
   that tries to re-circle them. */
.bz-avatar-grid__item,
.bz-avatar-grid__item img {
  border-radius: 0 !important;
}

/* Pill chips (role badges, status pills, language flags). */
.pill,
.bz-pill,
.role-pill,
.bz-email-role-pill,
.status-pill,
[class$="-pill"] {
  border-radius: 9999px !important;
}

/* Sliders + range thumbs — the thumb is conventionally round.  */
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb {
  border-radius: 50% !important;
}