/* =======================================================
   ROUNDED (PILL) FORM CONTROLS — SITE-WIDE
   Previously only some modals opted into the pill look by adding
   .rounded-pill to each input one at a time (and most didn't), so the app
   looked inconsistent field-to-field and modal-to-modal. This makes the pill
   shape the default for every text input/select instead, so new forms match
   automatically without remembering the class.

   Bootstrap's own .input-group rules (e.g. login page's icon+input fields)
   are more specific than the plain .form-control selector below and still
   win on the inner touching edge, so an icon-prefixed field still joins
   cleanly instead of showing two independent pill ends.
======================================================= */
.form-control,
.form-select {
    border-radius: 50rem;
}

/* A full pill radius on a multi-line field clips its own text - soften
   instead of pilling it. */
textarea.form-control {
    border-radius: 1rem;
}