@media (max-width: 767.98px) {
    table.table-mobile-cards thead { display: none; }
    table.table-mobile-cards, table.table-mobile-cards tbody, table.table-mobile-cards tr, table.table-mobile-cards td {
        display: block; width: 100%;
    }
    table.table-mobile-cards tr {
        background: var(--ct-secondary-bg, #fff);
        border: 1px solid var(--ct-border-color, #eef2f7);
        border-radius: .5rem;
        margin-bottom: 1rem;
        padding: .75rem;
    }
    table.table-mobile-cards td {
        border: 0;
        padding: .25rem 0;
    }
    table.table-mobile-cards td[data-label]:before {
        content: attr(data-label);
        display: block;
        font-size: .75rem;
        color: #98a6ad;
        margin-bottom: .15rem;
    }
    table.table-mobile-cards td.actions {
        padding-top: .75rem;
        margin-top: .5rem;
        border-top: 1px solid var(--ct-border-color, #eef2f7);
    }
}
.navbar-brand img { width: auto; height: 40px; }