.admin-app :where(table:not([role="grid"])) {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: var(--admin-color-surface);
    color: var(--admin-color-text);
}

.admin-app :where(table:not([role="grid"]) caption) {
    padding: var(--admin-space-3) var(--admin-space-4);
    color: var(--admin-color-text-muted);
    font-size: var(--admin-font-size-sm);
    text-align: left;
}

.admin-app :where(table:not([role="grid"]) th, table:not([role="grid"]) td) {
    padding: var(--admin-space-3) var(--admin-space-4);
    border-bottom: var(--admin-border-width) solid var(--admin-color-border);
    text-align: left;
    vertical-align: middle;
}

.admin-app :where(table:not([role="grid"]) th) {
    color: var(--admin-color-text-muted);
    font-size: var(--admin-font-size-xs);
    font-weight: var(--admin-font-weight-semibold);
    letter-spacing: .035em;
    text-transform: uppercase;
}

.admin-app :where(table:not([role="grid"]) tbody tr):hover {
    background: color-mix(in srgb, var(--admin-color-accent) 3%, var(--admin-color-surface));
}