/* Table styles that match the design system */

.table {
    margin-block: 0;
    margin-inline: 0;
    border: 0;
    
    & tr, td, th {
        border: 0;
        border-block-end: 1px solid var(--color-subtle-dark);
    }
    
    & th {
        white-space: nowrap;
    }
    
    & td:first-child {
        white-space: nowrap;
        max-width: 20em;
        text-overflow: ellipsis; /* Add "..." for truncated text */
        overflow: hidden;
    }
    
    & tr:last-child {
        border-block-end: 0;
        
        & td {
            border-block-end: 0;
        }
    }
    
    & th {
        border-block-end-width: 3px;
    }
}