.bcf-statistics-page {margin-right: 20px;}
.bcf-stats-overview {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 0px 0 20px;}
.bcf-stat-card {background: #fff; border: 1px solid #AAAAAA; border-radius: 15px; padding: 26px 22px; gap: 20px; display: flex; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.bcf-stat-card:hover {transform: translateY(-2px);}
.bcf-stat-icon {position: relative; width: 46px; height: 46px; background-repeat: no-repeat; background-size: cover;}
.bcf-stat-card:nth-child(1) .bcf-stat-icon {background-image: url(../img/bfc_total_attempts.svg);}
.bcf-stat-card:nth-child(2) .bcf-stat-icon {background-image: url(../img/bfc_successful_sends.svg);}
.bcf-stat-card:nth-child(3) .bcf-stat-icon {background-image: url(../img/bfc_failed_sends.svg);}
.bcf-stat-card:nth-child(4) .bcf-stat-icon {background-image: url(../img/bfc_success_rate.svg);}
.bcf-stat-total {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.bcf-stat-success {background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);}
.bcf-stat-failed {background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);}
.bcf-stat-rate {background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);}
.bcf-stat-content b {margin: 0 0 8px 0; font-size: 48px; line-height: 100%; color: #111827;}
.bcf-stat-content p {margin: 0; color: #111827; font-size: 16px; font-weight: 400;}
.bcf-success-count {color: #00a32a; font-weight: 600;}
.bcf-failed-count {color: #d63638; font-weight: 600;}
.bcf-success-rate {display: flex; align-items: center; gap: 10px;}
.bcf-rate-number {font-weight: 600; color: #1d2327; min-width: 40px;}
.bcf-rate-bar {flex: 1; height: 8px; background: #f0f0f1; border-radius: 4px; overflow: hidden;}
.bcf-rate-fill {height: 100%; background: #00a32a; border-radius: 4px; transition: width 0.3s ease;}
.bcf-no-data {padding: 40px; text-align: center; color: #646970;}
.bcf-cleanup-section {background: #fff; border: 1px solid #ccd0d4; border-radius: 4px; padding: 20px; margin: 20px 0;}
.bcf-cleanup-section h2 {margin-top: 0; color: #1d2327;}
@media (max-width: 768px) {
.bcf-stat-content h3 {font-size: 24px;}
}
/* Status badges for detailed statistics */

/* Export actions */
.bcf-export-actions {padding: 10px 20px; border-top: 1px solid #ccd0d4; background: #f8f9fa;}
.bcf-export-actions button {margin-right: 10px;}
.bcf-export-actions button:last-child {margin-right: 0;}
/* Loading states */
.updating-message {opacity: 0.7; pointer-events: none;}
.bcf-schedule-form .form-table td {padding: 0; vertical-align: top;}
.bcf-schedule-form .form-table td:first-child {width: 160px; font-size: 16px; font-weight: 700; color: #111827;}
.bcf-schedule-form select,
.bcf-schedule-form input[type="time"] {max-width: 200px;}
/* .bcf-chart-align {display: flex; gap: 40px;} */
.bcf-chart-container {width: 540px;}
.bcf-chart-container canvas {width: 100%; height: auto;}
.bcf-table-statistics-container {flex: 1;}
.bcf-forms-label {min-width: 247px; border: 2px solid #E5E7EB; box-shadow: 0px 4px 10px 0px #00000008; padding: 12px 16px; display: flex; align-items: center; gap: 10px; font-size: 16px; color: #111827; border-radius: 8px;}
.bcf-forms-labe p {margin: 0;}
.bcf-forms-label-color {width: 28px; height: 28px; background-color: #1E40AF; border-radius: 50%;}
#bcf-PopupContent {position: relative; z-index: 1000;}

.bcf-pagination {
    margin: 15px auto 0px;
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bcf-page-num.active{
    background-color: #2563EB;
    border: 0px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: white;
    margin: 0px 3px;
}
.bcf-page-num{
    background-color: white;
    border: 0px;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: black;
    margin: 0px 3px;
    cursor: pointer;
}
.bcf-pagination-info{
    text-align: center;
}



.bcf-stats-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border: 3px solid #e0e0e0;
    border-top-color: #2271b1;
    border-radius: 50%;
    animation: bcf-spin 0.7s linear infinite;
    z-index: 10;
}

.bcf-wrapper-stat-table{
    border-radius: 15px;
    border: 1px solid #AAAAAA;
    background-color: #fff;
    padding: 9px;
}
.bcf-pagination {
    margin: 10px auto 0px;
}

.proformanceplus_page_bcf-statistics .bcf-wrapper-stat-table .wp-list-table td {
    vertical-align: middle;
    padding: 13px 15px;
    color: #111827;
    font-size: 14px;
    line-height: 100%;
}
@keyframes bcf-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@media screen and (max-width: 1390px) {
    .bcf-stats-overview { gap: 16px; margin: 30px 0 16px;}
    .proformanceplus_page_bcf-statistics .bcf-wrapper-stat-table .wp-list-table td{
        padding: 9px 15px;
    }
}