/* ── modules/logi/logi.css ─────────────────────────────────────
   Style modułu historii zdarzeń. Spójne z pozostałymi modułami
   (kontrahenci, dekretacja) — jasny/ciemny motyw, prefiks lg-.
   ─────────────────────────────────────────────────────────── */

:root {
  --lg-bg:          #f0f4f8;
  --lg-card-bg:     #ffffff;
  --lg-card-head:   #f8fafc;
  --lg-border:      #e2e8f0;
  --lg-text:        #0f172a;
  --lg-muted:       #64748b;
  --lg-brand:       #475569;
  --lg-r:           10px;
  --lg-t:           .16s ease;
  --lg-shadow:      0 4px 20px rgba(15,23,42,.08);
}

.lg--dark {
  --lg-bg:          #0f172a;
  --lg-card-bg:     #1e293b;
  --lg-card-head:   #162032;
  --lg-border:      #334155;
  --lg-text:        #e2e8f0;
  --lg-muted:       #94a3b8;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  background: var(--lg-bg);
  color: var(--lg-text);
  -webkit-font-smoothing: antialiased;
  transition: background var(--lg-t), color var(--lg-t);
}
a { color: inherit; text-decoration: none; }

/* ── Topbar ── */
.lg-page { min-height: 100%; display: flex; flex-direction: column; }
.lg-top {
  display: flex; align-items: center; gap: 10px; padding: 0 20px; height: 50px;
  background: #0f1629; border-bottom: 1px solid rgba(255,255,255,.06); flex-shrink: 0;
}
.lg-top-title { font-size: .92rem; font-weight: 700; color: #e2e8f0; flex: 1; }
.lg-top-btn {
  display: flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 7px;
  border: none; background: transparent; color: #94a3b8; font-size: .78rem;
  transition: background var(--lg-t), color var(--lg-t); text-decoration: none;
}
.lg-top-btn:hover { background: #1a2744; color: #e2e8f0; }

.lg-main { flex: 1; padding: 16px 20px 24px; }
.lg-wrap { max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }

/* ── Header ── */
.lg-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.lg-title { font-size: 1.2rem; font-weight: 800; display: flex; align-items: center; gap: 8px; }
.lg-sub { font-size: .84rem; color: var(--lg-muted); margin-top: 4px; max-width: 640px; }

/* ── Toolbar ── */
.lg-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.lg-company-badge {
  font-size: .78rem; font-weight: 700; padding: 4px 10px; border-radius: 20px;
  background: var(--lg-card-bg); border: 1.5px solid var(--lg-border); color: var(--lg-text);
}
.lg-stat { font-size: .78rem; color: var(--lg-muted); }

/* ── Table ── */
.lg-card { background: var(--lg-card-bg); border: 1.5px solid var(--lg-border); border-radius: 12px; overflow: hidden; box-shadow: var(--lg-shadow); }
.lg-table-wrap { overflow-x: auto; }
.lg-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.lg-table thead th {
  text-align: left; padding: 10px 12px; background: var(--lg-card-head); color: var(--lg-muted);
  font-weight: 700; font-size: .72rem; text-transform: uppercase; letter-spacing: .03em;
  border-bottom: 1px solid var(--lg-border); white-space: nowrap;
}
.lg-table tbody td { padding: 9px 12px; border-bottom: 1px solid var(--lg-border); vertical-align: middle; white-space: nowrap; }
.lg-table tbody tr:last-child td { border-bottom: none; }
.lg-empty { padding: 48px 20px; text-align: center; color: var(--lg-muted); white-space: normal; }