.sync-table .when { color: var(--muted); white-space: nowrap; }
.sync-table .client { color: var(--text); font-family: var(--mono); font-size: 0.85em; white-space: nowrap; }
.sync-table tbody tr[data-client] { cursor: pointer; --token-ground: transparent; background-color: var(--token-ground); }
.sync-table tbody tr[data-client].selected { --token-ground: var(--token-open); }
.sync-table tbody tr[data-client]:hover { background-color: color-mix(in srgb, #000 var(--token-hover), var(--token-ground)); }
.table-filter { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; font-size: 0.85rem; color: var(--muted); }
.table-filter button { min-height: 0; min-width: 0; padding: 6px 12px; font-size: 0.85rem; }
.table-filter .client { color: var(--text); font-family: var(--mono); font-size: 0.85em; }
.sync-empty { font-size: 0.85rem; color: var(--muted); }