/**
 * Tabelas de listagem (admin catalogo, usuarios/planos, financeiro/assinaturas):
 * listras alternadas claras/escuras e hover alinhado ao padrao do catalogo (.app-table),
 * usando --cs-btn-secondary-hover misturado a --cs-surface (distinto do tom das listras).
 */
.app-table tbody tr,
.app-admin-users-table tbody tr,
.app-sis-financial-table__table tbody tr {
    transition: background-color 0.16s ease;
}

.app-table tbody tr:nth-child(odd),
.app-admin-users-table tbody tr:nth-child(odd),
.app-sis-financial-table__table tbody tr:nth-child(odd) {
    background-color: var(--cs-surface);
}

.app-table tbody tr:nth-child(even),
.app-admin-users-table tbody tr:nth-child(even),
.app-sis-financial-table__table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, var(--cs-border) 14%, var(--cs-surface));
}

.app-table tbody tr:hover,
.app-admin-users-table tbody tr:hover,
.app-sis-financial-table__table tbody tr:hover {
    background-color: color-mix(in srgb, var(--cs-btn-secondary-hover) 82%, var(--cs-surface));
}

@media (prefers-reduced-motion: reduce) {
    .app-table tbody tr,
    .app-admin-users-table tbody tr,
    .app-sis-financial-table__table tbody tr {
        transition: none;
    }
}