/* Tuỳ biến giao diện admin CASIC (giữ nguyên cơ chế theme "crystal" + menu ảnh của template). */

/* Chữ trên sidebar màu trắng. Phải khai đúng độ đặc hiệu html[data-skin=crystal][data-menu-color=image]
   để không bị luật gốc của theme (đặc hiệu cao hơn) đè ngược lại. */
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 class .special-menu của theme gốc). */
.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 tự chuyển trang sang chế độ thu gọn kiểu
   rê chuột, gây mất nút 3 gạch — ẩn hẳn để tránh kích hoạt ngoài ý muốn. Nút thu gọn DUY NHẤT
   là nút 3 gạch ở topbar (.sidenav-toggle-button). */
.button-on-hover {
  display: none !important;
  pointer-events: none !important;
}
.sidenav-toggle-button {
  display: flex !important;
}

/* Ô kết quả "Thử câu hỏi" trên Tổng quan. */
.match-result code {
  word-break: break-all;
}