html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* ------------------------------------------------------------------------ */
/* Tiện ích cho các màn danh sách (Tra cứu, Danh mục đơn vị, Nạp dữ liệu)    */
/* Chỉ thêm những gì các màn đó thật sự cần — không dựng cả hệ thiết kế.     */
/* ------------------------------------------------------------------------ */

/* Bảng gọn: giảm đệm + cỡ chữ so với mặc định Bootstrap, hợp bảng nhiều cột
   (hồ sơ hoàn có tới hơn chục cột). Bổ sung cho .table-sm của Bootstrap chứ
   không thay thế — .table-sm chỉ giảm đệm, không giảm cỡ chữ. */
.table-compact > :not(caption) > * > * {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.875rem;
}

/* Chữ cắt bớt trong ô bảng — luôn kèm title="" ở thẻ mang class này để xem đủ
   nội dung khi rê chuột (địa chỉ, tên đơn vị, ghi chú dài). Bootstrap có sẵn
   .text-truncate nhưng không tự đặt max-width, không đủ dùng trong <td>. */
.text-truncate-cell {
  display: block;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Badge trung tính — Bootstrap có sẵn .badge + .text-bg-success/-warning/-danger
   cho các trạng thái có màu; lớp này dành cho trạng thái "không có gì để nói"
   (VD ô trống, chưa xác định) mà Bootstrap không có tên gợi nhớ sẵn. */
.badge-muted {
  color: #495057;
  background-color: #e9ecef;
}

/* ------------------------------------------------------------------------ */
/* Tab đang mở trên thanh điều hướng                                        */
/* _Layout.cshtml đã gắn class .active đúng theo controller hiện tại, nhưng */
/* Bootstrap 5 với .navbar-light chỉ đổi MÀU CHỮ cho .nav-link.active — trên */
/* nền trắng gần như không phân biệt được đang ở trang nào. Thêm nền để rõ. */
/* ------------------------------------------------------------------------ */
.navbar-nav .nav-link {
  padding-left: .75rem;
  padding-right: .75rem;
  border-radius: .375rem; /* var(--bs-border-radius) của Bootstrap 5 */
}

.navbar-nav .nav-link:hover:not(.active) {
  background-color: #f1f3f5;
}

/* Bộ màu primary-subtle có sẵn của Bootstrap 5, không phải màu tự chế. */
.navbar-nav .nav-link.active {
  background-color: #cfe2ff;
  color: #0a58ca;
  font-weight: 600;
}