/* Linkeus — system wizualny (wersja 2, 23.10.2026)
   Źródło prawdy stylów panelu. Ten sam arkusz jest „bundle.css” systemu „Linkeus” w Claude Design
   (https://claude.ai/artifact/3UPB59sdnnmZYzkbQgRtMn). Zmiana tutaj = zmiana tokenu tam.

   Budowa: 1 kroje · 2 prymitywy (skale barw) · 3 tokeny semantyczne · 4 most do Tablera ·
   5 typografia · 6 szkielet aplikacji · 7 komponenty · 8 wzorce pulpitu · 9 widoki szczegółowe.
   Reguła: komponent sięga WYŁĄCZNIE po tokeny semantyczne (sekcja 3), nigdy po prymityw ani literał. */

/* ── 1. Kroje: lokalne pliki, bez zewnętrznych CDN ─────────────────────────────────────────── */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/static/vendor/fonts/inter-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/static/vendor/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/static/vendor/fonts/geist-sans-latin-700-normal.woff2) format("woff2"); }

:root {
  /* ── 2. Prymitywy ── granat miasta jako skala 50–950 (900 = #001E43, barwa UMG);
     szarości chłodne, z odcieniem granatu; czerwień herbu tylko w znaku (500). */
  --lk-granat-50: #EEF3F9; --lk-granat-100: #DDE7F3; --lk-granat-200: #BCD0E8; --lk-granat-300: #8DB0DA;
  --lk-granat-400: #5D8CC7; --lk-granat-500: #2F6DB5; --lk-granat-600: #1D5596; --lk-granat-700: #12407A;
  --lk-granat-800: #082F5E; --lk-granat-900: #001E43; --lk-granat-950: #00142D;
  --lk-szary-0: #FFFFFF; --lk-szary-25: #FAFBFC; --lk-szary-50: #F6F7F9; --lk-szary-100: #EEF1F4;
  --lk-szary-200: #E4E8EE; --lk-szary-300: #D2D8E0; --lk-szary-400: #A9B3C1; --lk-szary-500: #858F9E;
  --lk-szary-600: #5D6979; --lk-szary-700: #444F5E; --lk-szary-800: #283240; --lk-szary-900: #101828;
  --lk-czerwien-50: #FCEDEF; --lk-czerwien-100: #F7D3D8; --lk-czerwien-500: #E41526; --lk-czerwien-600: #C8102E;
  --lk-czerwien-700: #A30D25;
  --lk-bursztyn-50: #FDF4E3; --lk-bursztyn-100: #F9E2B5; --lk-bursztyn-500: #C47D00; --lk-bursztyn-700: #8A4B00;
  --lk-zielen-50: #E9F4ED; --lk-zielen-100: #C9E4D3; --lk-zielen-500: #2E7D4F; --lk-zielen-700: #236640;
  --lk-fiolet-500: #6F5AA8;

  /* ── 3. Tokeny semantyczne ── */
  --lk-tekst: var(--lk-szary-900);            /* treść podstawowa */
  --lk-tekst-drugi: var(--lk-szary-700);      /* lead, opisy */
  --lk-tekst-pomoc: var(--lk-szary-600);      /* metadane, etykiety, podpisy osi */
  --lk-tekst-wylaczony: var(--lk-szary-400);
  --lk-tekst-odwrotny: var(--lk-szary-0);
  --lk-tekst-marka: var(--lk-granat-900);     /* nagłówki, logotyp, aktywne menu */
  --lk-link: var(--lk-granat-600);
  --lk-link-hover: var(--lk-granat-900);
  --lk-tlo: var(--lk-szary-0);
  --lk-tlo-panel: var(--lk-szary-50);         /* pasek boczny, komórki kalendarza */
  --lk-tlo-hover: var(--lk-szary-25);         /* wiersz pod kursorem */
  --lk-tlo-wcisniety: var(--lk-szary-100);    /* hover w menu, przyciski-duchy */
  --lk-tlo-zaznaczenie: var(--lk-granat-50);
  --lk-obrys: var(--lk-szary-200);            /* krawędzie kart i sekcji */
  --lk-obrys-subtelny: var(--lk-szary-100);   /* linie między wierszami */
  --lk-obrys-kontrolka: var(--lk-szary-500);    /* 3,3:1 na bieli — granica kontrolki wg WCAG 1.4.11 */
  --lk-obrys-kontrolka-hover: var(--lk-szary-600);
  --lk-obrys-fokus: var(--lk-granat-900);
  --lk-akcja: var(--lk-granat-900);
  --lk-akcja-hover: var(--lk-granat-950);
  --lk-znak: var(--lk-czerwien-500);          /* WYŁĄCZNIE kwadrat nad „ı” w logotypie */
  /* pięć stanów: wypełnienie (znacznik, słupek), tekst, tło plakietki */
  --lk-kryt: var(--lk-czerwien-600); --lk-kryt-tekst: var(--lk-czerwien-700); --lk-kryt-tlo: var(--lk-czerwien-50);
  --lk-ostrz: var(--lk-bursztyn-500); --lk-ostrz-tekst: var(--lk-bursztyn-700); --lk-ostrz-tlo: var(--lk-bursztyn-50);
  --lk-info: var(--lk-granat-500); --lk-info-tekst: var(--lk-granat-700); --lk-info-tlo: var(--lk-granat-50);
  --lk-ok: var(--lk-zielen-500); --lk-ok-tekst: var(--lk-zielen-700); --lk-ok-tlo: var(--lk-zielen-50);
  --lk-neut: var(--lk-szary-500); --lk-neut-tekst: var(--lk-szary-700); --lk-neut-tlo: var(--lk-szary-100);
  /* dane: stała kolejność serii, ta sama seria = ten sam kolor na każdym ekranie */
  --lk-d1: var(--lk-granat-900); --lk-d2: var(--lk-granat-500); --lk-d3: var(--lk-bursztyn-500);
  --lk-d4: var(--lk-zielen-500); --lk-d5: var(--lk-granat-300); --lk-d6: var(--lk-fiolet-500);
  --lk-d7: var(--lk-szary-600); --lk-d8: var(--lk-szary-400); --lk-d-ujemne: var(--lk-czerwien-600);
  /* typografia: rozmiar/interlinia */
  --lk-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --lk-font-logo: Geist, Inter, sans-serif;
  --lk-t-display: 34px/40px; --lk-t-h1: 28px/34px; --lk-t-h2: 20px/28px; --lk-t-h3: 15px/22px;
  --lk-t-body-lg: 15px/24px; --lk-t-body: 14px/21px; --lk-t-body-sm: 13px/19px; --lk-t-meta: 12.5px/18px;
  --lk-t-etykieta: 11px/16px; --lk-t-liczba: 26px/32px;
  /* odstępy: siatka 4 px */
  --lk-s-0-5: 2px; --lk-s-1: 4px; --lk-s-2: 8px; --lk-s-3: 12px; --lk-s-4: 16px; --lk-s-5: 20px; --lk-s-6: 24px;
  --lk-s-8: 32px; --lk-s-10: 40px; --lk-s-12: 48px; --lk-s-16: 64px;
  /* promienie, wysokości kontrolek, cienie */
  --lk-r-xs: 2px; --lk-r-sm: 4px; --lk-r-md: 6px; --lk-r-lg: 8px; --lk-r-pelny: 999px;
  --lk-h-sm: 30px; --lk-h-md: 34px; --lk-h-lg: 40px;
  --lk-cien-fokus: 0 0 0 3px rgba(0, 30, 67, .18);
  --lk-cien-wybrany: 0 0 0 1px var(--lk-szary-300), 0 1px 2px rgba(16, 24, 40, .05);
  --lk-cien-nakladka: 0 12px 32px rgba(16, 24, 40, .16);

  /* ── 4. Most do Tablera 1.5.1: jego zmienne dostają wartości z tokenów ── */
  --tblr-font-sans-serif: var(--lk-font);
  --tblr-primary: #001E43; --tblr-primary-rgb: 0, 30, 67; --tblr-primary-text: #001E43;
  --tblr-primary-lt: var(--lk-granat-50); --tblr-primary-darken: var(--lk-granat-950);
  --tblr-link-color: var(--lk-link); --tblr-link-color-rgb: 29, 85, 150; --tblr-link-hover-color: var(--lk-link-hover);
  --tblr-body-color: var(--lk-tekst); --tblr-body-bg: var(--lk-tlo); --tblr-bg-surface: var(--lk-tlo);
  --tblr-bg-surface-secondary: var(--lk-tlo-panel);
  --tblr-border-color: var(--lk-obrys); --tblr-border-color-translucent: var(--lk-obrys);
  --tblr-secondary: var(--lk-tekst-pomoc); --tblr-border-radius: var(--lk-r-lg); --tblr-card-box-shadow: none;
  --tblr-danger: #C8102E; --tblr-danger-rgb: 200, 16, 46; --tblr-success: #2E7D4F; --tblr-success-rgb: 46, 125, 79;
  --tblr-warning: #C47D00; --tblr-warning-rgb: 196, 125, 0; --tblr-info: #2F6DB5; --tblr-info-rgb: 47, 109, 181;
}

/* ── 5. Typografia ─────────────────────────────────────────────────────────────────────────── */
body { font-family: var(--lk-font); font: var(--lk-t-body) var(--lk-font); color: var(--lk-tekst); background: var(--lk-tlo);
  font-feature-settings: "tnum" 1, "cv11" 1, "ss03" 1; -webkit-font-smoothing: antialiased; }
a { color: var(--lk-link); text-decoration: none; }
a:hover { color: var(--lk-link-hover); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.lk-t-display, .lk-h1 { font: 500 var(--lk-t-display) var(--lk-font); letter-spacing: -.028em; color: var(--lk-tekst-marka); text-wrap: balance; }
.page-title, .lk-naglowek h2 { font: 500 var(--lk-t-h1) var(--lk-font); letter-spacing: -.024em; color: var(--lk-tekst-marka); margin: 0; text-wrap: balance; }
.lk-t-h2 { font: 600 var(--lk-t-h2) var(--lk-font); letter-spacing: -.012em; color: var(--lk-tekst-marka); }
.card-title, .lk-sekcja-glowa h2 { font: 600 var(--lk-t-h3) var(--lk-font); color: var(--lk-tekst-marka); margin: 0; }
.lk-lead { font: var(--lk-t-body-lg) var(--lk-font); color: var(--lk-tekst-drugi); max-width: 72ch; }
.lk-meta, .small, small { font-size: 12.5px; line-height: 18px; }
.lk-meta { color: var(--lk-tekst-pomoc); }
.subheader, .page-pretitle, .lk-etykieta, .lk-data-dnia, .lk-nav-tytul {
  font: 500 var(--lk-t-etykieta) var(--lk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--lk-tekst-pomoc); }
.text-secondary, .text-muted { color: var(--lk-tekst-pomoc) !important; }
.text-danger { color: var(--lk-kryt-tekst) !important; }
.text-success { color: var(--lk-ok-tekst) !important; }
.text-warning { color: var(--lk-ostrz-tekst) !important; }
.text-break { overflow-wrap: anywhere; }
:focus-visible { outline: 2px solid var(--lk-obrys-fokus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* logotyp: „linkeus” Geist 700, kwadrat znaku 0,22 em wyśrodkowany nad trzonem „ı” (zmierzone Playwrightem) */
.lk-logo { font-family: var(--lk-font-logo); font-weight: 700; line-height: 1; letter-spacing: -.03em;
  color: var(--lk-tekst-marka); white-space: nowrap; display: inline-block; }
.lk-logo-i { position: relative; display: inline-block; margin: 0 .025em; }
.lk-logo-kropka { position: absolute; left: 0; right: 0; margin: 0 auto; top: -.02em; width: .22em; height: .22em; background: var(--lk-znak); }

/* ── 6. Szkielet: pasek boczny 236 px + treść do 1240 px; poniżej 992 px menu z przycisku ───── */
.lk-app { display: flex; min-height: 100vh; }
.lk-bok { flex: 0 0 236px; width: 236px; box-sizing: border-box; height: 100vh; position: sticky; top: 0; overflow-y: auto;
  background: var(--lk-tlo-panel); border-right: 1px solid var(--lk-obrys);
  padding: 22px 14px; display: flex; flex-direction: column; gap: var(--lk-s-6); }
.lk-marka { padding: 0 var(--lk-s-2); }
.lk-marka:hover { text-decoration: none; }
.lk-szukaj { display: flex; align-items: center; gap: var(--lk-s-2); height: var(--lk-h-md); padding: 0 10px; border-radius: var(--lk-r-md);
  background: var(--lk-tlo); box-shadow: inset 0 0 0 1px var(--lk-obrys-kontrolka); color: var(--lk-tekst-pomoc); }
.lk-szukaj:hover { box-shadow: inset 0 0 0 1px var(--lk-obrys-kontrolka-hover); }
.lk-szukaj:focus-within { box-shadow: inset 0 0 0 1px var(--lk-obrys-fokus), var(--lk-cien-fokus); }
.lk-szukaj input { flex: 1; min-width: 0; border: 0; background: transparent; font: var(--lk-t-body-sm) var(--lk-font);
  outline: none; color: var(--lk-tekst); }
.lk-szukaj input::placeholder { color: var(--lk-tekst-pomoc); }
.lk-nav { display: flex; flex-direction: column; gap: var(--lk-s-5); font-size: 13.5px; }
.lk-nav-grupa { display: flex; flex-direction: column; gap: 1px; }
.lk-nav-tytul { padding: 0 10px 6px; }
.lk-nav-link { display: flex; align-items: center; height: 32px; padding: 0 10px; border-radius: var(--lk-r-md); color: var(--lk-tekst-drugi); }
.lk-nav-link:hover { background: var(--lk-tlo-wcisniety); color: var(--lk-tekst-marka); text-decoration: none; }
.lk-nav-link.aktywna { background: var(--lk-tlo); box-shadow: var(--lk-cien-wybrany); color: var(--lk-tekst-marka); font-weight: 600; }
.lk-bok-stopka { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: var(--lk-s-3) 6px 0;
  border-top: 1px solid var(--lk-obrys); font-size: 12.5px; line-height: 1.3; }
.lk-bok-kto { flex: 1; min-width: 0; }
.lk-awatar { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--lk-akcja); color: var(--lk-tekst-odwrotny);
  font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.lk-ikona { border: 0; background: transparent; color: var(--lk-tekst-pomoc); padding: var(--lk-s-1); border-radius: var(--lk-r-md); }
.lk-ikona:hover { background: var(--lk-tlo-wcisniety); color: var(--lk-tekst-marka); }
.lk-tresc { flex: 1 1 auto; min-width: 0; box-sizing: border-box; padding: 36px var(--lk-s-12) var(--lk-s-16); }
.lk-tresc > * { max-width: 1240px; }
.lk-naglowek { margin-bottom: var(--lk-s-6); }
.lk-naglowek:empty { display: none; }
.lk-bez-menu { padding-top: var(--lk-s-16); }
.lk-gora { display: none; }
@media (max-width: 991.98px) {
  .lk-gora { display: flex; align-items: center; gap: var(--lk-s-1); position: sticky; top: 0; z-index: 30; height: 56px;
    padding: 0 var(--lk-s-2); background: var(--lk-tlo); border-bottom: 1px solid var(--lk-obrys); }
  .lk-app { flex-direction: column; }
  .lk-menu-przycisk { width: var(--lk-h-lg); height: var(--lk-h-lg); border: 0; background: transparent; font-size: 20px;
    color: var(--lk-tekst-marka); border-radius: var(--lk-r-md); }
  .lk-bok { display: none; position: fixed; top: 56px; left: 0; bottom: 0; height: auto; z-index: 40; box-shadow: var(--lk-cien-nakladka); }
  .lk-bok > .lk-marka { display: none; }
  .lk-menu-otwarte .lk-bok { display: flex; }
  .lk-tresc { padding: var(--lk-s-5) var(--lk-s-4) var(--lk-s-12); }
  .page-title, .lk-naglowek h2 { font-size: 24px; line-height: 30px; }
}

/* ── 7. Komponenty: jeden wzorzec na rolę ───────────────────────────────────────────────────── */
/* karta */
.card { border: 1px solid var(--lk-obrys); border-radius: var(--lk-r-lg); box-shadow: none; background: var(--lk-tlo);
  --tblr-card-border-color: var(--lk-obrys); --tblr-card-cap-bg: var(--lk-tlo); }
.card-header { background: var(--lk-tlo); border-bottom: 1px solid var(--lk-obrys); min-height: 52px; padding: var(--lk-s-3) 18px; gap: var(--lk-s-2); }
.card-body { padding: 18px; }
.card-footer { background: var(--lk-tlo); border-top: 1px solid var(--lk-obrys-subtelny); color: var(--lk-tekst-pomoc); font-size: 12.5px; padding: 10px 18px; }
.card-link { transition: box-shadow .12s; }
.card-link:hover { box-shadow: 0 0 0 1px var(--lk-obrys-kontrolka-hover); text-decoration: none; }
/* przycisk: wtórny (domyślny) · główny · duch · niebezpieczny; rozmiary sm 30 / md 34 / lg 40 */
.btn, .lk-b { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: var(--lk-h-md); padding: 0 var(--lk-s-3);
  border: 1px solid var(--lk-obrys-kontrolka); border-radius: var(--lk-r-md); background: var(--lk-tlo); color: var(--lk-tekst);
  font: 500 13px/1 var(--lk-font); white-space: nowrap; cursor: pointer; box-shadow: none; transition: border-color .12s, background-color .12s;
  --tblr-btn-bg: var(--lk-tlo); --tblr-btn-color: var(--lk-tekst); --tblr-btn-border-color: var(--lk-obrys-kontrolka);
  --tblr-btn-hover-bg: var(--lk-tlo); --tblr-btn-hover-color: var(--lk-tekst); --tblr-btn-hover-border-color: var(--lk-obrys-kontrolka-hover);
  --tblr-btn-active-bg: var(--lk-tlo-wcisniety); --tblr-btn-box-shadow: none; --tblr-btn-font-weight: 500; --tblr-btn-border-radius: var(--lk-r-md); }
.btn:hover, .lk-b:hover { border-color: var(--lk-obrys-kontrolka-hover); color: var(--lk-tekst); text-decoration: none; background: var(--lk-tlo); }
.btn:active, .lk-b:active { background: var(--lk-tlo-wcisniety); }
.btn:focus-visible, .lk-b:focus-visible { outline: 0; border-color: var(--lk-obrys-fokus); box-shadow: var(--lk-cien-fokus); }
.btn:disabled, .btn.disabled, .lk-b:disabled { background: var(--lk-tlo-wcisniety); border-color: var(--lk-obrys); color: var(--lk-tekst-wylaczony); cursor: not-allowed; }
.btn-sm { min-height: var(--lk-h-sm); padding: 0 10px; font-size: 12.5px; }
.btn-lg { min-height: var(--lk-h-lg); padding: 0 var(--lk-s-4); font-size: 14px; }
.btn-primary, .lk-b-glowny { background: var(--lk-akcja); border-color: var(--lk-akcja); color: var(--lk-tekst-odwrotny);
  --tblr-btn-bg: var(--lk-akcja); --tblr-btn-color: var(--lk-tekst-odwrotny); --tblr-btn-border-color: var(--lk-akcja);
  --tblr-btn-hover-bg: var(--lk-akcja-hover); --tblr-btn-hover-color: var(--lk-tekst-odwrotny); --tblr-btn-hover-border-color: var(--lk-akcja-hover);
  --tblr-btn-active-bg: var(--lk-akcja-hover); }
.btn-primary:hover, .lk-b-glowny:hover, .btn-primary:active, .lk-b-glowny:active { background: var(--lk-akcja-hover); border-color: var(--lk-akcja-hover); color: var(--lk-tekst-odwrotny); }
.btn-ghost-secondary, .btn-ghost-primary, .lk-b-duch { background: transparent; border-color: transparent; color: var(--lk-tekst-pomoc);
  --tblr-btn-bg: transparent; --tblr-btn-border-color: transparent; --tblr-btn-color: var(--lk-tekst-pomoc);
  --tblr-btn-hover-bg: var(--lk-tlo-wcisniety); --tblr-btn-hover-border-color: transparent; --tblr-btn-hover-color: var(--lk-tekst-marka); }
.btn-ghost-secondary:hover, .btn-ghost-primary:hover, .lk-b-duch:hover { background: var(--lk-tlo-wcisniety); border-color: transparent; color: var(--lk-tekst-marka); }
.btn-outline-danger, .btn-danger, .lk-b-niebezp { color: var(--lk-kryt-tekst); border-color: var(--lk-czerwien-100); background: var(--lk-tlo);
  --tblr-btn-color: var(--lk-kryt-tekst); --tblr-btn-border-color: var(--lk-czerwien-100); --tblr-btn-bg: var(--lk-tlo);
  --tblr-btn-hover-bg: var(--lk-kryt-tlo); --tblr-btn-hover-color: var(--lk-kryt-tekst); --tblr-btn-hover-border-color: var(--lk-kryt); }
.btn-outline-danger:hover, .btn-danger:hover, .lk-b-niebezp:hover { background: var(--lk-kryt-tlo); border-color: var(--lk-kryt); color: var(--lk-kryt-tekst); }
.btn-icon { padding: 0; width: var(--lk-h-md); }
.btn-icon.btn-sm { width: var(--lk-h-sm); }
.btn .ti, .lk-b .ti { font-size: 16px; }
/* przełącznik segmentowy: btn-group z btn-check */
.btn-group { gap: 0; flex-wrap: wrap; max-width: 100%; }  /* na telefonie segmenty łamią się do drugiego wiersza */
.btn-group > .btn { color: var(--lk-tekst-pomoc); }
.btn-group > .btn:not(:first-child) { margin-left: -1px; }
.btn-check:checked + .btn, .btn-check:active + .btn, .btn-group > .btn.active { background: var(--lk-akcja); border-color: var(--lk-akcja);
  color: var(--lk-tekst-odwrotny); position: relative; z-index: 1; }
.btn-check:focus-visible + .btn { box-shadow: var(--lk-cien-fokus); }
/* pola */
.form-control, .form-select { min-height: var(--lk-h-md); border: 1px solid var(--lk-obrys-kontrolka); border-radius: var(--lk-r-md);
  background-color: var(--lk-tlo); color: var(--lk-tekst); font: var(--lk-t-body-sm) var(--lk-font); box-shadow: none; }
.form-control::placeholder { color: var(--lk-tekst-pomoc); opacity: 1; }
.form-control:hover, .form-select:hover { border-color: var(--lk-obrys-kontrolka-hover); }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--lk-obrys-fokus); box-shadow: var(--lk-cien-fokus); outline: 0; }
.form-control:disabled, .form-select:disabled { background-color: var(--lk-tlo-wcisniety); color: var(--lk-tekst-wylaczony); }
.form-control.is-invalid, .form-select.is-invalid { border-color: var(--lk-kryt); }
.invalid-feedback { color: var(--lk-kryt-tekst); font-size: 12.5px; }
.form-control-sm, .form-select-sm { min-height: var(--lk-h-sm); font-size: 12.5px; }
.form-label { font: 500 12.5px/18px var(--lk-font); color: var(--lk-tekst-drugi); margin-bottom: var(--lk-s-1); }
.form-hint { color: var(--lk-tekst-pomoc); font-size: 12.5px; }
.form-check-input { border-color: var(--lk-obrys-kontrolka-hover); }
.form-check-input:checked { background-color: var(--lk-akcja); border-color: var(--lk-akcja); }
.form-switch .form-check-input:checked { background-color: var(--lk-akcja); }
.input-icon-addon { color: var(--lk-tekst-pomoc); }
/* tabela: nagłówki etykietą, liczby do prawej, linie zamiast pasków */
.table { --tblr-table-color: var(--lk-tekst); --tblr-table-bg: var(--lk-tlo); --tblr-table-border-color: var(--lk-obrys-subtelny);
  --tblr-table-hover-bg: var(--lk-tlo-hover); font-variant-numeric: tabular-nums; color: var(--lk-tekst); }
.table thead th, .card-table thead th { background: var(--lk-tlo); font: 500 var(--lk-t-etykieta) var(--lk-font); letter-spacing: .06em;
  text-transform: uppercase; color: var(--lk-tekst-pomoc); border-bottom: 1px solid var(--lk-obrys); padding-top: 10px; padding-bottom: 10px; white-space: nowrap; }
.table > :not(caption) > * > * { border-bottom-color: var(--lk-obrys-subtelny); padding-top: 10px; padding-bottom: 10px; }
.table tbody tr:last-child > * { border-bottom: 0; }
.table tbody tr:hover > * { background: var(--lk-tlo-hover); }
.card-table td, .card-table th { white-space: normal; }
.card-table tr > :first-child { padding-left: 18px; }
.card-table tr > :last-child { padding-right: 18px; }
/* zakładki: podkreślenie 2 px w barwie marki */
.nav-tabs { border-bottom: 1px solid var(--lk-obrys); gap: var(--lk-s-5); flex-wrap: wrap; }
.nav-tabs .nav-link { border: 0; border-bottom: 2px solid transparent; border-radius: 0; margin: 0 0 -1px; padding: 10px 0;
  color: var(--lk-tekst-pomoc); font: 500 13.5px/20px var(--lk-font); background: transparent; }
.nav-tabs .nav-link:hover { color: var(--lk-tekst-marka); border-bottom-color: var(--lk-szary-300); }
.nav-tabs .nav-link.active { color: var(--lk-tekst-marka); border-bottom-color: var(--lk-akcja); background: transparent; }
.card-header-tabs { margin-bottom: -13px; }
/* status: plakietka w odcieniu stanu + ciemny tekst; bg-*-lt Tablera przemapowane na pięć stanów */
.badge { display: inline-flex; align-items: center; gap: var(--lk-s-1); font: 500 11.5px/16px var(--lk-font); letter-spacing: 0;
  text-transform: none; border-radius: var(--lk-r-sm); padding: 2px 7px; }
.bg-red-lt, .bg-danger-lt, .lk-st-kryt { background: var(--lk-kryt-tlo) !important; color: var(--lk-kryt-tekst) !important; }
.bg-yellow-lt, .bg-orange-lt, .bg-warning-lt, .lk-st-ostrz { background: var(--lk-ostrz-tlo) !important; color: var(--lk-ostrz-tekst) !important; }
.bg-blue-lt, .bg-azure-lt, .bg-primary-lt, .bg-info-lt, .lk-st-info { background: var(--lk-info-tlo) !important; color: var(--lk-info-tekst) !important; }
.bg-green-lt, .bg-success-lt, .lk-st-ok { background: var(--lk-ok-tlo) !important; color: var(--lk-ok-tekst) !important; }
.bg-secondary-lt, .bg-gray-lt, .lk-st-neut { background: var(--lk-neut-tlo) !important; color: var(--lk-neut-tekst) !important; }
.bg-red, .bg-danger { background: var(--lk-kryt) !important; }
.bg-yellow, .bg-warning, .bg-orange { background: var(--lk-ostrz) !important; color: var(--lk-tekst) !important; }  /* biel na bursztynie: 2,9:1 — tekst ciemny */
.bg-blue, .bg-primary { background: var(--lk-info) !important; }
.bg-green, .bg-success { background: var(--lk-ok) !important; }
.lk-kropka-st { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: none; }
/* komunikat: tło w odcieniu stanu, bez ramki i ozdobnej ikony */
.alert { border: 0; border-radius: var(--lk-r-lg); box-shadow: none; padding: var(--lk-s-3) 14px; font: var(--lk-t-body-sm) var(--lk-font); }
.alert::before { display: none; }
.alert-danger { background: var(--lk-kryt-tlo); color: var(--lk-kryt-tekst); }
.alert-warning { background: var(--lk-ostrz-tlo); color: var(--lk-ostrz-tekst); }
.alert-info, .alert-primary { background: var(--lk-info-tlo); color: var(--lk-info-tekst); }
.alert-success { background: var(--lk-ok-tlo); color: var(--lk-ok-tekst); }
/* lista, paginacja, pusty stan */
.list-group-item { border-color: var(--lk-obrys-subtelny); color: var(--lk-tekst); }
.list-group-item-action:hover { background: var(--lk-tlo-hover); color: var(--lk-tekst); }
.page-link { border-radius: var(--lk-r-md); color: var(--lk-tekst-drugi); border-color: transparent; min-width: var(--lk-h-sm); text-align: center; }
.page-link:hover { background: var(--lk-tlo-wcisniety); color: var(--lk-tekst-marka); }
.page-item.active .page-link { background: var(--lk-akcja); border-color: var(--lk-akcja); color: var(--lk-tekst-odwrotny); }
.lk-pusto { padding: 14px var(--lk-s-1); color: var(--lk-tekst-pomoc); list-style: none; font-size: 13.5px; }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
/* wiersz z datą na początku (listy po dacie: karta spółki, wyszukiwarka) */
.lk-data { flex: 0 0 3.6rem; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; font-variant-numeric: tabular-nums; }
.lk-dzien { font-weight: 600; font-size: 14px; color: var(--lk-tekst); }
.lk-rok { font-size: 12px; color: var(--lk-tekst-pomoc); }
.linkeus-etykieta-link:hover { text-decoration: underline; fill: var(--lk-link); }

/* ── 8. Wzorce pulpitu (Centrum nadzoru) ────────────────────────────────────────────────────── */
.lk-glowa { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--lk-s-4) var(--lk-s-5); margin-top: 10px; }
.lk-h1 { flex: 1 1 480px; margin: 0; }
.lk-glowa-akcje { display: flex; flex-wrap: wrap; gap: var(--lk-s-2); }
.lk-lead { margin: var(--lk-s-3) 0 0; }
.lk-zrodla-glowy { margin-top: var(--lk-s-2); font-size: 12px; line-height: 16px; color: var(--lk-tekst-pomoc); }
.lk-zakladki { margin-top: var(--lk-s-6); }
.lk-staty.lk-staty-karta { margin-top: 0; padding-top: 0; border-top: 0; }
.lk-przewijana-tabela { border-top: 1px solid var(--lk-obrys); }  /* bez przewijania w ramce — długie listy stronicuje linkeus-strony.js */
[data-strony] .lk-poza-strona { display: none !important; }
.lk-strony { padding: var(--lk-s-2) var(--lk-s-4); border-top: 1px solid var(--lk-obrys); }
.lk-spr .lk-spr-zero { display: none; }
.lk-spr-pokaz-zera .lk-spr .lk-spr-zero { display: table-row; color: var(--lk-tekst-pomoc); }
.lk-spr .lk-spr-p0 td { font-weight: 600; }
.lk-spr .lk-spr-p1 td:first-child { font-weight: 500; }
.lk-zakladki .text-secondary { font-weight: 400; }
.lk-staty { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: var(--lk-s-5) 0; margin-top: var(--lk-s-8);
  padding: var(--lk-s-5) 0; border-top: 1px solid var(--lk-obrys); border-bottom: 1px solid var(--lk-obrys); }
.lk-stat { display: block; min-width: 0; padding: 0 var(--lk-s-5); border-left: 1px solid var(--lk-obrys); color: inherit; }
.lk-stat:first-child { border-left: 0; padding-left: 0; }
.lk-stat:hover { text-decoration: none; }
.lk-stat:hover .lk-stat-w { color: var(--lk-link); }
.lk-stat-e, .lk-stat-o { font-size: 12px; line-height: 16px; color: var(--lk-tekst-pomoc); }
.lk-stat-w { font: 300 var(--lk-t-liczba) var(--lk-font); letter-spacing: -.03em; margin-top: var(--lk-s-1); color: var(--lk-tekst-marka); }
.lk-stat-w.lk-alarm { color: var(--lk-kryt); }
.lk-pasek { display: flex; gap: var(--lk-s-0-5); height: 4px; margin: var(--lk-s-2) 0 6px; max-width: 160px; }
.lk-pasek span { border-radius: 1px; }
.lk-p-po_terminie, .lk-p-sygnal { background: var(--lk-kryt); }
.lk-p-wkrotce { background: var(--lk-ostrz); }
.lk-kolumny { display: flex; flex-wrap: wrap; gap: var(--lk-s-12) 56px; margin: var(--lk-s-2) 0 var(--lk-s-12); align-items: flex-start; }
.lk-kol-lewa { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 44px; }
.lk-kol-prawa { flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: var(--lk-s-10); }
.lk-sekcja-glowa { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--lk-s-0-5) 10px; }
.lk-sekcja-glowa h2 { white-space: nowrap; }
.lk-sekcja-glowa span { font-size: 13px; color: var(--lk-tekst-pomoc); }
.lk-sekcja-glowa a { margin-left: auto; font-size: 13px; }
.lk-lista { margin-top: var(--lk-s-3); border-top: 1px solid var(--lk-obrys); }
.lk-sprawa { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: var(--lk-s-1) 14px; padding: var(--lk-s-4) var(--lk-s-1);
  border-bottom: 1px solid var(--lk-obrys-subtelny); align-items: start; }
.lk-sprawa:hover { background: var(--lk-tlo-hover); }
.lk-znacznik { width: 11px; height: 11px; margin-top: 5px; border-radius: 50%; }
.lk-z-po_terminie { background: var(--lk-kryt); border-radius: var(--lk-r-xs); }
.lk-z-sygnal { background: var(--lk-kryt); }
.lk-z-wkrotce { background: var(--lk-ostrz); }
.lk-sprawa-spolka { font-size: 14.5px; font-weight: 600; color: var(--lk-tekst); }
.lk-sprawa-tytul { font-size: 14px; color: var(--lk-tekst); margin-top: 1px; }
.lk-sprawa .lk-meta { margin-top: 3px; }
.lk-sprawa-akcja { display: flex; align-items: center; gap: 14px; justify-content: flex-end; }
.lk-termin { text-align: right; line-height: 1.3; min-width: 112px; font-size: 13px; font-weight: 600; }
.lk-termin-ile { font-size: 12px; font-weight: 400; }
.lk-t-po_terminie, .lk-t-sygnal { color: var(--lk-kryt-tekst); }
.lk-t-wkrotce { color: var(--lk-ostrz-tekst); }
.lk-uwaga-dol { margin-top: var(--lk-s-3); font-size: 13px; color: var(--lk-ostrz-tekst); }
.lk-os { list-style: none; margin: var(--lk-s-4) 0 0; padding: 0; }
.lk-os li { display: grid; grid-template-columns: 52px 16px minmax(0, 1fr); gap: 0 var(--lk-s-3); }
.lk-os li.lk-pusto { display: block; }
.lk-os-data { font-size: 12.5px; color: var(--lk-tekst-pomoc); padding-top: 1px; }
.lk-os-kropka { position: relative; display: flex; justify-content: center; }
.lk-os-kropka::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--lk-obrys); }
.lk-os-kropka::after { content: ""; position: relative; width: 9px; height: 9px; margin-top: 6px; border-radius: 50%;
  background: var(--lk-tlo); box-shadow: inset 0 0 0 2px var(--lk-obrys-kontrolka-hover); }
.lk-os li:last-child .lk-os-kropka::before { bottom: auto; height: 12px; }
.lk-os-kropka.lk-wazny::after { box-shadow: inset 0 0 0 2px var(--lk-kryt); }
.lk-os-tresc { padding-bottom: 18px; min-width: 0; font-size: 14px; }
.lk-os-spolka { font-weight: 600; color: var(--lk-tekst); }
.lk-os-co { font-size: 13.5px; color: var(--lk-tekst-drugi); overflow-wrap: anywhere; }
.lk-os-zdania { margin: 2px 0 0; padding-left: 1.1em; font-size: 13px; line-height: 19px; color: var(--lk-tekst-drugi); overflow-wrap: anywhere; }
.lk-os .lk-os-zdania li { display: list-item; }
.lk-os-historia { display: inline-block; margin-top: var(--lk-s-1); font-size: 12.5px; }
.lk-hor { position: relative; height: 118px; margin: var(--lk-s-4) 14px 0 0; }
.lk-hor-os { position: absolute; left: 0; right: 0; top: 72px; height: 1px; background: var(--lk-szary-300); }
.lk-hor-mies { position: absolute; top: 80px; font-size: 11px; color: var(--lk-tekst-pomoc); transform: translateX(-50%); }
.lk-hor-kreska { position: absolute; top: 72px; width: 1px; height: 5px; background: var(--lk-szary-300); }
.lk-hor-dzis { position: absolute; left: 0; top: 66px; width: 2px; height: 14px; background: var(--lk-akcja); }
.lk-hor-dzis-t { position: absolute; left: 0; top: 98px; font-size: 11px; font-weight: 600; color: var(--lk-tekst-marka); }
.lk-hor-slupek { position: absolute; bottom: 46px; width: 10px; margin-left: -5px; background: var(--lk-d1); border-radius: var(--lk-r-xs) var(--lk-r-xs) 0 0; }
.lk-hor-slupek.lk-pierwszy, .lk-hor-znak.lk-pierwszy { background: var(--lk-ostrz); }
.lk-hor-n { position: absolute; transform: translateX(-50%); font-size: 11.5px; font-weight: 600; color: var(--lk-tekst); }
.lk-hor-lista { margin-top: var(--lk-s-1); border-top: 1px solid var(--lk-obrys-subtelny); }
.lk-hor-lista > div { display: grid; grid-template-columns: 12px 46px minmax(0, 1fr) auto; gap: 10px; align-items: center;
  padding: var(--lk-s-2) 0; border-bottom: 1px solid var(--lk-obrys-subtelny); font-size: 13px; }
.lk-hor-znak { width: 10px; height: 10px; border-radius: var(--lk-r-xs); background: var(--lk-d1); }
.lk-hor-co { color: var(--lk-tekst-drugi); min-width: 0; }
.lk-ludzie { list-style: none; margin: var(--lk-s-3) 0 0; padding: 0; border-top: 1px solid var(--lk-obrys-subtelny); }
.lk-ludzie li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: var(--lk-s-3); align-items: center; padding: 10px 0;
  border-bottom: 1px solid var(--lk-obrys-subtelny); }
.lk-ludzie li.lk-pusto { display: block; }
.lk-ini { width: 30px; height: 30px; border-radius: 50%; background: var(--lk-info-tlo); color: var(--lk-info-tekst); font-size: 11px; font-weight: 600;
  display: flex; align-items: center; justify-content: center; }
.lk-ini-od { background: var(--lk-tlo); color: var(--lk-tekst-pomoc); box-shadow: inset 0 0 0 1px var(--lk-szary-300); }
.lk-ludzie-tresc { min-width: 0; font-size: 13.5px; }
.lk-ludzie-kto { font-weight: 500; color: var(--lk-tekst); }
.lk-ruch-plus { color: var(--lk-ok-tekst); }
.lk-ruch-minus { color: var(--lk-ostrz-tekst); }
@media (max-width: 760px) {
  .lk-h1 { font-size: 26px; line-height: 32px; }
  .lk-stat { border-left: 0; padding: 0; }
  .lk-sprawa { grid-template-columns: 20px minmax(0, 1fr); }
  .lk-sprawa-akcja { grid-column: 2; justify-content: flex-start; }
  .lk-termin { text-align: left; min-width: 0; }
}

/* ── 9. Kalendarz obowiązków: 7 kolumn mieści się od 320 px ─────────────────────────────────── */
.lk-kal { table-layout: fixed; border-collapse: separate; border-spacing: 2px; }
.lk-kal th { font: 500 var(--lk-t-etykieta) var(--lk-font); letter-spacing: .06em; color: var(--lk-tekst-pomoc); text-align: center; text-transform: uppercase; padding-bottom: var(--lk-s-1); }
.lk-kal td { vertical-align: top; height: 3.6rem; padding: var(--lk-s-1); border-radius: var(--lk-r-sm); background: var(--lk-tlo-panel); overflow: hidden; }
.lk-kal td.lk-pusty { background: transparent; }
.lk-kal td.lk-ma { cursor: pointer; }
.lk-kal td.lk-ma:hover, .lk-kal td.lk-ma:focus { outline: 2px solid var(--lk-obrys-fokus); outline-offset: -2px; }
.lk-kal td.lk-wybrany { outline: 2px solid var(--lk-obrys-fokus); outline-offset: -2px; background: var(--lk-tlo-zaznaczenie); }
.lk-nr { font-size: 12px; font-weight: 600; line-height: 1.4; color: var(--lk-tekst-drugi); }
.lk-kal td.lk-dzis .lk-nr { background: var(--lk-akcja); color: var(--lk-tekst-odwrotny); border-radius: var(--lk-r-pelny); display: inline-block; min-width: 1.5em; text-align: center; }
.lk-kropka { display: inline-block; min-width: 1.15rem; padding: 0 .2rem; margin: 1px 1px 0 0; border-radius: var(--lk-r-pelny); color: var(--lk-tekst-odwrotny);
  font-size: 11px; font-weight: 600; line-height: 1.15rem; text-align: center; }
details.lk-ob > summary { list-style: none; cursor: pointer; }
details.lk-ob > summary::-webkit-details-marker { display: none; }

/* ── Teczka spółki do druku (E5) ─────────────────────────────────────────────────────────────── */
.lk-teczka { max-width: 1000px; }
.lk-teczka-h { font-size: 15px; font-weight: 600; color: var(--lk-tekst-marka); margin: var(--lk-s-8) 0 var(--lk-s-2);
  padding-bottom: var(--lk-s-1); border-bottom: 1px solid var(--lk-obrys); }
.lk-teczka .table { font-size: 13px; }
@media print {
  @page { size: A4; margin: 14mm 12mm; }
  .lk-bok, .lk-gora, .lk-nie-drukuj { display: none !important; }
  .lk-app, .lk-tresc { display: block !important; margin: 0 !important; padding: 0 !important; }
  body { background: #fff !important; }
  .lk-teczka { max-width: none; }
  .lk-teczka table, .lk-teczka p { break-inside: avoid; }
  .lk-teczka-h { break-after: avoid; }
  a { color: inherit !important; text-decoration: none !important; }
}

/* ── Porównanie spółek (E5) ── */
.lk-wybor-spolek { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 2px var(--lk-s-4); }
.lk-porownanie td:first-child { color: var(--lk-tekst-pomoc); min-width: 11rem; }
.lk-porownanie td:not(:first-child), .lk-porownanie th:not(:first-child) { text-align: right; }
.lk-porownanie .lk-por-grupa td { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
  color: var(--lk-tekst-pomoc); background: var(--lk-tlo-panel); }
/* graf na pełnym ekranie: karta wypełnia ekran, płótno resztę wysokości */
.card:fullscreen { display: flex; flex-direction: column; background: var(--lk-tlo); }
.card:fullscreen .card-body { flex: 1 1 auto; }
.card:fullscreen .linkeus-graf { height: 100% !important; }
/* Finanse: sygnały dla właściciela i tabela kondycji (23.10.2026) */
.lk-fin-kryt { color: var(--lk-kryt-tekst); }
.lk-fin-ostrz { color: var(--lk-ostrz-tekst); }
.lk-fin-info { color: var(--lk-info-tekst); }
.lk-fin-uj { color: var(--lk-kryt-tekst); }
.lk-fin-grupa { display: flex; gap: var(--lk-s-2); align-items: baseline; padding: var(--lk-s-3) var(--lk-s-5) var(--lk-s-1); border-bottom: 1px solid var(--lk-obrys-subtelny); }
.lk-fin-grupa-n { font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.lk-fin-lista { padding: 0 var(--lk-s-5); }
.lk-fin-spolka { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: var(--lk-s-1) 14px; padding: 14px 0; border-bottom: 1px solid var(--lk-obrys-subtelny); }
.lk-fin-lista > .lk-fin-spolka:last-child { border-bottom: 0; }
.lk-fin-kropka { width: 10px; height: 10px; margin-top: 6px; border-radius: var(--lk-r-pelny); }
.lk-fin-t-kryt { background: var(--lk-kryt); } .lk-fin-t-ostrz { background: var(--lk-ostrz); } .lk-fin-t-info { background: var(--lk-info); }
.lk-fin-firma { font-weight: 600; color: var(--lk-tekst); }
.lk-fin-firma:hover { color: var(--lk-link-hover); text-decoration: underline; }
.lk-fin-sygnaly { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: var(--lk-s-1); font-size: 13.5px; line-height: 20px; }
.lk-fin-sygnal { font-weight: 600; }
.lk-fin-upadlosc { padding: var(--lk-s-3) var(--lk-s-5); border-top: 1px solid var(--lk-obrys); }
.lk-fin-upadlosc summary { cursor: pointer; }
.lk-fin-tabela > tbody > tr > td.lk-fin-uj { color: var(--lk-kryt-tekst); }
.lk-fin-tabela > tbody > tr > td.lk-fin-ostrz { color: var(--lk-ostrz-tekst); }
.lk-fin-tabela thead th { white-space: normal; vertical-align: bottom; line-height: 15px; }
.lk-fin-tabela thead th:nth-child(5) { min-width: 104px; }
.lk-fin-linia { width: 56px; height: 22px; vertical-align: middle; margin-right: 6px; }
.lk-fin-linia path { fill: none; stroke-width: 1.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.lk-fin-linia .lk-fin-linia-p { stroke: var(--lk-d1); }
.lk-fin-linia .lk-fin-linia-n { stroke: var(--lk-tekst-drugi); }
.lk-fin-uj .lk-fin-linia .lk-fin-linia-n { stroke: var(--lk-kryt); }
.lk-fin-linia .lk-fin-linia-0 { stroke: var(--lk-szary-300); stroke-width: 1; stroke-dasharray: 2 2; }
.lk-fin-licz { font-size: 12.5px; line-height: 18px; }
.lk-sort { all: unset; cursor: pointer; display: inline-flex; gap: 4px; align-items: center; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; }
.lk-sort:hover { color: var(--lk-tekst); }
.lk-sort:focus-visible { outline: 2px solid var(--lk-obrys-fokus); outline-offset: 2px; border-radius: 2px; }
.lk-sort-znak { font-size: 10px; color: var(--lk-tekst-marka); }

.lk-kropka { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 2px; margin-right: 8px; }

/* Ostrzeżenia — kanon (23.10.2026): N naruszenie, P przesłanka, W wzorzec ryzyka. Lista bez tabeli:
   na szerokim ekranie trzy kolumny, w wąskiej kolumnie karty (kontener) i ≤768 px — stos, bez przewijania w poziomie. */
.lk-oz-t-N { color: var(--lk-kryt-tekst); } .lk-oz-t-P { color: var(--lk-ostrz-tekst); } .lk-oz-t-W { color: var(--lk-neut-tekst); }
.lk-stat-w.lk-oz-t-N { color: var(--lk-kryt); } .lk-stat-w.lk-oz-t-P { color: var(--lk-ostrz-tekst); }
.lk-oz-b-N { background: var(--lk-kryt-tlo); color: var(--lk-kryt-tekst); }
.lk-oz-b-P { background: var(--lk-ostrz-tlo); color: var(--lk-ostrz-tekst); }
.lk-oz-b-W { background: var(--lk-neut-tlo); color: var(--lk-neut-tekst); }
a.lk-oz-b-N:hover, a.lk-oz-b-P:hover, a.lk-oz-b-W:hover { text-decoration: none; box-shadow: inset 0 0 0 1px currentColor; }
.lk-oz-stat-wybrana .lk-stat-e { color: var(--lk-tekst-marka); font-weight: 600; }
.lk-oz-grupa { display: flex; gap: var(--lk-s-2); align-items: baseline; padding: var(--lk-s-3) var(--lk-s-5) var(--lk-s-1); border-bottom: 1px solid var(--lk-obrys-subtelny); }
.lk-oz-grupa-n { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.lk-oz-lista { padding: 0 var(--lk-s-5); container-type: inline-size; }
.lk-oz { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr) minmax(0, 13rem); gap: var(--lk-s-1) var(--lk-s-5);
  padding: 14px 0; border-bottom: 1px solid var(--lk-obrys-subtelny); overflow-wrap: anywhere; min-width: 0; }
.lk-oz-lista > .lk-oz:last-child { border-bottom: 0; }
.lk-oz-nazwa { font-weight: 600; color: var(--lk-tekst); }
.lk-oz-regula .badge { margin-right: 4px; vertical-align: 1px; }
.lk-oz-fakt { font-size: 14px; line-height: 21px; color: var(--lk-tekst); }
.lk-oz-kto { font-size: 13px; line-height: 19px; margin-top: 2px; }
.lk-oz-meta { font-size: 12.5px; line-height: 18px; color: var(--lk-tekst-pomoc); }
@container (max-width: 720px) {
  .lk-oz { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .lk-oz { grid-template-columns: minmax(0, 1fr); }
  .lk-oz-lista, .lk-oz-grupa { padding-left: var(--lk-s-4); padding-right: var(--lk-s-4); }
}
.lk-oz-filtry { display: flex; flex-wrap: wrap; gap: var(--lk-s-3); align-items: flex-end; margin-top: var(--lk-s-5); }
.lk-oz-filtry > div { flex: 0 1 14rem; min-width: 0; }
.lk-oz-filtry .form-select { width: 100%; }
.lk-oz-filtry > .lk-oz-filtry-akcje { flex: 0 0 auto; display: flex; gap: var(--lk-s-2); }
@media (max-width: 768px) { .lk-oz-filtry > div { flex: 1 1 100%; } }
.lk-oz-kanon > summary { cursor: pointer; list-style: none; border-bottom: 0; }
.lk-oz-kanon > summary::-webkit-details-marker { display: none; }
.lk-oz-kanon > summary::before { content: "▸"; color: var(--lk-tekst-pomoc); font-size: 12px; }
.lk-oz-kanon[open] > summary::before { content: "▾"; }
.lk-oz-kanon[open] > summary { border-bottom: 1px solid var(--lk-obrys); }
.lk-oz-kanon-lista { padding: 0 var(--lk-s-5); }
.lk-oz-kanon-r { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) 9rem minmax(0, 18rem); gap: var(--lk-s-1) var(--lk-s-4);
  padding: 10px 0; border-bottom: 1px solid var(--lk-obrys-subtelny); font-size: 13.5px; overflow-wrap: anywhere; }
.lk-oz-kanon-r:last-child { border-bottom: 0; }
@media (max-width: 768px) {
  .lk-oz-kanon-r { grid-template-columns: 3.5rem minmax(0, 1fr); }
  .lk-oz-kanon-r > :nth-child(n+3) { grid-column: 2; }
}
/* legenda krawędzi z ostrzeżeniem — dopisywana przez linkeus-graf.js do stopki karty grafu */
.lk-graf-legenda-oz { display: contents; }
.lk-graf-legenda-oz > span { display: inline-flex; align-items: center; gap: 6px; }
.lk-graf-legenda-oz svg { flex: none; }