/* CSS Reset cho Radzen Chart */

/* Đảm bảo chart container có thể hiển thị tooltip */
.radzen-chart-container {
    position: relative !important;
    overflow: visible !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Đảm bảo chart có thể hiển thị tooltip */
.rz-chart {
    position: relative !important;
    overflow: visible !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 !important;
}

/* Đảm bảo tooltip hiển thị đúng */
.rz-chart-tooltip {
    z-index: 10000 !important;
    position: absolute !important;
    pointer-events: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    background-color: white !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Đảm bảo các phần tử SVG có thể tương tác */
.rz-chart svg, 
.rz-chart svg * {
    pointer-events: auto !important;
}

/* Đảm bảo các phần tử cha không ẩn tooltip */
.card, .card-body, .container-xxl, .content-wrapper, .layout-page, .layout-container, .layout-wrapper,
.rz-card, .rz-stack, .rz-row, .rz-column {
    overflow: visible !important;
}