/* ============================================================================
 * radius.css — uniform corner radius for the ui_upmedik UI.
 *
 * Every box-shaped element uses border-radius: .4rem. Linked AFTER the compiled
 * Tailwind bundle (style.css) in the ui_upmedik layouts, so it overrides the
 * rounded-* utilities WITHOUT a Tailwind rebuild — rebuilding style.css drops
 * classes used by pages outside the build's @source globs.
 *
 * Tailwind's utilities live in `@layer utilities`; these rules are UNLAYERED, so
 * they win by the cascade (unlayered > layered) without needing !important.
 *
 * Left untouched on purpose: rounded-full (circles / pills / avatars / dots) and
 * rounded-none (squared by design).
 * ==========================================================================*/
:root { --radius: .4rem; }

.rounded,
.rounded-xs, .rounded-sm, .rounded-md, .rounded-lg, .rounded-xl,
.rounded-2xl, .rounded-3xl { border-radius: .4rem; }

/* per-side variants (e.g. a header with only its top corners rounded) */
.rounded-t-xs, .rounded-t-sm, .rounded-t-md, .rounded-t-lg, .rounded-t-xl, .rounded-t-2xl { border-top-left-radius: .4rem; border-top-right-radius: .4rem; }
.rounded-b-xs, .rounded-b-sm, .rounded-b-md, .rounded-b-lg, .rounded-b-xl, .rounded-b-2xl { border-bottom-left-radius: .4rem; border-bottom-right-radius: .4rem; }
.rounded-l-xs, .rounded-l-sm, .rounded-l-md, .rounded-l-lg, .rounded-l-xl, .rounded-l-2xl { border-top-left-radius: .4rem; border-bottom-left-radius: .4rem; }
.rounded-r-xs, .rounded-r-sm, .rounded-r-md, .rounded-r-lg, .rounded-r-xl, .rounded-r-2xl { border-top-right-radius: .4rem; border-bottom-right-radius: .4rem; }