/*
 * Global UI-label title-casing.
 *
 * The original request targeted an Ant Design app (.ant-btn, .ant-menu-title-content,
 * src/styles/capitalize.css imported in the app entry). This project is ASP.NET Core
 * Razor + Bootstrap/NioBoard (Dashlite), so the same intent is mapped to this stack's
 * real class names and this file is linked LAST in the layout <head> (after
 * dashlite/theme/crm-style) so it overrides the template's own text-transform.
 *
 * `text-transform: capitalize` uppercases the first letter of every word and leaves the
 * rest untouched — "dự án" → "Dự Án", while acronyms such as "GĐ" stay intact.
 *
 * Scope = chrome labels only. Data is intentionally NOT capitalized: table BODY cells,
 * row-header <th scope="row"> (e.g. staff names), <select> values/options and form field
 * values are all excluded because none of the selectors below match them.
 */

/* Buttons — antd .ant-btn */
.btn,

/* Headings & titles — antd h1–h6, .ant-page-header-heading-title, .ant-card-head-title,
   .ant-modal-title, .ant-drawer-title */
h1, h2, h3, h4, h5, h6,
.nk-block-title,
.card-title,
.modal-title,
.offcanvas-title,

/* Menu items — antd .ant-menu-title-content */
.nk-menu-text,

/* Tab titles — antd .ant-tabs-tab-btn */
.nav-tabs .nav-link,

/* Table COLUMN headers only — antd .ant-table-thead > tr > th.
   `thead > tr > th` matches header cells across every table but never touches
   `tbody` cells or `tbody th` row-headers, so data stays as entered. */
thead > tr > th {
    text-transform: capitalize !important;
}
