.inc-when { color: var(--text-muted); font-size: 0.75rem; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* Row selection (Channels, Members): a checkbox per row, selected rows tinted with the
   action blue. The selection bar sits inline above the table in a .select-slot and
   floats (+ global .save-bar) once the slot scrolls above the viewport. */
.row-check { width: 15px; height: 15px; margin: 0; flex-shrink: 0; cursor: pointer; accent-color: var(--c-secondary); }
.select-slot:has(.select-bar.show) { margin-bottom: 0.8rem; }
.select-bar { display: none; align-items: center; flex-wrap: wrap; gap: 0.5rem; padding: 0.5rem 0.8rem 0.5rem 1rem; border: 1px solid var(--c-secondary); border-radius: var(--r-lg); background: var(--c-secondary-ghost); }
.select-bar.show { display: flex; }
.select-bar.save-bar { background: var(--surface); border-color: var(--border); }
.select-count { font-size: 0.85rem; color: var(--text-primary); margin-right: 0.3rem; white-space: nowrap; }
.select-clear { margin-left: auto; }
.select-bar.save-bar .select-clear { margin-left: 0; }

@media (max-width: 768px) {
    .select-bar.save-bar { left: 1rem; right: 1rem; }
}