/* ═══════════════════════════════════════════════════════════════════
   APLUS CRM — GLOBAL TYPOGRAPHY BUMP (UI/UX only)
   A gentle, consistent increase of the base reading size across the
   CRM (body, sidebar menu, tables, forms, buttons, cards). Loaded LAST
   so one pass touches every page the same way — no logic/link/width
   changes. Sizes intentionally stay modest (≤ +1px on base) to avoid
   unwanted reflow in dense CRM tables/forms.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --bs-body-font-size: 0.9375rem;      /* 15px base (was 14px)      */
  --aplus-base: 0.9375rem;
  --aplus-sm: 0.875rem;
  --aplus-xs: 0.8125rem;
}

body {
  font-size: var(--aplus-base);
  line-height: 1.58;
}

/* ── Generic blocks ─────────────────────────────────────────────── */
p,
.app-card .card-body,
.app-content-inner { line-height: 1.6; }

/* ── Tables ─────────────────────────────────────────────────────── */
.app-table,
.table { font-size: var(--aplus-sm); }
.app-table td,
.app-table th { padding-top: 0.525rem; padding-bottom: 0.525rem; }
.app-table thead th { font-size: var(--aplus-xs); text-transform: uppercase; letter-spacing: 0.03em; }

/* ── Forms ──────────────────────────────────────────────────────── */
.form-control,
.form-select,
.form-check-label,
.input-group-text { font-size: var(--aplus-sm); }
.form-label { font-size: var(--aplus-sm); font-weight: 500; }
.btn { font-size: var(--aplus-sm); }
.btn.btn-sm { font-size: var(--aplus-xs); }

/* ── Cards / headings ───────────────────────────────────────────── */
.card-title,
.app-card .card-title { font-size: 1.03125rem; }
.side-menubar .menu-label,
.app-menubar-tabs .menu-link .menu-label { font-size: var(--aplus-sm); }
.app-menubar-tabs .menu-heading .menu-label,
.app-menubar-tabs .sub-menu .sub-link { font-size: var(--aplus-sm); }

/* ── Pagination / dropdown / badges ─────────────────────────────── */
.pagination .page-link { font-size: var(--aplus-sm); }
.dropdown-menu { font-size: var(--aplus-sm); }
.badge,
.badge-pill { font-size: var(--aplus-xs); font-weight: 500; }
.breadcrumb { font-size: var(--aplus-sm); }