/* === Table Components === */

/* Base Table Styles */
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--an-text-primary);
    border-color: var(--an-border-medium);
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--an-border-medium);
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--an-border-medium);
    background-color: var(--an-bg-tertiary);
    color: var(--an-text-primary);
    font-weight: 600;
}

.table tbody + tbody {
    border-top: 2px solid var(--an-border-medium);
}


/* Hover */
.table-hover tbody tr:hover {
    background-color: var(--an-bg-hover);
}

/* Bordered */
.table-bordered {
    border: 1px solid var(--an-border-medium);
}

.table-bordered th,
.table-bordered td {
    border: 1px solid var(--an-border-medium);
}

/* Borderless */
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}