/* Tuỳ biến giao diện riêng cho admin Kiểm tra thuế (khác admin-fix-fonts.css — file đó chỉ vá lỗi
   font bị thiếu trong bản mirror, còn file này là chủ đích đổi màu theo yêu cầu). */

/* Chữ trên sidebar màu trắng #fff — mặc định theme dùng --theme-sidenav-item-color (#799cb7, xanh
   xám) cho chữ thường, chỉ chữ của mục đang active mới sáng hơn (#cfdff1, cũng chưa phải trắng).
   Phải khai đúng độ đặc hiệu html[data-skin=crystal][data-menu-color=image] — chỉ viết
   [data-menu-color="image"] (thiếu html[data-skin=...]) sẽ bị luật gốc của theme (2 thuộc tính,
   đặc hiệu cao hơn) đè ngược lại dù file này load sau. */
html[data-skin="crystal"][data-menu-color="image"] {
  --theme-sidenav-item-color: #fff;
  --theme-sidenav-item-hover-color: #fff;
  --theme-sidenav-item-active-color: #fff;
}

/* Mục menu đang active: nền đặc màu chủ đạo + chữ trắng — giống hệt class .special-menu của theme
   gốc (xem apps-projects-list.html, mục "Special Menu" trong sidebar demo), thay cho kiểu nhấn nhẹ
   (viền mờ mờ) mặc định của skin "crystal" đang dùng. */
.side-nav > .side-nav-item.active > a.side-nav-link {
  background: var(--theme-primary) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Nút chấm tròn (.button-on-hover) cạnh logo sidebar KHÔNG phải nút thu gọn chính — theme gắn sẵn
   code riêng cho nó: bấm vào là tự chuyển cả trang sang chế độ "on-hover-active" (ẩn hẳn nút 3 gạch
   ở topbar, đổi cơ chế thu gọn thành kiểu rê chuột). Đây là nguồn gốc lỗi "mất nút 3 gạch" đã gặp —
   bỏ hẳn nút này (ẩn + không cho bấm trúng) để không ai vô tình kích hoạt chế độ đó nữa. Nút thu gọn
   DUY NHẤT của app này là nút 3 gạch xanh ở topbar (.sidenav-toggle-button, giống đúng mockup Paces),
   ép nó luôn hiện để chắc chắn không bao giờ bị ẩn dù rơi vào chế độ nào khác ngoài dự tính. */
.button-on-hover {
  display: none !important;
  pointer-events: none !important;
}
.sidenav-toggle-button {
  display: flex !important;
}