/* Global label capitalization
   Applies title case to all <label> elements across the application.
   Loaded after other styles to ensure consistent presentation without affecting functionality. */
/* Enforce title case on all labels globally.
   Uses !important to win against utility classes like Tailwind's `lowercase` or `normal-case`.
   Opt-out available via data-no-transform attribute for acronyms (e.g., NIP, OPD) or special cases. */
label:not([data-no-transform]) {
  text-transform: capitalize !important;
}

/* Also apply visual capitalization to common text inputs and textareas */
input[type="text"]:not([data-no-transform]),
input[type="search"]:not([data-no-transform]),
input[type="tel"]:not([data-no-transform]),
textarea:not([data-no-transform]) {
  text-transform: capitalize !important;
}

/* Accessibility note:
   - text-transform only changes visual presentation; underlying text and associations remain intact.
   - Works across modern browsers and does not impact responsiveness.
*/