/* FINAL REAL FIX — 8 lines only */
.main-panel, .container, .page-inner { 
    width: 100% !important; 
    max-width: 1400px !important; 
    margin: 0 auto !important; 
    padding: 20px 15px !important; 
}
.tab-pane.active.show { display: block !important; }

/* RIGHT-SIDE TABLES — PERFECT ON EVERY DEVICE */

/* 1. Desktop only: shrink to fit perfectly → no scroll */
@media (min-width: 992px) {
    .col-md-4 .table {
        font-size: 0.86rem !important;
    }
    .col-md-4 .table th,
    .col-md-4 .table td {
        padding: 0.4rem 0.5rem !important;
        white-space: nowrap;
    }
    .col-md-4 .table thead th {
        font-size: 0.78rem !important;
        padding: 0.5rem !important;
    }
}

/* 2. Mobile only: slightly larger text + better touch targets */
@media (max-width: 991.98px) {
    .col-md-4 .table {
        font-size: 0.95rem !important;
    }
    .col-md-4 .table th,
    .col-md-4 .table td {
        padding: 0.75rem 0.5rem !important;
    }
}

/* 3. REMOVE THE STICKY HEADER — it was causing ad/layering issues */
.col-md-4 .table thead {
    /* position: sticky;   ← DELETE THIS ENTIRE BLOCK */
    /* top: 0; */
    /* z-index: 1; */
    background: #d1e7ff !important;   /* keep only the background */
}
 .lazy-section {

    position: relative;

    min-height: 200px;

    overflow: hidden;

}

.lazy-section .spinner-overlay {

    position: absolute;

    top: 0; left: 0; right: 0; bottom: 0;

    background: #fff;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    z-index: 10;

    transition: opacity 0.4s ease;

}

.lazy-section.content-visible .spinner-overlay {

    opacity: 0;

    pointer-events: none;

}

.lazy-section .card-round {

    opacity: 0;

    transition: opacity 0.4s ease;

}



.lazy-section.content-visible .card-round {

    opacity: 1;

}