/* styles/default/components/c-table.css — #13 obecná datová tabulka (uživatelé, zařízení, log); sticky hlavička, řazení
   Created :: 2026-10-21
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-table__wrap { overflow: auto; border: 1px solid var(--color-border); border-radius: var(--r-lg); background: var(--color-surface); box-shadow: var(--sh-xs); }
.c-table { width: 100%; font-size: var(--fs-base); }
.c-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: var(--sp-2) var(--sp-3);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-2);
  color: var(--color-text-muted);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-caps);
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.c-table td { height: var(--row-h); padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--color-border); vertical-align: middle; }
.c-table tbody tr:last-child td { border-bottom: 0; }
.c-table__row:hover td { background: var(--color-surface-hover); }
.c-table__row.is-selected td { background: var(--color-surface-selected); }
.c-table__row.is-removing { opacity: 0; transition: opacity var(--dur-2) var(--ease-in-out); }

.c-table__cell--num { text-align: right; font-variant-numeric: tabular-nums; }
.c-table__cell--actions { text-align: right; white-space: nowrap; }
.c-table__cell--actions > * + * { margin-left: var(--sp-1); }
.c-table__cell--muted { color: var(--color-text-muted); }

.c-table--dense td { height: var(--row-h-compact); padding: var(--sp-1) var(--sp-2); font-size: var(--fs-sm); }
.c-table--dense th { padding: var(--sp-1) var(--sp-2); }

/* Řazení v hlavičce */
.c-table__sort { display: inline-flex; align-items: center; gap: var(--sp-1); color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }
.c-table__sort .c-icon { color: var(--color-text-subtle); }
th[aria-sort="ascending"] .c-table__sort, th[aria-sort="descending"] .c-table__sort { color: var(--color-text); }
th[aria-sort="ascending"] .c-table__sort .c-icon, th[aria-sort="descending"] .c-table__sort .c-icon { color: var(--color-primary); }
th[aria-sort="descending"] .c-table__sort .c-icon { transform: rotate(180deg); }