/*
 * Sửa lỗi vỡ dấu tiếng Việt khi chữ đậm 800/900 rơi về Arial trên Windows.
 *
 * VÌ SAO: Windows gom "Arial Black" vào CHUNG họ Arial ở weight 900. Chữ nào có
 * font thực tế là Arial/Helvetica (body ở trang không nạp main.css khai báo
 * "Roboto Condensed-Bold", Helvetica — tên không tồn tại nên rơi về Helvetica→Arial;
 * <button>/<input> mặc định không thừa hưởng font trang nên cũng là Arial) mà đặt
 * font-weight 800/900 sẽ được vẽ bằng Arial Black. Arial Black THIẾU dấu tiếng Việt
 * ("ệ", "ỗ", "ự"...) ⇒ các chữ đó vẽ bằng font khác, trông vỡ.
 * Đã gặp: tên khách ở trang hồ sơ, nút "Đăng nhập" (25/09/2026).
 *
 * CÁCH SỬA: khai báo lại họ "Arial"/"Helvetica" bằng local() trỏ về font có sẵn
 * trên máy — weight 600–1000 dùng Arial Bold (đủ dấu), không bao giờ Arial Black.
 * Không tải file nào, hình chữ vẫn là Arial như cũ. Máy không có Arial (Android,
 * Linux) thì local() không khớp và trình duyệt dùng font kế tiếp trong danh sách.
 *
 * ⚠️ Đã khai báo @font-face cho một họ thì trình duyệt CHỈ dùng các face khai báo ở
 * đây cho họ đó ⇒ phải khai đủ cả dải weight lẫn chữ nghiêng, thiếu là mất kiểu chữ.
 */
@font-face {
  font-family: "Arial";
  src: local("Arial"), local("ArialMT");
  font-weight: 100 599;
  font-style: normal;
}
@font-face {
  font-family: "Arial";
  src: local("Arial Bold"), local("Arial-BoldMT");
  font-weight: 600 1000;
  font-style: normal;
}
@font-face {
  font-family: "Arial";
  src: local("Arial Italic"), local("Arial-ItalicMT");
  font-weight: 100 599;
  font-style: italic;
}
@font-face {
  font-family: "Arial";
  src: local("Arial Bold Italic"), local("Arial-BoldItalicMT");
  font-weight: 600 1000;
  font-style: italic;
}

/* Helvetica: dùng Helvetica thật nếu máy có (macOS), không thì Arial — cùng quy tắc weight */
@font-face {
  font-family: "Helvetica";
  src: local("Helvetica"), local("Arial"), local("ArialMT");
  font-weight: 100 599;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: local("Helvetica Bold"), local("Helvetica-Bold"), local("Arial Bold"), local("Arial-BoldMT");
  font-weight: 600 1000;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: local("Helvetica Oblique"), local("Helvetica-Oblique"), local("Arial Italic"), local("Arial-ItalicMT");
  font-weight: 100 599;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: local("Helvetica Bold Oblique"), local("Helvetica-BoldOblique"), local("Arial Bold Italic"), local("Arial-BoldItalicMT");
  font-weight: 600 1000;
  font-style: italic;
}

/* Nút/ô nhập mặc định dùng font hệ thống (Arial) thay vì font trang ⇒ cho thừa hưởng. */
button,
input,
select,
textarea {
  font-family: inherit;
}