/* =========================
       DataTable scroll wrapper
       ========================= */
    .dataTables_wrapper {
        width: 100% !important;
        overflow: hidden !important;
    }

    .dataTables_scrollBody {
        overflow-x: auto !important;
        overflow-y: auto !important;
    }

    /* =========================
       Force horizontal scroll
       ========================= */
    #rankingTable {
        min-width: 1600px !important;
        border-collapse: separate;
        border-spacing: 0;
    }

    /* =========================
       FIXED FIRST TWO COLUMNS
       ========================= */

    /* Column 1: जिले का नाम */
    #rankingTable th:nth-child(1),
    #rankingTable td:nth-child(1) {
        position: sticky !important;
        left: 0 !important;
        z-index: 10;
        min-width: 160px !important;
        max-width: 160px !important;
        background: #ffffff;
        border-right: 1px solid #ccc;
    }

    /* Column 2: जिला (हिन्दी) */
    #rankingTable th:nth-child(2),
    #rankingTable td:nth-child(2) {
        position: sticky !important;
        left: 196px !important; /* EXACT width of first column */
        z-index: 10;
        min-width: 160px !important;
        max-width: 160px !important;
        background: #ffffff;
        border-right: 1px solid #ccc;
    }

    /* =========================
       Header background override
       ========================= */
    #rankingTable thead th:nth-child(1),
    #rankingTable thead th:nth-child(2) {
        background: rgb(16, 67, 130) !important;
        color: #fff !important;
        z-index: 15 !important;
    }

    /* =========================
       Avoid text breaking badly
       ========================= */
    #rankingTable th,
    #rankingTable td {
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
    }
    #rankingTable tr td a {
        text-decoration: none;
        font-weight: 400;
        font-size: 14px;
    }