/* ===== REMOVE CARD RESPONSIVE / KEEP TABLE STYLE ===== */

/* stop card mode */
body.client-responsive-final .list-head {
    display: grid !important;
}

body.client-responsive-final .list-row {
    display: grid !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(71,85,105,.30) !important;
}

body.client-responsive-final .cell {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: block !important;
}

body.client-responsive-final .cell[data-label]::before {
    display: none !important;
}

/* table/list layout */
.list-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.list-head,
.list-row {
    grid-template-columns: 36px 130px 1.45fr 110px 120px 170px 140px 110px !important;
    min-width: 980px !important;
}

/* small browser/mobile = same table, scroll lang */
@media (max-width: 980px) {
    .list-head {
        display: grid !important;
    }

    .list-row {
        display: grid !important;
        padding: 13px 16px !important;
        gap: 0 !important;
    }

    .cell {
        background: transparent !important;
        padding: 0 !important;
        display: block !important;
    }

    .cell[data-label]::before {
        display: none !important;
    }

    .order-mini-controls,
    .move-controls,
    .drag-handle {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: auto !important;
    }

    .vpn-name {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 180px !important;
    }

    .vpn-sub {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 180px !important;
    }
}