/* Dodatki panelu Invis: niebieski akcent, lejek, zakładki analityki. */
.eyebrow { color: var(--accent); }
.sidebar .logo, .login-logo .logo { background: var(--accent); }
.nav-odstep { flex: 1; min-height: 18px; }
.sidebar nav a .licznik { background: var(--accent); color: #fff; }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kpis .kpi.glowny { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.kpis .kpi .v { white-space: nowrap; }
.kpis .kpi .s { font-size: 12.5px; line-height: 1.45; margin-top: 4px; }
.up { color: #0f9d58; font-weight: 700; } .down { color: #d93025; font-weight: 700; }
.filters { align-items: center; }
.filters.male { margin-top: -8px; }
.filters.male a { font-size: 13px; padding: 6px 12px; }
.okres-opis { color: var(--muted); font-size: 13px; margin-left: 8px; }
.pill.green { background: #e7f6ee; border-color: #bfe5cf; color: #0b7a43; }
.pill.red { background: #fdecea; border-color: #f7c6c1; color: #b3261e; }
.pill.yellow { background: #fff6e0; border-color: #f3dfa8; color: #8a5a00; }
.spark polyline { stroke: var(--accent); }
.spark.dwie polyline.szara { stroke: #b9bec7; stroke-dasharray: 4 3; }
.kropka { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin: 0 4px 0 8px; }
.kropka.nieb { background: var(--accent); margin-left: 0; } .kropka.szar { background: #b9bec7; }
.zakladki { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 18px; overflow-x: auto; }
.zakladki a { padding: 10px 16px; color: var(--muted); text-decoration: none; font-weight: 600; font-size: 14.5px; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.zakladki a:hover { color: var(--ink); }
.zakladki a.on { color: var(--accent); border-bottom-color: var(--accent); }
.lej { display: flex; flex-direction: column; gap: 14px; }
.lej-wiersz { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; align-items: end; }
.lej-nazwa strong { font-size: 14.5px; margin-right: 8px; }
.lej-liczba { text-align: right; white-space: nowrap; } .lej-liczba strong { font-size: 18px; margin-right: 8px; }
.lej-pasek { grid-column: 1 / -1; background: var(--accent-soft); border-radius: 8px; height: 26px; overflow: hidden; }
.lej-pasek i { display: block; height: 100%; background: var(--accent); border-radius: 8px; min-width: 6px; }
.po-terminie { color: #d93025; font-weight: 700; }
.st-form select { font-size: 13px; padding: 5px 8px; }
.akcje form { display: flex; gap: 6px; justify-content: flex-end; }
.wizyta { margin-bottom: 18px; } .wizyta-gora { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.komentarze li { align-items: flex-start; }
.timeline li.konw::before { background: var(--accent); }
.data-table.przewijana { min-width: 720px; }
.table-wrap { overflow-x: auto; }
details.zwijka > summary { cursor: pointer; font-weight: 700; }
.box p { line-height: 1.55; }
@media (max-width: 1200px) { .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lej-pasek { height: 20px; }
  .okres-opis { display: block; width: 100%; margin: 4px 0 0; }
  .nav-odstep { display: none; }
}
@media (max-width: 480px) { .kpis { grid-template-columns: 1fr; } }

.grid2 > .box { min-width: 0; }
.grid2 .data-table.kompakt th, .grid2 .data-table.kompakt td { padding-left: 8px; padding-right: 8px; }
.data-table.kompakt td:first-child { max-width: 420px; }
.data-table.szeroka { min-width: 1240px; }
.data-table.szeroka td:first-child { min-width: 280px; }