/* Sửa lỗi header và toggle */

/* Đảm bảo tất cả header có padding đồng nhất */
.card-header {
    padding: 1.5rem !important;
}

/* Đảm bảo toggle có cùng màu sắc */
#accident_toggle:checked {
    background-color: #0d6efd !important;
}

#tnds_toggle:checked {
    background-color: #0d6efd !important;
}

/* Sửa lỗi sát lề cho header */
.card-header .d-flex {
    margin: 0 !important;
    padding: 0 !important;
}

/* Hiển thị viền rõ ràng cho tất cả card (đặc biệt khu vực customer) */
.card,
.card.shadow-sm,
.card.border-0,
.card.border-0.shadow-sm {
    border: 1px solid #dee2e6 !important;  /* Viền mảnh nhưng đậm hơn để dễ nhìn */
    border-top: 1px solid #dee2e6 !important; /* Nhấn mạnh viền trên */
    border-radius: 0.75rem !important;      /* Bo góc nhẹ đồng bộ */
    background-color: #fff;                 /* Đảm bảo nền trắng để viền nổi bật */
}

/* Đảm bảo có đường phân tách rõ giữa header và body */
.card-header.bg-white,
.card-header {
    border-bottom: 1px solid #e9ecef !important;
}

/* Tránh xuất hiện đường kẻ phụ ở mép dưới nội dung khi dùng footer trắng trong card border-0 */
.card.border-0 .card-footer,
.card.border-0.shadow-sm .card-footer,
.card .card-footer.bg-white {
    border-top: 0 !important;
}

/* Nếu card-body có state phụ (bg-light) cần đường viền trên rõ ràng */
.card-body.border-top {
    border-top: 1px solid #e9ecef !important;
}

/* Giữ bóng đổ nhưng không làm mất viền khi hover/focus */
.card.border-0.shadow-sm:hover,
.card.border-0.shadow-sm:focus {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}