/* Heatmap cell hover — FireAnt style
   Vòng viền + đổ bóng khi hover, chỉnh theo theme để tương phản tốt hơn:
   - Dark: viền trắng mờ trên nền tối, bóng đen sâu.
   - Light: viền tối mờ trên nền sáng (viền trắng sẽ bị "chìm" vào nền
     trắng của trang), bóng nhẹ hơn để không quá gắt. */
.hm-cell {
    transition: filter 0.12s ease, transform 0.12s ease, box-shadow 0.12s ease;
}
.hm-cell:hover {
    filter: brightness(1.45) saturate(1.1);
    transform: scale(1.07);
    z-index: 99 !important;
    border-radius: 2px;
    position: relative;
}
[data-theme="dark"] .hm-cell:hover {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.6), 0 8px 24px rgba(0,0,0,0.65);
}
[data-theme="light"] .hm-cell:hover {
    box-shadow: 0 0 0 2px rgba(15,23,42,0.45), 0 8px 20px rgba(15,23,42,0.25);
}