/* styles/default/components/c-log.css — #21 řádek logu: --system (hustý řádek tabulky ve Správě) a --user (věta + diff v Mém logu)
   Created :: 2026-10-22
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

/* Systémový log: řádek c-table--dense s barevným proužkem podle úrovně */
.c-log--system { cursor: pointer; }
.c-log--system td:first-child { border-left: var(--stroke-3) solid transparent; }
.c-log--system.c-log--level-warning td:first-child  { border-left-color: var(--color-warning); }
.c-log--system.c-log--level-error td:first-child,
.c-log--system.c-log--level-critical td:first-child { border-left-color: var(--color-danger); }
.c-log--system.c-log--level-success td:first-child  { border-left-color: var(--color-success); }
.c-log__time { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--color-text-muted); }
.c-log__type { font-family: var(--font-mono); font-size: var(--fs-xs); white-space: nowrap; }
.c-log__type small { color: var(--color-text-subtle); }
.c-log__subject { max-width: 42rem; }
.c-log__subject .u-truncate { display: block; }
.c-log__ip { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--color-text-subtle); white-space: nowrap; }
.c-log--archive td { background: var(--color-surface-2); }

/* Uživatelský log (Můj log): seznam vět */
.c-log-list { margin: 0; }
.c-log--user {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  padding: var(--sp-3) 0;
  border-bottom: 1px solid var(--color-border);
}
.c-log--user:last-child { border-bottom: 0; }
.c-log__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: var(--r-full);
  background: var(--tone-bg, var(--color-surface-2));
  color: var(--tone-fg, var(--color-text-muted));
}
.c-log__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.c-log__meta { margin: 0; font-size: var(--fs-xs); color: var(--color-text-muted); }
.c-log--user .c-log__subject { margin: 0; max-width: none; overflow-wrap: anywhere; }
.c-log--user .c-log__icon .c-icon { width: 1.6rem; height: 1.6rem; }
.c-log--user.c-log--level-warning .c-log__icon, .c-log--user.c-log--level-error .c-log__icon { background: var(--color-danger-soft); color: var(--color-danger); }

/* Detail záznamu (modál): mřížka polí */
.c-log-detail { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: var(--sp-2) var(--sp-4); align-items: baseline; }
.c-log-detail dt { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--color-text-subtle); text-transform: uppercase; letter-spacing: var(--ls-caps); }
.c-log-detail dd { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 575.98px) {
  .c-log-detail { grid-template-columns: 1fr; gap: var(--sp-1); }
  .c-log-detail dd { margin-bottom: var(--sp-2); }
}