/* Minimal custom CSS only for table-to-card transformation */
@media screen and (max-width: 768px) {
    /* Hide table header on mobile */
    .is-responsive thead {
        display: none;
    }
    
    /* Transform table rows into cards */
    .is-responsive tbody tr {
        display: block;
        margin-bottom: 1rem;
        border-radius: 6px;
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
        overflow: hidden;
    }
    
    /* Transform table cells */
    .is-responsive tbody td {
        display: flex;
        justify-content: space-between;
        text-align: right;
        padding: 0.25rem 1.5rem !important;
        border: none;
    }
    
    /* Add labels using data attributes */
    .is-responsive tbody td::before {
        content: attr(data-label) " ";
        text-align: left;
        font-weight: 600;
        color: #4a4a4a;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    /*/* Special styling for first cell (account name) */
    .is-responsive tbody td:first-child {
        display: block;
        text-align: center;
        font-size: 1.25rem;
        padding: 1.25rem !important;
    }*/
    
    .is-responsive tbody td:first-child::before {
        display: none;
    }
}