@media (max-width: 767px) {
    body.mobile .di-mobile-card-table-wrap {
        overflow-x: visible !important;
        border: 0;
    }

    body.mobile table.di-mobile-card-table {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        border-collapse: separate;
        border-spacing: 0;
        background: transparent;
    }

    body.mobile table.di-mobile-card-table thead,
    body.mobile table.di-mobile-card-table tfoot {
        display: none;
    }

    body.mobile table.di-mobile-card-table tbody,
    body.mobile table.di-mobile-card-table tr,
    body.mobile table.di-mobile-card-table td {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.mobile table.di-mobile-card-table tbody tr {
        margin-bottom: 10px;
        padding: 8px 10px;
        background: #ffffff;
        border: 1px solid #dfe7f1;
        border-radius: 8px;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    }

    body.mobile table.di-mobile-card-table tbody td {
        display: grid;
        grid-template-columns: minmax(92px, 38%) minmax(0, 1fr);
        align-items: start;
        gap: 8px;
        padding: 7px 0 !important;
        color: #1f2937;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #edf2f7 !important;
        white-space: normal !important;
        word-break: break-word;
    }

    body.mobile table.di-mobile-card-table tbody td:last-child {
        border-bottom: 0 !important;
    }

    body.mobile table.di-mobile-card-table tbody td::before {
        content: attr(data-di-label);
        color: #64748b;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.35;
        text-transform: uppercase;
    }

    body.mobile table.di-mobile-card-table tbody td[data-di-label=""],
    body.mobile table.di-mobile-card-table tbody td:not([data-di-label]) {
        grid-template-columns: 1fr;
    }

    body.mobile table.di-mobile-card-table tbody td[data-di-label=""]::before,
    body.mobile table.di-mobile-card-table tbody td:not([data-di-label])::before {
        display: none;
    }

    body.mobile table.di-mobile-card-table tbody td .row-options {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 10px;
        margin-top: 6px;
        white-space: normal;
    }

    body.mobile table.di-mobile-card-table .btn,
    body.mobile table.di-mobile-card-table .label {
        white-space: normal;
    }

    html.di-crm-dark body.mobile .di-mobile-card-table-wrap,
    body.di-crm-dark.mobile .di-mobile-card-table-wrap {
        background: transparent;
    }

    html.di-crm-dark body.mobile table.di-mobile-card-table tbody tr,
    body.di-crm-dark.mobile table.di-mobile-card-table tbody tr {
        background: #111827;
        border-color: #263348;
        box-shadow: 0 10px 26px rgba(2, 6, 23, 0.24);
    }

    html.di-crm-dark body.mobile table.di-mobile-card-table tbody td,
    body.di-crm-dark.mobile table.di-mobile-card-table tbody td {
        color: #f8fafc !important;
        border-bottom-color: #263348 !important;
    }

    html.di-crm-dark body.mobile table.di-mobile-card-table tbody td *,
    body.di-crm-dark.mobile table.di-mobile-card-table tbody td * {
        color: inherit;
    }

    html.di-crm-dark body.mobile table.di-mobile-card-table tbody td::before,
    body.di-crm-dark.mobile table.di-mobile-card-table tbody td::before {
        color: #cbd5e1;
    }
}