/* Shared table system. Wrap any <table class="table"> in <div class="table-wrap"> for responsive scroll. */

.table-wrap { overflow-x: auto; }

.table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.table th {
    text-align: left;
    padding: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
}
.table td {
    padding: 12px;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    vertical-align: middle;
}
.table tbody tr:last-child td { border-bottom: none; }
.table tbody tr:hover { background: var(--color-background); }

.table-striped tbody tr:nth-child(even) { background: var(--color-background); }

.table-empty {
    text-align: center;
    padding: var(--space-5) var(--space-3);
    color: var(--color-text-muted);
    font-size: 14px;
}