/* -------------------------------------------------------------------------- */
/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-5) 0;
    font-size: var(--font-size-small);
    font-family: var(--font-sans);
}
th {
    text-transform: uppercase;
    letter-spacing: var(--all-caps-space);
    word-spacing: var(--all-caps-word-space);
}
th, td {
    padding: var(--space-3) var(--space-3);
    border-bottom: 1.5px solid var(--neutral-border);
    text-align: left;
}
thead th {
    position: sticky;
    top: 0;
    background: var(--bg);
    z-index: 1;
}
td.trunc {
    max-width: var(--truncw);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
td ul.compact-list {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}
td ul.compact-list li {
    list-style: disc inside;
    margin: 0;
}

/* special handling for tables inside card elements */

.card thead th {
    background: var(--dark-surface);
}

/* Round the top-left corner of the first header cell */
.card thead th:first-child {
    border-top-left-radius: var(--border-radius, 8px);
}

/* Round the top-right corner of the last header cell */
.card thead th:last-child {
    border-top-right-radius: var(--border-radius, 8px);
}