.annual-report-section {
    margin: 40px 0 !important;
    padding: 20px !important;
    background: #fff !important;
}

.annual-report-section h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 24px !important;
    color: #333 !important;
    margin-bottom: 20px !important;
}

.report-switcher {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.report-btn {
    background: #F1F3F5 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.report-btn:hover {
    background: #e0e0e0 !important;
}

.report-btn.active {
    background: #0732A0 !important;
    color: white !important;
}

.report-section {
    display: none !important;
    padding: 20px 0 !important;
    max-height: 500px !important;
    overflow: hidden !important;
}

.report-section.active {
    display: block !important;
}

.highcharts-container {
    width: 100% !important;
    margin: 20px 0 !important;
    height: 400px !important;
    overflow: hidden !important;
}

.highcharts-container svg {
    height: 400px !important;
}

.highcharts-container > div {
    height: 400px !important;
    max-height: 400px !important;
}

.annual-chart {
    margin: 20px 0 !important;
}

.report-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

.report-container h2 {
    font-family: "Inter", sans-serif !important;
    color: #333 !important;
    margin-top: 40px !important;
}

.custom-tooltip {
    position: relative !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.custom-tooltip button.chart-trigger-btn {
    background: #0732A0 !important;
    border: none !important;
    border-radius: 4px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
}

.custom-tooltip button.chart-trigger-btn:hover {
    background: #6ba82f !important;
}

.custom-tooltip button.chart-trigger-btn i {
    color: white !important;
    font-size: 12px !important;
}

.custom-tooltip .custom-tooltiptext {
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: 999999 !important;
    background-color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    min-width: 350px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 100% !important;
    margin-bottom: 35px !important;
    transition: visibility 0.3s, opacity 0.3s !important;
    text-align: left !important;
    pointer-events: auto !important;
}

.custom-tooltip:hover .custom-tooltiptext,
.custom-tooltip:focus .custom-tooltiptext,
.custom-tooltip.active .custom-tooltiptext {
    visibility: visible !important;
    opacity: 1 !important;
}

.ctm-title-chart-popup {
    font-weight: bold !important;
    margin-bottom: 10px !important;
    color: #333 !important;
    font-size: 14px !important;
}

.chart-tooltip-container {
    width: 100% !important;
    height: 250px !important;
}

.row-chart-btn {
    position: relative !important;
    background: #0732A0 !important;
    border: none !important;
    border-radius: 4px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.row-chart-btn:hover {
    background: #6ba82f !important;
}

.row-chart-btn svg {
    width: 14px !important;
    height: 14px !important;
    color: white !important;
}

.row-chart-tooltip {
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: 999999 !important;
    background-color: #fff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    min-width: 350px !important;
    left: 100% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 10px !important;
    transition: visibility 0.3s, opacity 0.3s !important;
    text-align: left !important;
    pointer-events: auto !important;
}

.row-chart-btn:hover .row-chart-tooltip,
.row-chart-btn:focus .row-chart-tooltip {
    visibility: visible !important;
    opacity: 1 !important;
}

/*.wpDataTablesWrapper .wpdt-c table.wpDataTable td:first-child,
.wpDataTable td:first-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}*/

.row-chart-tooltip .tooltip-title {
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    color: #333 !important;
    font-size: 14px !important;
}

.row-chart-tooltip .tooltip-chart-container {
    width: 100% !important;
    height: 200px !important;
}

/* Table Styling */
table.wpDataTable {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    background: #fff !important;
    border: none !important;
}

table.wpDataTable thead th {
    background: #0732A0 !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 14px 16px !important;
    border: none !important;
}

table.wpDataTable tbody tr {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

table.wpDataTable tbody tr:nth-child(even) {
    background: #f9f9f9 !important;
}

table.wpDataTable tbody tr:hover {
    background: #f0f7ea !important;
}

.page-id-1519 table.wpDataTable tbody td {
    padding: 12px 16px !important;
    color: #333 !important;
    border: none !important;
}

table.wpDataTable tbody td {
    padding: 12px 16px !important;
    border: none !important;
}

.page-id-1519 table.wpDataTable tbody td:first-child {
    
    color: #222 !important;
}