/* Shared table styling for public and admin pages. */
.table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--color-admin-border);
}

th,
td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--color-admin-border);
}

th {
    background: var(--color-admin-subtle-background);
    color: var(--color-admin-text);
    font-weight: 600;
}

tr:hover {
    background: var(--color-admin-subtle-background);
}