/* Custom styles for range inputs for better cross-browser consistency */
/* Các style tùy chỉnh cho thanh trượt (range input) để tương thích tốt hơn trên các trình duyệt */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2563EB; /* Màu xanh lam đậm */
    cursor: pointer;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.4); /* Hiệu ứng đổ bóng màu xanh lam nhạt */
}

input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2563EB; /* Màu xanh lam đậm */
    cursor: pointer;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.4); /* Hiệu ứng đổ bóng màu xanh lam nhạt */
}

input[type="range"]::-ms-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2563EB; /* Màu xanh lam đậm */
    cursor: pointer;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.4); /* Hiệu ứng đổ bóng màu xanh lam nhạt */
}

/* Thêm bất kỳ CSS tùy chỉnh nào khác của bạn vào đây */
/* Ví dụ: có thể thêm style cho body hoặc các phần tử khác nếu cần */
/* body {
    background-color: #f0f2f5;
} */