/* ==============================================================
   BUR Master CRM — panel. System designu.
   Tokeny → komponenty. Wszystkie kolory wyłącznie przez zmienne,
   żeby tryb ciemny działał bez duplikowania reguł.

   0.137.5 — cztery warstwy palety scalone w jedną.
   Do 0.137.4 ten plik trzymał trzy komplety tokenów jeden po
   drugim: bazowy, wizualny z 0.41 („karty + czerń") i logo z
   0.135.0. Każdy nadpisywał tylko część poprzedniego, więc panel
   chodził na trzech paletach naraz — granatowy tekst na liniach
   dobranych pod terakotę. Poniżej jest jeden zestaw: dokładnie te
   wartości, które i tak wygrywały w kaskadzie. Nic nie renderuje
   się inaczej, ubyło tylko dwustu linii martwego kodu.

   Granat wzięty wprost z liter znaku: #18263B. Pomarańczowy
   przesunięty z odcienia 24 na 20, czyli ten z wyrazu „Master".
   Czysty kolor marki jest za jasny na tekst (3,5:1), więc napisy
   i wypełnienia dostają ciemniejsze warianty tego samego odcienia,
   każdy powyżej progu 4,5:1. Powierzchnie w trybie jasnym zostają
   kremowe — kremowy z granatem i pomarańczą to spójna trójka.

   Aliasy szyny bocznej (--bk-szyna-*) zostają osobnym blokiem
   niżej: to warstwa znaczeniowa nad tymi tokenami, nie kolejna
   paleta.
   ============================================================== */
:root{
  /* Powierzchnie i linie — neutralne z lekkim ciepłym odchyleniem w stronę akcentu */
  --bk-bg:#f7f4f1;
  --bk-surface:#fff;
  --bk-surface-2:#fbf8f5;
  --bk-surface-3:#f3ede7;
  --bk-line:#ece5dd;
  --bk-line-soft:#f4efe9;

  /* Tekst */
  --bk-ink:#16202F;
  --bk-ink-2:#414C5E;
  --bk-ink-3:#646E85;

  /* Marka */
  --bk-accent:#E3601B;        /* wypełnienia, aktywne stany */
  --bk-accent-hover:#CF5717;
  --bk-accent-text:#B84B14;   /* tekst na jasnym tle — kontrast 4.5:1 */
  --bk-accent-soft:#FDEFE6;
  --bk-on-accent:#fff;
  --bk-accent-fill:#C14F15;        /* tło pod białym tekstem — kontrast 4.7:1 */
  --bk-accent-fill-hover:#A84512;

  /* Znaczenia */
  --bk-ok:#1e7a46;       --bk-ok-soft:#e6f4ec;
  --bk-warn:#8a5a10;     --bk-warn-soft:#fdf3e0;
  --bk-err:#b3261e;      --bk-err-soft:#fceae8;
  --bk-info:#1f5f8b;     --bk-info-soft:#e8f2f9;

  /* Pasek górny — zawsze ciemny, to element marki */
  --bk-top:#18263B;
  --bk-top-ink:#d9d3cd;
  --bk-top-ink-strong:#fff;
  --bk-top-line:rgba(255,255,255,.14);
  --bk-top-hover:rgba(255,255,255,.09);

  /* Kształt i głębia */
  --bk-r-sm:9px; --bk-r:12px; --bk-r-lg:20px; --bk-r-full:999px;
  --bk-sh-1:0 1px 2px rgba(26,23,21,.04);
  --bk-sh-2:0 4px 14px rgba(26,23,21,.07);
  --bk-sh-3:0 12px 32px rgba(26,23,21,.14),0 2px 8px rgba(26,23,21,.07);
  --bk-ring:0 0 0 3px rgba(227,96,27,.32);

  /* Rytm */
  --bk-1:4px; --bk-2:8px; --bk-3:12px; --bk-4:16px; --bk-5:24px; --bk-6:32px; --bk-7:48px;
  --bk-font:'Schibsted Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --bk-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  color-scheme:light;
  --bk-black:#18263B;
  --bk-black-2:#24344E;
  --bk-black-ink:#C6CEDA;
  --bk-black-ink-2:#9FA9BA;
  --bk-black-ink-3:#848FA1;
  --bk-dsp:'Bricolage Grotesque','Schibsted Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* Tryb ciemny: preferencja systemu, chyba że użytkownik wybrał jasny */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bk-bg:#101720;
    --bk-surface:#18202C;
    --bk-surface-2:#1D2633;
    --bk-surface-3:#242E3D;
    --bk-line:#2B3544;
    --bk-line-soft:#202935;
    --bk-ink:#EDF1F6;
    --bk-ink-2:#B9C2CF;
    --bk-ink-3:#8A94A4;
    --bk-accent:#F97F3A;
    --bk-accent-hover:#FF9153;
    --bk-accent-text:#FF9560;
    --bk-accent-soft:#3A2114;
    --bk-on-accent:#16202F;
    --bk-accent-fill:#F97F3A;
    --bk-accent-fill-hover:#FF9153;
    --bk-ok:#5FD08A;       --bk-ok-soft:#15301F;
    --bk-warn:#E0AC54;     --bk-warn-soft:#332616;
    --bk-err:#F08579;      --bk-err-soft:#3A1D1A;
    --bk-info:#7CB8E0;     --bk-info-soft:#16262F;
    --bk-top:#0C131C;
    --bk-sh-1:0 1px 2px rgba(0,0,0,.4);
    --bk-sh-2:0 4px 14px rgba(0,0,0,.45);
    --bk-sh-3:0 12px 32px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.4);
    --bk-ring:0 0 0 3px rgba(249,127,58,.36);
    color-scheme:dark;
    --bk-black:#0C131C;
  --bk-black-2:#16202C;
  --bk-black-ink:#C6CEDA;
  --bk-black-ink-2:#9FA9BA;
  --bk-black-ink-3:#848FA1;
}
}
/* Wybór użytkownika wygrywa w obie strony */
:root[data-theme="dark"]{
  --bk-bg:#101720;
  --bk-surface:#18202C;
  --bk-surface-2:#1D2633;
  --bk-surface-3:#242E3D;
  --bk-line:#2B3544;
  --bk-line-soft:#202935;
  --bk-ink:#EDF1F6;
  --bk-ink-2:#B9C2CF;
  --bk-ink-3:#8A94A4;
  --bk-accent:#F97F3A;
  --bk-accent-hover:#FF9153;
  --bk-accent-text:#FF9560;
  --bk-accent-soft:#3A2114;
  --bk-on-accent:#16202F;
  --bk-accent-fill:#F97F3A;
  --bk-accent-fill-hover:#FF9153;
  --bk-ok:#5FD08A;       --bk-ok-soft:#15301F;
  --bk-warn:#E0AC54;     --bk-warn-soft:#332616;
  --bk-err:#F08579;      --bk-err-soft:#3A1D1A;
  --bk-info:#7CB8E0;     --bk-info-soft:#16262F;
  --bk-top:#0C131C;
  --bk-sh-1:0 1px 2px rgba(0,0,0,.4);
  --bk-sh-2:0 4px 14px rgba(0,0,0,.45);
  --bk-sh-3:0 12px 32px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.4);
  --bk-ring:0 0 0 3px rgba(249,127,58,.36);
  color-scheme:dark;
  --bk-black:#0C131C;
  --bk-black-2:#16202C;
  --bk-black-ink:#C6CEDA;
  --bk-black-ink-2:#9FA9BA;
  --bk-black-ink-3:#848FA1;
}

/* ---------------------------------------------------------------- baza */
*{box-sizing:border-box}
body.burko-body{
  margin:0;
  font:15px/1.6 var(--bk-font);
  background:var(--bk-bg);
  color:var(--bk-ink);
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
.burko-body img{max-width:100%;height:auto}
:where(a):focus-visible,:where(button):focus-visible,:where(input,select,textarea):focus-visible,
.burko-btn:focus-visible,.burko-card:focus-visible{
  outline:2px solid var(--bk-accent);outline-offset:2px;border-radius:var(--bk-r-sm);
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ------------------------------------------------------- układ aplikacji */
.burko-skip{position:absolute;left:-9999px;top:0;background:var(--bk-surface);color:var(--bk-ink);padding:10px 16px;border-radius:0 0 var(--bk-r) 0;z-index:200}
.burko-skip:focus{left:0}

.burko-topbar{
  display:flex;align-items:center;gap:var(--bk-4);
  background:var(--bk-top);padding:0 var(--bk-4);height:56px;
  position:sticky;top:0;z-index:60;
}
.burko-brand{display:flex;align-items:center;flex:0 0 auto}
.burko-logo{display:inline-flex;align-items:baseline;gap:5px;font-weight:800;font-size:17px;letter-spacing:-.4px;text-decoration:none;color:var(--bk-top-ink-strong);white-space:nowrap}
.burko-logo em{font-style:normal;color:var(--bk-accent)}

/* Globalne szukanie */
.burko-szukaj{
  display:flex;align-items:center;gap:var(--bk-2);margin-left:var(--bk-4);
  background:rgba(255,255,255,.07);border:1px solid var(--bk-top-line);color:var(--bk-top-ink);
  border-radius:var(--bk-r-sm);padding:0 10px;height:34px;min-width:220px;max-width:380px;flex:1;
  font:400 13.5px/1 var(--bk-font);cursor:pointer;text-align:left;
  transition:background .15s,border-color .15s,color .15s;
}
.burko-szukaj:hover{background:rgba(255,255,255,.12);color:var(--bk-top-ink-strong)}
.burko-szukaj span{flex:1}
.burko-szukaj kbd{
  font:600 11px/1 var(--bk-font);border:1px solid var(--bk-top-line);border-radius:5px;
  padding:3px 5px;color:var(--bk-top-ink);opacity:.85;
}

.burko-user{display:flex;gap:var(--bk-2);align-items:center;font-size:13.5px;color:var(--bk-top-ink);margin-left:auto}
.burko-kto{color:var(--bk-top-ink-strong);font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--bk-2)}
.burko-wyloguj{color:var(--bk-top-ink);text-decoration:none;padding:0 var(--bk-2)}
.burko-wyloguj:hover{color:var(--bk-top-ink-strong);text-decoration:underline}
.burko-ikonbtn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:var(--bk-r-sm);border:1px solid transparent;background:none;
  color:var(--bk-top-ink);cursor:pointer;padding:0;text-decoration:none;
  transition:background .15s,color .15s;
}
.burko-ikonbtn:hover{background:var(--bk-top-hover);color:var(--bk-top-ink-strong)}
.burko-ico{width:18px;height:18px;flex:0 0 auto}
.burko-badge{
  background:var(--bk-accent-fill);color:var(--bk-on-accent);border-radius:var(--bk-r-full);
  font-size:11px;padding:1px 5px;font-weight:700;line-height:1.5;min-width:17px;text-align:center;
}
.burko-bell .burko-badge{position:absolute;top:-2px;right:-4px;border:2px solid var(--bk-top)}

/* Motyw: pokazujemy tylko właściwą ikonę */
.burko-theme .bk-moon{display:none}
:root[data-theme="dark"] .burko-theme .bk-sun{display:none}
:root[data-theme="dark"] .burko-theme .bk-moon{display:block}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .burko-theme .bk-sun{display:none}
  :root:not([data-theme="light"]) .burko-theme .bk-moon{display:block}
}

/* Panel boczny */
.burko-uklad{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start}
.burko-boczny{
  position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;
  background:var(--bk-surface);border-right:1px solid var(--bk-line);
  padding:var(--bk-4) var(--bk-3) var(--bk-5);display:flex;flex-direction:column;gap:1px;
}
.burko-grupa{
  font-size:11px;text-transform:uppercase;letter-spacing:.9px;font-weight:700;
  color:var(--bk-ink-3);padding:var(--bk-4) 10px var(--bk-1);
}
.burko-poz{
  display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--bk-r-sm);
  color:var(--bk-ink-2);text-decoration:none;font-size:14px;font-weight:600;
  transition:background .13s,color .13s;
}
.burko-poz span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-poz .burko-ico{color:var(--bk-ink-3);transition:color .13s}
.burko-poz:hover{background:var(--bk-surface-3);color:var(--bk-ink)}
.burko-poz:hover .burko-ico{color:var(--bk-ink-2)}
.burko-poz.active{background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.burko-poz.active .burko-ico{color:var(--bk-accent-text)}
.burko-poz-stopka{margin-top:auto;padding-top:var(--bk-3);color:var(--bk-ink-3);font-weight:500}
.burko-obszar{min-width:0}

/* Szuflada na telefonie */
.burko-nt{position:absolute;opacity:0;pointer-events:none}
.burko-zaslona{display:none}
.burko-burger{
  display:none;cursor:pointer;width:38px;height:34px;flex:0 0 auto;
  border-radius:var(--bk-r-sm);border:1px solid var(--bk-top-line);
  flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.burko-burger span{display:block;width:17px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.burko-nt:checked~.burko-topbar .burko-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burko-nt:checked~.burko-topbar .burko-burger span:nth-child(2){opacity:0}
.burko-nt:checked~.burko-topbar .burko-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ------------------------------------------------------------- treść */
.burko-main{max-width:1120px;margin:0 auto;padding:var(--bk-6) var(--bk-5) var(--bk-7)}
.burko-main-narrow{max-width:780px}
.burko-main h1{font-size:25px;line-height:1.25;letter-spacing:-.3px;margin:0 0 var(--bk-2);text-wrap:balance}
.burko-main h2{font-size:17px;line-height:1.35;margin:var(--bk-6) 0 var(--bk-3);letter-spacing:-.1px}
.burko-main p{margin:0 0 var(--bk-3)}
.burko-muted{color:var(--bk-ink-3)}
/* `:where()` nie dodaje swoistości — dzięki temu domyślny kolor linku w treści
   nie przebija kolorów komponentów (przyciski, kafelki, wpisy kalendarza). */
.burko-main :where(a){color:var(--bk-accent-text)}
.burko-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--bk-4);margin-bottom:var(--bk-4);flex-wrap:wrap}
.burko-pagehead h1{margin:0}
.burko-headbtns{display:flex;gap:var(--bk-2);flex-wrap:wrap;align-items:center}
.burko-footer{text-align:center;color:var(--bk-ink-3);font-size:12px;padding:var(--bk-5)}
.burko-woj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px 14px;margin:6px 0}
.burko-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--bk-4);align-items:start}
.burko-center{text-align:center;padding:var(--bk-7) 0}
.burko-hp{position:absolute;left:-9999px;top:-9999px}

/* ------------------------------------------------------------- karty */
.burko-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:var(--bk-4);margin:var(--bk-5) 0}
@media (max-width:420px){
  /* Na telefonie liczniki mają być skanowalne jednym spojrzeniem — dwie kolumny zamiast wieży. */
  .burko-cards{grid-template-columns:1fr 1fr;gap:var(--bk-3)}
  .burko-cards .burko-card{padding:var(--bk-3) var(--bk-4)}
  .burko-card-num{font-size:26px}
}
.burko-card{
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  padding:var(--bk-5) var(--bk-4);text-decoration:none;color:inherit;display:block;
  box-shadow:var(--bk-sh-1);
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
a.burko-card:hover{border-color:var(--bk-accent);box-shadow:var(--bk-sh-2);transform:translateY(-1px)}
.burko-card-num{font-size:32px;font-weight:800;color:var(--bk-accent-text);line-height:1.1;font-variant-numeric:tabular-nums}
.burko-card-label{color:var(--bk-ink-3);font-size:13px;margin-top:var(--bk-1)}
.burko-panelbox{
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  padding:var(--bk-4) var(--bk-5);margin:var(--bk-4) 0;box-shadow:var(--bk-sh-1);
}
.burko-panelbox h2{margin:0 0 var(--bk-2);font-size:16px}
.burko-panelbox>:last-child{margin-bottom:0}

/* ---------------------------------------------------------- przyciski */
.burko-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);
  padding:8px 14px;font:600 14px/1.2 var(--bk-font);color:var(--bk-ink);
  cursor:pointer;text-decoration:none;white-space:nowrap;
  box-shadow:var(--bk-sh-1);
  transition:border-color .15s,color .15s,background .15s,box-shadow .15s;
}
.burko-btn:hover{border-color:var(--bk-accent);color:var(--bk-accent-text);box-shadow:var(--bk-sh-2)}
.burko-btn:active{transform:translateY(1px)}
.burko-btn[disabled],.burko-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.burko-btn[disabled]:hover,.burko-btn:disabled:hover{border-color:var(--bk-line);color:var(--bk-ink)}
.burko-btn-primary{background:var(--bk-accent-fill);border-color:var(--bk-accent-fill);color:var(--bk-on-accent)}
.burko-btn-primary:hover{background:var(--bk-accent-fill-hover);border-color:var(--bk-accent-fill-hover);color:var(--bk-on-accent)}
.burko-btn-danger{color:var(--bk-err)}
.burko-btn-danger:hover{border-color:var(--bk-err);color:var(--bk-err)}
.burko-btn-ghost{background:transparent;box-shadow:none;border-color:transparent}
.burko-btn-ghost:hover{background:var(--bk-surface-3);border-color:transparent}
.burko-btn-sm{padding:5px 10px;font-size:13px}
.burko-btn-lg{padding:12px 26px;font-size:16px}
/* Przyciski będące linkami: reguła `.burko-main a` ma wyższą swoistość niż
   `.burko-btn`, więc kolor trzeba powtórzyć na selektorze `a.burko-btn`. */
a.burko-btn{color:var(--bk-ink)}
a.burko-btn:hover{color:var(--bk-accent-text)}
a.burko-btn-primary,a.burko-btn-primary:hover{color:var(--bk-on-accent)}
a.burko-btn-danger,a.burko-btn-danger:hover{color:var(--bk-err)}
a.burko-card{color:inherit}
.burko-table a.burko-btn{color:var(--bk-ink-2)}
.burko-table a.burko-btn:hover{color:var(--bk-accent-text)}

/* --------------------------------------------------------- formularze */
.burko-form fieldset{
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  padding:var(--bk-4) var(--bk-5) var(--bk-5);margin:0 0 var(--bk-4);box-shadow:var(--bk-sh-1);
}
.burko-form legend{font-weight:700;padding:0 var(--bk-2);font-size:14px;color:var(--bk-ink)}
.burko-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--bk-3) var(--bk-4)}
.burko-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.burko-form input,.burko-form select,.burko-form textarea,
.burko-searchrow input,.burko-searchrow select,.burko-copyrow input{
  border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:9px 11px;
  font:400 14px/1.4 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);width:100%;
  transition:border-color .15s,box-shadow .15s;
}
.burko-form input::placeholder,.burko-searchrow input::placeholder{color:var(--bk-ink-3)}
.burko-form input:focus,.burko-form select:focus,.burko-form textarea:focus,
.burko-searchrow input:focus,.burko-searchrow select:focus{
  outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring);
}
.burko-form input[type=file]{padding:7px 9px;background:var(--bk-surface-2)}
.burko-form small{font-weight:400;color:var(--bk-ink-3)}
.burko-check{flex-direction:row !important;align-items:flex-start;gap:9px !important;font-weight:400 !important;color:var(--bk-ink) !important;margin:0 0 var(--bk-3)}
.burko-check input{width:auto;margin-top:3px;accent-color:var(--bk-accent)}
.burko-inlinerow{display:flex;gap:var(--bk-2)}
.burko-inlinerow input{flex:1}
.burko-searchrow{display:flex;gap:var(--bk-2);margin:0 0 var(--bk-4);flex-wrap:wrap;align-items:center}
.burko-searchrow input{flex:1;min-width:200px;max-width:400px}
.burko-copyrow{display:flex;gap:var(--bk-2);max-width:640px}
.burko-copyrow input{font-family:var(--bk-mono);font-size:13px}
/* Zmiana nazwy formularza: ten sam rządek co przy linku, ale nazwa to zwykły
   tekst, nie adres — bez czcionki maszynowej. */
/* Kolumna zaznaczeń w tabeli — tylko na checkbox, bez rozpychania reszty. */
.burko-kol-zazn{width:34px;text-align:center;padding-right:0}
/* Osoba z karty BUR, której nie ma jeszcze w kartotece: odnośnik prowadzi do
   dodania jej, więc musi wyglądać na zaproszenie, a nie na gotowy wpis. */
.burko-osoba-nowa{gap:8px}
.burko-osoba-nowa .burko-awatar{background:var(--bk-surface-3);color:var(--bk-ink-3)}
.burko-osoba-nowa:hover .burko-awatar{background:var(--bk-accent);color:#17130f}
.burko-copyrow.burko-nazwarow{max-width:420px}
.burko-nazwarow input{font-family:var(--bk-font);font-size:14px;font-weight:600}

/* ------------------------------------------------------------ tabele */
.burko-tablewrap{overflow-x:auto;border-radius:var(--bk-r-lg);border:1px solid var(--bk-line);background:var(--bk-surface);box-shadow:var(--bk-sh-1)}
.burko-tablewrap .burko-table{border:none;border-radius:0;box-shadow:none}
.burko-table{
  width:100%;border-collapse:collapse;background:var(--bk-surface);
  border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);overflow:hidden;box-shadow:var(--bk-sh-1);
}
.burko-table th{
  font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--bk-ink-3);
  text-align:left;padding:11px 14px;border-bottom:1px solid var(--bk-line);
  background:var(--bk-surface-2);font-weight:700;white-space:nowrap;
}
.burko-table td{padding:10px 14px;border-bottom:1px solid var(--bk-line-soft);vertical-align:middle}
.burko-table td:first-child{font-weight:600}
.burko-table tbody tr:last-child td{border-bottom:none}
.burko-table tbody tr{transition:background .12s}
.burko-table tbody tr:hover{background:var(--bk-surface-2)}
/* Linki w tabeli są zwykłym tekstem — akcent zostaje dla akcji, nie dla każdego wiersza */
.burko-table a{color:var(--bk-ink);text-decoration:none;font-weight:600}
.burko-table a:hover{color:var(--bk-accent-text);text-decoration:underline}
.burko-table .burko-btn{font-weight:600;color:var(--bk-ink-2)}
.burko-table .burko-btn:hover{color:var(--bk-accent-text)}
.burko-table .burko-btn-primary,.burko-table .burko-btn-primary:hover{color:var(--bk-on-accent)}
.burko-table td.bk-num,.burko-table th.bk-num{text-align:right;font-variant-numeric:tabular-nums}

/* Pasek nad tabelą: filtr, licznik, „pokaż wszystkie" */
.burko-tabtools{display:flex;align-items:center;gap:var(--bk-3);margin:0 0 var(--bk-2);flex-wrap:wrap}
.burko-tabfiltr{
  border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:7px 11px;
  font:400 13.5px/1.3 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);
  min-width:200px;max-width:320px;flex:1;transition:border-color .15s,box-shadow .15s;
}
.burko-tabfiltr:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.burko-tabinfo{font-size:12.5px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums;margin-left:auto}
.burko-tabtools .burko-btn[hidden]{display:none}

/* Nagłówki sortujące */
.burko-table th.bk-sort{padding:0}
.burko-table th.bk-sort button{
  display:flex;align-items:center;gap:5px;padding:11px 14px;width:100%;
  color:inherit;font:inherit;background:none;border:0;cursor:pointer;
  text-align:inherit;white-space:nowrap;transition:background .13s,color .13s;
}
.burko-table th.bk-sort button:hover{color:var(--bk-accent-text);background:var(--bk-surface-3)}
.burko-table th.bk-num.bk-sort button{justify-content:flex-end}
.burko-table th.bk-sort .bk-arrow{opacity:.35;font-size:11px}
.burko-table th.bk-sort[aria-sort] button{color:var(--bk-accent-text);background:var(--bk-surface-3)}
.burko-table th.bk-sort[aria-sort] .bk-arrow{opacity:1}

/* --------------------------------------------------- znaczniki stanów */
.burko-tag{
  display:inline-block;font-size:12px;font-weight:600;border-radius:var(--bk-r-full);
  padding:2px 10px;background:var(--bk-surface-3);color:var(--bk-ink-2);white-space:nowrap;
}
.burko-tag-aktywny,.burko-tag-zatwierdzone{background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-tag-odrzucone,.burko-tag-do_mapowania{background:var(--bk-err-soft);color:var(--bk-err)}
.burko-tag-nowe,.burko-tag-do{background:var(--bk-info-soft);color:var(--bk-info)}
/* Stan gotowości: kropka + krótka etykieta, szczegóły w atrybucie title */
.burko-stan{
  display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1.3;
  padding:3px 10px 3px 8px;border-radius:var(--bk-r-full);white-space:nowrap;cursor:help;
}
.burko-stan::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.burko-stan-gotowy{background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-stan-czesciowy{background:var(--bk-warn-soft);color:var(--bk-warn)}
.burko-stan-pusty{background:var(--bk-surface-3);color:var(--bk-ink-3)}
.burko-podpis{display:block;font-size:11.5px;color:var(--bk-ink-3);margin-top:3px}
.burko-ulamek{font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help}
.burko-ulamek strong{font-size:15px}

/* -------------------------------------------------------- pasek postępu */
.burko-progress{height:10px;border-radius:var(--bk-r-full);background:var(--bk-surface-3);overflow:hidden}
.burko-progress>span{display:block;height:100%;border-radius:var(--bk-r-full);background:linear-gradient(90deg,var(--bk-ok),color-mix(in srgb,var(--bk-ok) 60%,#fff));transition:width .4s ease}

/* ------------------------------------------------ komunikaty i toasty */
.burko-flash{max-width:1120px;margin:var(--bk-3) auto 0;padding:11px 16px;border-radius:var(--bk-r);font-weight:600;border:1px solid transparent}
.burko-flash-ok{background:var(--bk-ok-soft);color:var(--bk-ok);border-color:color-mix(in srgb,var(--bk-ok) 22%,transparent)}
.burko-flash-err{background:var(--bk-err-soft);color:var(--bk-err);border-color:color-mix(in srgb,var(--bk-err) 22%,transparent)}
.burko-flash-warn{background:color-mix(in srgb,var(--bk-warn) 10%,transparent);color:var(--bk-warn);border-color:color-mix(in srgb,var(--bk-warn) 26%,transparent)}
.burko-imp-zle{opacity:.62}
.burko-flash ul{margin:0;padding-left:18px;font-weight:400}

.burko-toasts{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:var(--bk-2);max-width:min(380px,calc(100vw - 32px))}
.burko-toast{
  background:var(--bk-surface);border:1px solid var(--bk-line);border-left:3px solid var(--bk-accent);
  border-radius:var(--bk-r);padding:11px 14px;box-shadow:var(--bk-sh-3);
  font-size:14px;color:var(--bk-ink);display:flex;gap:10px;align-items:flex-start;
  animation:bk-toast-in .22s ease-out;
}
.burko-toast.is-ok{border-left-color:var(--bk-ok)}
.burko-toast.is-err{border-left-color:var(--bk-err)}
.burko-toast.is-out{animation:bk-toast-out .2s ease-in forwards}
@keyframes bk-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes bk-toast-out{to{opacity:0;transform:translateY(8px)}}

/* --------------------------------------------------------- puste stany */
.burko-empty{
  text-align:center;padding:var(--bk-7) var(--bk-5);color:var(--bk-ink-3);
  background:var(--bk-surface);border:1px dashed var(--bk-line);border-radius:var(--bk-r-lg);
}
.burko-empty-ico{font-size:34px;line-height:1;margin-bottom:var(--bk-3);opacity:.8}
.burko-empty h3{margin:0 0 var(--bk-2);font-size:16px;color:var(--bk-ink);font-weight:700}
.burko-empty p{margin:0 auto var(--bk-4);max-width:44ch}
.burko-bigcheck{width:64px;height:64px;border-radius:50%;background:var(--bk-ok-soft);color:var(--bk-ok);font-size:34px;line-height:64px;margin:0 auto var(--bk-3)}

/* ------------------------------------------------- listy i osie czasu */
.burko-timeline{list-style:none;margin:0;padding:0}
.burko-timeline li{border-left:2px solid var(--bk-line);padding:0 0 var(--bk-3) var(--bk-3);font-size:13px}
.burko-steps{list-style:none;counter-reset:krok;margin:0;padding:0}
.burko-steps li{counter-increment:krok;padding:7px 0 7px 40px;position:relative;color:var(--bk-ink-3)}
.burko-steps li::before{
  content:counter(krok);position:absolute;left:0;top:4px;width:26px;height:26px;border-radius:50%;
  background:var(--bk-surface-3);color:var(--bk-ink-3);font-weight:700;font-size:13px;text-align:center;line-height:26px;
}
.burko-steps li.done{color:var(--bk-ink)}
.burko-steps li.done::before{content:"\2713";background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-steps li.now{color:var(--bk-accent-text);font-weight:700}
.burko-steps li.now::before{background:var(--bk-accent-fill);color:var(--bk-on-accent)}

/* ------------------------------------------------------------ zgłoszenia */
.burko-zgloszenie{margin:0 0 var(--bk-3)}
.burko-zgl-head{display:flex;justify-content:space-between;gap:var(--bk-3);margin-bottom:var(--bk-2);flex-wrap:wrap}
.burko-zgl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--bk-1) var(--bk-4);font-size:13px;color:var(--bk-ink-3);margin-bottom:var(--bk-3)}
.burko-zgl-actions{display:flex;gap:var(--bk-2);flex-wrap:wrap}
.burko-publichead{margin-bottom:var(--bk-5)}
.burko-publichead h1{font-size:26px;margin:0 0 var(--bk-1)}

/* ------------------------------------------------------------ mobile */
@media (max-width:900px){.burko-cols{grid-template-columns:1fr}}

@media (max-width:980px){
  .burko-burger{display:flex}
  .burko-uklad{grid-template-columns:minmax(0,1fr)}
  .burko-boczny{
    position:fixed;top:56px;left:0;bottom:0;width:264px;height:auto;z-index:70;
    transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--bk-sh-3);
  }
  .burko-nt:checked~.burko-uklad .burko-boczny{transform:none}
  .burko-nt:checked~.burko-zaslona{display:block;position:fixed;inset:56px 0 0;background:rgba(0,0,0,.42);z-index:65}
  .burko-poz{padding:11px 10px;font-size:15px}
  .burko-szukaj{min-width:0}
  .burko-szukaj span,.burko-szukaj kbd{display:none}
  .burko-szukaj{width:34px;flex:0 0 34px;justify-content:center;padding:0}
  .burko-kto{display:none}
}
@media (max-width:860px){
  .burko-main{padding:var(--bk-5) var(--bk-4) var(--bk-6)}
  .burko-main h1{font-size:22px}
  .burko-btn{padding:10px 14px}
  .burko-btn-sm{padding:7px 11px}
  .burko-wyloguj{display:none}
}

/* Tabele jako karty na telefonie — etykiety dokłada panel.js z nagłówków */
@media (max-width:720px){
  .burko-table.bk-cards{border:none;background:none;box-shadow:none;display:block}
  .burko-table.bk-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .burko-table.bk-cards tbody,.burko-table.bk-cards tr,.burko-table.bk-cards td{display:block;width:auto}
  .burko-table.bk-cards tr{
    background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
    margin:0 0 var(--bk-3);padding:var(--bk-3) var(--bk-4);box-shadow:var(--bk-sh-1);
  }
  .burko-table.bk-cards tbody tr:hover{background:var(--bk-surface)}
  .burko-table.bk-cards td{border:none;padding:6px 0;display:flex;gap:var(--bk-3);justify-content:space-between;align-items:baseline}
  .burko-table.bk-cards td+td{border-top:1px solid var(--bk-line-soft)}
  .burko-table.bk-cards td::before{
    content:attr(data-label);flex:0 0 38%;font-size:11px;text-transform:uppercase;
    letter-spacing:.5px;color:var(--bk-ink-3);font-weight:700;
  }
  /* Pierwsza komórka to tytuł karty, nie para etykieta–wartość */
  .burko-table.bk-cards td:first-child{display:block;font-size:16px;font-weight:700;padding:0 0 var(--bk-2)}
  .burko-table.bk-cards td:first-child::before{display:none}
  .burko-table.bk-cards td:empty{display:none}
  .burko-table.bk-cards td[data-label=""]{justify-content:flex-end}
  .burko-table.bk-cards td[data-label=""]::before{display:none}
  .burko-toasts{left:16px;right:16px;max-width:none}
}

/* --------------------------------------------- paleta wyszukiwania (Ctrl+K) */
.burko-paleta{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center}
.burko-paleta[hidden]{display:none}
.burko-paleta-tlo{position:absolute;inset:0;background:rgba(20,16,12,.5);backdrop-filter:blur(2px)}
.burko-paleta-okno{
  position:relative;margin:9vh 16px 0;width:min(620px,100%);background:var(--bk-surface);
  border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);box-shadow:var(--bk-sh-3);
  overflow:hidden;display:flex;flex-direction:column;max-height:74vh;
}
.burko-paleta-pole{
  border:0;border-bottom:1px solid var(--bk-line);padding:16px 18px;font:400 16px/1.4 var(--bk-font);
  color:var(--bk-ink);background:transparent;width:100%;
}
.burko-paleta-pole:focus{outline:none}
.burko-paleta-pole::placeholder{color:var(--bk-ink-3)}
.burko-paleta-wynik{overflow-y:auto;padding:var(--bk-2) 0;flex:1}
.burko-paleta-grupa{
  font-size:11px;text-transform:uppercase;letter-spacing:.9px;font-weight:700;
  color:var(--bk-ink-3);padding:var(--bk-3) 18px var(--bk-1);
}
.burko-paleta-poz{
  display:flex;align-items:baseline;gap:var(--bk-3);padding:9px 18px;text-decoration:none;
  color:var(--bk-ink);border-left:3px solid transparent;
}
.burko-paleta-poz:hover,.burko-paleta-poz.wybrana{background:var(--bk-accent-soft);border-left-color:var(--bk-accent)}
.burko-paleta-tytul{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-paleta-opis{color:var(--bk-ink-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.burko-paleta-pusto{padding:var(--bk-5) 18px;color:var(--bk-ink-3);text-align:center;font-size:14px}
.burko-paleta-stopka{
  border-top:1px solid var(--bk-line);padding:9px 18px;font-size:11.5px;color:var(--bk-ink-3);
  background:var(--bk-surface-2);display:flex;gap:6px;align-items:center;flex-wrap:wrap;
}
.burko-paleta-stopka kbd{
  font:600 10.5px/1 var(--bk-font);border:1px solid var(--bk-line);border-radius:4px;
  padding:3px 5px;background:var(--bk-surface);color:var(--bk-ink-2);
}
@media (max-width:600px){
  .burko-paleta-okno{margin-top:4vh;max-height:88vh}
  .burko-paleta-opis{display:none}
}

/* ------------------------------------------- kwalifikator: kafelki wyboru */
.burko-wybor{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--bk-3)}
.burko-kafel{
  display:block !important;position:relative;cursor:pointer;
  border:1.5px solid var(--bk-line);border-radius:var(--bk-r-lg);padding:var(--bk-4);
  background:var(--bk-surface);transition:border-color .15s,background .15s,box-shadow .15s;
  font-weight:400 !important;color:var(--bk-ink) !important;
}
.burko-kafel:hover{border-color:var(--bk-ink-3)}
.burko-kafel input{position:absolute;opacity:0;pointer-events:none}
.burko-kafel:has(input:checked),.burko-kafel.wybrany{
  border-color:var(--bk-accent);background:var(--bk-accent-soft);box-shadow:var(--bk-sh-1);
}
.burko-kafel:has(input:focus-visible){outline:2px solid var(--bk-accent);outline-offset:2px}
.burko-kafel-tytul{display:block;font-weight:700;font-size:15px;margin-bottom:3px}
.burko-kafel-opis{display:block;font-size:13px;color:var(--bk-ink-3);line-height:1.45}
.burko-kwalifikator fieldset{max-width:820px}

/* =========================================================== pulpit firmy */
.burko-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--bk-4);flex-wrap:wrap;margin-bottom:var(--bk-5)}
.burko-hero h1{margin:0 0 var(--bk-1)}

/* Co wymaga uwagi */
.burko-uwaga{margin:var(--bk-5) 0}
.burko-uwaga h2{margin:0 0 var(--bk-3);font-size:16px}
.burko-uwaga-poz{
  display:flex;align-items:center;gap:var(--bk-3);padding:var(--bk-3) var(--bk-4);
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);
  margin-bottom:var(--bk-2);box-shadow:var(--bk-sh-1);
}
.burko-uwaga-kropka{width:8px;height:8px;border-radius:50%;background:var(--bk-ink-3);flex:0 0 auto}
.burko-uwaga-poz.pilne{border-color:color-mix(in srgb,var(--bk-warn) 40%,transparent);background:var(--bk-warn-soft)}
.burko-uwaga-poz.pilne .burko-uwaga-kropka{background:var(--bk-warn)}
.burko-uwaga-tresc{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.burko-uwaga-tresc span{font-size:13px}
.burko-uwaga-poz .burko-btn{flex:0 0 auto}

/* Układ dwukolumnowy */
.burko-pulpit{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:var(--bk-4);align-items:start}
.burko-pulpit-bok{display:flex;flex-direction:column;gap:var(--bk-4)}
.burko-pulpit-bok .burko-panelbox,.burko-pulpit>.burko-panelbox{margin:0}
.burko-podtytul{font-size:13px;text-transform:uppercase;letter-spacing:.7px;color:var(--bk-ink-3);margin:var(--bk-5) 0 var(--bk-2);font-weight:700}

/* Kalendarz */
.burko-kal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--bk-3);flex-wrap:wrap;margin-bottom:var(--bk-3)}
.burko-kal-head h2{margin:0}
.burko-kal-nawig{display:flex;align-items:center;gap:var(--bk-2)}
.burko-kal-nawig strong{min-width:130px;text-align:center;font-size:14px}
.burko-kal{width:100%;border-collapse:collapse;table-layout:fixed}
.burko-kal th{
  font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--bk-ink-3);
  font-weight:700;padding:0 0 6px;text-align:center;
}
.burko-kal td{
  border:1px solid var(--bk-line-soft);vertical-align:top;height:74px;padding:5px 6px;
  background:var(--bk-surface);
}
.burko-kal td.poza{background:var(--bk-surface-2);color:var(--bk-ink-3)}
.burko-kal td.poza .burko-kal-nr{opacity:.45}
.burko-kal td.ma{background:var(--bk-accent-soft)}
.burko-kal-nr{display:block;font-size:12px;font-weight:600;color:var(--bk-ink-3);margin-bottom:3px;font-variant-numeric:tabular-nums}
.burko-kal td.dzis .burko-kal-nr{
  background:var(--bk-accent-fill);color:var(--bk-on-accent);border-radius:var(--bk-r-full);
  width:21px;height:21px;line-height:21px;text-align:center;margin-bottom:2px;
}
.burko-kal-wpis{
  display:block;font-size:11px;line-height:1.3;padding:2px 5px;margin-bottom:2px;border-radius:5px;
  background:var(--bk-accent-fill);color:var(--bk-on-accent);text-decoration:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;
}
.burko-kal-wpis:hover{background:var(--bk-accent-fill-hover);color:var(--bk-on-accent)}
.burko-kal-wiecej{font-size:11px;color:var(--bk-ink-3);font-weight:600}

/* Lista najbliższych szkoleń */
.burko-lista-szkolen{list-style:none;margin:0;padding:0}
.burko-lista-szkolen li{display:flex;align-items:center;gap:var(--bk-3);padding:10px 0;border-bottom:1px solid var(--bk-line-soft)}
.burko-lista-szkolen li:last-child{border-bottom:none}
.burko-data{
  flex:0 0 46px;text-align:center;background:var(--bk-surface-3);border-radius:var(--bk-r-sm);
  padding:5px 0;line-height:1.15;
}
.burko-data strong{display:block;font-size:17px;font-variant-numeric:tabular-nums}
.burko-data span{display:block;font-size:11px;text-transform:uppercase;color:var(--bk-ink-3);font-weight:700}
.burko-lista-tresc{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.burko-lista-tresc a{font-weight:600;color:var(--bk-ink);text-decoration:none}
.burko-lista-tresc a:hover{color:var(--bk-accent-text);text-decoration:underline}
.burko-lista-tresc span{font-size:12.5px}

/* Uczestnicy — liczby i osoby */
.burko-licznik-duzy{font-size:34px;font-weight:800;line-height:1.1;color:var(--bk-ink);font-variant-numeric:tabular-nums}
.burko-licznik-duzy span{display:block;font-size:13px;font-weight:400;color:var(--bk-ink-3)}
.burko-mini-stat{list-style:none;margin:var(--bk-4) 0 0;padding:0}
.burko-mini-stat li{display:flex;justify-content:space-between;gap:var(--bk-3);padding:6px 0;border-bottom:1px solid var(--bk-line-soft);font-size:13.5px}
.burko-mini-stat li:last-child{border-bottom:none}
.burko-mini-stat strong{font-variant-numeric:tabular-nums}
.burko-lista-osob{list-style:none;margin:0;padding:0}
.burko-lista-osob li{display:flex;align-items:center;gap:var(--bk-2);padding:5px 0}
.burko-lista-osob a{color:var(--bk-ink);text-decoration:none;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-lista-osob a:hover{color:var(--bk-accent-text);text-decoration:underline}
.burko-awatar{
  flex:0 0 26px;height:26px;border-radius:50%;background:var(--bk-accent-soft);color:var(--bk-accent-text);
  font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;
}

/* Pipeline wniosków */
.burko-pipeline{list-style:none;margin:0;padding:0}
.burko-pipeline li{font-size:13px}
/* Cały wiersz jest odnośnikiem do listy wniosków zawężonej do tego etapu —
   klikalne ma być pasmo z liczbą, nie sama etykieta. */
.burko-pipeline li>a{
  display:grid;grid-template-columns:1fr 84px 26px;align-items:center;gap:var(--bk-2);
  padding:5px 8px;margin:0 -8px;border-radius:var(--bk-r-sm);
  color:inherit;text-decoration:none;
}
.burko-pipeline li>a:hover,.burko-pipeline li>a:focus-visible{background:var(--bk-surface-2)}
.burko-pipeline li>a:hover .burko-pipeline-etap,.burko-pipeline li>a:focus-visible .burko-pipeline-etap{color:var(--bk-ink)}
.burko-pipeline li>a:hover strong,.burko-pipeline li>a:focus-visible strong{color:var(--bk-accent-text)}
.burko-pipeline-etap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bk-ink-2)}
.burko-pipeline-slupek{height:7px;border-radius:var(--bk-r-full);background:var(--bk-surface-3);overflow:hidden}
.burko-pipeline-slupek>span{display:block;height:100%;border-radius:var(--bk-r-full);background:var(--bk-accent)}
.burko-pipeline strong{text-align:right;font-variant-numeric:tabular-nums}

@media (max-width:1080px){
  .burko-pulpit{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .burko-kal td{height:auto;min-height:44px;padding:4px}
  .burko-kal-wpis{font-size:0;padding:0;height:5px;border-radius:3px;margin-bottom:2px}
  .burko-uwaga-poz{flex-wrap:wrap}
  .burko-uwaga-poz .burko-btn{width:100%}
}

/* -------------------------------------------- kwalifikator (shortcode ze strony)
   Osadzamy gotowy kreator [szbur_kwalifikator]. Nie zmieniamy jego HTML — tylko
   przestawiamy jego zmienne na tokeny panelu, żeby działał też w ciemnym motywie. */
.burko-kwalifikator{margin-top:var(--bk-4)}
.burko-kwalifikator .szbur-kw{
  background:transparent;padding:0;max-width:none;margin:0;
  --kw-paper:var(--bk-surface);
  --kw-ink:var(--bk-ink);
  --kw-mut:var(--bk-ink-3);
  --kw-line:var(--bk-line);
  --kw-org:var(--bk-accent-fill);
  --kw-orgsoft:var(--bk-accent-soft);
  --kw-grn:var(--bk-ok);        --kw-grnsoft:var(--bk-ok-soft);
  --kw-amb:var(--bk-warn);      --kw-ambsoft:var(--bk-warn-soft);
  --kw-red:var(--bk-err);       --kw-redsoft:var(--bk-err-soft);
}
.burko-kwalifikator .szbur-kw .kw-quiz{margin:0}
/* Blok CTA ma jasny tekst wpisany na sztywno — tło zostaje ciemne w obu motywach. */
.burko-kwalifikator .szbur-kw .kw-cta{background:#2c2c2c;border-radius:var(--bk-r)}
.burko-kwalifikator .szbur-kw .kw-card,
.burko-kwalifikator .szbur-kw .kw-opt,
.burko-kwalifikator .szbur-kw .kw-input{border-radius:var(--bk-r)}
.burko-kwalifikator .szbur-kw .kw-btn{border-radius:var(--bk-r-sm)}
.burko-kwalifikator .szbur-kw .kw-side{top:76px}


/* ------------------------------------------------------------ powłoka */
.burko-uklad{grid-template-columns:236px minmax(0,1fr);min-height:100vh;align-items:stretch}
.burko-boczny{
  position:sticky;top:0;height:100vh;background:var(--bk-black);color:var(--bk-black-ink);
  border-right:none;padding:22px 14px 18px;gap:2px;
}
.burko-boczny .burko-brand{padding:0 10px 7px;display:block}
.burko-boczny .burko-logo{
  display:block;font-family:var(--bk-dsp);font-size:23px;font-weight:800;
  letter-spacing:-.03em;color:#fff;line-height:1.02;white-space:normal;
}
.burko-boczny .burko-logo em{
  display:block;margin-top:3px;font-size:11px;font-weight:700;letter-spacing:.155em;
  text-transform:uppercase;color:var(--bk-accent);
}
.burko-marka-sub{
  padding:0 10px 18px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--bk-black-ink-3);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.burko-grupa{font-size:11px;letter-spacing:.15em;color:var(--bk-black-ink-3);padding:18px 10px 8px}
.burko-poz{border-radius:11px;padding:9px 10px;font-size:13.5px;font-weight:500;color:var(--bk-black-ink)}
.burko-poz .burko-ico{color:var(--bk-black-ink-2)}
.burko-poz:hover{background:rgba(255,255,255,.07);color:#fff}
.burko-poz:hover .burko-ico{color:#fff}
/* Ciemny tekst na pomarańczu: 5,4:1. Biały dałby 3,3:1 — za mało dla 13,5px. */
.burko-poz.active,.burko-poz.active:hover{background:var(--bk-accent);color:#17130f;font-weight:700}
.burko-poz.active .burko-ico{color:#17130f}
.burko-poz .burko-badge{background:rgba(255,255,255,.14);color:#efe9e4}
.burko-poz.active .burko-badge{background:rgba(0,0,0,.26);color:#fff}
.burko-poz-stopka{
  border-top:1px solid rgba(255,255,255,.09);margin-top:auto;padding-top:14px;
  color:var(--bk-black-ink-2);font-weight:500;
}

/* Pasek górny przeniesiony do obszaru treści — jasny, nie przykrywa szyny. */
.burko-topbar{background:transparent;height:auto;padding:20px 28px 0;position:static;gap:10px}
.burko-topbar .burko-brand{display:none}
.burko-szukaj{
  background:var(--bk-surface);border:1px solid var(--bk-line);color:var(--bk-ink-3);
  height:40px;border-radius:var(--bk-r-full);padding:0 8px 0 15px;margin-left:0;
  max-width:400px;box-shadow:var(--bk-sh-1);font-size:13.5px;
}
.burko-szukaj:hover{background:var(--bk-surface);border-color:var(--bk-accent);color:var(--bk-ink-2)}
.burko-szukaj kbd{background:var(--bk-surface-3);border-color:var(--bk-line);color:var(--bk-ink-2);opacity:1}
.burko-user{color:var(--bk-ink-2);gap:8px}
.burko-ikonbtn{
  width:40px;height:40px;border-radius:var(--bk-r-full);background:var(--bk-surface);
  border:1px solid var(--bk-line);color:var(--bk-ink-2);box-shadow:var(--bk-sh-1);
}
.burko-ikonbtn:hover{background:var(--bk-surface);border-color:var(--bk-accent);color:var(--bk-accent-text)}
.burko-kto{
  background:var(--bk-surface);border:1px solid var(--bk-line);height:40px;display:flex;align-items:center;
  padding:0 15px;border-radius:var(--bk-r-full);color:var(--bk-ink);box-shadow:var(--bk-sh-1);
}
.burko-wyloguj{color:var(--bk-ink-3)}
.burko-wyloguj:hover{color:var(--bk-accent-text)}
.burko-bell .burko-badge{border:2px solid var(--bk-bg);top:-3px;right:-3px}
.burko-burger{border-color:var(--bk-line);background:var(--bk-surface)}
.burko-burger span{background:var(--bk-ink)}

/* -------------------------------------------------------------- treść */
.burko-main{max-width:none;margin:0;padding:16px 28px 32px}
.burko-main-narrow{max-width:860px}
.burko-main h1{font-family:var(--bk-dsp);font-size:38px;font-weight:800;letter-spacing:-.035em;line-height:1.02}
.burko-main h2{font-family:var(--bk-dsp);font-size:19px;font-weight:700;letter-spacing:-.025em;margin:var(--bk-5) 0 var(--bk-3)}
.burko-pagehead{align-items:flex-end;margin-bottom:var(--bk-5);gap:var(--bk-5)}
.burko-pagehead .burko-muted{margin:6px 0 0;font-size:13px}
.burko-footer{padding:var(--bk-4) var(--bk-5) var(--bk-6)}

/* Liczniki w nagłówku strony — wielka liczba, mała etykieta pod nią. */
.burko-kpis{display:flex;align-items:flex-end;gap:26px;padding-bottom:3px;flex-wrap:wrap}
.burko-kpi{display:flex;flex-direction:column;gap:1px}
.burko-kpi b{
  font-family:var(--bk-dsp);font-weight:800;font-size:30px;letter-spacing:-.035em;line-height:1;
  display:flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums;
}
.burko-kpi span{font-size:11.5px;color:var(--bk-ink-3);font-weight:600;white-space:nowrap}

/* -------------------------------------------------- karty i przyciski */
.burko-card,.burko-panelbox{border-radius:var(--bk-r-lg);box-shadow:var(--bk-sh-1)}
.burko-card{padding:var(--bk-4) var(--bk-5)}
.burko-card-num{font-family:var(--bk-dsp);font-size:34px;font-weight:800;letter-spacing:-.035em;color:var(--bk-ink)}
.burko-card-label{color:var(--bk-ink-3);font-size:12.5px;font-weight:600}
a.burko-card:hover{border-color:var(--bk-accent);box-shadow:var(--bk-sh-2);transform:none}
.burko-btn{height:38px;border-radius:var(--bk-r-full);padding:0 17px;font-weight:600;font-size:13.5px}
.burko-btn-sm{height:32px;padding:0 13px;font-size:12.5px}
.burko-btn-lg{height:46px;padding:0 26px;font-size:15px}
/* Akcja główna jest czarna — pomarańcz zostaje dla jednego akcentu na ekran. */
.burko-btn-primary{background:var(--bk-black);border-color:var(--bk-black);color:#fff}
.burko-btn-primary:hover{background:var(--bk-black-2);border-color:var(--bk-black-2);color:#fff}
a.burko-btn-primary,a.burko-btn-primary:hover{color:#fff}
.burko-btn-marka{background:var(--bk-accent-fill);border-color:var(--bk-accent-fill);color:#fff}
.burko-btn-marka:hover{background:var(--bk-accent-fill-hover);border-color:var(--bk-accent-fill-hover);color:#fff}
a.burko-btn-marka,a.burko-btn-marka:hover{color:#fff}

/* Karta akcentowa i ciemna — najważniejsza rzecz na ekranie / blok CTA. */
.burko-karta-akcent{background:var(--bk-accent);border-color:var(--bk-accent);color:#17130f}
.burko-karta-akcent .burko-muted,.burko-karta-akcent .burko-lab{color:rgba(23,19,15,.9)}
.burko-karta-czarna{background:var(--bk-black);border-color:var(--bk-black);color:#fff}
.burko-karta-czarna .burko-muted,.burko-karta-czarna .burko-lab{color:var(--bk-black-ink-2)}
.burko-lab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-ink-3);font-weight:700}

/* ---------------------------------------------------------- pigułki */
.burko-tag{border-radius:var(--bk-r-full);font-weight:700;font-size:11.5px;padding:3px 10px;line-height:1.5;white-space:nowrap}
.burko-chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.burko-chip{
  height:32px;padding:0 13px;border-radius:var(--bk-r-full);border:1px solid var(--bk-line);
  background:var(--bk-surface);display:inline-flex;align-items:center;gap:6px;font-size:12.5px;
  font-weight:600;color:var(--bk-ink-2);text-decoration:none;white-space:nowrap;box-shadow:var(--bk-sh-1);
}
.burko-chip:hover{border-color:var(--bk-accent);color:var(--bk-accent-text)}
.burko-chip.on{background:var(--bk-black);border-color:var(--bk-black);color:#fff}
.burko-chip.on:hover{color:#fff}
.burko-licznik{
  font-size:11px;font-weight:700;color:var(--bk-ink-3);background:var(--bk-surface);
  border:1px solid var(--bk-line);border-radius:var(--bk-r-full);padding:3px 10px;
}
a.burko-licznik-link{text-decoration:none}
a.burko-licznik-link:hover,a.burko-licznik-link:focus-visible{color:var(--bk-ink);border-color:var(--bk-ink-3)}
/* Nagłówek, który prowadzi dalej — bez podkreślenia, dopóki nie najedziesz. */
.burko-cichy{color:inherit;text-decoration:none}
.burko-cichy:hover,.burko-cichy:focus-visible{text-decoration:underline}

/* --------------------------------------------------------- mierniki */
.burko-seg{display:flex;gap:3px}
.burko-seg i{width:11px;height:22px;border-radius:4px;background:var(--bk-surface-3);display:block}
.burko-seg i.f{background:var(--bk-black)}
.burko-seg i.a{background:var(--bk-accent)}
.burko-seg-sm i{width:8px;height:16px;border-radius:3px}

/* ---------------------------------------------------------- tabela */
.burko-table{border-radius:var(--bk-r-lg)}
.burko-table th{font-size:11px;letter-spacing:.13em;padding:12px 14px}
.burko-table td{padding:11px 14px}
.burko-tablewrap{border-radius:var(--bk-r-lg)}

/* Awatar z inicjałami — używany w listach osób i firm. */
.burko-awatar{
  width:30px;height:30px;border-radius:var(--bk-r-full);background:var(--bk-surface-3);
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;
  color:var(--bk-ink-2);flex:0 0 auto;letter-spacing:-.02em;
}

@media (max-width:900px){
  .burko-topbar{padding:14px 16px 0}
  .burko-main{padding:14px 16px 28px}
  .burko-main h1{font-size:30px}
  .burko-kpis{gap:18px}
  .burko-kpi b{font-size:24px}
}

/* Szuflada po przeniesieniu paska górnego do obszaru treści: burger nie jest
   już rodzeństwem checkboxa, a szyna zaczyna się od samej góry ekranu. */
.burko-nt:checked~.burko-uklad .burko-topbar .burko-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burko-nt:checked~.burko-uklad .burko-topbar .burko-burger span:nth-child(2){opacity:0}
.burko-nt:checked~.burko-uklad .burko-topbar .burko-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:980px){
  .burko-uklad{grid-template-columns:minmax(0,1fr)}
  /* Reguła `.burko-boczny` z warstwy 0.41 jest bezwarunkowa i przebijała
     `position:fixed` z bloku mobilnego — szyna zostawała w układzie i spychała
     treść o całą wysokość ekranu w dół. Tu przywracamy szufladę. */
  .burko-boczny{
    position:fixed;top:0;left:0;bottom:0;width:264px;height:100vh;z-index:70;
    transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--bk-sh-3);
  }
  .burko-nt:checked~.burko-uklad .burko-boczny{transform:none}
  .burko-nt:checked~.burko-zaslona{inset:0}
  .burko-topbar{padding:14px 16px 0}
  .burko-szukaj{height:38px;width:38px;flex:0 0 38px;border-radius:var(--bk-r-full)}
  .burko-ikonbtn{width:38px;height:38px}
  .burko-burger{width:38px;height:38px;border-radius:var(--bk-r-full)}
  .burko-kto{display:none}
  .burko-wyloguj{display:none}
}

/* W ciemnym motywie czarny przycisk zlewa się z tłem — odwracamy go. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .burko-btn-primary{background:#f2ede8;border-color:#f2ede8;color:#17130f}
  :root:not([data-theme="light"]) .burko-btn-primary:hover{background:#fff;border-color:#fff;color:#17130f}
  :root:not([data-theme="light"]) a.burko-btn-primary,
  :root:not([data-theme="light"]) a.burko-btn-primary:hover{color:#17130f}
  :root:not([data-theme="light"]) .burko-chip.on{background:#f2ede8;border-color:#f2ede8;color:#17130f}
  :root:not([data-theme="light"]) .burko-chip.on:hover{color:#17130f}
  :root:not([data-theme="light"]) .burko-seg i.f{background:#f2ede8}
}
:root[data-theme="dark"] .burko-btn-primary{background:#f2ede8;border-color:#f2ede8;color:#17130f}
:root[data-theme="dark"] .burko-btn-primary:hover{background:#fff;border-color:#fff;color:#17130f}
:root[data-theme="dark"] a.burko-btn-primary,
:root[data-theme="dark"] a.burko-btn-primary:hover{color:#17130f}
:root[data-theme="dark"] .burko-chip.on{background:#f2ede8;border-color:#f2ede8;color:#17130f}
:root[data-theme="dark"] .burko-chip.on:hover{color:#17130f}
:root[data-theme="dark"] .burko-seg i.f{background:#f2ede8}

/* =========================================================================
   0.42 — komponenty z makiet. Nagłówek strony z licznikami, nagłówek sekcji
   z chipami, karty encji nad tabelą, paski etapów, mierniki.
   ========================================================================= */

/* Nagłówek strony: tytuł + podtytuł | liczniki | akcje */
.burko-head{display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap;margin-bottom:var(--bk-5)}
.burko-head h1{margin:0}
.burko-head .burko-sub{margin:6px 0 0;font-size:13px;color:var(--bk-ink-3)}
.burko-head .burko-headbtns{margin-left:auto;padding-bottom:3px}

/* Nagłówek sekcji: tytuł + licznik | chipy filtrów */
.burko-sechead{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:0 0 var(--bk-3)}
.burko-sechead h2{margin:0;font-size:19px}
.burko-sechead .burko-chips{margin-left:auto}

/* Siatka kart encji */
.burko-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:var(--bk-3);margin-bottom:var(--bk-4)}
.burko-karty-3{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.burko-karty-2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.burko-karta{
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  padding:16px 18px;display:flex;flex-direction:column;box-shadow:var(--bk-sh-1);
  text-decoration:none;color:inherit;min-width:0;
}
.burko-karta>*{flex:0 0 auto}
.burko-karta-gora{display:flex;align-items:flex-start;gap:10px}
.burko-karta-gora .burko-awatar{width:38px;height:38px;font-size:14px}
.burko-karta-strzalka{margin-left:auto;color:var(--bk-ink-3);flex:0 0 auto}
.burko-karta-tytul{font-size:16px;font-weight:700;margin-top:10px;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-karta-tytul-2l{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.burko-karta-sub{font-size:11.5px;color:var(--bk-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Akapit opisowy w karcie — w przeciwieństwie do .burko-karta-sub zawija się
   i nie jest ucinany wielokropkiem. */
.burko-karta-opis{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:var(--bk-ink-2)}
.burko-karta.akcent .burko-karta-opis{color:rgba(23,19,15,.9)}
.burko-karta.czarna .burko-karta-opis{color:var(--bk-black-ink)}
.burko-karta .burko-plik{display:block;width:100%;margin-top:10px;font:400 12.5px/1.4 var(--bk-font);color:var(--bk-ink-2)}
.burko-table td.bk-num{white-space:nowrap}
.burko-karta hr{border:0;border-top:1px solid var(--bk-line-soft);margin:11px 0 9px}
.burko-karta-stopka{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:11px}
.burko-karta .burko-kv{display:flex;gap:10px;font-size:12.5px;padding:2.5px 0}
.burko-karta .burko-kv span{color:var(--bk-ink-3)}
.burko-karta .burko-kv b{font-weight:600;margin-left:auto;text-align:right;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}

/* Karta wypełniona akcentem — jedna na ekran. Tekst ciemny: 5,4:1. */
.burko-karta.akcent{background:var(--bk-accent);border-color:var(--bk-accent);color:#17130f}
.burko-karta.akcent .burko-karta-sub,.burko-karta.akcent .burko-kv span,
.burko-karta.akcent .burko-lab,.burko-karta.akcent .burko-karta-strzalka{color:rgba(23,19,15,.9)}
.burko-karta.akcent hr{border-top-color:rgba(23,19,15,.22)}
.burko-karta.akcent .burko-awatar{background:#fff;color:#B84B14}
.burko-karta.akcent .burko-btn{background:#17130f;border-color:#17130f;color:#fff}
.burko-karta.akcent .burko-tag{background:rgba(255,255,255,.3);color:#17130f}
/* Karta ciemna — blok CTA / promocja. */
.burko-karta.czarna{background:var(--bk-black);border-color:var(--bk-black);color:#fff}
.burko-karta.czarna .burko-karta-sub,.burko-karta.czarna .burko-kv span,
.burko-karta.czarna .burko-lab{color:var(--bk-black-ink-2)}
.burko-karta.czarna hr{border-top-color:rgba(255,255,255,.18)}
a.burko-karta:hover{border-color:var(--bk-accent);box-shadow:var(--bk-sh-2)}

/* Miernik kropkowy — postęp etapów wniosku */
.burko-kropki{display:inline-flex;gap:3px}
.burko-kropki i{width:7px;height:7px;border-radius:999px;background:var(--bk-surface-3);display:block}
.burko-kropki i.f{background:var(--bk-accent)}
.burko-karta.akcent .burko-kropki i{background:rgba(23,19,15,.26)}
.burko-karta.akcent .burko-kropki i.f{background:#17130f}

/* Pasek postępu */
.burko-pasek{height:6px;border-radius:999px;background:var(--bk-surface-3);overflow:hidden;display:block}
.burko-pasek>i{display:block;height:100%;border-radius:999px;background:var(--bk-accent)}

/* Ciemny pasek etapów wniosku */
.burko-etapy{
  background:var(--bk-black);border-radius:var(--bk-r-lg);padding:8px;display:flex;gap:6px;
  align-items:stretch;margin-bottom:var(--bk-4);overflow-x:auto;
}
.burko-etapy-lab{display:flex;align-items:center;gap:9px;padding:0 14px 0 10px;flex:0 0 auto;
  font-size:11.5px;font-weight:700;color:var(--bk-black-ink-2);letter-spacing:.06em}
.burko-etap{
  flex:1;min-width:112px;border-radius:14px;padding:9px 14px;display:flex;align-items:center;gap:9px;
  text-decoration:none;color:var(--bk-black-ink-3);background:transparent;
}
.burko-etap b{font-family:var(--bk-dsp);font-size:17px;font-weight:800;letter-spacing:-.03em}
.burko-etap span{font-size:11.5px;font-weight:600;white-space:nowrap}
.burko-etap.jest{background:rgba(255,255,255,.10);color:#fff}
.burko-etap.top{background:var(--bk-accent);color:#17130f}
.burko-etap:hover{color:#fff}
.burko-etap.top:hover{color:#17130f}

/* Pasek tygodnia — okna naborów */
.burko-tydzien{background:var(--bk-black);border-radius:var(--bk-r-lg);padding:12px 14px;margin-bottom:var(--bk-4);color:#fff}
.burko-tydzien-head{display:flex;align-items:center;gap:12px;margin-bottom:9px;flex-wrap:wrap}
.burko-tydzien-dni{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:7px}
.burko-tydzien-dzien{border-radius:10px;padding:6px 0;text-align:center}
.burko-tydzien-dzien.dzis{background:rgba(255,255,255,.10)}
.burko-tydzien-dzien em{display:block;font-style:normal;font-size:11px;letter-spacing:.12em;
  color:var(--bk-black-ink-3);font-weight:700}
.burko-tydzien-dzien b{display:block;font-family:var(--bk-dsp);font-size:15px;font-weight:800;
  color:var(--bk-black-ink-2);margin-top:2px}
.burko-tydzien-dzien.dzis b{color:#fff}
.burko-tydzien-pasy{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.burko-pas{
  border-radius:12px;padding:7px 12px;display:flex;align-items:center;gap:9px;min-width:0;
  text-decoration:none;font-size:12px;font-weight:700;
  background:rgba(255,255,255,.13);color:#fff;
}
.burko-pas.trwa{background:var(--bk-accent);color:#17130f}
.burko-pas.plan{background:transparent;border:1.5px dashed rgba(255,255,255,.28);color:var(--bk-black-ink)}
/* Nabór adresowany wyłącznie do pracodawców dostaje na pasku błękit, ten sam,
   którym oznaczamy go w kalendarzu i na liście — pomarańcz zostaje dla osób. */
.burko-pas.trwa.burko-pas-firmy{background:#79b6e2;color:#0f1f2b}
a.burko-pas.trwa.burko-pas-firmy:hover{background:#9ccbee}
.burko-pas.plan.burko-pas-firmy{border-color:rgba(121,182,226,.55);color:#a8d0ec}
.burko-pas i{font-style:normal;font-size:11px;font-weight:600;opacity:.82;margin-left:auto;white-space:nowrap}
.burko-pas b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
/* Pasek naboru bywa linkiem — kolory zostają z wariantu, zmienia się tylko
   podniesienie i obrys, żeby było widać, że da się kliknąć. */
a.burko-pas{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}
a.burko-pas:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.28)}
a.burko-pas.trwa:hover{background:#ff8a3d}
a.burko-pas:not(.trwa):hover{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.5)}
a.burko-pas:focus-visible{outline:2px solid #fff;outline-offset:2px}
.burko-tydzien a.burko-pas b{color:inherit}

/* Karta metryki z miernikiem segmentowym */
.burko-metryka{display:flex;flex-direction:column}
.burko-metryka-head{display:flex;align-items:center;gap:8px}
.burko-metryka-ico{width:26px;height:26px;border-radius:9px;background:var(--bk-surface-3);
  display:flex;align-items:center;justify-content:center;color:var(--bk-ink-2);flex:0 0 auto}
.burko-karta.akcent .burko-metryka-ico{background:rgba(255,255,255,.3);color:#17130f}
.burko-karta.czarna .burko-metryka-ico{background:rgba(255,255,255,.12);color:var(--bk-accent)}
.burko-metryka-head b{font-size:12.5px;font-weight:700}
.burko-metryka-liczba{display:flex;align-items:baseline;gap:5px;margin:14px 0 12px}
.burko-metryka-liczba strong{font-family:var(--bk-dsp);font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1}
.burko-metryka-liczba span{font-size:14px;color:var(--bk-ink-3)}
.burko-karta.akcent .burko-metryka-liczba span{color:rgba(23,19,15,.9)}
.burko-metryka-nota{font-size:11px;color:var(--bk-ink-3);margin-top:11px;line-height:1.4}
.burko-karta.akcent .burko-metryka-nota{color:rgba(23,19,15,.9)}
.burko-karta.czarna .burko-metryka-nota{color:var(--bk-black-ink-2)}
.burko-karta.akcent .burko-seg i{background:rgba(23,19,15,.26)}
.burko-karta.akcent .burko-seg i.f{background:#17130f}

/* Komórka „osoba" w tabeli */
.burko-osoba{display:flex;align-items:center;gap:9px;min-width:0}
.burko-osoba b{font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-osoba b+span{font-size:11px;color:var(--bk-ink-3);display:block;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.burko-table tr.wyroz td{background:var(--bk-accent-soft)}
.burko-tabela-stopka{text-align:center;padding:14px 0 4px}

/* Sekcja tabeli w karcie */
.burko-blok{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  padding:18px 20px;box-shadow:var(--bk-sh-1);margin-bottom:var(--bk-4);overflow-x:auto}
.burko-blok .burko-table{border:0;border-radius:0;box-shadow:none;background:transparent}
.burko-blok .burko-table th{background:transparent;border-bottom:1px solid var(--bk-line)}

@media (max-width:900px){
  .burko-head{gap:14px}
  /* Na telefonie akcje idą pod nagłówek, na pełną szerokość — nie doklejamy
     ich do prawej krawędzi, bo lądują same w pustym wierszu. */
  .burko-head .burko-headbtns{margin-left:0;width:100%}
  .burko-head .burko-headbtns .burko-btn{flex:1;justify-content:center}
  .burko-kpis{gap:20px;row-gap:12px}
  .burko-karty{grid-template-columns:1fr}
  .burko-etapy{padding:6px}
  .burko-tydzien-pasy .burko-pas{font-size:11px;padding:6px 9px}
  .burko-blok{padding:14px 14px}
}

/* Pigułka akcentowa w tabelach i na kartach */
.burko-tag-akcent{background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.burko-kpi .burko-tag{font-size:11px;padding:2px 7px;white-space:nowrap;flex:0 0 auto}
.burko-osoba{text-decoration:none;color:inherit}
.burko-table a.burko-osoba b{color:var(--bk-ink)}
.burko-table a.burko-osoba:hover b{color:var(--bk-accent-text)}
.burko-sechead .burko-searchrow input,.burko-sechead .burko-chips input[type=search]{
  border:1px solid var(--bk-line);background:var(--bk-surface);font-size:12.5px;box-shadow:var(--bk-sh-1)}

/* ------------------------------------------------- zgłoszenia: karty decyzji */
.burko-tag-ok{background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-tag-err{background:var(--bk-err-soft);color:var(--bk-err)}
.burko-tag-warn{background:var(--bk-warn-soft);color:var(--bk-warn)}
.burko-tag-info{background:var(--bk-info-soft);color:var(--bk-info)}
.burko-zgl-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(392px,1fr));gap:var(--bk-3);margin-bottom:var(--bk-4)}
.burko-zgl-akcje{display:flex;gap:8px;margin-top:var(--bk-3)}
.burko-zgl-akcje .burko-btn{flex:1;justify-content:center}
.burko-karta.akcent .burko-btn-danger,
.burko-karta.akcent .burko-btn-danger:hover{background:rgba(255,255,255,.3);border-color:transparent;color:#17130f}
.burko-karta.akcent .burko-tag-ok{background:rgba(255,255,255,.3);color:#17130f}
.burko-karta .burko-kv b{font-variant-numeric:tabular-nums}
@media (max-width:900px){.burko-zgl-karty{grid-template-columns:1fr}}

/* --------------------------------------------- stronicowanie długich tabel */
.burko-str[hidden]{display:none}
.burko-str{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:16px 0 4px}
.burko-str-info{margin-right:auto;font-size:12px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}
.burko-str button{
  min-width:34px;height:34px;padding:0 10px;border-radius:var(--bk-r-full);
  border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);
  font:600 13px/1 var(--bk-font);cursor:pointer;box-shadow:var(--bk-sh-1);
  font-variant-numeric:tabular-nums;
}
.burko-str button:hover:not(:disabled){border-color:var(--bk-accent);color:var(--bk-accent-text)}
.burko-str button[aria-current="page"]{background:var(--bk-black);border-color:var(--bk-black);color:#fff}
.burko-str button:disabled{opacity:.4;cursor:default}
.burko-str .burko-str-kropki{color:var(--bk-ink-3);padding:0 2px;font-weight:700}

/* ------------------------------- nabory: rozwijany blok ustawień i filtry
   `details` w nowym języku — nagłówek jako pasek, treść dopiero po otwarciu. */
.burko-rozwin{padding:0}
.burko-rozwin>summary{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;list-style:none;
  padding:14px 18px;border-radius:var(--bk-r-lg);
}
.burko-rozwin>summary::-webkit-details-marker{display:none}
.burko-rozwin>summary::after{
  content:'▾';margin-left:auto;color:var(--bk-ink-3);font-size:13px;transition:transform .18s ease;
}
.burko-rozwin[open]>summary::after{transform:rotate(180deg)}
.burko-rozwin>summary:hover .burko-rozwin-tytul{color:var(--bk-accent-text)}
.burko-rozwin-tytul{font-family:var(--bk-dsp);font-weight:700;font-size:15px;color:var(--bk-ink)}
.burko-rozwin>form,.burko-rozwin>div{padding:0 18px 18px}

/* Filtry pod nagłówkiem sekcji — te same pigułki co chipy, nie kanciaste pola. */
.burko-searchrow input,.burko-searchrow select{
  border-radius:var(--bk-r-full);padding:9px 15px;font-size:13px;box-shadow:var(--bk-sh-1)}
.burko-searchrow select{width:auto;min-width:200px;padding-right:32px}
.burko-searchrow .burko-btn{flex:0 0 auto}

/* Pasek tygodnia: paski naborów układają się w kolejnych wierszach siatki. */
.burko-tydzien-pasy{grid-auto-rows:minmax(0,auto)}
.burko-tydzien .burko-karta-sub{color:var(--bk-black-ink-3)}

/* =========================================================================
   0.43.1 — „Wszystkie nabory": mapa dostępności i oś okien naborów.
   Mapa to 16 kafelków województw: duża liczba otwartych źródeł, pasek
   proporcji PSF/KFS i największa kwota. Oś to 90 dni w poziomie.
   ========================================================================= */
.burko-woj-mapa{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));
  gap:10px;margin-bottom:var(--bk-4);
}
.burko-woj{
  display:flex;flex-direction:column;gap:6px;min-width:0;
  padding:13px 15px 12px;border-radius:var(--bk-r-lg);
  border:1px solid var(--bk-line);background:var(--bk-surface);
  box-shadow:var(--bk-sh-1);text-decoration:none;color:inherit;
  transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
.burko-woj:hover{border-color:var(--bk-accent);box-shadow:var(--bk-sh-2);transform:translateY(-1px)}
.burko-woj:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
.burko-woj-nazwa{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bk-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.burko-woj-licz{
  font-family:var(--bk-dsp);font-size:30px;font-weight:800;line-height:1;
  color:var(--bk-ink);font-variant-numeric:tabular-nums;
}
/* Długość paska = udział w najbogatszym województwie, wypełnienie = część PSF. */
.burko-woj-pasek{display:block;height:5px;border-radius:999px;background:var(--bk-surface-3);width:var(--u,0%);min-width:5px;overflow:hidden}
.burko-woj-pasek>i{display:block;height:100%;background:var(--bk-accent);border-radius:999px}
.burko-woj-nogi{display:flex;align-items:baseline;gap:8px;font-size:11.5px;color:var(--bk-ink-3);min-width:0}
.burko-woj-nogi b{margin-left:auto;font-weight:700;color:var(--bk-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.burko-woj.pusty{opacity:.5}
.burko-woj.pusty .burko-woj-licz{color:var(--bk-ink-3)}
.burko-woj.on{border-color:var(--bk-black);background:var(--bk-black);color:#fff}
.burko-woj.on .burko-woj-nazwa,.burko-woj.on .burko-woj-nogi{color:var(--bk-black-ink-2)}
.burko-woj.on .burko-woj-licz{color:#fff}
.burko-woj.on .burko-woj-nogi b{color:var(--bk-accent)}
.burko-woj.on .burko-woj-pasek{background:rgba(255,255,255,.16)}

/* Oś okien naborów — ciemny blok, tor na 90 dni. */
.burko-os{background:var(--bk-black);border-radius:var(--bk-r-lg);padding:14px 16px 16px;margin-bottom:var(--bk-4);color:#fff}
.burko-os-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.burko-os-head strong{font-family:var(--bk-dsp);font-size:15px;font-weight:700}
.burko-os .burko-podpis{color:var(--bk-black-ink-3)}
.burko-os-skala{margin:0 0 8px calc(210px + 12px)}
.burko-os-skala-tor{position:relative;display:block;height:14px}
.burko-os-skala-tor i{
  position:absolute;top:0;font-style:normal;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:var(--bk-black-ink-3);border-left:1px solid rgba(255,255,255,.14);padding-left:7px;
  white-space:nowrap;line-height:14px;
}
.burko-os-tor{display:flex;flex-direction:column;gap:7px}
.burko-os-wiersz{display:flex;align-items:center;gap:12px;min-width:0}
.burko-os-etykieta{
  flex:0 0 210px;width:210px;font-size:12px;font-weight:600;color:var(--bk-black-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.burko-os-plan{
  position:relative;flex:1;min-width:0;height:26px;border-radius:8px;
  background:rgba(255,255,255,.05);
}
.burko-os-pas{
  position:absolute;top:3px;bottom:3px;border-radius:999px;
  background:var(--bk-accent);color:#17130f;text-decoration:none;
  display:flex;align-items:center;justify-content:flex-end;padding:0 9px;
  transition:filter .14s ease,box-shadow .14s ease;min-width:34px;
}
/* Na czerni bursztyn z jasnego motywu gaśnie — tu jaśniejszy, stały odcień. */
.burko-os-pas.pilne{background:#f5b23c;color:#17130f}
/* Ile zostało — poza paskiem, żeby krótkie okna też dało się podpisać. */
.burko-os-dni{
  position:absolute;top:50%;transform:translateY(-50%);font-style:normal;
  font-size:11px;font-weight:700;white-space:nowrap;color:var(--bk-black-ink);
  pointer-events:none;
}
.burko-os-dni.pilne{color:#ffcd6e}
a.burko-os-pas:hover{filter:brightness(1.08);box-shadow:0 3px 12px rgba(0,0,0,.35)}
a.burko-os-pas:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media (max-width:900px){
  .burko-woj-mapa{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}
  .burko-woj{padding:11px 12px 10px}
  .burko-woj-licz{font-size:25px}
  /* Na wąskim ekranie etykieta wraca nad tor — inaczej zostaje 60 px na pasek.
     Tor musi dostać flex:none, bo w kolumnie flex:1 zjadłoby mu wysokość. */
  .burko-os{padding:12px 13px 14px}
  .burko-os-head{gap:8px}
  .burko-os-skala{margin-left:0}
  .burko-os-wiersz{flex-direction:column;align-items:stretch;gap:3px;margin-bottom:2px}
  .burko-os-etykieta{flex:none;width:auto;white-space:normal;font-size:11.5px}
  .burko-os-plan{flex:none;width:100%;height:24px}
  .burko-os-tor{gap:11px}
}

/* Podpis pomocniczy przy nagłówku sekcji — zawija się, w odróżnieniu od
   .burko-karta-sub, które jest jednolinijkowe i ucinane wielokropkiem. */
.burko-podpis{font-size:11.5px;line-height:1.45;color:var(--bk-ink-3);min-width:0}
.burko-sechead .burko-podpis{margin-left:auto;text-align:right}
@media (max-width:900px){.burko-sechead .burko-podpis{margin-left:0;text-align:left;flex:1 1 100%}}

/* Karta akcentowa nie odwraca się w ciemnym motywie — zostaje pomarańczowa.
   Reguły motywu (`:root:not([data-theme=light]) a.burko-btn-primary`) mają
   wyższą wagę niż `.burko-karta.akcent .burko-btn`, więc przycisk-link tracił
   w ciemnym motywie biały tekst na czarnym tle. Tu odzyskuje własne kolory. */
:root .burko-karta.akcent a.burko-btn,
:root .burko-karta.akcent a.burko-btn:hover,
:root .burko-karta.akcent button.burko-btn,
:root .burko-karta.akcent button.burko-btn:hover{
  background:#17130f;border-color:#17130f;color:#fff;
}
:root .burko-karta.akcent a.burko-btn-danger,
:root .burko-karta.akcent a.burko-btn-danger:hover,
:root .burko-karta.akcent button.burko-btn-danger,
:root .burko-karta.akcent button.burko-btn-danger:hover{
  background:rgba(255,255,255,.3);border-color:transparent;color:#17130f;
}

/* =========================================================================
   0.43.2 — warstwa interakcji. Każdy element, w który da się kliknąć, ma
   odpowiadać na najechanie, wciśnięcie i klawiaturę. Zasada jest jedna:
   podniesienie o 1 px + mocniejszy cień + delikatne przybarwienie akcentem;
   wciśnięcie odstawia element z powrotem. Dodajemy głównie `transform`,
   `box-shadow` i tło — właściwości, których reguły motywów nie ustawiają,
   więc nie wchodzimy w konflikt swoistości z blokami ciemnego motywu.
   ========================================================================= */

/* --- przycisk drugorzędny: tło łagodnym akcentem, żeby zmiana była widoczna
       także wtedy, gdy przycisk leży na białej karcie. */
.burko-btn:not(.burko-btn-primary):not(.burko-btn-marka):not(.burko-btn-danger):not(:disabled):not([disabled]):hover{
  background:var(--bk-accent-soft);
}
.burko-btn:not(:disabled):not([disabled]):hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(26,23,21,.13);
}
/* Wciśnięcie: element wraca na miejsce i traci cień — czuć „klik". */
.burko-btn:not(:disabled):not([disabled]):active{
  transform:translateY(0);
  box-shadow:0 1px 2px rgba(26,23,21,.14);
}
/* Akcja główna jest czarna, więc sama zmiana odcienia ledwo widać.
   Dokładamy wewnętrzną obwódkę i wyraźniejszy cień. */
.burko-btn-primary:not(:disabled):not([disabled]):hover{
  box-shadow:0 6px 16px rgba(23,19,15,.30), inset 0 0 0 1px rgba(255,255,255,.20);
}
.burko-btn-marka:not(:disabled):not([disabled]):hover{
  box-shadow:0 6px 16px rgba(194,81,13,.34), inset 0 0 0 1px rgba(255,255,255,.24);
}
.burko-btn-danger:not(:disabled):not([disabled]):hover{
  background:var(--bk-err-soft);border-color:var(--bk-err);
}
.burko-btn-ghost:not(:disabled):not([disabled]):hover{box-shadow:none;transform:none}
.burko-btn-ghost:not(:disabled):not([disabled]):active{background:var(--bk-surface-3)}
.burko-btn[disabled],.burko-btn:disabled{transform:none}

/* --- pigułki filtrów */
.burko-chip{transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
.burko-chip:hover{background:var(--bk-accent-soft);transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,23,21,.12)}
.burko-chip:active{transform:translateY(0);box-shadow:var(--bk-sh-1)}
.burko-chip.on:hover{background:var(--bk-black-2);box-shadow:0 5px 14px rgba(23,19,15,.28), inset 0 0 0 1px rgba(255,255,255,.18)}

/* --- stronicowanie i sortowanie tabel */
.burko-str button{transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
.burko-str button:hover:not(:disabled){background:var(--bk-accent-soft);transform:translateY(-1px);box-shadow:0 3px 10px rgba(26,23,21,.12)}
.burko-str button:active:not(:disabled){transform:translateY(0);box-shadow:var(--bk-sh-1)}
.burko-str button[aria-current="page"]:hover{background:var(--bk-black-2);color:#fff}
.burko-table th.bk-sort button{transition:background .15s,color .15s}
.burko-table th.bk-sort button:active{background:var(--bk-accent-soft)}

/* --- pola formularzy: kursor i obrys mówią, że da się w nie wejść */
.burko-searchrow select,.burko-form select{cursor:pointer}
.burko-searchrow input:hover,.burko-searchrow select:hover,
.burko-form input:hover,.burko-form select:hover,.burko-form textarea:hover{
  border-color:var(--bk-ink-3);
}
.burko-form input[type=file],.burko-plik{cursor:pointer}
.burko-plik:hover{color:var(--bk-accent-text)}
.burko-check{cursor:pointer;border-radius:var(--bk-r-sm);transition:color .15s}
.burko-check:hover{color:var(--bk-accent-text) !important}
.burko-check input{cursor:pointer}

/* --- blok rozwijany: cały pasek nagłówka reaguje, nie tylko sam tytuł */
.burko-rozwin>summary{transition:background .15s}
.burko-rozwin>summary:hover{background:var(--bk-surface-2)}
.burko-rozwin>summary:hover::after{color:var(--bk-accent-text)}
.burko-rozwin>summary:active{background:var(--bk-surface-3)}

/* --- kafelki i karty klikalne */
.burko-woj:active{transform:translateY(0);box-shadow:var(--bk-sh-1)}
a.burko-karta{transition:border-color .15s,box-shadow .15s,transform .15s}
a.burko-karta:hover{transform:translateY(-1px)}
a.burko-karta:active{transform:translateY(0);box-shadow:var(--bk-sh-1)}
a.burko-pas:active{transform:translateY(0);box-shadow:none}
a.burko-os-pas:active{filter:none;box-shadow:none}
.burko-kafel{transition:border-color .15s,box-shadow .15s}
.burko-kafel:hover{box-shadow:var(--bk-sh-2)}

/* --- klawiatura: jeden pierścień dla wszystkiego, co da się zogniskować */
.burko-main :where(a,button,summary,select,input,textarea,[tabindex]):focus-visible,
.burko-boczny :where(a,button):focus-visible,
.burko-topbar :where(a,button,input):focus-visible{
  outline:2px solid var(--bk-accent);outline-offset:2px;border-radius:var(--bk-r-sm);
}

/* Kto woli bez ruchu — zostaje samo przybarwienie i cień. */
@media (prefers-reduced-motion:reduce){
  .burko-btn,.burko-chip,.burko-str button,a.burko-karta,.burko-woj,a.burko-pas{transition:none !important}
  .burko-btn:hover,.burko-chip:hover,.burko-str button:hover,
  a.burko-karta:hover,.burko-woj:hover,a.burko-pas:hover{transform:none !important}
}

/* ------------------------------------- identyfikator gminy (TERYT) i de minimis */
.burko-teryt-wyniki{margin:0 0 var(--bk-3);padding:12px 14px;border:1px solid var(--bk-line);
  border-radius:var(--bk-r-lg);background:var(--bk-surface-2)}
.burko-teryt-wyniki p{margin:0}
.burko-teryt-ok{font-size:13px;color:var(--bk-ok)}
.burko-teryt-uwaga{font-size:13px;color:var(--bk-warn);font-weight:600}
.burko-zgl-form{margin-top:12px}
.burko-zgl-form .burko-grid2{grid-template-columns:1fr;gap:8px}
.burko-zgl-form label{font-size:12px;color:var(--bk-ink-3)}
.burko-teryt-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:10px}
.burko-teryt-poz{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-width:0;
  padding:9px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);
  cursor:pointer;font:inherit;color:var(--bk-ink);box-shadow:var(--bk-sh-1);
  transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;
}
.burko-teryt-poz:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft);
  transform:translateY(-1px);box-shadow:var(--bk-sh-2)}
.burko-teryt-poz:active{transform:translateY(0)}
.burko-teryt-poz b{font-size:13.5px;font-weight:700}
.burko-teryt-poz span{font-size:11.5px;color:var(--bk-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.burko-teryt-poz i{font-style:normal;font-family:var(--bk-mono);font-size:11px;color:var(--bk-accent-text);font-weight:700}

/* Wykorzystanie pułapu de minimis na kartotece firmy. */
.burko-dm{margin:0 0 var(--bk-3)}
.burko-dm-liczba{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.burko-dm-liczba b{font-family:var(--bk-dsp);font-size:30px;font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--bk-ink);font-variant-numeric:tabular-nums}
.burko-dm-liczba span{font-size:12.5px;color:var(--bk-ink-3)}
.burko-dm-pasek{height:8px}
.burko-dm-nogi{display:flex;align-items:baseline;gap:12px;margin-top:7px;font-size:12.5px;color:var(--bk-ink-3)}
.burko-dm-nogi b{margin-left:auto;color:var(--bk-ink-2);font-weight:700}
.burko-dm-tabela{margin-top:var(--bk-3)}

/* ------------------------------------- kartoteka firmy */
.burko-awatar-lg{width:38px;height:38px;font-size:14px;vertical-align:-9px;margin-right:11px;
  background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.burko-h1-awatar{display:flex;align-items:center;gap:12px}
.burko-h1-awatar .burko-awatar-lg{margin-right:0;vertical-align:0}
.burko-osoba-wiersz{display:flex;padding:6px 8px;margin:0 -8px;border-radius:var(--bk-r);
  transition:background .14s}
.burko-osoba-wiersz:hover{background:var(--bk-surface-2)}
.burko-osoba-wiersz:hover b{color:var(--bk-accent-text)}
.burko-karty-fk{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
/* Wybór kontekstu w stopce kafelka teczki — select ma dorównywać małemu
   przyciskowi obok, a nie rozpychać kafelka na całą szerokość. */
.burko-kon-form select{
  border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:5px 9px;
  font:600 12.5px/1.4 var(--bk-font);color:var(--bk-ink-2);background:var(--bk-surface);
  max-width:100%;cursor:pointer;transition:border-color .15s;
}
.burko-kon-form select:hover{border-color:var(--bk-accent)}
/* Tytuł wzoru prowadzi do podglądu, ale w kafelku ma czytać się jak tytuł,
   nie jak odnośnik — podkreślenie na dwudziestu kafelkach robi z siatki hałas. */
.burko-karta-tytul a{color:inherit;text-decoration:none}
.burko-karta-tytul a:hover{color:var(--bk-accent-text);text-decoration:underline}

/* ---------------- PROPOZYCJA: oś czasu dziennika (dni → tygodnie → miesiące) */
.burko-oscz{display:flex;flex-direction:column;gap:var(--bk-3)}
.burko-oscz-blok{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  box-shadow:var(--bk-sh-1);overflow:hidden}
.burko-oscz-blok>summary{display:flex;align-items:center;gap:var(--bk-3);padding:13px 16px;cursor:pointer;
  list-style:none;user-select:none}
.burko-oscz-blok>summary::-webkit-details-marker{display:none}
.burko-oscz-blok>summary:hover{background:var(--bk-surface-2)}
.burko-oscz-blok>summary::before{content:"›";font-size:17px;line-height:1;color:var(--bk-ink-3);
  transform:rotate(0deg);transition:transform .15s;flex:0 0 auto;width:12px;text-align:center}
.burko-oscz-blok[open]>summary::before{transform:rotate(90deg)}
.burko-oscz-tyt{font-weight:700;font-size:14px;letter-spacing:-.1px}
.burko-oscz-tyt em{font-style:normal;font-weight:500;color:var(--bk-ink-3);margin-left:7px;font-size:12.5px}
.burko-oscz-liczby{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.burko-oscz-cisza{margin-left:auto;font-size:12px;color:var(--bk-ink-3)}
.burko-oscz-tresc{padding:0 16px 6px;border-top:1px solid var(--bk-line-soft)}
/* Zagnieżdżenie: tydzień w miesiącu, dzień w tygodniu — cieńsza rama, bez cienia. */
.burko-oscz-tresc .burko-oscz{gap:var(--bk-2);padding:var(--bk-3) 0}
.burko-oscz-tresc .burko-oscz-blok{box-shadow:none;background:var(--bk-surface-2)}
/* Liczby: „pkt" to jedyna miara zużycia AI pokazywana użytkownikowi. */
.burko-oscz-l{font-size:11.5px;font-weight:600;color:var(--bk-ink-3);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.burko-oscz-l b{font-weight:700;color:var(--bk-ink-2)}
.burko-oscz-pkt{border-radius:var(--bk-r-full);padding:2px 9px;background:var(--bk-info-soft);color:var(--bk-info)}
.burko-oscz-dzis>summary{background:var(--bk-accent-soft)}
.burko-oscz-dzis>summary .burko-oscz-tyt{color:var(--bk-accent-text)}
@media (max-width:640px){
  .burko-oscz-blok>summary{flex-wrap:wrap}
  .burko-oscz-liczby{margin-left:19px;width:100%;justify-content:flex-start}
}


.burko-karta.akcent .burko-pasek{background:rgba(255,255,255,.3)}
.burko-karta.akcent .burko-pasek>i{background:#fff !important}
.burko-dm-akcja{margin-top:auto;padding-top:var(--bk-3)}
.burko-form .burko-pelna{width:100%}
.burko-form .burko-blok>.burko-grid2+.burko-grid2{margin-top:var(--bk-3)}
@media (max-width:900px){
  .burko-awatar-lg{width:30px;height:30px;font-size:12px;vertical-align:-7px;margin-right:8px}
}

/* ------------------------------------- dane z rejestrów (biała lista + KRS) */
.burko-rej-fakty{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:var(--bk-3) var(--bk-4);margin-bottom:var(--bk-3)}
.burko-rej-fakty .burko-kv{display:flex;flex-direction:column;gap:2px;min-width:0}
.burko-rej-fakty .burko-kv span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--bk-ink-3)}
.burko-rej-fakty .burko-kv b{font-size:13.5px;font-weight:600;color:var(--bk-ink);line-height:1.4}
.burko-rej-sposob{margin:0 0 var(--bk-3);font-size:13px;color:var(--bk-ink-2);line-height:1.55}
.burko-rej-sposob .burko-lab{display:block;margin-bottom:3px}
.burko-rej-zgodne{margin:0}
.burko-rej-rozn{display:flex;flex-direction:column;gap:8px;padding-top:var(--bk-3);
  border-top:1px solid var(--bk-line)}
.burko-rej-rozn>.burko-muted{margin:0 0 2px}
.burko-rej-poz{display:grid;grid-template-columns:minmax(120px,1.1fr) 1.4fr 1.4fr auto;
  align-items:center;gap:var(--bk-3);padding:10px 12px;border:1px solid var(--bk-line);
  border-radius:var(--bk-r-lg);background:var(--bk-surface-2)}
.burko-rej-pole{font-size:12.5px;font-weight:700;color:var(--bk-ink)}
.burko-rej-para{display:flex;flex-direction:column;gap:1px;min-width:0}
.burko-rej-para i{font-style:normal;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--bk-ink-3)}
.burko-rej-para b{font-size:13px;font-weight:600;color:var(--bk-ink);line-height:1.4;
  overflow-wrap:anywhere}
.burko-rej-wstaw{white-space:nowrap}
.burko-rej-wstaw:disabled{opacity:.55;cursor:default}
.burko-pole-swieze{border-color:var(--bk-accent) !important;
  box-shadow:0 0 0 3px var(--bk-accent-soft) !important;transition:box-shadow .2s,border-color .2s}
@media (max-width:900px){
  .burko-rej-poz{grid-template-columns:1fr;gap:8px}
  .burko-rej-wstaw{width:100%}
}

/* ------------------------------------- karta wniosku */
/* Oś jedenastu etapów. To naprawdę jest sekwencja, więc numer kroku niesie
   informację, a nie ozdobę — po przejściu etapu numer ustępuje ptaszkowi. */
.burko-kroki{display:flex;gap:0;margin:0 0 var(--bk-4);padding:var(--bk-3) var(--bk-3) 14px;
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  box-shadow:var(--bk-sh-1);overflow-x:auto}
.burko-krok{position:relative;flex:1 1 0;min-width:82px;display:flex;flex-direction:column;
  align-items:center;gap:7px;text-align:center;padding:0 4px}
.burko-krok::before{content:"";position:absolute;top:13px;left:calc(-50% + 14px);right:calc(50% + 14px);
  height:2px;background:var(--bk-line)}
.burko-krok:first-child::before{display:none}
.burko-krok-kropka{width:26px;height:26px;border-radius:var(--bk-r-full);display:inline-flex;
  align-items:center;justify-content:center;font-size:11px;font-weight:700;
  background:var(--bk-surface-3);color:var(--bk-ink-3);border:2px solid var(--bk-surface);
  position:relative;z-index:1;font-variant-numeric:tabular-nums}
.burko-krok-nazwa{font-size:11px;line-height:1.25;color:var(--bk-ink-3);width:100%;
  white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.burko-krok-zrobiony::before{background:var(--bk-accent)}
.burko-krok-zrobiony .burko-krok-kropka{background:var(--bk-accent);color:#17130f}
.burko-krok-zrobiony .burko-krok-nazwa{color:var(--bk-ink-2)}
.burko-krok-teraz::before{background:var(--bk-accent)}
.burko-krok-teraz .burko-krok-kropka{background:var(--bk-accent);color:#17130f;
  box-shadow:0 0 0 4px var(--bk-accent-soft);transform:scale(1.12)}
.burko-krok-teraz .burko-krok-nazwa{color:var(--bk-ink);font-weight:700}

.burko-wn-odrzucony{margin-bottom:var(--bk-4)}
.burko-wn-odrzucony .burko-karta-opis{margin:8px 0 0}
.burko-wn-idw{margin-top:auto;padding-top:var(--bk-3)}
.burko-wn-szk{display:grid;gap:6px;padding-top:var(--bk-3)}
.burko-wn-szk label{font-size:12px;font-weight:600;color:var(--bk-ink-2)}
.burko-wn-szk select{width:100%}
.burko-wn-szk .burko-btn{justify-self:start}
.burko-wn-szk small{color:var(--bk-ink-3);line-height:1.45}
.burko-kal-form{margin:0}
.burko-dopisz{display:grid;gap:8px;justify-items:start;margin:var(--bk-4) 0 0;padding-top:var(--bk-3);border-top:1px solid var(--bk-line)}
.burko-dopisz label{font-size:12px;font-weight:600;color:var(--bk-ink-2)}
.burko-dopisz select{width:100%;max-width:520px}
.burko-dopisz select[multiple]{min-height:132px}
.burko-dopisz small{color:var(--bk-ink-3);line-height:1.45}
.burko-dopisz{margin-top:var(--bk-5);padding-top:var(--bk-4);gap:10px}
.burko-dopisz-1 select{max-width:100%}
.burko-dopisz-pelna{margin:0;font-size:12.5px;line-height:1.5;color:var(--bk-ink-2);
  background:var(--bk-surface-2);border:1px solid var(--bk-line);border-radius:var(--bk-r);
  padding:8px 11px;max-width:720px}
.burko-dopisz-pelna:empty{display:none}

/* Wybór usługi w sekcji teczki — osobny blok, nie doklejka do siatki wzorów. */
.burko-teczka-usluga{display:grid;gap:6px;justify-items:start;margin:var(--bk-4) 0 0;
  padding-top:var(--bk-3);border-top:1px solid var(--bk-line)}
.burko-teczka-usluga label{font-size:12px;font-weight:600;color:var(--bk-ink-2)}
.burko-teczka-usluga select{width:100%;max-width:640px}
.burko-teczka-usluga small{color:var(--bk-ink-3);line-height:1.45}

/* Dopisywanie osób do szkolenia: szukajka, lista z plusami, wybrani niżej. */
.burko-picker{margin:var(--bk-5) 0 var(--bk-4);padding-top:var(--bk-4);border-top:1px solid var(--bk-line);
  display:grid;gap:var(--bk-3)}
.burko-picker-head{display:flex;flex-wrap:wrap;gap:var(--bk-3);align-items:flex-end;justify-content:space-between}
.burko-picker-head .burko-lab{display:block}
.burko-picker-opis{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--bk-ink-3);max-width:560px}
.burko-picker-szukaj{flex:0 1 320px;min-width:220px}
.burko-picker-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;
  max-height:320px;overflow-y:auto;padding:2px}
.burko-picker-poz{display:flex;align-items:center;gap:11px;width:100%;text-align:left;cursor:pointer;
  padding:10px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);
  background:var(--bk-surface-2);color:inherit;font:inherit;min-width:0}
.burko-picker-poz:hover{border-color:var(--bk-accent);background:var(--bk-surface-3)}
.burko-picker-znak{flex:0 0 26px;height:26px;border-radius:var(--bk-r-full);display:grid;place-items:center;
  background:var(--bk-surface-3);color:var(--bk-ink-2);font-size:17px;line-height:1;font-weight:600}
.burko-picker-poz:hover .burko-picker-znak{background:var(--bk-accent);color:#17130f}
.burko-picker-kto{min-width:0}
.burko-picker-kto b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-picker-kto span{display:block;font-size:11.5px;color:var(--bk-ink-3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-picker-pusto{margin:0;color:var(--bk-ink-3);font-size:13px}
.burko-picker-form{display:grid;gap:var(--bk-3);justify-items:start;
  padding-top:var(--bk-3);border-top:1px dashed var(--bk-line)}
.burko-picker-wybrane{display:grid;gap:8px;width:100%}
.burko-picker-chipy{display:flex;flex-wrap:wrap;gap:7px}
.burko-picker-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;
  border-radius:var(--bk-r-full);background:var(--bk-accent-soft);border:1px solid var(--bk-accent);
  font-size:12.5px;max-width:100%}
.burko-picker-chip b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-picker-minus{width:20px;height:20px;flex:0 0 20px;border:0;border-radius:var(--bk-r-full);cursor:pointer;
  background:rgba(0,0,0,.12);color:inherit;font-size:15px;line-height:1;display:grid;place-items:center}
.burko-picker-minus:hover{background:var(--bk-err);color:#fff}
.burko-odepnij{display:inline-block;margin-left:6px}
.burko-nabory-ucz td{vertical-align:top}
.burko-nabory-ucz .burko-szk-termin{display:block;white-space:normal;margin-top:2px;
  font-size:11.5px;color:var(--bk-ink-3);line-height:1.45}
.burko-nabory-ucz b{font-weight:600}
.burko-nabor-zajety{opacity:.5}
.burko-nabor-zajety:hover{opacity:.8}
.burko-nabor-zajety b{font-weight:500}

/* Wiersz tabeli jako całość prowadzi do karty — mysz nie musi trafiać w link.
   Tło kładziemy na komórkach, bo wiersz wyróżniony ma własne tło na td. */
.burko-rzad-klik{cursor:pointer}
/* Numer fiszki od operatora + kopiowanie go jednym kliknięciem. Stała
   szerokość przycisku, bo po skopiowaniu napis robi się dłuższy i bez niej
   cała kolumna podskakuje. */
.burko-td-fiszka{white-space:nowrap}
.burko-td-fiszka>span{margin-right:5px}
/* Numer fiszki kopiuje się dziesiątki razy dziennie, więc guzik musi być
   pod ręką, ale nie może konkurować z samą treścią kolumny. Stąd sama ikona,
   przygaszona, pełna siła dopiero na najechanym wierszu. */
.burko-kopiuj-nr{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--bk-r-sm);background:transparent;color:var(--bk-ink-3);cursor:pointer;vertical-align:-6px;opacity:.5;transition:opacity .15s,background .15s,color .15s}
.burko-kopiuj-nr svg{width:15px;height:15px;display:block}
.burko-kopiuj-nr .bk-ok{display:none}
tr:hover>.burko-td-fiszka .burko-kopiuj-nr{opacity:1}
.burko-kopiuj-nr:hover{opacity:1;background:var(--bk-surface-2);color:var(--bk-accent)}
.burko-kopiuj-nr.jest{opacity:1;background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-kopiuj-nr.jest .bk-kop{display:none}
.burko-kopiuj-nr.jest .bk-ok{display:block}
.burko-rzad-klik:hover td{background:var(--bk-surface-3)}
.burko-rzad-klik:hover .burko-osoba b{color:var(--bk-accent-text)}

/* Ogłoszenia operatorów na pulpicie — lista faktów, nie kart. */
.burko-ogl{display:grid;gap:2px}
.burko-ogl-poz{display:flex;align-items:center;gap:var(--bk-3);flex-wrap:wrap;
  padding:10px 12px;border-radius:var(--bk-r);background:var(--bk-surface-2)}
.burko-ogl-poz+.burko-ogl-poz{margin-top:4px}
.burko-ogl-kiedy{flex:0 0 74px;line-height:1.2}
.burko-ogl-kiedy b{display:block;font-weight:700;font-variant-numeric:tabular-nums}
.burko-ogl-kiedy span{font-size:11px;color:var(--bk-ink-3)}
.burko-ogl-tresc{flex:1 1 260px;min-width:0}
.burko-ogl-tresc b{display:block;font-weight:600}
.burko-ogl-tresc span{display:block;font-size:12.5px;color:var(--bk-ink-2);line-height:1.45}
.burko-ogl-akcje{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.burko-btn-minus{width:34px;padding:0;justify-content:center;font-size:16px}
@media (max-width:640px){
  .burko-picker-lista{grid-template-columns:1fr;max-height:280px}
  .burko-picker-szukaj{flex:1 1 100%}
}
.burko-table a.burko-tag{text-decoration:none}
#burko-etap-form{margin-top:auto}

/* Checklista i lista wzorów — jeden wzorzec dla obu. */
.burko-wn-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px}
.burko-wn-lista+p{margin:var(--bk-4) 0 0}
.burko-wn-poz{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;cursor:pointer;
  border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface-2);
  font-size:13.5px;color:var(--bk-ink);transition:border-color .14s,background .14s}
.burko-wn-poz:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
.burko-wn-poz input{margin-top:2px;flex:0 0 auto;accent-color:var(--bk-accent);cursor:pointer}
.burko-wn-poz.zrobione span{color:var(--bk-ink-3);text-decoration:line-through;
  text-decoration-color:var(--bk-line)}
.burko-wn-typ{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bk-ink-3);margin-left:6px}

.burko-wn-pliki{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;
  margin-top:10px}
.burko-wn-pliki a{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;
  border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface-2);
  text-decoration:none;transition:border-color .14s,background .14s,transform .14s}
.burko-wn-pliki a:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft);
  transform:translateY(-1px)}
.burko-wn-pliki a b{font-size:13px;font-weight:600;color:var(--bk-ink);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.burko-wn-pliki a span{font-size:11.5px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}
/* Kafelek pliku: kliknięcie otwiera podgląd w panelu, a obok stoją pobranie
   i usunięcie — po poprawce danych albo wzoru stary plik trzeba móc skasować
   i wygenerować dokumentację od nowa. */
.burko-plik-kafel{position:relative;min-width:0;display:flex}
.burko-plik-kafel>a{flex:1;min-width:0;padding-right:96px}
.burko-plik-akcje{position:absolute;top:7px;right:7px;display:flex;gap:4px;align-items:center}
.burko-plik-akcje form{margin:0}
.burko-plik-akcje .burko-btn{padding:2px 8px;font-size:11px}
.burko-karta textarea{width:100%;min-height:74px}

/* Historia — data w stałej kolumnie, żeby wzrok leciał po jednej krawędzi. */
.burko-wn-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.burko-wn-hist li{display:grid;grid-template-columns:132px 1fr;gap:var(--bk-3);
  padding:9px 2px;border-bottom:1px solid var(--bk-line);font-size:13.5px}
.burko-wn-hist li:last-child{border-bottom:0}
.burko-wn-hist-data{font-size:12px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}
.burko-wn-hist-tresc{color:var(--bk-ink-2)}

@media (max-width:900px){
  .burko-kroki{flex-direction:column;gap:0;padding:var(--bk-3)}
  .burko-krok{flex-direction:row;align-items:center;gap:12px;text-align:left;min-height:38px;
    width:100%;padding:0}
  .burko-krok::before{top:auto;bottom:50%;left:12px;right:auto;width:2px;height:100%}
  .burko-krok-nazwa{font-size:13px}
  .burko-wn-hist li{grid-template-columns:1fr;gap:2px}
}

/* ------------------------------------- kartoteka uczestnika */
.burko-ucz-zgoda{display:flex;align-items:flex-start;gap:9px;padding:5px 0}
.burko-ucz-zgoda>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.burko-ucz-zgoda b{font-size:12.5px;font-weight:600;line-height:1.35}
.burko-ucz-zgoda i{font-style:normal;font-size:11px;color:var(--bk-ink-3)}
.burko-karta.akcent .burko-ucz-zgoda i{color:rgba(23,19,15,.9)}
.burko-karta.akcent .burko-dm-liczba b,.burko-karta.akcent .burko-dm-liczba span{color:#17130f}
.burko-karta.akcent .burko-dm-liczba span{opacity:.7}
.burko-ucz-idw{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:var(--bk-r-full);
  background:var(--bk-surface-3);color:var(--bk-ink-3);font-size:11px;font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap}

/* ------------------------------------- zakładanie wniosku */
.burko-nw-para{display:grid;grid-template-columns:1fr 1fr;gap:var(--bk-4);align-items:start}
/* Kafelek wyboru wewnątrz .burko-form — label ma tam kolumnę i pogrubienie. */
.burko-form .burko-wn-poz{flex-direction:row;align-items:flex-start;font-weight:400;
  color:var(--bk-ink)}
.burko-form .burko-wn-poz input{width:auto}
.burko-form .burko-wn-poz>span{font-weight:400}
.burko-form .burko-nw-plik{display:flex;flex-direction:column;gap:6px}
.burko-form .burko-nw-plik input[type=file]{width:100%}
.burko-form .burko-nw-opcja{display:flex;flex-direction:row;align-items:flex-start;gap:11px;
  padding:13px 14px;cursor:pointer;border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  background:var(--bk-surface-2);transition:border-color .14s,background .14s}
.burko-form .burko-nw-opcja:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
.burko-form .burko-nw-opcja input{width:auto;margin-top:3px;flex:0 0 auto;
  accent-color:var(--bk-accent);cursor:pointer}
.burko-form .burko-nw-opcja>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.burko-form .burko-nw-opcja b{font-size:13.5px;font-weight:700;color:var(--bk-ink)}
.burko-form .burko-nw-opcja i{font-style:normal;font-size:12px;font-weight:400;line-height:1.5;
  color:var(--bk-ink-3)}
.burko-form .burko-nw-opcja code{font-size:11.5px;font-weight:400;background:var(--bk-surface-3);
  padding:1px 5px;border-radius:var(--bk-r-sm)}
.burko-nw-wstep{margin:6px 0 var(--bk-3);max-width:78ch}
.burko-szab-grupa{margin:10px 0 var(--bk-3)}
.burko-szab-grupa[hidden]{display:none}
@media (max-width:900px){
  .burko-nw-para{grid-template-columns:1fr;gap:var(--bk-3)}
}

/* ------------------------------------- szkolenia: lista i karta szkolenia */
/* Nazwa i licznik zapisanych to jeden cel kliknięcia — liczba w nawiasie ma
   być czytana razem z nazwą, a nie jako osobna kolumna. */
.burko-szk-nazwa{text-decoration:none;color:inherit}
.burko-szk-nazwa b{font-weight:600;color:var(--bk-ink)}
.burko-szk-nazwa:hover b{color:var(--bk-accent-text)}
.burko-szk-licz{font-size:12px;font-weight:600;color:var(--bk-ink-3);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.burko-szk-meta{display:block;font-size:11.5px;font-weight:400;color:var(--bk-ink-3);margin-top:3px}
.burko-szk-brak{white-space:nowrap}
.burko-szk-cena{white-space:nowrap;font-variant-numeric:tabular-nums}
/* Tytuły usług BUR bywają sześciowierszowe i spychały termin poza pole widzenia —
   nazwa dostaje trzy linie, a termin własną kolumnę. */
.burko-szk-tyt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Lista szkolen: nazwa lamie sie na dwa wiersze zamiast uciekac poza
   kolumne. Kolumna ma staly udzial, wiec tabela nie skacze przy filtrach. */
.burko-table[data-bk-hint="szkolenia.tabela"] th:first-child,
.burko-table[data-bk-hint="szkolenia.tabela"] td:first-child{width:24%;min-width:270px}
.burko-table[data-bk-hint="szkolenia.tabela"] .burko-szk-tyt{
	-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;
}
.burko-szk-termin{white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:top}
.burko-szk-termin b{font-weight:600;color:var(--bk-ink)}
.burko-tabprzewijana{overflow-x:auto}
/* Powiadomienia: tytul prowadzi na karte sprawy, a adresy zrodel w tresci
   sa klikalne — wczesniej byly martwym tekstem do przepisania recznie. */
.burko-notif-tytul{color:inherit;text-decoration:none}
.burko-notif-tytul:hover{color:var(--bk-accent-text);text-decoration:underline}
.burko-notif-tresc{margin:4px 0 0;overflow-wrap:anywhere}
.burko-notif-tresc a{color:var(--bk-accent-text);text-decoration:underline}
.burko-szk-nazwa:hover .burko-szk-licz{color:var(--bk-accent-text)}
.burko-szk-nr{font-family:var(--bk-mono);font-size:12px;white-space:nowrap;
  color:var(--bk-ink-2);text-decoration:none;border-bottom:1px dotted var(--bk-line)}
.burko-szk-nr:hover{color:var(--bk-accent-text);border-bottom-color:var(--bk-accent)}
.burko-szk-nr span{font-family:var(--bk-font);font-size:11px;color:var(--bk-ink-3)}
.burko-szk-nr:hover span{color:var(--bk-accent-text)}
.burko-karta .burko-szk-pasek{margin-top:10px}

.burko-szk-liczba{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}
.burko-szk-liczba b{font-size:30px;font-weight:800;line-height:1;color:var(--bk-ink);
  font-variant-numeric:tabular-nums}
.burko-szk-liczba span{font-size:12.5px;color:var(--bk-ink-3)}
.burko-karta.akcent .burko-szk-liczba b{color:inherit}
.burko-karta.akcent .burko-szk-liczba span{color:rgba(23,19,15,.9)}

/* Trener i walidator obok siebie — to dwie różne role i nie wolno ich zlepić. */
.burko-szk-role{display:flex;flex-direction:column;gap:var(--bk-3);margin-top:8px}
.burko-szk-role>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.burko-szk-role .burko-osoba-wiersz{margin:0 -8px}
.burko-szk-harm td{vertical-align:top}
.burko-szk-harm td:nth-child(1),.burko-szk-harm td:nth-child(2){white-space:nowrap;
  font-variant-numeric:tabular-nums}
@media (max-width:900px){
  /* Na wąskim ekranie numer usługi nie ma gdzie się zmieścić w jednej linii. */
  .burko-szk-nr{white-space:normal;overflow-wrap:anywhere}
  .burko-szk-brak{white-space:normal}
}

/* ------------------------------------- akcja przyklejona do dołu kafla */
/* Kafle stoją obok siebie w siatce i mają równą wysokość, więc guziki muszą
   siedzieć na jednej linii — niezależnie od tego, ile treści jest nad nimi. */
.burko-karta-akcja{margin-top:auto;padding-top:var(--bk-3)}
.burko-karta-akcja .burko-btn{width:100%;justify-content:center}
.burko-karta>form.burko-karta-form{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
/* W kaflu z plikiem wolna przestrzeń idzie nad wybór pliku, żeby ten trzymał
   się guzika, a nie zawisał samotnie pod akapitem. */
.burko-karta .burko-karta-form .burko-plik{margin-top:auto}
.burko-karta-form .burko-karta-akcja{margin-top:0}

/* ------------------------------------- ceny: zawsze brutto i netto */
/* Usługi rozwojowe rozlicza się w dwóch kwotach, a część jest zwolniona z VAT
   (brutto = netto) — jedna kwota bez adnotacji wyglądałaby wtedy na pomyłkę. */
.burko-cena{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;
  justify-content:flex-end;font-variant-numeric:tabular-nums}
.burko-cena b{font-weight:600}
.burko-cena-lab{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bk-ink-3);font-weight:600}
.burko-cena-netto{font-style:normal;font-size:11.5px;color:var(--bk-ink-3)}
.burko-cena-zw{font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:700;color:var(--bk-ok);background:var(--bk-ok-soft);border-radius:var(--bk-r-full);
  padding:2px 7px;white-space:nowrap}
.burko-cena-2w{flex-direction:column;align-items:flex-end;gap:1px}
.burko-cena-2w>b,.burko-cena-2w>span{display:flex;align-items:baseline;gap:5px}
.burko-cena-2w>span{font-size:12px;color:var(--bk-ink-3)}
.burko-karta .burko-kv .burko-cena{justify-content:flex-end}
.burko-table td .burko-cena{justify-content:flex-start}
.burko-table td .burko-cena-2w{align-items:flex-start}
.burko-table td.bk-num .burko-cena{justify-content:flex-end}
.burko-table td.bk-num .burko-cena-2w{align-items:flex-end}
.burko-karta.akcent .burko-cena-lab,.burko-karta.akcent .burko-cena-netto{color:rgba(23,19,15,.9)}
.burko-karta.akcent .burko-cena-zw{background:rgba(255,255,255,.3);color:#17130f}

/* ------------------------------------- podgląd wzoru operatora */
/* Dokument ma wyglądać jak dokument — kartka z marginesami, tabele formularza
   i pogrubienia z Worda — a pola ${...} jako pigułki w miejscu, w którym
   wskoczą dane. Renderujemy .docx po naszej stronie, więc styl jest tutaj. */
.burko-dokblok{padding:0;overflow:hidden}
.burko-dokument{background:var(--bk-surface);color:var(--bk-ink);
  padding:var(--bk-6) clamp(var(--bk-4),5vw,56px);font-size:13.5px;line-height:1.65;
  max-height:78vh;overflow:auto}
.burko-dokument>*{max-width:96ch;margin-left:auto;margin-right:auto}
.burko-dokument p{margin:0 0 7px}
.burko-dokument p.bk-pusty{margin:0;height:9px}
.burko-dokument h3,.burko-dokument h4,.burko-dokument h5,.burko-dokument h6{
  margin:18px 0 8px;line-height:1.3;color:var(--bk-ink)}
.burko-dokument h3{font-size:17px}
.burko-dokument h4{font-size:15px}
.burko-dokument h5,.burko-dokument h6{font-size:13.5px;letter-spacing:.02em}
.burko-dokument .bk-center{text-align:center}
.burko-dokument .bk-right{text-align:right}
.burko-dokument .bk-just{text-align:justify}
.burko-dokument .bk-punkt{padding-left:22px;position:relative}
.burko-dokument .bk-punkt::before{content:"•";position:absolute;left:8px;color:var(--bk-ink-3)}
.burko-dokument .bk-tab{display:inline-block;width:2.4em}
.burko-dokument img{max-width:100%;height:auto;margin:8px 0;border-radius:var(--bk-r-sm)}
.burko-dokument table{width:100%;max-width:none;border-collapse:collapse;margin:12px 0;
  font-size:12.5px;table-layout:fixed}
.burko-dokument td{border:1px solid var(--bk-line);padding:6px 8px;vertical-align:top;
  word-wrap:break-word}
.burko-dokument td>p:last-child{margin-bottom:0}
.burko-dokument table table{margin:4px 0}
.burko-pole{display:inline-block;font:600 11.5px/1.5 var(--bk-mono);padding:0 6px;border-radius:var(--bk-r-sm);
  background:var(--bk-accent-soft);color:var(--bk-accent-text);white-space:nowrap;vertical-align:baseline}
.burko-pole.nieznane{background:var(--bk-err-soft);color:var(--bk-err);
  text-decoration:underline dotted}
.burko-pola-lista{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
/* Nagłówek i stopka pliku — pasek logotypów projektu, oddzielony od treści. */
.burko-dokument .bk-hdr{padding-bottom:var(--bk-4);margin-bottom:var(--bk-5);
  border-bottom:1px solid var(--bk-line)}
.burko-dokument .bk-ftr{padding-top:var(--bk-4);margin-top:var(--bk-5);
  border-top:1px solid var(--bk-line);font-size:11.5px;color:var(--bk-ink-3)}
.burko-dokument .bk-hdr img,.burko-dokument .bk-ftr img{margin:0}

/* ------------------------------------- ustawienia konta */
/* Ekran, na który wchodzi się po coś konkretnego — link albo token — więc to,
   co się kopiuje, stoi w kaflach na górze, a pola do wypełnienia niżej. */
.burko-ust-brak{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.burko-ust-brak li{display:flex;flex-direction:column;gap:1px;padding-left:16px;position:relative;
  font-size:13px;line-height:1.4}
.burko-ust-brak li::before{content:"○";position:absolute;left:0;top:-1px;font-size:11px;opacity:.7}
.burko-ust-brak i{font-style:normal;font-size:11.5px;color:var(--bk-ink-3)}
.burko-karta.akcent .burko-ust-brak i{color:rgba(23,19,15,.9)}

.burko-ust-link{display:flex;flex-direction:column;gap:4px;margin-top:var(--bk-3)}
.burko-ust-kopia{display:flex;align-items:flex-start;gap:var(--bk-2)}
.burko-ust-url{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--bk-line);
  border-radius:var(--bk-r-sm);background:var(--bk-surface-2);font:400 12px/1.45 var(--bk-mono);
  color:var(--bk-ink-2);word-break:normal;overflow-wrap:break-word;user-select:all}
.burko-ust-kopia .burko-btn{flex:0 0 auto}
/* W kaflu guzik schodzi pod adres — inaczej link łamie się w połowie słowa. */
.burko-karta .burko-ust-kopia{flex-direction:column;align-items:flex-start;gap:6px}
.burko-karta .burko-ust-url{align-self:stretch}
.burko-form .burko-ust-kopia{max-width:640px}

.burko-ust-limit{margin-top:var(--bk-3)}
.burko-ust-limit .burko-kv{padding-bottom:5px}
.burko-ust-limit .burko-pasek{height:5px}

/* Etykieta „Sprawdzenie" wyrównuje guzik do pola obok, a nie do własnego napisu. */
.burko-form .burko-ust-test{gap:6px}
.burko-form .burko-ust-test .burko-btn{align-self:flex-start}
.burko-form .burko-ust-host{white-space:nowrap;align-self:center;font-size:12.5px}
.burko-form .burko-ust-slug{max-width:640px}
.burko-form .burko-ust-nowy{flex-direction:row;align-items:flex-start;gap:9px;font-weight:400;
  align-self:end;padding:9px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);
  background:var(--bk-surface-2);cursor:pointer}
.burko-form .burko-ust-nowy:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
.burko-form .burko-ust-nowy input{margin-top:2px;flex:0 0 auto;accent-color:var(--bk-accent)}
.burko-form .burko-ust-nowy>span{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.burko-form .burko-ust-nowy i{font-style:normal;font-size:11.5px;color:var(--bk-ink-3)}
.burko-blok>.burko-ust-wstep{margin:0 0 var(--bk-4);max-width:78ch}

/* podpis pod paskiem punktów AI w Ustawieniach — tłumaczy pulę na operacje */
.burko-karta .burko-ust-podpis{margin:5px 0 0;font-size:11.5px;line-height:1.45;color:var(--bk-ink-3)}

/* ---------------------------------------------------- Użytkownicy i dziennik */
.burko-zesp-wstep{max-width:74ch;margin:0 0 var(--bk-4)}
.burko-zesp-blok{padding:0;overflow:hidden}
.burko-zesp-blok .burko-table{margin:0}

/* Nazwisko, znaczniki i adres jedno pod drugim — nie mieszamy ich w jednym wierszu. */
.burko-zesp-osoba{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.burko-zesp-osoba b{font-weight:600;color:var(--bk-ink)}
.burko-zesp-mail{display:block;margin-top:2px;font-size:11.5px;color:var(--bk-ink-3)}
.burko-zesp-czas{font-variant-numeric:tabular-nums;color:var(--bk-ink-2);white-space:nowrap}
.burko-zesp-off{opacity:.58}
.burko-zesp-off .burko-zesp-osoba b{text-decoration:line-through}

/* Jedna kolumna akcji, zawsze przy prawej krawędzi — guziki stoją w pionie w linii. */
.burko-table th.burko-kol-akcja,.burko-table td.burko-kol-akcja{text-align:right;white-space:nowrap;width:1%}
.burko-table th.burko-kol-tak,.burko-table td.burko-kol-tak{text-align:center;width:130px}
.burko-tak{color:var(--bk-ok);font-weight:700}
.burko-nie{color:var(--bk-ink-3)}

/* Formularz zaproszenia: trzy pola w równym rytmie, przycisk pod nimi po prawej. */
.burko-pola-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--bk-3);align-items:end}
.burko-pola-3 label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--bk-ink-2)}
.burko-pola-3 input,.burko-pola-3 select{width:100%}
.burko-zesp-stopka{display:flex;align-items:center;justify-content:space-between;gap:var(--bk-3);
  flex-wrap:wrap;margin-top:var(--bk-3);padding-top:var(--bk-3);border-top:1px solid var(--bk-line)}
.burko-zesp-stopka .burko-muted{margin:0;max-width:62ch;font-size:12px}

/* Karty na widoku osoby: opis u góry, sterowanie dosunięte do dołu — trzy karty równej wysokości.
   Rząd sterowania jest pełnej szerokości i wyrównany do lewej, więc guziki w trzech
   kartach obok siebie stoją w jednej linii zamiast dryfować do środka. */
.burko-zesp-akcje{display:flex;align-items:center;justify-content:flex-start;gap:var(--bk-2);
  flex-wrap:wrap;width:100%;margin-top:auto;padding-top:var(--bk-3)}
.burko-karta>form.burko-zesp-akcje{flex:0 0 auto;flex-direction:row}
.burko-zesp-akcje form{margin:0}
.burko-zesp-akcje select{flex:0 1 170px;min-width:0}
.burko-karta .burko-ust-kopia{margin-top:var(--bk-2)}
.burko-karta .burko-ust-url{width:100%}

/* Ostrzeżenie z akcją: treść po lewej, guzik po prawej, w jednym rzędzie. */
.burko-flash form{margin:0}
.burko-flash:has(form){display:flex;align-items:center;justify-content:space-between;gap:var(--bk-3);flex-wrap:wrap}

.burko-okruchy{margin:0 0 2px;font-size:11.5px;letter-spacing:.02em;color:var(--bk-ink-3)}
.burko-okruchy a{color:var(--bk-ink-3)}
.burko-okruchy a:hover{color:var(--bk-ink)}

/* Dziennik: data, znacznik źródła, treść — trzy kolumny w stałym rytmie.
   Znaczniki są neutralne: to źródło wpisu, a nie stan — nic tu nie jest błędem. */
.burko-dz-lista li{grid-template-columns:132px 86px 1fr;align-items:baseline}
.burko-dz-lista .burko-zr{justify-self:start;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:700;padding:2px 8px;border-radius:var(--bk-r-full);white-space:nowrap;
  background:var(--bk-surface-2);color:var(--bk-ink-3);border:1px solid var(--bk-line)}
.burko-dz-lista .burko-zr-ai{background:var(--bk-info-soft);color:var(--bk-info);border-color:transparent}
.burko-dz-lista .burko-zr-wniosek{background:var(--bk-ok-soft);color:var(--bk-ok);border-color:transparent}
.burko-dz-lista .burko-wn-hist-tresc a{color:var(--bk-ink);text-decoration:none;border-bottom:1px solid var(--bk-line)}
.burko-dz-lista .burko-wn-hist-tresc a:hover{border-bottom-color:var(--bk-ink)}
.burko-dz-lista .burko-wn-hist-tresc i{display:block;font-style:normal;font-size:11.5px;color:var(--bk-ink-3);margin-top:1px}
@media (max-width:900px){
  .burko-dz-lista li{grid-template-columns:1fr;gap:3px}
  .burko-zesp-stopka .burko-btn{width:100%;justify-content:center}
}

/* ------------------------------------------------------ Tablica zespołu
   Kolor kartki NIE jest ozdobą: to priorytet 1–4 z macierzy Eisenhowera.
   Dlatego każdy nośnik koloru — kafelek wyboru, kartka, legenda — niesie też
   napis, a atrybut title dopowiada pełne zdanie. Kolor sam w sobie nigdy nie
   jest jedyną informacją. */
.burko-tab{margin-bottom:var(--bk-5)}
.burko-tab-nowa{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  padding:var(--bk-3);margin-bottom:var(--bk-3);box-shadow:var(--bk-sh-1)}
.burko-tab-nowa textarea{width:100%;min-height:56px;resize:vertical;font:400 13.5px/1.5 var(--bk-font)}

/* Rząd opcji: każda grupa ma własną etykietę i wszystkie siadają na wspólnej
   linii dolnej, więc kafelki priorytetu, listy i przełączniki są wyrównane. */
.burko-tab-opcje{display:flex;align-items:flex-end;gap:var(--bk-3);flex-wrap:wrap;margin-top:var(--bk-3)}
.burko-tab-pole,.burko-tab-grupa{display:flex;flex-direction:column;gap:4px;min-width:0}
.burko-tab-pole{font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--bk-ink-3)}
.burko-tab-grupa-tyt{font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--bk-ink-3)}
.burko-tab-pole select,.burko-tab-pole input{font-size:13px;padding:6px 8px}
.burko-tab-przelaczniki{display:flex;align-items:center;gap:var(--bk-3);flex-wrap:wrap;
  padding-bottom:7px}
.burko-tab-check{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--bk-ink-2);
  white-space:nowrap}
.burko-tab-wyslij{display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--bk-3);flex-wrap:wrap;margin-top:var(--bk-3)}
.burko-tab-podpowiedz{margin:0;font-size:11.5px;color:var(--bk-ink-3);max-width:64ch}
.burko-tab-wyslij .burko-btn{flex:0 0 auto}
.burko-tab-pusto{margin:0;padding:var(--bk-4);text-align:center;border:1px dashed var(--bk-line);border-radius:var(--bk-r-lg)}

/* Wybór priorytetu: cztery kafelki z numerem i nazwą, nie same kropki. */
.burko-tab-prio-wybor{display:flex;align-items:stretch;gap:5px;flex-wrap:wrap;text-transform:none;
  letter-spacing:normal;font-weight:400}
.burko-tab-prio-opcja{display:flex;align-items:center;gap:6px;cursor:pointer;
  padding:5px 9px 5px 7px;border:1px solid var(--bk-line);border-radius:var(--bk-r);
  background:var(--bk-surface-2);transition:border-color .12s,background .12s}
.burko-tab-prio-opcja:hover{background:var(--bk-surface);border-color:var(--bk-ink-3)}
.burko-tab-prio-opcja input{position:absolute;opacity:0;width:0;height:0}
.burko-tab-prio-kropka{width:12px;height:12px;border-radius:50%;flex:0 0 auto;
  background:var(--kartka);border:1px solid rgba(23,19,15,.18)}
.burko-tab-prio-etykieta{display:flex;flex-direction:column;line-height:1.15}
.burko-tab-prio-etykieta b{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--bk-ink-3)}
.burko-tab-prio-etykieta i{font-style:normal;font-size:12px;font-weight:600;color:var(--bk-ink)}
.burko-tab-prio-opcja:has(input:checked){background:var(--kartka);border-color:rgba(23,19,15,.35)}
.burko-tab-prio-opcja:has(input:checked) .burko-tab-prio-etykieta b,
.burko-tab-prio-opcja:has(input:checked) .burko-tab-prio-etykieta i{color:#2a2418}
.burko-tab-prio-opcja:has(input:focus-visible){outline:2px solid var(--bk-ink);outline-offset:2px}

/* Kartki: kolor niesie priorytet, lekki obrót jest deterministyczny (co czwarta
   taka sama), więc tablica nie skacze przy każdym odświeżeniu. */
/* align-items:start — kartka ma wysokość swojej treści. Rozciąganie do rzędu
   ładnie wyrównywało dolne krawędzie, ale po rozwinięciu komentarzy pod jedną
   kartką sąsiadki puchły do jej wysokości i robiły się puste w środku. */
.burko-tab-siatka{list-style:none;margin:0;padding:0;align-items:start;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--bk-3)}
.burko-tab-kartka{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;
  padding:12px 14px 11px;border-radius:10px;background:var(--kartka);color:#2a2418;
  box-shadow:0 1px 2px rgba(23,19,15,.14),0 8px 18px -14px rgba(23,19,15,.5)}
/* .burko-main p ma wyższą specyficzność niż klasa kartki i dokładałoby 12px
   marginesu pod każdym akapitem — to psuło przyklejenie akcji do dołu. */
.burko-tab-kartka>p{margin:0}
.burko-tab-siatka li:nth-child(4n+1){transform:rotate(-.4deg)}
.burko-tab-siatka li:nth-child(4n+3){transform:rotate(.45deg)}
.burko-tab-p1{--kartka:#F2A794}
.burko-tab-p2{--kartka:#F7CE8A}
.burko-tab-p3{--kartka:#AFD0E8}
.burko-tab-p4{--kartka:#CDD6C2}
.burko-tab-przypieta{box-shadow:0 1px 2px rgba(23,19,15,.16),0 10px 22px -12px rgba(23,19,15,.55)}
.burko-tab-pinezka{position:absolute;top:-5px;left:14px;width:11px;height:11px;border-radius:50%;
  background:var(--bk-err);box-shadow:0 0 0 2px var(--bk-bg),0 1px 2px rgba(23,19,15,.5)}
.burko-tab-spozniona{outline:2px solid var(--bk-err);outline-offset:-2px}
.burko-tab-zrobiona{opacity:.55}
.burko-tab-zrobiona .burko-tab-tresc{text-decoration:line-through}

/* Pasek priorytetu: skrót, nazwa i — po prawej — termin. Zawsze jedna linia,
   więc górna krawędź każdej kartki w rzędzie wygląda tak samo. Pełne zdanie
   o priorytecie siedzi w title, osie powtarza legenda pod siatką. */
.burko-tab-prio{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;cursor:help;
  padding-bottom:7px;border-bottom:1px solid rgba(23,19,15,.14);min-height:20px}
.burko-tab-prio b{flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.08em;
  padding:2px 6px;border-radius:var(--bk-r-full);background:rgba(23,19,15,.16)}
.burko-tab-prio span{flex:0 1 auto;min-width:0;font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-tab-termin{flex:0 0 auto;margin-left:auto;font-style:normal;font-size:11px;font-weight:700;
  white-space:nowrap;padding:2px 7px;border-radius:var(--bk-r-full);background:rgba(23,19,15,.1)}
.burko-tab-termin.dzis{background:rgba(23,19,15,.82);color:#fff}
.burko-tab-termin.pilne{background:var(--bk-err);color:#fff}

/* Treść rozpycha kartkę, dzięki czemu stopka i akcje siedzą przy dolnej
   krawędzi, a tekst w całym rzędzie zaczyna się na tej samej wysokości. */
.burko-tab-tresc{flex:1 1 auto;min-height:0;font-size:13.5px;line-height:1.5;
  white-space:pre-wrap;word-break:break-word}
.burko-tab-osoba{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;font-size:11px;min-width:0}
.burko-tab-znak{flex:0 0 auto;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  font-size:11px;padding:2px 7px;border-radius:var(--bk-r-full);background:rgba(23,19,15,.14)}
.burko-tab-osoba b{flex:0 1 auto;min-width:0;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-tab-stopka{font-size:11px;color:rgba(42,36,24,.62);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-tab-akcje{display:flex;gap:5px;flex-wrap:wrap;padding-top:8px;
  border-top:1px solid rgba(23,19,15,.12)}
.burko-tab-akcje form{margin:0}
.burko-tab-akcje .burko-btn{background:rgba(255,255,255,.6);border-color:rgba(23,19,15,.18);color:#2a2418;
  font-size:11px;padding:3px 9px}
.burko-tab-akcje .burko-btn:hover{background:#fff}
.burko-tab-usun{color:var(--bk-err)}

/* Rozwijane bloki pod kartką: poprawianie treści i wątek komentarzy.
   <details> zamiast JS — kartka zostaje czytelna, a formularz pokazuje się
   dopiero wtedy, gdy ktoś faktycznie chce coś zmienić. */
/* Zamknięte rozwijacze stoją obok siebie i zajmują jeden rząd; otwarty bierze
   całą szerokość i schodzi do własnej linii, więc formularz ma gdzie się zmieścić. */
.burko-tab-narzedzia{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;
  border-top:1px solid rgba(23,19,15,.12);padding-top:8px}
.burko-tab-roz{flex:0 0 auto;min-width:0}
.burko-tab-roz[open]{flex:1 1 100%}
.burko-tab-roz>summary{display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  font-size:11px;font-weight:600;color:rgba(42,36,24,.72);list-style:none;
  padding:2px 8px;border-radius:var(--bk-r-full);background:rgba(255,255,255,.45)}
.burko-tab-roz>summary::-webkit-details-marker{display:none}
.burko-tab-roz>summary::before{content:"+";font-weight:800;font-size:12px;line-height:1}
.burko-tab-roz[open]>summary::before{content:"–"}
.burko-tab-roz>summary:hover{background:#fff;color:#2a2418}
.burko-tab-roz>summary:focus-visible{outline:2px solid rgba(23,19,15,.6);outline-offset:2px}

.burko-tab-edycja{display:flex;flex-direction:column;gap:7px;margin-top:8px}
.burko-tab-etyk{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:rgba(42,36,24,.6)}
.burko-tab-etyk textarea,.burko-tab-etyk select,.burko-tab-etyk input{width:100%;
  font:400 12.5px/1.45 var(--bk-font);text-transform:none;letter-spacing:normal;color:#2a2418;
  padding:5px 7px;border:1px solid rgba(23,19,15,.24);border-radius:var(--bk-r);
  background:rgba(255,255,255,.72)}
.burko-tab-edycja .burko-tab-check{font-size:11.5px;color:rgba(42,36,24,.8)}
.burko-tab-edycja-akcje{display:flex;gap:5px}

.burko-tab-kom{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.burko-tab-kom>li{padding:6px 8px;border-radius:var(--bk-r);background:rgba(255,255,255,.5)}
.burko-tab-kom-tresc{margin:0;font-size:12.5px;line-height:1.45;word-break:break-word}
.burko-tab-kom-stopka{display:flex;align-items:center;gap:6px;margin:3px 0 0;
  font-size:11px;color:rgba(42,36,24,.6)}
.burko-tab-kom-stopka form{margin:0 0 0 auto}
.burko-tab-kom-usun{border:0;background:none;padding:0;cursor:pointer;
  font:inherit;color:var(--bk-err);text-decoration:underline}
.burko-tab-kom-pusto{margin:8px 0 0;font-size:11.5px;color:rgba(42,36,24,.6)}
.burko-tab-wzm{font-weight:800;color:#2a2418;background:rgba(23,19,15,.12);
  padding:0 4px;border-radius:var(--bk-r-full)}
.burko-tab-kom-nowy{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.burko-tab-kom-nowy textarea{width:100%;font:400 12.5px/1.45 var(--bk-font);color:#2a2418;
  padding:5px 7px;border:1px solid rgba(23,19,15,.24);border-radius:var(--bk-r);
  background:rgba(255,255,255,.72);resize:vertical}
.burko-tab-kom-nowy .burko-btn{align-self:flex-start;background:rgba(255,255,255,.6);
  border-color:rgba(23,19,15,.18);color:#2a2418;font-size:11px;padding:3px 9px}
.burko-tab-kom-nowy .burko-btn:hover{background:#fff}

/* Legenda: bez niej kolor byłby zagadką dla kogoś, kto wchodzi pierwszy raz. */
.burko-tab-legenda{display:flex;align-items:center;gap:var(--bk-3);flex-wrap:wrap;
  margin-top:var(--bk-3);padding:10px var(--bk-3);border:1px solid var(--bk-line);
  border-radius:var(--bk-r-lg);background:var(--bk-surface-2)}
.burko-tab-legenda-tyt{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--bk-ink-3)}
.burko-tab-legenda-poz{display:flex;align-items:baseline;gap:6px;cursor:help;font-size:12px}
.burko-tab-legenda-poz i{width:11px;height:11px;border-radius:50%;flex:0 0 auto;align-self:center;
  background:var(--kartka);border:1px solid rgba(23,19,15,.18)}
.burko-tab-legenda-poz b{font-weight:600;color:var(--bk-ink)}
.burko-tab-legenda-poz em{font-style:normal;color:var(--bk-ink-3);font-size:11px}

/* W ciemnym trybie kartki przygasają, żeby nie świeciły — tekst zostaje ciemny,
   bo to nadal jest kartka papieru, nie panel interfejsu. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .burko-tab-p1{--kartka:#C0796A}
  :root:not([data-theme="light"]) .burko-tab-p2{--kartka:#C9A661}
  :root:not([data-theme="light"]) .burko-tab-p3{--kartka:#8AAAC2}
  :root:not([data-theme="light"]) .burko-tab-p4{--kartka:#A3AD98}
}
[data-theme="dark"] .burko-tab-p1{--kartka:#C0796A}
[data-theme="dark"] .burko-tab-p2{--kartka:#C9A661}
[data-theme="dark"] .burko-tab-p3{--kartka:#8AAAC2}
[data-theme="dark"] .burko-tab-p4{--kartka:#A3AD98}

@media (max-width:640px){
  .burko-tab-siatka{grid-template-columns:1fr}
  .burko-tab-siatka li{transform:none !important}
  .burko-tab-wyslij .burko-btn{width:100%;justify-content:center}
  .burko-tab-grupa,.burko-tab-pole{width:100%}
  .burko-tab-prio-wybor{width:100%}
  .burko-tab-prio-opcja{flex:1 1 46%}
}

/* ---------------------------------------------------- Asystent Kart Usługi
   Czat jest narzędziem roboczym, nie zabawką: odpowiedź to najczęściej
   gotowa treść do wklejenia do BUR, więc liczy się czytelność tabel
   i możliwość zabrania tekstu jednym kliknięciem. */
.burko-as-pula{display:flex;align-items:center;gap:var(--bk-3);flex-wrap:wrap;
  margin-bottom:var(--bk-3);padding:11px var(--bk-3);border:1px solid var(--bk-line);
  border-radius:var(--bk-r-lg);background:var(--bk-surface-2)}
.burko-as-pula-txt{font-size:13px;color:var(--bk-ink)}
.burko-as-pula-txt b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.burko-as-pula-txt span{display:block;margin-top:2px;font-size:11.5px;color:var(--bk-ink-3);max-width:70ch}
.burko-as-pasek{flex:1 1 160px;min-width:120px;height:6px;border-radius:var(--bk-r-full);
  background:var(--bk-line);overflow:hidden}
.burko-as-pasek i{display:block;height:100%;background:var(--bk-accent);border-radius:inherit}
.burko-as-pula-pusta{border-color:var(--bk-err)}
.burko-as-pula-pusta .burko-as-pasek i{background:var(--bk-err)}

.burko-as{display:flex;flex-direction:column;gap:var(--bk-3);
  border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  background:var(--bk-surface);box-shadow:var(--bk-sh-1);padding:var(--bk-3)}
.burko-as-okno{display:flex;flex-direction:column;gap:var(--bk-3);
  min-height:340px;max-height:min(62vh,720px);overflow-y:auto;padding-right:4px}
.burko-as-msg{max-width:min(92%,900px);border-radius:var(--bk-r-lg);padding:11px 14px}
.burko-as-ja{align-self:flex-end;background:var(--bk-ink);color:var(--bk-bg)}
.burko-as-ja code{background:rgba(255,255,255,.16)}
.burko-as-bot{align-self:flex-start;background:var(--bk-surface-2);border:1px solid var(--bk-line)}
.burko-as-blad{border-color:var(--bk-err)}
.burko-as-tresc{font-size:13.5px;line-height:1.55;word-break:break-word}
.burko-as-tresc>*:first-child{margin-top:0}
.burko-as-tresc>*:last-child{margin-bottom:0}
.burko-as-tresc p{margin:0 0 8px}
.burko-as-tresc h3,.burko-as-tresc h4,.burko-as-tresc h5,.burko-as-tresc h6{
  margin:14px 0 6px;font-size:14px;font-weight:800;letter-spacing:-.01em}
.burko-as-tresc ul,.burko-as-tresc ol{margin:0 0 8px;padding-left:20px}
.burko-as-tresc li{margin:2px 0}
.burko-as-tresc hr{border:0;border-top:1px solid var(--bk-line);margin:12px 0}
.burko-as-tresc code{font-family:var(--bk-mono);font-size:12px;
  padding:1px 5px;border-radius:var(--bk-r);background:rgba(23,19,15,.08)}
/* Tabela efektów bywa szersza niż kolumna czatu — przewija się u siebie,
   a nie rozpycha całej strony. */
.burko-as-tabbox{overflow-x:auto;margin:0 0 10px;border-radius:var(--bk-r)}
.burko-as-tabbox table{min-width:560px;font-size:12.5px}
.burko-as-tabbox th,.burko-as-tabbox td{vertical-align:top;text-align:left}
/* Bez tego „KS1" albo „W2" łamie się na dwie linie w wąskiej kolumnie Nr —
   dziedziczone z .burko-as-tresc break-word, potrzebne tylko w akapitach. */
.burko-as-tabbox th,.burko-as-tabbox td{word-break:normal;overflow-wrap:anywhere}
.burko-as-tabbox td:nth-child(2){white-space:nowrap}
.burko-as-narz{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-top:10px;padding-top:8px;border-top:1px solid var(--bk-line)}
.burko-as-akcja{border:1px solid var(--bk-line);background:var(--bk-surface);
  border-radius:var(--bk-r-full);padding:3px 10px;font:600 11px/1.4 var(--bk-font);
  color:var(--bk-ink-2);cursor:pointer}
.burko-as-akcja:hover{background:var(--bk-bg);color:var(--bk-ink)}
.burko-as-koszt{margin-left:auto;font-size:11px;color:var(--bk-ink-3);
  font-variant-numeric:tabular-nums}

.burko-as-kropki{display:inline-flex;gap:4px;padding:3px 0}
.burko-as-kropki i{width:6px;height:6px;border-radius:50%;background:var(--bk-ink-3);
  animation:burko-as-puls 1.1s infinite ease-in-out}
.burko-as-kropki i:nth-child(2){animation-delay:.18s}
.burko-as-kropki i:nth-child(3){animation-delay:.36s}
@keyframes burko-as-puls{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.burko-as-kropki i{animation:none;opacity:.6}}

.burko-as-chipy{display:flex;gap:6px;flex-wrap:wrap}
.burko-as-chip{border:1px solid var(--bk-line);background:var(--bk-surface-2);
  border-radius:var(--bk-r-full);padding:5px 12px;font:600 12px/1.4 var(--bk-font);
  color:var(--bk-ink-2);cursor:pointer}
.burko-as-chip:hover{background:var(--bk-bg);border-color:var(--bk-ink-3);color:var(--bk-ink)}

.burko-as-wpis{display:flex;flex-direction:column;gap:8px}
.burko-as-wpis textarea{width:100%;resize:vertical;min-height:56px;
  font:400 13.5px/1.5 var(--bk-font)}
.burko-as-wpis-akcje{display:flex;align-items:center;justify-content:space-between;
  gap:var(--bk-3);flex-wrap:wrap}
.burko-as-info{font-size:11.5px;color:var(--bk-ink-3);max-width:64ch}

@media (max-width:640px){
  .burko-as-msg{max-width:100%}
  .burko-as-wpis-akcje .burko-btn{width:100%;justify-content:center}
}

/* ------------------------------------ Instrukcja asystenta (tylko superadmin)
   Ekran rzadkiego, ale poważnego działania: zmiana obowiązuje wszystkie firmy,
   więc propozycja jest wyraźnie oddzielona od tego, co już działa. */
.burko-as-info-blok{max-width:78ch;margin:0 0 var(--bk-3)}
.burko-as-import{margin-top:var(--bk-2)}
.burko-as-podp{margin:6px 0 0;font-size:11.5px;color:var(--bk-ink-3);max-width:74ch}
.burko-as-koszt-info{margin:var(--bk-3) 0;font-size:12px}
.burko-as-prop{border-color:var(--bk-accent)}
.burko-as-uwagi{margin:var(--bk-3) 0;padding:var(--bk-3);border-radius:var(--bk-r);
  background:var(--bk-surface-2);border:1px solid var(--bk-line)}
.burko-as-uwagi h3{margin:0 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--bk-ink-3)}
.burko-as-uwagi p{margin:0 0 6px;font-size:13px;line-height:1.55;white-space:pre-wrap}
.burko-as-uwagi p:last-child{margin-bottom:0}
.burko-as-podglad{margin-top:var(--bk-3)}
.burko-as-podglad>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--bk-ink-2)}
.burko-as-podglad>summary:hover{color:var(--bk-ink)}
.burko-as-podglad textarea{width:100%;margin-top:var(--bk-2);resize:vertical;
  font:400 12px/1.5 var(--bk-mono);border:1px solid var(--bk-line);
  border-radius:var(--bk-r-sm);padding:10px;background:var(--bk-surface);color:var(--bk-ink)}
.burko-as-tresc-pre{margin:var(--bk-2) 0 0;padding:var(--bk-3);max-height:460px;overflow:auto;
  border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);background:var(--bk-surface-2);
  font:400 12px/1.55 var(--bk-mono);white-space:pre-wrap;word-break:break-word}
.burko-as-decyzja{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--bk-3)}

@media (max-width:640px){
  .burko-as-decyzja .burko-btn{width:100%;justify-content:center}
}

/* Sekcje formularza czytają się jak sekcje panelu: nagłówek NAD kartą, a nie
   etykieta wcięta w ramkę. Fieldset zostaje dla czytników ekranu, ale ramkę
   rysuje .burko-blok w środku — dokładnie ten sam element co w panelu. */
.burko-form fieldset{
  background:none;border:0;box-shadow:none;border-radius:0;
  padding:0;margin:0 0 var(--bk-5);
}
.burko-form legend{
  float:left;width:100%;padding:0;margin:0 0 var(--bk-3);
  font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.1px;color:var(--bk-ink);
}
.burko-form legend+*{clear:both}
.burko-form fieldset>.burko-blok{margin-bottom:0;overflow:visible}

/* Rozjazd justowania: etykiety bywają jedno- i trzywierszowe, więc bez subgrid
   kontrolka siada tuż pod swoim tekstem i w jednym rzędzie pola lądują na
   trzech różnych wysokościach. Subgrid wpina opis, kontrolkę i podpowiedź w
   trzy wiersze wspólne dla całego rzędu. Wiersze przypisujemy jawnie, bo w
   części pól podpowiedź stoi w kodzie PRZED kontrolką i kolejność źródłowa
   zepchnęłaby ją nie tam, gdzie trzeba. */
@supports (grid-template-rows: subgrid){
  .burko-grid2{row-gap:0}
  .burko-grid2>label:not(.burko-check){
    display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:0;
    margin-bottom:var(--bk-3);
  }
  .burko-grid2>label:not(.burko-check)>:is(input,select,textarea){grid-row:2;margin-top:5px}
  .burko-grid2>label:not(.burko-check)>small{grid-row:3;margin-top:5px}
}

/* Obserwowane strony operatora — co automat sam znalazł na stronie projektu. */
.burko-radar{list-style:none;margin:0 0 var(--bk-3);padding:0;display:flex;flex-direction:column;gap:var(--bk-2)}
.burko-radar li{
  display:flex;flex-direction:column;gap:2px;
  padding:var(--bk-2) var(--bk-3);
  border:1px solid var(--bk-line);border-radius:var(--bk-2);
}
.burko-radar li>span{font-size:12.5px;word-break:break-all}

/* Domyślne odpowiedzi na pytania deklaratywne w fiszkach operatorów.
   Dziewięć pytań, ustawia się je raz na projekt — więc zwinięte i na końcu
   ustawień, żeby nie rozpychały strony, po której chodzi się codziennie.
   Selektory muszą być mocniejsze niż `.burko-form label`, bo tamta reguła
   układa etykiety w kolumnę i rozjeżdża ten wiersz. */
.burko-fd{
  border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);
  background:var(--bk-surface);margin-bottom:var(--bk-4);overflow:hidden;
}
.burko-fd>summary{
  cursor:pointer;list-style:none;padding:var(--bk-3) var(--bk-4);
  display:flex;align-items:baseline;gap:var(--bk-3);flex-wrap:wrap;
  font-weight:600;color:var(--bk-ink);
}
.burko-fd>summary::-webkit-details-marker{display:none}
.burko-fd>summary::before{content:'▸';color:var(--bk-ink-3);font-weight:400}
.burko-fd[open]>summary::before{content:'▾'}
.burko-fd>summary:hover{background:var(--bk-line-soft)}
.burko-fd>summary small{font-weight:400;font-size:12.5px;color:var(--bk-ink-3);margin-left:auto}
.burko-fd>.burko-blok{margin:0;border:0;border-top:1px solid var(--bk-line);border-radius:0}
.burko-fd .burko-fd-lista{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:0 var(--bk-5);
}
.burko-form label.burko-fd-poz{
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;
  gap:var(--bk-3);padding:7px 0;margin:0;font-size:13px;
  border-bottom:1px solid var(--bk-line-soft);
}
.burko-form label.burko-fd-poz>span{flex:1;min-width:0}
.burko-form label.burko-fd-poz>select{width:auto;min-width:158px;flex:0 0 auto;padding:5px 9px;font-size:13px}
@media (max-width:640px){
  .burko-form label.burko-fd-poz{flex-direction:column;align-items:stretch;gap:4px}
  .burko-form label.burko-fd-poz>select{width:100%}
}

/* Nazwa firmy prowadząca do jej kartoteki — na kafelku uczestnika, gdzie
   nie można zagnieździć drugiego linku, oraz ikonka „pracownicy" w tabeli. */
.burko-do-firmy{
  cursor:pointer;text-decoration:underline;text-decoration-style:dotted;
  text-underline-offset:3px;text-decoration-color:var(--bk-line);
}
.burko-do-firmy:hover{color:var(--bk-accent-text);text-decoration-color:currentColor}
.burko-firma-pracownicy{
  text-decoration:none;opacity:.45;font-size:12px;margin-left:2px;
  transition:opacity .15s;
}
.burko-firma-pracownicy:hover{opacity:1}

/* --- Ostrzeżenie o dublecie wniosku ------------------------------------- */
/* Ekran „Nowy wniosek" po wykryciu, że ta osoba już ma sprawę na to szkolenie.
   Ton ostrzegawczy, nie błędu: to nie pomyłka systemu, tylko decyzja człowieka. */
.burko-dubel{
  background:var(--bk-warn-soft);
  border:1px solid color-mix(in srgb,var(--bk-warn) 30%,transparent);
  border-radius:var(--bk-r-lg);
  padding:18px 20px;margin:0 0 22px;
}
.burko-dubel h2{margin:0 0 8px;font-size:17px;color:var(--bk-warn)}
.burko-dubel p{margin:0 0 12px;line-height:1.55}
.burko-dubel-dane{
  display:flex;flex-wrap:wrap;gap:8px 26px;margin:0 0 12px;
  padding:12px 14px;background:var(--bk-surface);border-radius:var(--bk-r);
}
.burko-dubel-dane div{display:flex;flex-direction:column;gap:2px}
.burko-dubel-dane dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--bk-ink-3)}
.burko-dubel-dane dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.burko-dubel-uwaga{font-size:13px;color:var(--bk-ink-2)}
.burko-dubel-termin{
  margin:0 0 14px;padding:12px 14px;
  background:var(--bk-surface);border-radius:var(--bk-r);
}
.burko-dubel-termin label{
  display:block;margin:0 0 6px;font-size:12px;font-weight:600;
  letter-spacing:.03em;text-transform:uppercase;color:var(--bk-ink-3);
}
.burko-dubel-termin-rz{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.burko-dubel-termin-rz select{flex:1 1 260px;min-width:0}
.burko-dubel-termin small{display:block;margin:8px 0 0;color:var(--bk-ink-3);line-height:1.5}
.burko-dubel-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px}
.burko-dubel-akcje form{margin:0}
.burko-dubel small{display:block;color:var(--bk-ink-3);line-height:1.5}

/* --- Wnioski uczestnika w grupach po operatorze -------------------------- */
.burko-ucz-grupa{margin:0 0 18px}
.burko-ucz-grupa:last-child{margin-bottom:0}
.burko-ucz-grupa-head{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;
  padding:0 2px 8px;border-bottom:1px solid var(--bk-line);margin:0 0 10px;
}
.burko-ucz-grupa-head h3{margin:0;font-size:15px}
.burko-ucz-grupa-head .burko-licznik{flex:none}
.burko-ucz-grupa-bilans{font-size:12.5px;color:var(--bk-ink-3);margin-left:auto}
.burko-ucz-grupa-bezop h3{color:var(--bk-ink-3);font-weight:600}
.burko-ucz-data{font-variant-numeric:tabular-nums;white-space:nowrap}

/* --- Nabory: dla kogo, i nabory w kalendarzu ----------------------------- */
/* Firmowe i indywidualne stoją na jednej liście, więc muszą różnić się na
   pierwszy rzut oka — kolor niesie tu informację, nie ozdobę. */
.burko-tag-firmy{background:var(--bk-info-soft);color:var(--bk-info)}
.burko-tag-osoby{background:var(--bk-accent-soft);color:var(--bk-accent-text)}
/* „Obcy" to nabór, w którym ta strona sama wniosku nie złoży. Nie chowamy go,
   ale przygaszamy, żeby nie konkurował z tym, co jest do wzięcia od ręki. */
.burko-nabor-obcy > td{opacity:.72}
.burko-nabor-obcy:hover > td{opacity:1}
.burko-licznik-nab{background:var(--bk-info-soft);color:var(--bk-info)}

.burko-kal-nabor{
  background:var(--bk-accent-soft);
  border-left:3px solid var(--bk-accent);
  color:var(--bk-accent-text);
}
.burko-kal-nabor:hover{
  background:color-mix(in srgb,var(--bk-accent) 22%,var(--bk-accent-soft));
  color:var(--bk-accent-text);
}
.burko-kal-nabor-firmy{
  background:var(--bk-info-soft);
  border-left-color:var(--bk-info);
  color:var(--bk-info);
}
.burko-kal-nabor-firmy:hover{
  background:color-mix(in srgb,var(--bk-info) 22%,var(--bk-info-soft));
  color:var(--bk-info);
}
/* Cztery rzeczy dzielą jedną komórkę siatki, więc każda musi mieć własny
   sygnał: własne szkolenie opublikowane w BUR jest pełne i zielone, szkic bez
   karty — wygaszony i obrysowany, a nabory zostają miękkie w akcencie
   (osoby) i błękicie (firmy), tak jak na liście „W tym tygodniu". */
.burko-kal-szk-bur{
  background:var(--bk-ok);color:#fff;border-left:3px solid color-mix(in srgb,var(--bk-ok) 55%,#000);
}
.burko-kal-szk-bur:hover{
  background:color-mix(in srgb,var(--bk-ok) 84%,#000);color:#fff;
}
.burko-kal-szk-szkic{
  background:var(--bk-surface-3);color:var(--bk-ink-2);
  border-left:3px solid var(--bk-line);border-top:0;border-right:0;border-bottom:0;
}
.burko-kal-szk-szkic:hover{
  background:var(--bk-surface-2);color:var(--bk-ink);
}
.burko-kal-legenda{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;
  margin:10px 0 0;font-size:11.5px;color:var(--bk-ink-3);
}
.burko-kal-legenda span{display:inline-flex;align-items:center;gap:6px}
.burko-kal-klucz{
  width:12px;height:12px;border-radius:3px;flex:0 0 auto;
}
.burko-licznik-bur{background:var(--bk-ok-soft);color:var(--bk-ok)}

.burko-kal-rola{
  display:inline-block;margin-right:4px;padding:0 4px;border-radius:var(--bk-r-sm);
  background:color-mix(in srgb,currentColor 16%,transparent);
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  vertical-align:1px;
}

/* Termin i operator pod nazwą szkolenia na liście wniosków */
.burko-wn-podszk{display:block;margin-top:2px;font-variant-numeric:tabular-nums}
.burko-zgl-form small{display:block;margin-top:4px;line-height:1.45}
/* Rubryka karty usługi, która nie mieści się w jednej linii (miejsce realizacji) */
.burko-kv-2l{align-items:flex-start}
.burko-kv-2l b{text-align:right;line-height:1.4;font-weight:600}
.burko-kv-2l .burko-szk-termin{display:block}

/* -------------------------------------------------- audyt operatorów PSF
   Ekran ma jedno zadanie: pokazać, gdzie katalog jest dziurawy. Dlatego ocena
   województwa jest kolorowa i stoi przy nazwie, a nie w osobnej kolumnie —
   przewijając stronę widać same nagłówki i już wiadomo, gdzie jest robota. */
.burko-audyt-kpi{padding:var(--bk-4) var(--bk-5);margin-bottom:var(--bk-4)}
.burko-kpi-alarm b{color:var(--bk-err)}
.burko-audyt-podsum{
  margin:0 0 var(--bk-4);padding:var(--bk-3) var(--bk-4);
  background:var(--bk-warn-soft);border:1px solid color-mix(in srgb,var(--bk-warn) 38%,transparent);
  border-radius:var(--bk-r);
}
.burko-audyt-podsum p{margin:0;font-size:13px;line-height:1.5}
.burko-audyt-woj{padding:var(--bk-4) var(--bk-5);margin-bottom:var(--bk-4)}
.burko-audyt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--bk-3)}
.burko-audyt-head h2{margin:0;font-size:17px}
.burko-audyt-liczby{font-size:11.5px;color:var(--bk-ink-3);font-weight:600;font-variant-numeric:tabular-nums}
.burko-ocena-dobra{background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-ocena-czesciowa{background:var(--bk-warn-soft);color:var(--bk-warn)}
.burko-ocena-slaba{background:var(--bk-err-soft);color:var(--bk-err)}
.burko-ocena-brak{background:var(--bk-surface-3);color:var(--bk-ink-3)}
.burko-audyt-pusto{margin:0;font-size:13px;color:var(--bk-err)}
.burko-audyt-latwe{color:var(--bk-ok)}
.burko-audyt-tab td{vertical-align:top}
.burko-audyt-dublety{
  margin-top:var(--bk-3);padding:var(--bk-3) var(--bk-4);font-size:12.5px;
  background:var(--bk-err-soft);border-radius:var(--bk-r);
}
.burko-audyt-dublety b{display:block;margin-bottom:4px;color:var(--bk-err)}
.burko-audyt-dublety p{margin:0 0 3px}
/* Dwa wpisy jednej firmy to nie zawsze błąd — kiedy prowadzi dwa projekty,
   informujemy o tym spokojnie, a nie czerwonym alarmem jak przy dublecie. */
.burko-audyt-rownolegle{
  margin-top:var(--bk-3);padding:var(--bk-3) var(--bk-4);font-size:12.5px;
  background:var(--bk-info-soft);border-radius:var(--bk-r);
}
.burko-audyt-rownolegle b{display:block;margin-bottom:4px;color:var(--bk-info)}
.burko-audyt-rownolegle p{margin:0 0 3px}
.burko-audyt-braki{margin-top:var(--bk-3);font-size:12.5px}
.burko-audyt-braki summary{cursor:pointer;color:var(--bk-ink-2);font-weight:600}
.burko-audyt-braki ul{margin:var(--bk-2) 0 0;padding-left:18px;color:var(--bk-ink-2)}
.burko-audyt-braki li{margin-bottom:3px}
/* Tabela audytu ma siedem kolumn i na telefonie nie ma prawa się zmieścić —
   przewija się w swoim pudełku, żeby strona nie jechała w bok. */
.burko-tabela-przewijana{overflow-x:auto;-webkit-overflow-scrolling:touch}
.burko-tabela-przewijana>.burko-table{min-width:720px}


/* ============================================================
   0.133.0 — Szyna boczna jasna w trybie jasnym.
   Warstwa 0.41 ustawila szyne bezwarunkowo na --bk-black. W trybie
   jasnym wygladalo to jak obcy element: caly panel kremowy, a lewa
   kolumna czarna. Rozdzielamy kolory szyny na wlasne zmienne, zeby
   w dzien byla jasna, a w nocy zostala ciemna jak dotad.
   ============================================================ */
:root{
  --bk-szyna:var(--bk-surface-2);
  --bk-szyna-ink:var(--bk-ink);
  --bk-szyna-ink-2:var(--bk-ink-2);
  --bk-szyna-ink-3:var(--bk-ink-3);
  --bk-szyna-linia:var(--bk-line);
  --bk-szyna-hover:var(--bk-surface-3);
  --bk-szyna-badge:var(--bk-surface-3);
  --bk-szyna-badge-ink:var(--bk-ink-2);
  --bk-szyna-em:var(--bk-accent-text);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
  --bk-szyna:var(--bk-black);
  --bk-szyna-ink:#fff;
  --bk-szyna-ink-2:var(--bk-black-ink);
  --bk-szyna-ink-3:var(--bk-black-ink-3);
  --bk-szyna-linia:rgba(255,255,255,.09);
  --bk-szyna-hover:rgba(255,255,255,.07);
  --bk-szyna-badge:rgba(255,255,255,.14);
  --bk-szyna-badge-ink:#efe9e4;
  --bk-szyna-em:var(--bk-accent);
  }
}
:root[data-theme=dark]{
  --bk-szyna:var(--bk-black);
  --bk-szyna-ink:#fff;
  --bk-szyna-ink-2:var(--bk-black-ink);
  --bk-szyna-ink-3:var(--bk-black-ink-3);
  --bk-szyna-linia:rgba(255,255,255,.09);
  --bk-szyna-hover:rgba(255,255,255,.07);
  --bk-szyna-badge:rgba(255,255,255,.14);
  --bk-szyna-badge-ink:#efe9e4;
  --bk-szyna-em:var(--bk-accent);
}
.burko-boczny{background:var(--bk-szyna);color:var(--bk-szyna-ink-2);border-right:1px solid var(--bk-szyna-linia)}
.burko-boczny .burko-logo{color:var(--bk-szyna-ink)}
.burko-boczny .burko-marka-sub{color:var(--bk-szyna-ink-3)}
.burko-boczny .burko-grupa{color:var(--bk-szyna-ink-3)}
.burko-boczny .burko-poz{color:var(--bk-szyna-ink-2)}
.burko-boczny .burko-poz .burko-ico{color:var(--bk-szyna-ink-3)}
.burko-boczny .burko-poz:hover{background:var(--bk-szyna-hover);color:var(--bk-szyna-ink)}
.burko-boczny .burko-poz:hover .burko-ico{color:var(--bk-szyna-ink-2)}
.burko-boczny .burko-poz .burko-badge{background:var(--bk-szyna-badge);color:var(--bk-szyna-badge-ink)}
.burko-boczny .burko-poz-stopka{border-top:1px solid var(--bk-szyna-linia);color:var(--bk-szyna-ink-3)}
/* Aktywna pozycja zostaje pomaranczowa w obu motywach: #17130f na #e8651a to 5,4:1. */
.burko-boczny .burko-poz.active,.burko-boczny .burko-poz.active:hover{background:var(--bk-accent);color:#17130f;font-weight:700}
.burko-boczny .burko-poz.active .burko-ico{color:#17130f}
.burko-boczny .burko-poz.active .burko-badge{background:rgba(0,0,0,.26);color:#fff}
/* Podpis MASTER CRM ma 11px: na jasnej szynie #e8651a dawal 3,1:1, wiec na dzien
   bierze ciemniejszy odcien akcentu (5,0:1), a na noc zostaje jasny (5,6:1). */
.burko-boczny .burko-logo em{color:var(--bk-szyna-em)}

/* ============================================================
   0.133.1 — Plakietka z nazwa firmy w pasku gornym.
   Tekst byl bezposrednim dzieckiem kontenera flex, wiec
   text-overflow:ellipsis nie mial sie czego uchwycic: dluga nazwa
   byla ucinana w polowie litery, razem z prawym marginesem
   plakietki. Tekst dostaje wlasny element, plakietka moze sie
   kurczyc, a nazwa konczy sie wielokropkiem i pelna trescia w title.
   ============================================================ */
.burko-user{min-width:0}
.burko-kto{max-width:320px;min-width:0;padding:0 16px}
.burko-kto .burko-kto-t{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Ikony to jedna grupa, tozsamosc druga — troche wiekszy odstep je rozdziela. */
.burko-user>.burko-kto{margin-left:6px}
.burko-user>.burko-wyloguj{margin-left:2px}

/* ============================================================
   0.134.0 - Logo BUR Master CRM w szynie bocznej.
   Dwa pliki zamiast jednego, bo znak ma granatowe litery: na
   jasnej szynie czyta sie wprost, na ciemnej musi byc w wersji
   rozjasnionej. Przelaczaja sie tymi samymi warunkami motywu,
   ktore obsluguja reszte panelu.
   ============================================================ */
.burko-boczny .burko-brand{padding:2px 8px 12px;display:block}
.burko-boczny .burko-logo{display:block;line-height:0;padding:0}
.burko-boczny .burko-logo-img{display:block;width:100%;max-width:204px;height:auto}
.burko-boczny .burko-logo-noc{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]) .burko-boczny .burko-logo-dzien{display:none}
  :root:not([data-theme=light]) .burko-boczny .burko-logo-noc{display:block}
}
:root[data-theme=dark] .burko-boczny .burko-logo-dzien{display:none}
:root[data-theme=dark] .burko-boczny .burko-logo-noc{display:block}


/* Napis na pomaranczowej pigulce: granat z logo zamiast cieplej czerni (4,7:1). */
.burko-boczny .burko-poz.active,.burko-boczny .burko-poz.active:hover{color:#16202F}
.burko-boczny .burko-poz.active .burko-ico{color:#16202F}

/* 0.137.0 — limit bez gornej granicy czytamy jako dopisek, nie jako liczbe. */
.burko-ust-bezlimitu{font-style:normal;font-weight:500;font-size:.85em;color:var(--bk-ink-3);white-space:nowrap}

/* 0.137.3 — ekran podpisu oświadczenia o wyłączności konta. */
.burko-osw{max-width:640px;margin:8px auto 40px;padding:28px 30px}
.burko-osw-tytul{margin:6px 0 0;font-size:26px;line-height:1.15}
.burko-osw-wstep{margin:10px 0 18px;color:var(--bk-ink-2)}
.burko-osw-dane{display:grid;grid-template-columns:1fr 200px;gap:14px;margin-bottom:18px}
.burko-osw-tresc{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;color:var(--bk-ink)}
.burko-osw-tresc li{padding-left:2px}
.burko-osw-zgoda{display:flex;gap:10px;align-items:flex-start;margin:20px 0 4px;padding:14px 16px;border:1px solid var(--bk-line);border-radius:10px;background:var(--bk-surface-2);cursor:pointer}
.burko-osw-zgoda input{margin-top:4px;flex:0 0 auto}
.burko-osw-stopka{margin-top:18px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.burko-osw-podpis{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:14px;color:var(--bk-ink-2)}
.burko-osw-podpis b{color:var(--bk-ink)}
@media (max-width:560px){.burko-osw{padding:20px}.burko-osw-dane{grid-template-columns:1fr}}

/* 0.137.6 — kalendarz podmieniany w miejscu zamiast przeładowania pulpitu.
   Widoczny stan oczekiwania, bo bez przeładowania nic innego nie mówi,
   że coś się dzieje. */
.burko-kal-czeka{opacity:.5;pointer-events:none;transition:opacity .12s}

/* Treść wyłącznie dla czytników ekranu: komunikat o zmianie, którą osoba
   widząca i tak widzi. */
.burko-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ==============================================================
   0.137.8 — tabele: kluczowe dane zostają na ekranie.

   Karty włączały się dopiero poniżej 720 px, a między 720 px
   a pełnym desktopem ośmiokolumnowa lista rozpychała się poza
   szerokość panelu. Trzeba było przewijać w bok, żeby zobaczyć
   etap albo datę zmiany — czyli dokładnie to, po co się na tę
   listę wchodzi.

   Teraz: komórki mają sufit szerokości i ucinają tekst
   wielokropkiem (pełna treść w dymku pod myszą), a kolumny
   drugiego i trzeciego planu — oznaczone w widoku przez
   data-bk-pri — znikają kolejno przy 1180 px i 980 px.
   Poniżej 720 px tabela i tak staje się kartami i widać tam
   wszystko, bo karta ma miejsce w pionie.
   ============================================================== */
.burko-table td{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-table th{overflow:hidden;text-overflow:ellipsis}
.burko-table td .burko-osoba{min-width:0}
.burko-table td .burko-osoba>span{min-width:0;overflow:hidden}
.burko-table td .burko-osoba b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Komórki, które tracą sens ucięte: liczby, plakietki tak/nie, przyciski. */
.burko-table td.bk-num,
.burko-table td.burko-kol-akcja,
.burko-table td.burko-kol-tak{max-width:none;overflow:visible}

@media (max-width:1180px){
	.burko-table th.bk-pri3,.burko-table td.bk-pri3{display:none}
}
@media (max-width:980px){
	.burko-table th.bk-pri2,.burko-table td.bk-pri2{display:none}
}
@media (max-width:720px){
	.burko-table.bk-cards td.bk-pri2,.burko-table.bk-cards td.bk-pri3{display:flex}
	.burko-table.bk-cards th.bk-pri2,.burko-table.bk-cards th.bk-pri3{display:block}
	.burko-table.bk-cards td{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
	.burko-table.bk-cards td .burko-osoba b{white-space:normal}
}

/* Karta na telefonie: komórka z więcej niż jedną treścią — nazwa szkolenia
   plus termin — dzieliła resztę szerokości na dwie wąskie kolumny i nazwa
   łamała się po jednym słowie. Teraz termin schodzi do następnej linii,
   a na wąskim telefonie etykieta idzie nad wartość, żeby tekst dostał
   pełną szerokość karty. */
@media (max-width:720px){
	.burko-table.bk-cards td{flex-wrap:wrap}
	.burko-table.bk-cards td>*{min-width:0}
}
@media (max-width:480px){
	.burko-table.bk-cards td{gap:2px;justify-content:flex-start}
	.burko-table.bk-cards td::before{flex:0 0 100%}
}

/* Podpisy pod nazwą (termin, operator) mają nowrap, żeby w tabeli nie
   łamały się w środku daty. W karcie na telefonie nie ma dokąd ich uciąć,
   więc tam zawijają się normalnie. */
@media (max-width:720px){
	.burko-table.bk-cards .burko-szk-termin,
	.burko-table.bk-cards .burko-karta-sub,
	.burko-table.bk-cards .burko-podpis{white-space:normal;overflow:visible;text-overflow:clip}
}

/* ==============================================================
   0.137.12 — ergonomia dotyku.

   Safari na iOS przybliża stronę, kiedy pole ma czcionkę mniejszą
   niż 16 px, i po wyjściu z pola zostawia ekran przybliżony. To nie
   zależy od szerokości okna, tylko od urządzenia — dlatego warunkiem
   jest rodzaj wskaźnika, a nie próg pikseli. Tablet w poziomie ma
   dokładnie ten sam problem przy 1024 px.

   Druga rzecz to wielkość celu pod palcem. Apple podaje 44 px jako
   minimum, Google 48. Przycisk wychodził około 35 px, pole około 40,
   pigułka filtra 32 — wysokość brała się wyłącznie z odstępów, więc
   na telefonie nie rosła. Na myszy zostaje jak było: tam kursor trafia
   co do piksela i wyższe przyciski tylko rozpychałyby gęste listy.
   ============================================================== */
@media (pointer:coarse){
	.burko-form input,.burko-form select,.burko-form textarea,
	.burko-searchrow input,.burko-searchrow select,
	.burko-copyrow input,.burko-tabfiltr{font-size:16px}

	.burko-btn,.burko-btn-sm,
	.burko-chip,.burko-tabfiltr,
	.burko-poz,
	.burko-form input,.burko-form select,
	.burko-searchrow input,.burko-searchrow select,
	.burko-table th.bk-sort button{min-height:44px}

	.burko-ikonbtn{min-width:44px;min-height:44px}

	/* Pola wyboru zostają swojej wielkości — 44 px dotyczy obszaru
	   klikalnego etykiety, nie samego kwadracika. */
	.burko-form input[type=checkbox],.burko-form input[type=radio],
	input[type=checkbox],input[type=radio]{min-height:0;min-width:0}
	.burko-check,.burko-osw-zgoda{min-height:44px}
}

/* Domknięcie: część pól ma własne rozmiary w swoich sekcjach (deklaracje
   w karcie firmy, filtry), więc reguła po klasach ich nie łapała. Na dotyku
   liczy się sam element — iOS przybliża tak samo listę wyboru, jak pole
   tekstowe. */
@media (pointer:coarse){
	.burko-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
	.burko-body select,
	.burko-body textarea{font-size:16px}
	.burko-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
	.burko-body select{min-height:44px}
}

/* Deklaracje w karcie firmy mają własną regułę (.burko-form label.burko-fd-poz>select)
   o wyższej wadze niż selektor po elemencie, więc 16 px na dotyku przez nią nie
   przechodziło. To jedyne miejsce, w którym sięgam po !important, i robię to
   świadomie: to nie jest preferencja stylu, tylko próg urządzenia. Poniżej 16 px
   iOS przybliża ekran przy wejściu w pole i zostawia go przybliżonym — żadna
   reguła komponentu nie ma prawa tego przebić. */
@media (pointer:coarse){
	.burko-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
	.burko-body select,
	.burko-body textarea{font-size:16px !important}
}

/* Stan oczekiwania dla fragmentów podmienianych w miejscu (nabory).
   Kalendarz ma swój wlasny klasę od 0.137.6 — zostaje dla zgodności. */
.burko-czeka{opacity:.5;pointer-events:none;transition:opacity .12s}

/* ==========================================================================
   0.138.0 — tryb samouczka
   Kropki przy elementach, dymek, przyciemnienie ze spotlightem i pasek nad
   treścią. Warstwa jest dokładana na wierzch panelu i nie dotyka niczego
   poniżej: bez samouczka żaden z tych selektorów nie ma czego złapać.
   ========================================================================== */

/* Element, który sam w sobie nie jest kontenerem pozycjonującym — kropka
   potrzebuje punktu zaczepienia, ale nie chcemy ruszać układu strony. */
.burko-hint-kotwica{position:relative}

.burko-kropka{
	position:absolute;top:-9px;right:-9px;z-index:40;
	width:20px;height:20px;padding:0;border:0;border-radius:var(--bk-r-full,999px);
	background:var(--bk-accent-fill);color:var(--bk-on-accent);
	font:600 11px/20px var(--bk-font);text-align:center;cursor:help;
	box-shadow:0 0 0 2px var(--bk-surface),var(--bk-sh-1);
	transition:transform .12s ease,box-shadow .12s ease;
}
.burko-kropka:hover,
.burko-kropka:focus-visible{transform:scale(1.18);box-shadow:0 0 0 2px var(--bk-surface),0 0 0 5px var(--bk-accent-soft)}
.burko-kropka:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}

/* Kropka w nagłówku tabeli siada w linii tekstu, bo nad komórką nie ma
   miejsca, a wystająca poza obrys rozjeżdżałaby wiersz. */
.burko-table th .burko-kropka{position:static;display:inline-block;margin-left:6px;vertical-align:middle;top:auto;right:auto}

/* Podświetlenie omawianego elementu — widoczne także tam, gdzie nie ma
   przyciemnienia (telefon, swobodne klikanie kropek). */
.burko-hint-cel{
	position:relative;z-index:1;
	box-shadow:0 0 0 3px var(--bk-accent-soft),0 0 0 4px var(--bk-accent);
	border-radius:var(--bk-r-sm,6px);
}

/* --------------------------------------------------------------- pasek */

.burko-samo-pasek{
	display:flex;align-items:center;gap:10px;flex-wrap:wrap;
	margin:0 0 16px;padding:9px 12px;
	background:var(--bk-accent-soft);border:1px solid var(--bk-accent);
	border-radius:var(--bk-r,10px);
}
.burko-samo-ikona{
	flex:0 0 auto;width:22px;height:22px;border-radius:var(--bk-r-full,999px);
	background:var(--bk-accent-fill);color:var(--bk-on-accent);
	font:700 13px/22px var(--bk-font);text-align:center;
}
.burko-samo-tekst{flex:1 1 auto;min-width:0;font-size:13px;color:var(--bk-ink)}
.burko-samo-tekst b{display:block;font-weight:600}
.burko-samo-ile{color:var(--bk-ink-3)}
.burko-samo-pasek .burko-btn-sm{flex:0 0 auto}

/* --------------------------------------------------------------- dymek */

.burko-dymek{
	position:fixed;z-index:1200;top:0;left:0;width:min(330px,calc(100vw - 24px));
	padding:13px 14px 11px;
	background:var(--bk-surface);color:var(--bk-ink);
	border:1px solid var(--bk-line);border-radius:var(--bk-r,10px);
	box-shadow:var(--bk-sh-3);
	opacity:0;visibility:hidden;transform:translateY(-4px);
	transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.burko-dymek.jest{opacity:1;visibility:visible;transform:none}

.burko-dymek-glowa{display:flex;align-items:flex-start;gap:10px}
.burko-dymek h3{margin:0;font:600 14px/1.3 var(--bk-font);color:var(--bk-ink);flex:1 1 auto}
.burko-dymek-x{
	flex:0 0 auto;width:24px;height:24px;padding:0;border:0;border-radius:var(--bk-r-sm,6px);
	background:transparent;color:var(--bk-ink-3);font-size:19px;line-height:1;cursor:pointer;
}
.burko-dymek-x:hover{background:var(--bk-surface-2);color:var(--bk-ink)}
.burko-dymek-tresc{margin:7px 0 11px;font-size:13px;line-height:1.5;color:var(--bk-ink-2)}
.burko-dymek-stopka{display:flex;align-items:center;justify-content:space-between;gap:10px}
.burko-dymek-licznik{font-size:11.5px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}
.burko-dymek-nawi{display:flex;gap:6px;margin-left:auto}

/* Dzióbek — po stronie, z której dymek wyszedł. */
.burko-dymek::after{
	content:"";position:absolute;left:50%;margin-left:-7px;
	border:7px solid transparent;
}
.burko-dymek:not(.nad)::after{top:-14px;border-bottom-color:var(--bk-surface)}
.burko-dymek.nad::after{bottom:-14px;border-top-color:var(--bk-surface)}
.burko-dymek.arkusz::after{display:none}

/* ------------------------------------------------- przyciemnienie + wycięcie */

/* Dziurę w przyciemnieniu robi cień rozlany na cały ekran, a nie maska SVG:
   działa wszędzie, nie wymaga drugiego elementu i nie przerysowuje się przy
   każdej klatce przewijania. */
.burko-zaslona-samo{
	position:fixed;z-index:1100;border-radius:var(--bk-r,10px);
	box-shadow:0 0 0 9999px rgba(24,38,59,.55);
	opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .16s ease,visibility .16s;
}
.burko-zaslona-samo.jest{opacity:1;visibility:visible}

/* ------------------------------------------------------------ telefon */

@media (max-width:720px){
	/* Arkusz od dołu zamiast dymka przy elemencie: na wąskim ekranie dymek
	   i tak zasłoniłby to, co ma pokazać. */
	.burko-dymek.arkusz{
		top:auto;bottom:0;left:0;width:100%;
		border-radius:var(--bk-r-lg,14px) var(--bk-r-lg,14px) 0 0;
		border-bottom:0;padding:15px 16px calc(15px + env(safe-area-inset-bottom));
		transform:translateY(12px);
		box-shadow:0 -8px 30px rgba(24,38,59,.22);
	}
	.burko-dymek.arkusz.jest{transform:none}
	.burko-samo-pasek{padding:10px}
	.burko-samo-pasek .burko-btn-sm{flex:1 1 auto;text-align:center}
}

@media (pointer:coarse){
	.burko-kropka{width:26px;height:26px;line-height:26px;font-size:12px;top:-11px;right:-11px}
	.burko-dymek-x{min-width:44px;min-height:44px}
	.burko-dymek .burko-btn-sm{min-height:44px}
}

@media (prefers-reduced-motion:reduce){
	.burko-kropka,.burko-dymek,.burko-zaslona-samo{transition:none}
	.burko-dymek{transform:none}
}

/* Włączony samouczek widać na samym przełączniku — inaczej trzeba zgadywać,
   czy kropek nie ma, bo ekran ich nie ma, czy dlatego, że tryb jest wyłączony. */
.burko-samo-przel.jest{background:var(--bk-accent-soft);color:var(--bk-accent)}

/* ==========================================================================
   0.138.1 — ruch i chmurki w samouczku
   Spotlight przejeżdża między krokami zamiast przeskakiwać, dymek płynie za
   nim, a treść wskakuje przy każdej zmianie. Bez tego przejście w wycieczce
   wygląda, jakby nic się nie stało.
   ========================================================================== */

.burko-zaslona-samo{
	transition:
		opacity .18s ease, visibility .18s,
		top .42s cubic-bezier(.32,.72,0,1),
		left .42s cubic-bezier(.32,.72,0,1),
		width .42s cubic-bezier(.32,.72,0,1),
		height .42s cubic-bezier(.32,.72,0,1);
}
/* Pierwsze zapalenie światła ustawiamy bez animacji — inaczej wycięcie
   przyjeżdża z lewego górnego rogu ekranu. */
.burko-zaslona-samo.bez-ruchu{transition:none}

.burko-dymek{
	transition:
		opacity .16s ease, visibility .16s, transform .16s ease,
		top .42s cubic-bezier(.32,.72,0,1),
		left .42s cubic-bezier(.32,.72,0,1);
}

@keyframes bk-wskocz{
	from{opacity:0;transform:translateY(6px)}
	to{opacity:1;transform:none}
}
.burko-dymek-srodek.bk-wskocz{animation:bk-wskocz .28s cubic-bezier(.32,.72,0,1) both}

/* Tętno na podświetlonym elemencie — jedno, przy wejściu, żeby oko wiedziało,
   dokąd pojechało światło. */
@keyframes bk-cel{
	0%{box-shadow:0 0 0 3px var(--bk-accent-soft),0 0 0 4px var(--bk-accent),0 0 0 4px rgba(184,75,20,.4)}
	100%{box-shadow:0 0 0 3px var(--bk-accent-soft),0 0 0 4px var(--bk-accent),0 0 0 16px rgba(184,75,20,0)}
}
.burko-hint-cel{animation:bk-cel .65s ease-out 1}

/* Chmurka z najechania: sam tekst, bez przycisków i licznika. */
.burko-dymek.lekki{width:min(290px,calc(100vw - 24px));padding:10px 13px 11px}
.burko-dymek.lekki .burko-dymek-stopka,
.burko-dymek.lekki .burko-dymek-x{display:none}
.burko-dymek.lekki h3{font-size:13px}
.burko-dymek.lekki .burko-dymek-tresc{margin:5px 0 0;font-size:12.5px}

/* Pozycja menu w trybie samouczka — delikatny znak, że coś tu jest do
   przeczytania, bez osiemnastu kropek w szynie. */
.bk-samo .burko-poz[data-bk-hint-cicho]{cursor:help}

@media (prefers-reduced-motion:reduce){
	.burko-zaslona-samo,.burko-dymek{transition:opacity .01s linear}
	.burko-dymek-srodek.bk-wskocz{animation:none}
	.burko-hint-cel{animation:none}
}

/* ==========================================================================
   0.138.10 — poprawki po przeglądzie na telefonie
   ========================================================================== */

/* Lupa w zwiniętej wyszukiwarce siadała nierówno w kółku — po ukryciu etykiety
   i skrótu zostawał odziedziczony odstęp. Zerujemy go i centrujemy wprost. */
@media (max-width:980px){
	.burko-szukaj{gap:0;padding:0;justify-content:center;align-items:center}
	.burko-szukaj .burko-ico{margin:0 auto;flex:0 0 auto}
	/* Szuflada nigdy szersza niż ekran — na wąskich iPhone'ach 264 px potrafiło
	   zająć większość widoku i wyglądać na ucięte. */
	.burko-boczny{width:min(264px,86vw);max-width:86vw;overflow-x:hidden}
	.burko-boczny .burko-poz span{min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* Arkusz na telefonie: wygodniejszy oddech, ograniczona wysokość i krzyżyk
   wyjęty z linii tytułu, żeby nie ściskał nagłówka. */
@media (max-width:720px){
	.burko-dymek.arkusz{
		padding:18px 18px calc(18px + env(safe-area-inset-bottom));
		max-height:72vh;overflow-y:auto;
	}
	.burko-dymek.arkusz .burko-dymek-glowa{padding-right:40px}
	.burko-dymek.arkusz .burko-dymek-x{position:absolute;top:10px;right:10px}
	.burko-dymek.arkusz h3{font-size:15px}
	.burko-dymek.arkusz .burko-dymek-tresc{font-size:14px;line-height:1.55;margin:9px 0 14px}
	.burko-dymek.arkusz .burko-dymek-stopka{gap:12px}
	.burko-dymek.arkusz .burko-dymek-nawi{flex:1 1 auto}
	.burko-dymek.arkusz .burko-dymek-nawi .burko-btn{flex:1 1 auto;justify-content:center}
	.burko-dymek.lekki.arkusz{width:auto;padding:18px}
	.burko-samo-pasek{padding:12px}
	.burko-samo-pasek .burko-btn{width:100%}
}

.burko-dymek .burko-dymek-nawi .burko-btn{box-shadow:none}
.burko-samo-pasek .burko-btn{box-shadow:none}

/* ==========================================================================
   0.138.11 — kropki w tabelach
   Nagłówki mają overflow:hidden z przycinania długich tytułów, więc kropka
   wstawiona za tekstem znikała razem z nadmiarem. Komórce z objaśnieniem
   oddajemy widoczność i trzymamy całość w jednej linii.
   ========================================================================== */

.burko-table th[data-bk-hint]{overflow:visible;white-space:nowrap;text-overflow:clip}
.burko-table th[data-bk-hint] .burko-kropka{
	position:static;display:inline-flex;align-items:center;justify-content:center;
	width:17px;height:17px;min-width:17px;min-height:17px;
	margin-left:5px;vertical-align:-3px;
	font-size:11px;line-height:1;
	top:auto;right:auto;box-shadow:none;
}
.burko-table th[data-bk-hint] .burko-kropka:hover,
.burko-table th[data-bk-hint] .burko-kropka:focus-visible{
	transform:scale(1.15);box-shadow:0 0 0 3px var(--bk-accent-soft);
}

/* Podświetlenie nagłówka nie może rozpychać wiersza — sam obrys, bez ramki. */
.burko-table th.burko-hint-cel{box-shadow:inset 0 0 0 2px var(--bk-accent);border-radius:var(--bk-r-sm,6px)}

@media (pointer:coarse){
	.burko-table th[data-bk-hint] .burko-kropka{width:22px;height:22px;min-width:22px;min-height:22px;font-size:11px}
}

/* Przycisk sortowania jest blokiem na całą szerokość komórki, więc spychał
   kropkę do drugiej linii. W komórkach z objaśnieniem zwężamy go do treści —
   strzałka sortowania siada wtedy przy etykiecie, a kropka zaraz za nią. */
.burko-table th[data-bk-hint]>button:not(.burko-kropka){
	display:inline-flex;width:auto;vertical-align:middle;
}

/* Kropka przy elemencie, który przycina zawartość — siada w środku narożnika,
   żeby karta z zaokrąglonym rogiem nie ścinała jej do pomarańczowego paska. */
.burko-kropka.bk-w-srodku{top:7px;right:7px}
.burko-table th[data-bk-hint] .burko-kropka.bk-w-srodku{top:auto;right:auto}

/* Chmurka z najechania: węższa i wyrównana do lewej krawędzi elementu, więc
   dzióbek celuje w jego początek, a nie w środek. */
.burko-dymek.lekki{width:min(265px,calc(100vw - 24px))}
.burko-dymek.lekki::after{left:26px;margin-left:0}

/* ==========================================================================
   0.138.17 - pasek gorny na telefonie: przyklejony i ze szkla
   ========================================================================== */

@media (max-width:980px){
	/* Pasek zjezdzal z ekranu razem z trescia i po zescrollowaniu nie dalo sie
	   otworzyc menu bez wracania na sama gore. Przyklejamy go do krawedzi. */
	.burko-topbar{
		position:sticky;top:0;z-index:60;
		background:var(--bk-bg);
		border-bottom:1px solid transparent;
		padding:max(10px,env(safe-area-inset-top)) 16px 10px;
	}
	/* Szklo tylko tam, gdzie przegladarka naprawde rozmywa tlo. Bez tego
	   polprzezroczyste tlo zostawiloby tekst przebijajacy przez pasek. */
	@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
		.burko-topbar{
			background:var(--bk-bg);
			-webkit-backdrop-filter:blur(20px) saturate(180%);
			backdrop-filter:blur(20px) saturate(180%);
			border-bottom-color:color-mix(in srgb, var(--bk-line) 60%, transparent);
			box-shadow:0 1px 0 rgba(255,255,255,.35) inset;
		}
	}
	/* Szesc kolek w jednym rozmiarze. 44 px to takze minimum dotykowe. */
	.burko-topbar .burko-burger,
	.burko-topbar .burko-szukaj,
	.burko-topbar .burko-ikonbtn{
		width:44px;height:44px;min-width:44px;min-height:44px;
		flex:0 0 44px;border-radius:var(--bk-r-full);padding:0;
		display:inline-flex;align-items:center;justify-content:center;
	}
}

@media (max-width:360px){
	/* Na najwezszych ekranach szesc kolek po 44 px nie miesci sie w wierszu. */
	.burko-topbar .burko-burger,
	.burko-topbar .burko-szukaj,
	.burko-topbar .burko-ikonbtn{
		width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;
	}
}


/* ==========================================================================
   0.138.17 - kalendarz na telefonie: tydzien dzien po dniu
   Na waskim ekranie siatka miesiaca gubila tekst wpisow (font-size:0, paski
   po 5 px). Domyslnie pokazujemy wiec jeden tydzien rozpisany w pionie,
   a caly miesiac zostaje pod przyciskiem.
   ========================================================================== */

.burko-kal-tydz-nawig,.burko-kal-tryb{display:none}

@media (max-width:980px){
	.burko-kal-tryb{display:inline-flex}
	.burko-kal-tydz-nawig{align-items:center;gap:var(--bk-2);flex:1 1 100%;justify-content:space-between}
	.burko-kal-tydz-nawig strong{font-size:14px;font-variant-numeric:tabular-nums}
	.bk-tydz .burko-kal-nawig{display:none}
	.bk-tydz .burko-kal-tydz-nawig{display:flex}
	.bk-tydz .burko-kal{display:block;table-layout:auto}
	.bk-tydz .burko-kal thead{display:none}
	.bk-tydz .burko-kal tbody{display:block}
	.bk-tydz .burko-kal tbody tr{display:none}
	.bk-tydz .burko-kal tbody tr.bk-akt{display:block}
	.bk-tydz .burko-kal td{
		display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;row-gap:5px;
		height:auto;min-height:0;padding:11px 2px;align-items:start;
		border:0;border-bottom:1px solid var(--bk-line-soft);background:transparent;
	}
	.bk-tydz .burko-kal tr td:last-child{border-bottom:0}
	.bk-tydz .burko-kal td::before{
		content:attr(data-dow);grid-column:1;grid-row:2;
		font-size:11px;text-transform:uppercase;letter-spacing:.5px;
		color:var(--bk-ink-3);font-weight:700;
	}
	.bk-tydz .burko-kal td.poza{opacity:.5}
	.bk-tydz .burko-kal-nr{
		grid-column:1;grid-row:1;margin:0;font-size:21px;color:var(--bk-ink);opacity:1;
	}
	.bk-tydz .burko-kal td.dzis .burko-kal-nr{
		width:34px;height:34px;line-height:34px;font-size:17px;
	}
	.bk-tydz .burko-kal-wpis,.bk-tydz .burko-kal-wiecej{
		grid-column:2;font-size:13px;line-height:1.35;height:auto;
		padding:8px 11px;border-radius:9px;white-space:normal;margin:0;
	}
	.bk-tydz .burko-kal-wiecej{padding:2px 0}
	.bk-tydz .burko-kal td:not(.ma)::after{
		content:'wolne';grid-column:2;grid-row:1;
		font-size:13px;color:var(--bk-ink-3);align-self:center;
	}
	.bk-tydz .burko-kal-legenda{display:none}
}


/* 0.138.17 - przyklejony pasek chowa sie przy przewijaniu w dol, zeby nie
   zjadal na stale paska ekranu, i wraca na pierwszy ruch w gore. */
@media (max-width:980px){
	.burko-topbar{
		transition:transform .26s ease;will-change:transform;
		padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px;
	}
	.burko-topbar.bk-schowany{transform:translateY(-102%)}
}
@media (prefers-reduced-motion:reduce){
	.burko-topbar{transition:none}
}


/* 0.138.18 - wyroznienie i hover na telefonie obejmuja cala karte.
   W trybie kart wierszem jest karta z paddingiem i zaokragleniem, a tlo
   siedzialo na komorkach, wiec malowalo prostokat w srodku bialej karty. */
@media (max-width:720px){
	.burko-table.bk-cards tr.wyroz{
		background:var(--bk-accent-soft);
		border-color:var(--bk-accent);
	}
	.burko-table.bk-cards tr.wyroz td{background:transparent}
	.burko-table.bk-cards td+td{border-top-color:var(--bk-line-soft)}
}
/* Na dotyku :hover zostaje po stuknieciu i karta swieci bez powodu, wiec
   podswietlamy tylko tam, gdzie naprawde jest kursor. */
@media (max-width:720px) and (hover:hover){
	.burko-table.bk-cards tbody tr:hover{
		background:var(--bk-surface-2);border-color:var(--bk-line);
	}
	.burko-table.bk-cards tbody tr.wyroz:hover{background:var(--bk-accent-soft)}
}
@media (max-width:720px) and (hover:none){
	.burko-table.bk-cards tbody tr:hover{background:var(--bk-surface)}
	.burko-table.bk-cards tbody tr.wyroz:hover{background:var(--bk-accent-soft)}
}


/* 0.138.18 - sciezka wniosku na telefonie. Pasek byl przewijalny, ale
   ucinal sie twardą krawedzia i wygladal na zepsuty. Etykieta zjadala pol
   ekranu, wiec na wasko ja chowamy, kafelki zwezamy do tresci, dokladamy
   przyciaganie i miekkie wygaszenie na prawej krawedzi. */
@media (max-width:720px){
	.burko-etapy{
		gap:4px;scroll-snap-type:x proximity;scroll-padding-left:6px;
		-webkit-overflow-scrolling:touch;scrollbar-width:none;
		-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);
		mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);
	}
	.burko-etapy::-webkit-scrollbar{display:none}
	.burko-etapy-lab{display:none}
	.burko-etap{
		flex:0 0 auto;min-width:0;padding:9px 13px;gap:7px;scroll-snap-align:start;
	}
}


/* 0.138.20 - oddech nad ikonami. Na samej gorze strony pasek stoi w tresci
   i ma pelny padding, dopiero po przewinieciu robi sie niski. Wczesniej ikony
   siedzialy tuz przy krawedzi ekranu telefonu. */
@media (max-width:980px){
	.burko-topbar{
		padding-top:calc(16px + env(safe-area-inset-top));
		padding-bottom:12px;
	}
	.burko-topbar.bk-przyklejony{
		padding-top:max(9px,env(safe-area-inset-top));
		padding-bottom:9px;
	}
	/* Dopoki pasek nie jest przyklejony, szklo i kreska sa zbedne. */
	.burko-topbar-martwa-regula{}
}


/* 0.138.20 - kolumna daty w widoku tygodnia. Pelne nazwy dni nie miescily
   sie pod liczba i wchodzily pod wpisy. */
@media (max-width:980px){
	.bk-tydz .burko-kal td{grid-template-columns:46px minmax(0,1fr)}
	.bk-tydz .burko-kal td::before{white-space:nowrap}
}


/* ==========================================================================
   0.138.22 - pasek gorny wraca do tresci
   Przyklejony pasek na iOS Safari zachowywal sie nieprzewidywalnie: zaslanial
   tresc, gubil sie przy powrocie na gore i zostawial strone przewinieta o
   wlasna wysokosc. Pasek plynie wiec razem ze strona, a dostep do menu przy
   przewijaniu daje okragly przycisk w zasiegu kciuka.
   ========================================================================== */

@media (max-width:980px){
	.burko-topbar{
		
		
		-webkit-backdrop-filter:none;backdrop-filter:none;
		padding:calc(14px + env(safe-area-inset-top)) 16px 10px;
	}
	.burko-topbar.bk-schowany,.burko-topbar.bk-przyklejony{
		transform:none;position:static;
		padding:calc(14px + env(safe-area-inset-top)) 16px 10px;
	}
	.burko-topbar::after{content:none}
}


/* 0.138.22 - stopka trzyma sie dolu. Przy krotkiej tresci ladowala w polowie
   ekranu, bo obszar tresci i tak ma wysokosc szyny bocznej. */
.burko-obszar{display:flex;flex-direction:column;min-height:100vh}
.burko-obszar>main{flex:1 0 auto}
.burko-footer{margin-top:auto}

/* 0.138.22 - okragly przycisk menu w zasiegu kciuka. Pasek gorny plynie razem
   ze strona, wiec przy przewijaniu to stad otwiera sie szuflada. */
.burko-fab{display:none}
@media (max-width:980px){
	.burko-fab{
		display:flex;align-items:center;justify-content:center;
		position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));
		width:54px;height:54px;border-radius:var(--bk-r-full);
		background:var(--bk-black);color:#fff;border:1px solid rgba(255,255,255,.14);
		box-shadow:0 10px 26px rgba(20,16,12,.28);
		z-index:64;cursor:pointer;-webkit-tap-highlight-color:transparent;
		transition:transform .16s ease;
	}
	.burko-fab:active{transform:scale(.93)}
	.burko-fab .burko-ico{width:24px;height:24px}
	/* Przy otwartej szufladzie zaslona i tak go przykrywa, ale niech nie lapie
	   dotkniec przez przypadek. */
	.burko-nt:checked~.burko-fab{opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){
	.burko-fab{transition:none}
}


/* 0.138.23 - na iOS Safari 100vh to wysokosc ekranu BEZ chowajacych sie paskow
   przegladarki, wiec szuflada byla wyzsza niz widok i jej dol chowal sie pod
   paskiem narzedzi, a obszar tresci dokladal pusty ogon. dvh liczy realny widok. */
@supports (height:100dvh){
	.burko-obszar{min-height:100dvh}
	@media (max-width:980px){
		.burko-boczny{height:100dvh}
	}
}
@media (max-width:980px){
	/* Dol szuflady nad paskiem Safari, zeby ostatnie pozycje dalo sie kliknac. */
	.burko-boczny{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}


/* 0.138.24 - okragly przycisk menu w rogu zdjety na zyczenie. Ikony zostaja
   wylacznie w pasku gornym, ktory plynie razem ze strona. */
.burko-fab{display:none !important}

@media (max-width:980px){
	/* Zabezpieczenie: pasek gorny ma byc widoczny zawsze, nawet gdy przegladarka
	   trzyma jeszcze klasy ze starej wersji skryptu. */
	.burko-topbar,.burko-topbar.bk-schowany,.burko-topbar.bk-przyklejony{
		display:flex;visibility:visible;opacity:1;
		position:static;transform:none;
	}
}


/* ==========================================================================
   0.138.25 - belka gorna na telefonie stoi nieruchomo
   Belka plynaca ze strona znikala po kazdym dotknieciu pola, bo przegladarka
   przewijala widok do klawiatury, a przy liscie na 9000 px nie dalo sie do niej
   wrocic. Teraz jest przypieta do gory, a tresc dostaje rowno tyle odstepu,
   ile belka zajmuje, wiec nigdy pod nia nie wchodzi.
   ========================================================================== */

@media (max-width:980px){
	:root{--bk-pasek:calc(64px + env(safe-area-inset-top))}

	.burko-topbar,.burko-topbar.bk-schowany,.burko-topbar.bk-przyklejony{
		position:fixed;top:0;left:0;right:0;z-index:71;
		box-sizing:border-box;height:var(--bk-pasek);
		padding:env(safe-area-inset-top) 16px 0;
		align-items:center;transform:none;
		background:var(--bk-bg);
		border-bottom:1px solid var(--bk-line-soft);
	}

	/* Tresc zaczyna sie pod belka. */
	.burko-obszar{box-sizing:border-box;padding-top:var(--bk-pasek)}

	/* Szuflada i zaslona startuja pod belka, zeby krzyzyk zostal klikalny. */
	.burko-boczny{top:var(--bk-pasek);height:auto;bottom:0}
	.burko-nt:checked~.burko-zaslona{inset:var(--bk-pasek) 0 0}

	/* Skoki do kotwic nie chowaja celu pod belka. */
	html{scroll-padding-top:calc(var(--bk-pasek) + 8px)}
}


/* 0.138.26 - tlo belki. Po usunieciu martwej reguly z porzuconej wersji
   przypinamy tlo na stale, z podwyzszona specyficznoscia, zeby zadna
   pozostalosc po starych klasach go juz nie zdjela. */
@media (max-width:980px){
	.burko-topbar,
	.burko-topbar.bk-schowany,
	.burko-topbar.bk-przyklejony{
		background:var(--bk-bg);
		border-bottom:1px solid var(--bk-line-soft);
		box-shadow:0 1px 10px rgba(20,16,12,.05);
	}
}


/* 0.138.28 - krzyzyk w arkuszu samouczka wchodzil na tekst. Byl wyrwany z
   ukladu (position:absolute) i przy 44 px wysokosci jego pole siegalo
   pierwszego wiersza tresci, bo naglowek ma tylko okolo 20 px. Wraca do
   wiersza naglowka, gdzie flex sam rezerwuje mu miejsce. */
.burko-dymek.arkusz .burko-dymek-glowa .burko-dymek-x{
	position:static;flex:0 0 auto;margin:-6px -6px -6px 0;
}
.burko-dymek.arkusz .burko-dymek-glowa{
	padding-right:0;align-items:center;gap:8px;
}
.burko-dymek.arkusz .burko-dymek-glowa h3{min-width:0}


/* 0.138.29 - kropka samouczka, gdy nie ma dokad odsunac jej w bok, wchodzi
   w tok tekstu tuz za napisem. Silnik dodaje te klase dopiero po zmierzeniu
   realnego nachodzenia, wiec nie rusza tych kropek, ktore i tak stoja czysto. */
.burko-kropka.bk-obok{
	position:static;display:inline-flex;align-items:center;justify-content:center;
	margin-left:7px;vertical-align:middle;top:auto;right:auto;flex:0 0 auto;
}

/* ==========================================================================
   0.148.0 — kolor akcji głównej, układ formularza publicznego, wstęp o danych
   ========================================================================== */

/* Akcja główna nosi kolor marki. Zasada zostaje ta sama, co przy czarnym
   guziku: na jednym ekranie jedna akcja główna, reszta guzików neutralna.
   Zmienia się odcień, nie liczba akcentów. Na formularzu publicznym to
   jedyny kolorowy element strony, więc od razu widać, gdzie się klika.
   Wypełnienie #C14F15 z białym tekstem daje kontrast 4.7:1, czyli WCAG AA. */
.burko-btn-primary{background:var(--bk-accent-fill);border-color:var(--bk-accent-fill);color:#fff}
.burko-btn-primary:hover{background:var(--bk-accent-fill-hover);border-color:var(--bk-accent-fill-hover);color:#fff}
a.burko-btn-primary,a.burko-btn-primary:hover{color:#fff}
.burko-btn-primary:not(:disabled):not([disabled]):hover{
  box-shadow:0 6px 16px rgba(193,79,21,.32), inset 0 0 0 1px rgba(255,255,255,.20);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .burko-btn-primary{background:var(--bk-accent-fill);border-color:var(--bk-accent-fill);color:#fff}
  :root:not([data-theme="light"]) .burko-btn-primary:hover{background:var(--bk-accent-fill-hover);border-color:var(--bk-accent-fill-hover);color:#fff}
  :root:not([data-theme="light"]) a.burko-btn-primary,
  :root:not([data-theme="light"]) a.burko-btn-primary:hover{color:#fff}
}
:root[data-theme="dark"] .burko-btn-primary{background:var(--bk-accent-fill);border-color:var(--bk-accent-fill);color:#fff}
:root[data-theme="dark"] .burko-btn-primary:hover{background:var(--bk-accent-fill-hover);border-color:var(--bk-accent-fill-hover);color:#fff}
:root[data-theme="dark"] a.burko-btn-primary,
:root[data-theme="dark"] a.burko-btn-primary:hover{color:#fff}

/* Formularz publiczny nie ma bocznego menu, więc kolumna musi stać na środku.
   Bez tego treść przykleja się do lewej krawędzi, a pół ekranu zostaje puste. */
.burko-public .burko-main{margin-inline:auto;padding-top:32px}
.burko-public .burko-publichead h1{letter-spacing:-.02em}

/* Wstęp nad formularzem: po co zbieramy dane i co się z nimi dzieje. Ma być
   przeczytany, więc dostaje własną ramkę, ale nie krzyczy kolorem. */
.burko-wstep{
  margin:0 0 var(--bk-5);
  padding:15px 18px;
  border:1px solid var(--bk-line);
  border-left:3px solid var(--bk-accent);
  border-radius:var(--bk-r);
  background:var(--bk-surface);
}
.burko-wstep p{margin:0 0 9px;font-size:14px;line-height:1.62;color:var(--bk-ink-2)}
.burko-wstep p:last-child{margin-bottom:0}
.burko-wstep strong{color:var(--bk-ink);font-weight:650}

/* Guzik wysyłki stoi nisko pod długim formularzem, więc dajemy mu powietrze
   i pełną szerokość na telefonie, żeby trafić w niego kciukiem. */
.burko-public form > p:last-child{margin-top:var(--bk-5)}
@media (max-width:640px){
  .burko-public .burko-btn-lg{width:100%}
}

/* Tabela MŚP na formularzu firmowym. Cztery długie nagłówki nie mieściły się
   w karcie i wypychały tabelę w bok, bo nagłówki tabel mają zakaz łamania.
   Tutaj kolumny dostają stałe proporcje, a nagłówki wolno łamać. Poniżej
   720px czterech kolumn nie da się sensownie pokazać, więc każdy rok staje
   się osobnym blokiem z etykietą nad każdym polem. */
/* Nie uzywamy tu gotowego bk-cards, bo tamten wzorzec uklada etykiete
   i wartosc obok siebie i etykiety dokłada panel.js, ktorego formularz
   publiczny nie wczytuje. Pola do wpisywania potrzebuja etykiety nad
   inputem i pelnej szerokosci, wiec maja wlasny uklad. */
.burko-sme{table-layout:fixed;width:100%}
.burko-sme th{white-space:normal;line-height:1.3;vertical-align:bottom}
.burko-sme th:first-child,.burko-sme td:first-child{width:108px}
.burko-sme input{width:100%;min-width:0;box-sizing:border-box}
/* Komorki tabel maja w panelu ograniczenie max-width:24ch, zeby dlugi tekst
   nie rozpychal listy. Tutaj w komorkach siedza pola do wpisywania, ktore
   maja zajmowac cala dostepna szerokosc, wiec ten limit zdejmujemy. */
.burko-sme td{font-weight:400;max-width:none}

@media (max-width:720px){
  .burko-sme,
  .burko-sme tbody,
  .burko-sme tr,
  .burko-sme td{display:block;width:auto}
  .burko-sme thead{display:none}
  .burko-sme tr{
    border:1px solid var(--bk-line);
    border-radius:var(--bk-r);
    background:var(--bk-surface-2);
    padding:12px 14px;
    margin-bottom:10px;
  }
  .burko-sme tbody tr:last-child{margin-bottom:0}
  .burko-sme td{
    border:none;
    padding:0 0 10px;
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  .burko-sme tr td:last-child{padding-bottom:0}
  .burko-sme td:first-child{width:auto}
  .burko-sme td::before{
    content:attr(data-etykieta);
    font-size:12px;
    font-weight:600;
    color:var(--bk-ink-3);
  }
}

/* ==========================================================================
   Listy rozwijane i dni tygodnia pod terminem — 0.151.0
   ========================================================================== */

/* Wygląd kontrolek był przypięty do .burko-form, a panel ma selecty także poza
   formularzami: teczka, tablica, nabory, karta użytkownika. Tam wyglądały jak
   surowe pole systemowe wklejone z innej strony. Teraz wszystkie mają jeden
   wygląd, własną strzałkę i wysokość pod palec. */
.burko-main select,
.burko-form select{
  -webkit-appearance:none;
  appearance:none;
  border:1px solid var(--bk-line);
  border-radius:var(--bk-r-sm);
  padding:9px 36px 9px 11px;
  font:400 14px/1.4 var(--bk-font);
  color:var(--bk-ink);
  background-color:var(--bk-surface);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.25 1.5 6 6.25l4.75-4.75' fill='none' stroke='%23646E85' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
  min-height:40px;
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
}
.burko-main select:hover,
.burko-form select:hover{border-color:var(--bk-ink-3)}
.burko-main select:focus,
.burko-form select:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.burko-main select:disabled,
.burko-form select:disabled{background-color:var(--bk-surface-3);color:var(--bk-ink-3);cursor:default}
/* Lista opcji rysuje system, ale tło i kolor tekstu można mu podać. */
.burko-main select option,
.burko-form select option{background:var(--bk-surface);color:var(--bk-ink)}

/* Skróty dni tygodnia pod terminem na liście wniosków. */
.burko-wn-dni{color:var(--bk-ink-3);letter-spacing:.2px}

@media (pointer:coarse){
  .burko-main select,
  .burko-form select{min-height:44px;font-size:16px;background-position:right 14px center}
}

/* Pasek akcji stojący zaraz pod tabelą przyklejał się do jej krawędzi: guziki
   „Dodaj zaznaczone" wyglądały jak doklejone do ostatniego wiersza. Wszystko,
   co następuje bezpośrednio po tabeli, dostaje odstęp, a rząd przycisków
   dodatkowo trochę luzu między sobą, bo siedem pikseli to odstęp dla chipów
   filtrujących, nie dla dwóch pełnowymiarowych guzików. */
.burko-table + p,
.burko-table + div,
.burko-table + .burko-chips,
.burko-tablewrap + p,
.burko-tablewrap + div,
.burko-tablewrap + .burko-chips{margin-top:var(--bk-4)}
.burko-table + .burko-chips,
.burko-tablewrap + .burko-chips{gap:10px}

/* Formularz opakowujący tabelę: pasek akcji bywa jego ostatnim dzieckiem,
   więc odstęp liczymy też od dołu tabeli wewnątrz formularza. */
.burko-form > .burko-table + p,
.burko-form > .burko-table + .burko-chips{margin-top:var(--bk-4)}

/* ==========================================================================
   Guziki: jedna skala i cele, w które da się trafić palcem
   --------------------------------------------------------------------------
   Przegląd całego panelu (20.09.2026, ekran 390 px) wypadł lepiej, niż się
   spodziewałem: skala 32 / 38 / 46 px trzyma się wszędzie, nic nie wystaje
   poza szerokość ekranu, tabele składają się w kafelki. Wyjątków było
   kilka i wszystkie w jedną stronę — pojedyncze guziki zeszły do 11 px
   pisma i 29 px szerokości, czyli poniżej tego, co system ma wszędzie
   indziej. Tutaj podciągamy je do reszty.
   ========================================================================== */

/* Akcje przy pliku. Strzałka pobierania miała 29 px szerokości, a tuż obok
   niej stało „Usuń" — czynność nieodwracalna, tej samej wielkości i tego
   samego koloru. Strzałka dostaje kształt kwadratu, „Usuń" normalne pismo,
   a odstęp między nimi rośnie, żeby chybienie nie kosztowało dokumentu. */
.burko-plik-akcje{gap:8px}
.burko-plik-akcje .burko-btn{padding:0 12px;font-size:12.5px}
.burko-plik-akcje a.burko-btn{width:36px;padding:0;font-size:15px}
.burko-plik-akcje button.burko-btn:hover,
.burko-plik-akcje button.burko-btn:focus-visible{
	border-color:var(--bk-err);color:var(--bk-err);background:var(--bk-err-soft)
}

/* Tablica zespołu: guziki przy kartce i przy komentarzu miały 11 px, czyli
   najmniejsze pismo w całym systemie. Reszta panelu używa 12,5 px. */
.burko-tab-akcje .burko-btn,
.burko-tab-kom-nowy .burko-btn{font-size:12.5px;padding:0 11px}
.burko-tab-kom-usun{min-height:32px}

/* Ikonka „pokaż pracowników tej firmy" ma 15 × 19 px i siedzi w środku
   wiersza tekstu. Zamiast ją powiększać — co rozepchnęłoby wiersz — dajemy
   jej niewidoczne pole kliknięcia dookoła. Wygląd bez zmian. */
.burko-firma-pracownicy{position:relative}
.burko-firma-pracownicy::after{content:"";position:absolute;inset:-13px}

/* To samo dla liczników na pulpicie: sam „0" ma 8 px szerokości. */
.burko-licznik-link,
.burko-pulpit .burko-muted a{position:relative}
.burko-licznik-link::after,
.burko-pulpit .burko-muted a::after{content:"";position:absolute;inset:-12px -14px}

/* ------------------------------------------------ dotyk: minimum 44 px */
@media (pointer:coarse){
	/* Strzałki tygodnia w kalendarzu i pobieranie pliku miały 40 i 29 px
	   szerokości. Wysokość reguła ogólna już podnosiła, szerokości nie. */
	.burko-plik-akcje a.burko-btn,
	.burko-kal-tydz-nawig .burko-btn,
	.burko-btn-minus{min-width:44px}

	/* Nazwisko w spisie uczestników kończyło się na 42 px. */
	.burko-osoba{min-height:44px}
	.burko-tab-kom-usun{min-height:44px}

	.burko-firma-pracownicy::after{inset:-15px}
	.burko-licznik-link::after,
	.burko-pulpit .burko-muted a::after{inset:-15px -18px}
}

/* Paski etapow na pulpicie maja 31 px wysokosci i leza jeden na drugim.
   Tu nie da sie powiekszyc pola niewidocznie, bo zachodziloby na sasiada,
   wiec rosna same paski. */
@media (pointer:coarse){
	.burko-pipeline li>a{min-height:44px}
}

/* Numer wniosku w spisie („#49”) to link szerokosci 18 px. Powiekszamy
   samo pole klikniecia, oszczednie, zeby nie zabierac dotyku etykiecie
   stojacej obok. */
@media (max-width:720px){
	.burko-table td>a:not([class]){position:relative}
	.burko-table td>a:not([class])::after{content:"";position:absolute;inset:-10px -8px}
}

/* Strzalki stronicowania maja 34 x 34 px i siedza obok siebie. */
@media (pointer:coarse){
	.burko-str button{min-width:44px;min-height:44px}
}

/* Pole NIP dzielilo wiersz z guzikiem „Pobierz z rejestrow” i przy
   wezszej kolumnie ucinalo numer. Dziesiec cyfr ma sie miescic zawsze,
   a gdy zabraknie miejsca, guzik schodzi do drugiego wiersza. */
.burko-inlinerow{flex-wrap:wrap}
.burko-inlinerow input{flex:1 1 140px;min-width:140px}

/* Kafel „Zespol” pokazywal cztery osoby i urywal reszte. Teraz miesci
   wszystkich, a przewija sie w srodku, zeby karta nie rosla bez konca. */
.burko-osoby-lista{
	max-height:244px;overflow-y:auto;overscroll-behavior:contain;
	margin-inline:-4px;padding-inline:4px;scrollbar-width:thin;
}

/* Znacznik AI przy pozycji menu. Gradient jest trzy razy szerszy niz
   napis i przesuwa sie w kolko, a background-clip przycina go do
   ksztaltu liter. Gdyby przegladarka tego nie umiala, zostaje zwykly
   kolor akcentu, wiec napis nigdy nie znika. */
.burko-ai{
	margin-left:6px;font-size:11px;font-weight:800;letter-spacing:.06em;
	vertical-align:1px;color:var(--bk-accent-text);
	background:linear-gradient(90deg,#B84B14,#E3601B,#F0A35C,#8C7CC4,#E3601B,#B84B14);background-size:300% 100%;
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:burko-ai-krazy 7s linear infinite;
}
@media (prefers-color-scheme:dark){
	:root:not([data-theme=light]) .burko-ai{background:linear-gradient(90deg,#FF9560,#F97F3A,#FFC79A,#A99BE0,#F97F3A,#FF9560);background-size:300% 100%}
}
:root[data-theme=dark] .burko-ai{background:linear-gradient(90deg,#FF9560,#F97F3A,#FFC79A,#A99BE0,#F97F3A,#FF9560);background-size:300% 100%}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
	.burko-ai{-webkit-text-fill-color:currentColor;background:none}
}
@keyframes burko-ai-krazy{from{background-position:0 0}to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){.burko-ai{animation:none}}

/* Siatka formularza ustawia etykiety, pola i podpisy w trzech wspólnych
   wierszach (subgrid), dzięki czemu wszystkie pola stoją na jednej linii.
   Ale element, który nie jest etykietą — na przykład akapit z uwagą —
   wpadał w pojedynczy wiersz i rozpychał go na swą wysokość. Efekt: podpisy
   zostawały u góry, a pola zjeżdżały sto trzydzieści pikseli niżej. Teraz
   taki element bierze całą szerokość i własne miejsce w tym samym rytmie. */
.burko-grid2 > *:not(label):not(.burko-check){grid-column:1/-1;grid-row:span 3;margin-bottom:var(--bk-3)}

/* Znacznik stanu obok pola rozciągał się na całą wysokość wiersza, a przy
   zaokrągleniu 999 px robiła się z niego elipsa wielkości pola. */
.burko-inlinerow{align-items:center}
.burko-inlinerow > .burko-tag{align-self:center;flex:0 0 auto}

/* Pole wyboru też stoi poza rytmem trzech wierszy, więc wysoki kafelek z
   opisem pod spodem rozpychał wiersz etykiet w całej siatce. Dostaje własne
   pasmo, tej samej wysokości co sąsiednie pola. */
.burko-grid2 > label.burko-check{grid-row:span 3;align-self:start}

/* Znak firmowy w szynie i pasek z wyszukiwarką czytają się jak jedna linia
   nagłówka, więc powinny leżeć na jednej wysokości. Logo ma środek 48 px od
   góry, pasek miał 40 — osiem pikseli wyżej. Akurat tyle, żeby było widać,
   że coś nie gra, i za mało, żeby dalo sie wskazac co. Poniżej 981 px
   szyna chowa się w szufladę i nie ma do czego równać. */
@media (min-width:981px){
	.burko-topbar{padding-top:28px}
}

/* Dni tygodnia i odległość do terminu były luźnym szarym ciągiem pod datą,
   a czyta się je tak samo jak znacznik statusu w sąsiedniej kolumnie. Więc
   dostają tę samą formę: małą pigułkę w tonie neutralnym, jak „planowane”.
   Nazwa operatora nad spodem zostaje zwykłym tekstem — bywa długa i pigułka
   by ją rozpychała. */
.burko-szk-termin > b{display:block}
.burko-szk-kiedy{
	display:inline-block;margin-top:6px;
	border-radius:var(--bk-r-full);background:var(--bk-surface-3);
	color:var(--bk-ink-2);font-size:11.5px;font-weight:600;
	padding:3px 10px;line-height:1.5;white-space:nowrap;
}

/* Ton pigułki niesie stan terminu, tak samo jak znacznik statusu obok:
   pomarańczowy znaczy „dzieje się teraz albo lada chwila”, wyciszony — „już po”,
   neutralny — „kiedyś”. Zielonego nie bierzemy, bo w kolumnie statusu znaczy
   „zakończone” i dwie zielone pigułki w wierszu mówiłyby to samo dwa razy. */
.burko-szk-kiedy-blisko{background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.burko-szk-kiedy-po{background:var(--bk-surface-2);color:var(--bk-ink-3);font-weight:500}

/* Guzik, który kończy tę sekcję, stał tuż pod podpisem listy wyboru i miał
   inną wielkość niż „Zapisz uczestnika” kawałek wyżej. Na telefonie oba
   widać naraz i różnica rzucała się w oczy. Rozmiar taki sam, odstęp większy,
   żeby nie przyklejał się do zdania nad sobą. */
.burko-main .burko-teczka-gen{margin-top:var(--bk-5,20px)}

/* podgląd przed wystawieniem dokumentu — pytamy tylko o to, czego system nie wie */
.burko-proba{margin:0 0 var(--bk-5);padding:var(--bk-4);border:1px solid var(--bk-accent);border-radius:var(--bk-r);background:var(--bk-accent-soft)}
.burko-proba .burko-lab{color:var(--bk-accent-text)}
.burko-proba .burko-karta-opis{margin:var(--bk-2) 0 var(--bk-4)}
.burko-proba-poz{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--bk-3)}
.burko-proba-poz label{font-size:13px;font-weight:600;color:var(--bk-ink-2);line-height:1.45}
.burko-proba-poz input,.burko-proba-poz select{max-width:460px}
.burko-proba-akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:var(--bk-4) 0 0}
.burko-proba-akcje .burko-btn{min-width:150px;justify-content:center}
@media (max-width:720px){.burko-proba{padding:var(--bk-3)}.burko-proba-poz input,.burko-proba-poz select{max-width:none}.burko-proba-akcje .burko-btn{flex:1 1 140px;min-width:0}}
@media (pointer:coarse){.burko-proba-akcje .burko-btn{min-height:44px}.burko-proba-poz select,.burko-proba-poz input{min-height:44px}}

/* rubryki opisowe w podglądzie — tekst, który ktoś podpisze */
.burko-proba-poz textarea{width:100%;max-width:640px;min-height:112px;resize:vertical;font:inherit;line-height:1.55}
.burko-proba-ai{align-self:flex-start;margin-top:2px}
.burko-proba-zgoda{margin:var(--bk-4) 0 0;padding:var(--bk-3);border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);background:var(--bk-surface)}
.burko-proba-zgoda .burko-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;font-weight:400}
.burko-proba-zgoda .burko-check input{margin-top:3px;flex:0 0 auto}
.burko-proba-zgoda .burko-podpis{margin:0}
@media (max-width:720px){.burko-proba-poz textarea{max-width:none}}

/* (AI) w menu. Szyna bywa kremowa albo czarna, więc gradient ma dwa
   warianty — jeden zestaw kolorów nie da się przeczytać na obu tłach. */
.burko-boczny .burko-ai{
	font-size:11px;font-weight:800;letter-spacing:.07em;vertical-align:1px;
	color:#A8400E;
	background:linear-gradient(90deg,#9C3A0B,#D4530F,#7B4FD0,#D4530F,#9C3A0B);
	background-size:300% 100%;
	-webkit-background-clip:text;background-clip:text;
}
@media (prefers-color-scheme:dark){
	:root:not([data-theme=light]) .burko-boczny .burko-ai{
		color:#FFC79B;
		background:linear-gradient(90deg,#FFB478,#FFE3C6,#F1E8FF,#C9B8FF,#FFB478);
		-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
		background-size:300% 100%;
	}
}
:root[data-theme=dark] .burko-boczny .burko-ai{
	color:#FFC79B;
	background:linear-gradient(90deg,#FFB478,#FFE3C6,#F1E8FF,#C9B8FF,#FFB478);
		-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
	background-size:300% 100%;
}

/* grupy operatorów na karcie uczestnika — sześć tabel pod rząd zlewało się
   w jedną ścianę, a bilans grupy uciekał na prawy skraj i ginieł. */
.burko-ucz-grupa + .burko-ucz-grupa{
	margin-top:var(--bk-6);padding-top:var(--bk-5);border-top:1px solid var(--bk-line-soft);
}
.burko-ucz-grupa-head{align-items:center;gap:8px 10px;padding-bottom:10px;margin-bottom:12px}
.burko-ucz-grupa-bilans{
	margin-left:0;font-size:11.5px;font-weight:600;line-height:1.6;
	padding:2px 10px;border-radius:var(--bk-r-full);white-space:nowrap;
	background:var(--bk-accent-soft);color:var(--bk-accent-text);
}
.burko-ucz-grupa + .burko-ucz-grupa .burko-ucz-grupa-head{border-top:none}
@media (max-width:720px){
	.burko-ucz-grupa + .burko-ucz-grupa{margin-top:var(--bk-5);padding-top:var(--bk-4)}
	.burko-ucz-grupa-head h3{flex:1 1 100%}
}
/* na podświetlonej pozycji gradient ginie w pomarańczu — tam (AI) jest białe */
.burko-boczny .burko-poz.active .burko-ai{
	background:none;-webkit-text-fill-color:currentColor;color:var(--bk-on-accent,#fff);opacity:.9;animation:none;
}

/* wgrywanie wzorów — pole na pliki i guzik stały na sobie */
.burko-panelbox .burko-form label{display:block;margin:var(--bk-4) 0 0;font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.burko-panelbox .burko-form input[type=file]{display:block;width:100%;margin-top:8px;font-weight:400;color:var(--bk-ink)}
.burko-panelbox .burko-form p{margin:var(--bk-4) 0 0}
/* karta „dla kogo” — wnioskodawca, ludzie i załączniki potrzebują przerw */
.burko-nab-kto{
	display:grid;align-items:center;gap:10px 12px;margin:0 0 var(--bk-5);
	grid-template-columns:auto minmax(200px,380px) auto minmax(200px,380px);
	justify-content:start;column-gap:14px;
}
.burko-nab-kto small{grid-column:1/-1;margin:0}
@media (max-width:1100px){.burko-nab-kto{grid-template-columns:auto minmax(0,1fr)}}
@media (max-width:640px){.burko-nab-kto{grid-template-columns:minmax(0,1fr)}}
.burko-nab-kto label{font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.burko-nab-kto select{min-width:0;width:100%}
.burko-nab-kto small{flex:1 1 220px;color:var(--bk-ink-3);font-size:12.5px}
.burko-nab-osoby{margin:10px 0 0}
.burko-nab-licznik{margin:10px 0 var(--bk-5)}
.burko-blok .burko-lab + .burko-podpis{margin-top:4px}


/* sekcja zwijana — nagłówek klika się jak zwykły sechead */
.burko-zwijka{margin:var(--bk-6) 0 0}
.burko-zwijka > summary{
	display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;
	cursor:pointer;list-style:none;padding:6px 2px;border-radius:var(--bk-r-sm);
}
.burko-zwijka > summary::-webkit-details-marker{display:none}
.burko-zwijka > summary::before{
	content:"";width:8px;height:8px;flex:none;
	border-right:2px solid var(--bk-ink-3);border-bottom:2px solid var(--bk-ink-3);
	transform:rotate(-45deg);transition:transform .18s ease;margin-right:2px;
}
.burko-zwijka[open] > summary::before{transform:rotate(45deg)}
.burko-zwijka > summary:hover{background:var(--bk-surface-2)}
.burko-zwijka > summary:focus-visible{outline:2px solid var(--bk-ring);outline-offset:2px}
.burko-zwijka-h2{font-family:var(--bk-dsp,inherit);font-size:17px;font-weight:700;color:var(--bk-ink)}
.burko-zwijka > summary .burko-podpis{margin-left:auto;text-align:right}
.burko-zwijka > .burko-karty,.burko-zwijka > .burko-blok{margin-top:10px}
@media (max-width:720px){.burko-zwijka > summary .burko-podpis{flex:1 1 100%;margin-left:0;text-align:left}}
/* atrybut hidden przegrywa z display:flex z reguły wyżej — stąd wymuszenie */
.burko-nab-osoby label[hidden]{display:none !important}

/* lista ludzi we wniosku firmy — wiersze stały na sobie */
.burko-nab-osoby .burko-wn-poz{margin-bottom:6px}
.burko-nab-osoby .burko-wn-poz:last-child{margin-bottom:0}
.burko-nab-osoby{padding-block:2px}

/* sygnał o nowej wtyczce — rozszerzenie z pliku nie aktualizuje się samo */
.burko-wt-alert{
	display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
	margin:0 0 var(--bk-5);padding:var(--bk-4);
	border:1px solid var(--bk-accent);border-radius:var(--bk-r);background:var(--bk-accent-soft);
}
.burko-wt-alert > div{flex:1 1 320px;min-width:0}
.burko-wt-alert b{color:var(--bk-accent-text)}
.burko-wt-alert .burko-karta-opis{margin:4px 0 0}
.burko-wt-ok{margin:0 0 var(--bk-5)}


/* kropka przy pozycji menu — sygnał bez zjadania etykiety. Tylko w menu:
   kropki samouczka mają tę samą klasę i nie mogą dziedziczyć tego wyglądu. */
.burko-poz span.burko-kropka{
	position:relative;flex:0 0 8px;width:8px;min-width:8px;max-width:8px;height:8px;margin-left:auto;border-radius:50%;
	background:var(--bk-accent-fill);box-shadow:0 0 0 3px var(--bk-accent-soft);
}
.burko-poz.active span.burko-kropka{background:var(--bk-on-accent,#fff);box-shadow:none}

/* Kontrolki formularzy nie dziedziczą kroju — przeglądarka daje im swój
   (Arial), więc guziki i pola stały obok tekstu pisanego naszym krojem.
   Klasowe reguły wyżej mają większą specyficzność, więc ich nie ruszamy. */
input, select, textarea, button, optgroup {
	font: inherit;
	letter-spacing: inherit;
}
/* Monospace też z tokenu — gołe monospace to na Windows Courier New. */
code, kbd, samp, pre, .burko-mono {font-family:var(--bk-mono)}

/* Wybór korekty przy generowaniu dokumentów operatora. */
.burko-kor-wybor{display:flex;align-items:center;gap:8px;margin:10px 0 2px}

/* ---------------------------------------------- przełącznik kont (plan Multi)
   Pokazuje się wyłącznie tam, gdzie człowiek ma więcej niż jedno konto. Kto
   ma jedno — czyli prawie każdy — ma belkę co do piksela taką jak przedtem. */
.burko-konta{position:relative;margin-left:6px}
.burko-konta-btn{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 7px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-full);cursor:pointer;font:inherit;color:var(--bk-ink);max-width:340px}
.burko-konta-btn:hover{border-color:var(--bk-accent)}
.burko-konta-aw{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bk-black);color:#fff;border-radius:var(--bk-r-full);font-size:11px;font-weight:700}
.burko-konta-nazwa{font-size:13px;font-weight:600;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-konta-strz{width:15px;height:15px;flex-shrink:0;color:var(--bk-ink-3)}

/* Tryb opieki jest granatowy, nie pomarańczowy: pomarańcz w panelu znaczy
   „kliknij tutaj" i nie może jednocześnie znaczyć „to cudze konto". Granat
   jest w marce i różni się od pomarańczu także jasnością, nie samym odcieniem. */
.burko-konta.opieka .burko-konta-btn{background:var(--bk-black);border-color:var(--bk-black);color:#fff}
.burko-konta.opieka .burko-konta-aw{background:rgba(255,255,255,.16)}
.burko-konta.opieka .burko-konta-strz{color:var(--bk-black-ink)}
.burko-konta.opieka .burko-konta-tag{padding:2px 8px;background:rgba(255,255,255,.17);color:#fff;border-radius:var(--bk-r-full);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}

.burko-konta-panel{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:calc(100vw - 32px);background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);box-shadow:var(--bk-sh-3);padding:12px 10px;z-index:60}
.burko-konta-panel[hidden]{display:none}
.burko-konta-lab{margin:0 0 8px;padding:0 8px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--bk-ink-3)}
.burko-konta-poz{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:11px;padding:9px 8px;margin-bottom:2px;background:transparent;border:0;border-radius:var(--bk-r);cursor:pointer;font:inherit;text-align:left}
.burko-konta-poz:hover{background:var(--bk-surface-3)}
.burko-konta-poz.jest{background:var(--bk-accent-soft)}
.burko-konta-poz .burko-konta-aw{width:34px;height:34px;border-radius:10px;background:var(--bk-surface-3);color:var(--bk-ink-2);font-size:12px}
.burko-konta-poz .burko-konta-aw.swoj{background:var(--bk-black);color:#fff}
.burko-konta-txt{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.burko-konta-n{font-size:13.5px;font-weight:600;color:var(--bk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-konta-o{font-size:11.5px;color:var(--bk-ink-3)}
.burko-konta-ptak{width:18px;height:18px;flex-shrink:0;color:var(--bk-accent-text)}

/* Jeden cienki pasek zamiast banera na pełną szerokość. Baner zjadałby miejsce
   przy każdym wniosku, a po dwóch dniach i tak przestałby być widziany. */
.burko-opieka-pas{display:flex;align-items:center;gap:12px;margin:16px 28px 4px;padding:10px 16px;background:var(--bk-surface);border:1px solid var(--bk-line);border-left:4px solid var(--bk-black);border-radius:var(--bk-r);font-size:13px;color:var(--bk-ink-2)}
.burko-opieka-pas>svg{width:18px;height:18px;flex-shrink:0;color:var(--bk-black)}
.burko-opieka-pas>span{flex-grow:1}
.burko-opieka-pas button{padding:0;background:none;border:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--bk-accent-text);cursor:pointer;white-space:nowrap}
.burko-opieka-pas button:hover{text-decoration:underline}
@media (max-width:760px){
	.burko-konta-nazwa{display:none}
	.burko-konta-btn{max-width:none}
	.burko-opieka-pas{margin:12px 16px 4px;flex-wrap:wrap}
}

/* ------------------------------------------------- ekran zgód na dostęp
   Obie strony w jednym miejscu: kto wchodzi do mojego konta i czyje konta
   prowadzę. Wiersze celowo wyglądają tak samo po obu stronach — to ta sama
   rzecz widziana z dwóch stron. */
.burko-blok-opieka{border-left:4px solid var(--bk-black)}
.burko-dostep-prosba{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--bk-line-soft)}
.burko-dostep-prosba:first-of-type{border-top:0}
.burko-dostep-wiersz{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--bk-line-soft)}
.burko-dostep-tresc{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.burko-dostep-tresc>b{font-size:13.5px;font-weight:600;color:var(--bk-ink)}
.burko-dostep-akcje{display:flex;gap:8px;flex-shrink:0}
.burko-dostep-cytat{margin-top:4px;padding:7px 12px;background:var(--bk-surface-2);border-left:3px solid var(--bk-line);border-radius:0 var(--bk-r-sm) var(--bk-r-sm) 0;font-size:12.5px;color:var(--bk-ink-2)}
.burko-awatar-czeka{background:var(--bk-warn-soft);color:var(--bk-warn)}
.burko-awatar-czeka svg{width:17px;height:17px}
.burko-dostep-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--bk-line-soft)}
.burko-dostep-pola{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
/* Nie nazywaj tego `.burko-pole` — ta nazwa jest zajęta przez pomarańczową
   pastylkę pola rozpoznanego przez AI. Stąd własny przedrostek `dp`. */
.burko-dostep-pola .burko-dp-pole{display:flex;flex-direction:column;gap:5px;width:220px;min-width:0}
.burko-dostep-pola .burko-dp-pole-szer{flex-grow:1;width:auto;min-width:240px}
.burko-dostep-pola .burko-dp-pole label{font:600 13px/1.4 var(--bk-font);color:var(--bk-ink-2)}
.burko-dostep-pola .burko-dp-pole input{border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:9px 11px;font:400 14px/1.4 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.burko-dostep-pola>.burko-btn{flex-shrink:0}
.burko-dostep-form .burko-podpis{margin-top:10px}

/* Odebranie dostępu jest nieodwracalne dla drugiej strony — przycisk ma to
   powiedzieć kolorem, ale bez krzyku: to normalna czynność właściciela konta. */
.burko-btn-ryzyko{color:var(--bk-err)}
.burko-btn-ryzyko:hover{border-color:var(--bk-err);color:var(--bk-err)}
@media (max-width:760px){
	.burko-dostep-prosba,.burko-dostep-wiersz{flex-wrap:wrap}
	.burko-dostep-pola .burko-dp-pole{width:100%}
}

/* Linki do formularzy na pulpicie: kto jest adresatem, pole na całą szerokość. */
.burko-formlink{margin-top:var(--bk-4)}
.burko-formlink-gl{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:6px;font-size:13px}
.burko-formlink-gl strong{color:var(--bk-ink)}
.burko-formlink-gl span{color:var(--bk-ink-2);font-size:12.5px}
.burko-formlinki .burko-copyrow{max-width:none}
.burko-formlinki .burko-copyrow input{flex:1 1 auto;min-width:0;text-overflow:ellipsis}
.burko-formlinki .burko-copyrow .burko-btn{flex-shrink:0;min-width:96px}

/* Siatka województw: kratka zawsze przy nazwie, kolumny dopasowane do najdłuższej nazwy. */
.burko-woj-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;margin:10px 0}
.burko-woj-grid .burko-check{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:5px 0;min-width:0;white-space:nowrap;font-size:14px;line-height:1.3;cursor:pointer}
.burko-woj-grid .burko-check input{flex:0 0 auto;width:16px;height:16px;margin:0}
.burko-woj-grid .burko-check span{min-width:0}
@media (max-width:760px){
	.burko-woj-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px 12px}
}
@media (max-width:420px){
	.burko-woj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.burko-woj-grid .burko-check{align-items:flex-start;white-space:normal;font-size:13.5px}
	.burko-woj-grid .burko-check input{margin-top:1px}
}

/* Kartoteka uczestnika: dokumenty każdego zgłoszenia pod jego wierszem. */
.burko-ucz-dok-row>td{padding-top:0;border-top:0}
.burko-ucz-dok{border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface-2);margin:0 0 8px}
.burko-ucz-dok>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--bk-ink);list-style:none}
.burko-ucz-dok>summary::-webkit-details-marker{display:none}
.burko-ucz-dok>summary::before{content:'\25B8';color:var(--bk-ink-3);font-size:11px}
.burko-ucz-dok[open]>summary::before{content:'\25BE'}
.burko-ucz-dok-ile{font-weight:400;font-size:12.5px;color:var(--bk-ink-3)}
.burko-ucz-dok-in{padding:2px 14px 14px;white-space:normal}
.burko-ucz-dok-in .burko-karta-opis{margin:0}
.burko-ucz-dok-akcje{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.burko-ucz-dok .burko-wn-pliki{margin-top:12px}

/* Podgląd wgranych PDF-ów i skanów w panelu. */
.burko-pdf-podglad{display:block;width:100%;height:80vh;min-height:520px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:#fff}
.burko-obraz-podglad{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid var(--bk-line);border-radius:var(--bk-r)}
@media (max-width:760px){.burko-pdf-podglad{height:70vh;min-height:360px}}

.burko-ucz-dok-szk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--bk-line)}
.burko-ucz-dok-szk label{font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.burko-ucz-dok-szk select{flex:1 1 320px;min-width:0;max-width:640px;padding:7px 10px;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);background:var(--bk-surface);font:inherit;font-size:13px}

/* Wzory wgrane przez firmę: skąd są i na kiedy aktualne. */
.burko-wz-zrodlo{display:block;margin-top:3px;font-size:11.5px;font-weight:400;color:var(--bk-ink-3)}
.burko-ucz-dok-wgraj{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--bk-line)}
.burko-ucz-dok-wgraj .burko-lab{flex-basis:100%;margin:0}
.burko-ucz-dok-wgraj .burko-check{margin:0}
.burko-ucz-dok-wgraj input[type=file]{max-width:100%;font-size:13px}

/* Lista uczestników: podsumowanie wniosków i szkoleń osoby zamiast jednego numeru. */
.burko-ucz-wn{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}
.burko-ucz-wn b{font-size:13px;font-weight:600;color:var(--bk-ink)}
.burko-ucz-wn span{font-size:12px;color:var(--bk-ink-3)}
.burko-ucz-wn:hover b{color:var(--bk-accent-text)}

/* Ramka dokumentów zgłoszenia: więcej powietrza w środku i odstęp od kolejnego wniosku. */
.burko-ucz-dok-row>td{padding:0 12px 20px}
.burko-ucz-dok{margin:2px 0 0;border-radius:var(--bk-r-lg)}
.burko-ucz-dok>summary{padding:14px 20px}
.burko-ucz-dok-in{padding:6px 20px 20px}
.burko-ucz-dok-szk{margin:0 0 16px;padding:0 0 16px}
.burko-ucz-dok-in>.burko-karta-opis{margin:0 0 4px;line-height:1.55}
.burko-ucz-dok-wgraj{margin:16px 0 0;padding:16px 0 0;gap:10px 14px}
.burko-ucz-dok .burko-wn-pliki{margin-top:16px}
.burko-ucz-dok-akcje{margin:14px 0 0}
@media (max-width:760px){.burko-ucz-dok-row>td{padding:0 0 16px}.burko-ucz-dok>summary{padding:12px 14px}.burko-ucz-dok-in{padding:4px 14px 16px}}

/* Ramka dokumentów: wyraźny odstęp od wiersza wniosku i od kolejnego wniosku.
   Selektor mocniejszy niż ogólne .burko-table td (max-width 24ch, nowrap). */
.burko-table tr.burko-ucz-dok-row>td{padding:14px 18px 36px;max-width:none;overflow:visible;white-space:normal;border-bottom:1px solid var(--bk-line-soft)}
.burko-table tbody tr.burko-ucz-dok-row:last-child>td{border-bottom:none;padding-bottom:18px}
.burko-table tr.burko-ucz-dok-row>td .burko-ucz-dok{margin:0}
/* Najazd na panel dokumentów: tło wiersza bez zmian, kolor zmienia się tylko w zaokrąglonej ramce */
.burko-table tbody tr.burko-ucz-dok-row:hover{background:transparent}
.burko-table tr.burko-ucz-dok-row>td .burko-ucz-dok{transition:background .15s,border-color .15s}
.burko-table tr.burko-ucz-dok-row>td .burko-ucz-dok:hover{background:var(--bk-surface-3);border-color:#e2d6ca}
@media (max-width:760px){.burko-table tr.burko-ucz-dok-row>td{padding:10px 0 24px}}

/* Kartoteka uczestnika: zbiorcza tabelka „Szkolenia” — termin, status po ludzku, co dalej. */
.burko-so{padding:6px}
.burko-table.burko-so-tab td{max-width:none;overflow:visible;white-space:normal;vertical-align:top;padding:16px}
.burko-so-tab tbody tr{cursor:pointer;transition:background .15s}
.burko-so-tab tbody tr:hover td,.burko-so-tab tbody tr:focus-visible td{background:var(--bk-surface-2)}
.burko-so-tab tbody tr:focus-visible{outline:2px solid var(--bk-accent);outline-offset:-2px}
.burko-so-termin b{display:block;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.burko-so-termin span{display:block;font-size:12.5px;font-weight:400;color:var(--bk-ink-3)}
.burko-so-termin span.blisko{color:var(--bk-accent-text);font-weight:600}
.burko-so-szk b{display:block;font-weight:600;max-width:36ch}
.burko-so-szk span,.burko-so-nr span{display:block;font-size:12px;color:var(--bk-ink-3)}
.burko-so-op{font-size:13px;color:var(--bk-ink-2);max-width:24ch}
.burko-so-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 11px 4px 9px;white-space:nowrap}
.burko-so-status i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}
.burko-so-ok{background:var(--bk-ok-soft);color:var(--bk-ok)}
.burko-so-info{background:var(--bk-info-soft);color:var(--bk-info)}
.burko-so-warn{background:var(--bk-warn-soft);color:var(--bk-warn)}
.burko-so-off{background:var(--bk-surface-3);color:var(--bk-ink-3)}
.burko-so-pod{display:block;margin-top:6px;font-size:12px;color:var(--bk-ink-3)}
.burko-so-krok{font-size:13px;color:var(--bk-ink-2);max-width:36ch}
.burko-so-pilne{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--bk-err);background:var(--bk-err-soft);border-radius:6px;padding:2px 8px}
.burko-so-uwaga{margin-top:8px;font-size:12px;color:var(--bk-warn);background:var(--bk-warn-soft);border-radius:8px;padding:6px 9px;max-width:38ch}
.burko-so-nr{white-space:nowrap;font-size:12px}
.burko-so-nr a{font-weight:700;color:var(--bk-accent-text);text-decoration:none}
.burko-so-koniec td{opacity:.72}
.burko-ucz-najbl{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:12px;font-weight:700;color:var(--bk-ok)}
.burko-ucz-najbl i{width:8px;height:8px;border-radius:50%;background:var(--bk-ok);flex:0 0 auto}
@media (max-width:760px){
	.burko-so-tab thead{display:none}
	.burko-so-tab,.burko-so-tab tbody,.burko-so-tab tr,.burko-table.burko-so-tab td{display:block;width:auto}
	.burko-so-tab tbody tr{padding:12px 10px;border-bottom:1px solid var(--bk-line-soft)}
	.burko-so-tab tbody tr:last-child{border-bottom:none}
	.burko-table.burko-so-tab td{padding:4px 0;border:none}
	.burko-so-szk b,.burko-so-krok,.burko-so-op{max-width:none}
}
/* Numer usługi BUR na karcie wniosku — dobrze widoczny, to nim operator i BUR identyfikują szkolenie. */
.burko-wn-bur{margin:10px 0 0;padding:10px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface-2)}
.burko-wn-bur>span{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--bk-ink-3)}
.burko-wn-bur>b{display:block;margin-top:2px;font:700 20px/1.2 var(--bk-mono);color:var(--bk-ink);letter-spacing:.02em}
.burko-wn-bur>small{display:block;margin-top:2px;font-size:12px;color:var(--bk-ink-3);word-break:break-all}
.burko-wn-bur a{color:var(--bk-accent-text);font-weight:600}
/* Kartoteka: podgląd wzorów i plików, wzory bez projektu. */
.burko-wz-podglad{display:inline-block;margin-top:4px;font-size:12px;font-weight:600;color:var(--bk-accent-text);text-decoration:none}
.burko-wz-podglad:hover{text-decoration:underline}
.burko-ucz-dok .burko-plik-kafel>a{padding-right:190px}
.burko-ucz-dok-bezp{margin:16px 0 0;padding:14px 16px;border:1px dashed var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface)}
.burko-ucz-dok-bezp .burko-lab{display:block;margin:0 0 4px}
.burko-ucz-dok-bezp .burko-podpis{display:block;margin:0 0 10px}
.burko-ucz-dok-bezp-poz{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 0;border-top:1px solid var(--bk-line-soft)}
.burko-ucz-dok-bezp-n{flex:1 1 280px;min-width:0}
.burko-ucz-dok-bezp-n b{display:block;font-size:13px;font-weight:600;word-break:break-word}
/* Tabelka „Szkolenia” — zwarta: nazwa szkolenia w jednej linii (cała po najechaniu),
   operator w dwóch, mniejsze odstępy. Numer karty BUR pełny. */
.burko-table.burko-so-tab td{padding:11px 14px}
.burko-so-szk{width:30%;max-width:0}
.burko-so-szk b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}
.burko-so-szk span{font-family:var(--bk-mono);font-size:11.5px;white-space:nowrap}
.burko-so-op{width:22%;max-width:0}
.burko-so-op span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4}
.burko-so-termin b{font-size:14px}
.burko-so-pod{margin-top:4px}
.burko-so-krok{font-size:12.5px;line-height:1.45}
.burko-so-pilne{margin-top:4px}
.burko-so-uwaga{margin-top:6px;padding:5px 8px;line-height:1.4}
.burko-so-tab tbody tr:focus{outline:none}
@media (max-width:760px){.burko-so-szk,.burko-so-op{width:auto;max-width:none}.burko-so-szk b{white-space:normal}}
/* Tabelka „Szkolenia” — stały układ kolumn: zawsze mieści się w szerokości ekranu,
   bez przewijania w bok. Tekst zawija się albo kończy kropkami, nigdy nie rozpycha tabeli. */
.burko-so{overflow:visible}
.burko-blok.burko-so .burko-table.burko-so-tab,.burko-tabela-przewijana>.burko-table.burko-so-tab{table-layout:fixed;width:100%;min-width:0}
.burko-so-tab th:nth-child(1),.burko-so-tab td:nth-child(1){width:13%}
.burko-so-tab th:nth-child(2),.burko-so-tab td:nth-child(2){width:25%}
.burko-so-tab th:nth-child(3),.burko-so-tab td:nth-child(3){width:16%}
.burko-so-tab th:nth-child(4),.burko-so-tab td:nth-child(4){width:15%}
.burko-so-tab th:nth-child(5),.burko-so-tab td:nth-child(5){width:21%}
.burko-so-tab th:nth-child(6),.burko-so-tab td:nth-child(6){width:10%}
.burko-table.burko-so-tab th{white-space:normal}
.burko-table.burko-so-tab td{max-width:none;min-width:0;overflow:hidden;white-space:normal;word-wrap:break-word}
.burko-so-szk,.burko-so-op{max-width:none}
.burko-so-szk span{white-space:normal;word-break:break-all}
.burko-so-nr{white-space:normal}
.burko-so-nr span{word-break:break-all}
.burko-so-termin b{white-space:normal}
.burko-so-status{white-space:normal;max-width:100%}
@media (max-width:760px){.burko-so-tab th,.burko-so-tab td{width:auto !important}}
/* Kartoteka: kafelki plików zgłoszenia — nazwa i data u góry, przyciski pod spodem,
   nic na siebie nie nachodzi. Ogólna reguła .burko-wn-pliki a stylowała też przyciski. */
.burko-ucz-dok .burko-wn-pliki{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.burko-ucz-dok .burko-plik-kafel{flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);min-width:0}
.burko-ucz-dok .burko-plik-kafel>a.burko-plik{display:block;padding:0;border:0;background:none;box-shadow:none;min-width:0;text-decoration:none}
.burko-ucz-dok .burko-plik-kafel>a.burko-plik:hover{background:none}
.burko-ucz-dok .burko-plik-kafel>a.burko-plik b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.burko-ucz-dok .burko-plik-kafel>a.burko-plik span{display:block;margin-top:2px;white-space:nowrap;font-size:11.5px}
.burko-ucz-dok .burko-plik-akcje{position:static;inset:auto;transform:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;opacity:1}
.burko-ucz-dok .burko-plik-akcje form{margin:0;display:inline-flex}
.burko-ucz-dok .burko-plik-akcje a.burko-btn,.burko-ucz-dok .burko-plik-akcje .burko-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;width:auto;min-width:36px;height:30px;padding:0 12px;border:1px solid var(--bk-line);border-radius:999px;background:var(--bk-surface);font-size:12.5px;font-weight:600;line-height:1;color:var(--bk-ink);white-space:nowrap}
.burko-ucz-dok .burko-plik-akcje a.burko-btn:hover,.burko-ucz-dok .burko-plik-akcje .burko-btn:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
/* Pole wyboru pliku w stylu panelu zamiast systemowego szarego przycisku. */
.burko-ucz-dok-wgraj input[type=file]{flex:1 1 260px;min-width:0;padding:4px;border:1px dashed var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);font-size:12.5px;color:var(--bk-ink-3);cursor:pointer}
.burko-ucz-dok-wgraj input[type=file]::file-selector-button{margin-right:10px;height:30px;padding:0 14px;border:1px solid var(--bk-line);border-radius:999px;background:var(--bk-surface-2);font:600 12.5px var(--bk-font);color:var(--bk-ink);cursor:pointer}
.burko-ucz-dok-wgraj input[type=file]::file-selector-button:hover{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
.burko-ucz-dok-wgraj .burko-check{white-space:nowrap}

/* Komórka „Wniosek” w tabelce szkoleń to jeden przycisk prowadzący na kartę wniosku. */
.burko-so-wn{display:block;padding:7px 10px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);text-decoration:none;color:inherit;transition:border-color .14s,background .14s}
.burko-so-wn:hover,.burko-so-wn:focus-visible{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
.burko-so-wn b{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;font-weight:700;color:var(--bk-accent-text)}
.burko-so-wn b i{font-style:normal;font-weight:600}
.burko-so-wn span{display:block;margin-top:2px;font-size:11.5px;color:var(--bk-ink-3);word-break:break-all}

/* Formularze publiczne: informacja o polach obowiązkowych */
.burko-wym-info{margin:0 0 18px;padding:12px 16px;border-radius:12px;background:var(--bk-warn-soft,#fdf3e0);color:var(--bk-ink,#16202F);font-size:14px;line-height:1.5}

.burko-tag-ot{background:var(--bk-info-soft,#e8f2f9);color:var(--bk-info,#1f5f8b);margin-left:4px;white-space:nowrap}

.burko-nab-info{display:block;margin-top:3px;font-size:12px;color:var(--bk-ink-3);line-height:1.4}
.burko-tag-wstrz{background:var(--bk-warn-soft,#fdf3e0);color:var(--bk-warn,#8a5a10);margin-top:4px;display:inline-block}

/* Przełącznik okresu naborów na kartotece osoby: należy do sekcji pod nim,
   więc od poprzedniej treści dzieli go duży odstęp, a od nagłówka sekcji mniejszy. */
.burko-nab-okresy{margin:var(--bk-6) 0 var(--bk-4)}
.burko-nab-okresy .burko-chip{cursor:pointer;font-family:inherit}
.burko-nab-okresy .burko-chip:focus-visible{outline:none;box-shadow:var(--bk-ring)}

/* Imię i nazwisko na karcie wniosku prowadzi do kartoteki — wygląda jak nagłówek, zdradza się podkreśleniem. */
.burko-osoba-link{color:inherit;text-decoration:none;border-radius:6px}
.burko-osoba-link:hover{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.16em}
.burko-osoba-link:focus-visible{outline:none;box-shadow:var(--bk-ring)}

/* Wierny podgląd Worda: strony na spokojnym tle, jak arkusze na biurku. Strona zostaje biała także w trybie ciemnym — to wydruk, nie interfejs. */
.burko-docx-real{background:var(--bk-surface-3);padding:var(--bk-5) var(--bk-4);overflow-x:auto;min-height:280px}
.burko-docx-real .docx-wrapper{background:transparent!important;padding:0!important;display:flex;flex-flow:column;align-items:center;gap:var(--bk-5)}
.burko-docx-real .docx-wrapper>section.docx{margin:0!important;box-shadow:var(--bk-sh-2)!important;border-radius:2px;color:#000}
.burko-docx-stan{margin:var(--bk-6) auto;text-align:center;color:var(--bk-ink-2);font-size:13.5px}

/* Asystent: założenia karty — przełączniki tego, pod co piszemy kartę, nad podpowiedziami. */
.burko-as-zalozenia{display:flex;align-items:center;gap:var(--bk-3);flex-wrap:wrap;margin:0 0 var(--bk-3)}
.burko-as-zal-lab{font-size:12.5px;font-weight:600;color:var(--bk-ink-2)}
.burko-as-zalozenia .burko-chip{cursor:pointer;font-family:inherit}
.burko-as-zalozenia .burko-chip:focus-visible{outline:none;box-shadow:var(--bk-ring)}

/* Asystent: pliki do wiadomości, zapis karty, historia rozmów. */
.burko-as-pliki{display:flex;gap:var(--bk-2);flex-wrap:wrap;margin:var(--bk-2) 0 0}
.burko-as-plik-x{border:0;background:none;padding:0 0 0 2px;font:inherit;color:var(--bk-ink-2);cursor:pointer;line-height:1}
.burko-as-plik-x:hover{color:var(--bk-accent-text)}
.burko-as-wpis-akcje{gap:var(--bk-3)}
.burko-as-akcja-glowna{border-color:var(--bk-accent);color:var(--bk-accent-text);text-decoration:none}
.burko-as-hist-head{margin-top:var(--bk-6)}
.burko-as-hist-head #burko-as-nowa{margin-left:auto}
.burko-as-hist-lista{list-style:none;margin:0;padding:0}
.burko-as-hist-lista li{display:flex;align-items:center;gap:var(--bk-3);border-bottom:1px solid var(--bk-line-soft)}
.burko-as-hist-lista li:last-child{border-bottom:0}
.burko-as-hist-poz{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:var(--bk-3) var(--bk-2);font:inherit;color:var(--bk-ink);cursor:pointer;border-radius:var(--bk-r-sm)}
.burko-as-hist-poz b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-as-hist-poz span{font-size:12.5px;color:var(--bk-ink-2)}
.burko-as-hist-poz:hover{background:var(--bk-surface-2)}
.burko-as-hist-poz:focus-visible{outline:none;box-shadow:var(--bk-ring)}

/* Cofnięcie przypisania wzoru do projektu — cichy przycisk tekstowy przy wzorze. */
.burko-wz-odepnij{margin-left:var(--bk-3);padding:0;border:0;background:none;font:inherit;font-size:12.5px;color:var(--bk-ink-3);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.burko-wz-odepnij:hover{color:var(--bk-err,#b42318)}
.burko-wz-odepnij:focus-visible{outline:none;box-shadow:var(--bk-ring);border-radius:4px}

/* Szkolenie: efekty do dokumentów z szablonu karty — wybór w stopce kafelka. */
.burko-ef-form{display:flex;gap:var(--bk-2);align-items:center;flex-wrap:wrap;margin-top:var(--bk-4)}
.burko-ef-form select{flex:1 1 180px;min-width:0}
.burko-ef-usun{margin-top:var(--bk-3)}
.burko-ef-usun .burko-wz-odepnij{margin-left:0}

/* Samouczek: rzędy przycisków asystenta mają szerokość swoich przycisków,
   a nie całego okna — numer objaśnienia siada przy nich, nie przy krawędzi. */
.burko-as-zalozenia,.burko-as-chipy{width:fit-content;max-width:100%}

.burko-ef-lab{font-size:12.5px;color:var(--bk-ink-2);flex:0 0 auto}

/* Karta firmy: KFS z urzędu pracy pod tabelą naborów tygodnia. */
.burko-nab-kfs{margin-top:var(--bk-6);padding-top:var(--bk-5);border-top:1px solid var(--bk-line)}
.burko-nab-kfs ul{list-style:none;margin:var(--bk-3) 0 var(--bk-3);padding:0;display:grid;gap:var(--bk-3)}
.burko-nab-kfs li{display:flex;flex-direction:column;gap:2px}
.burko-nab-kfs li a{font-weight:600;color:var(--bk-ink);text-decoration-color:var(--bk-line);text-underline-offset:3px}
.burko-nab-kfs li a:hover{text-decoration-color:currentColor}

/* Weryfikacja KFS — ogłoszenie, dwie daty, dwie decyzje w jednym wierszu. */
.burko-kfs-weryf td{vertical-align:top}
.burko-kfs-weryf input[type=date]{min-width:9.5rem;padding:6px 8px;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm,6px);background:var(--bk-surface);color:var(--bk-ink);font:inherit;font-size:13px}
.burko-kfs-zrodlo{display:block;margin-top:var(--bk-1);color:var(--bk-ink-3);font-size:12px}
.burko-kfs-akcje{white-space:nowrap}
.burko-kfs-akcje .burko-btn+.burko-btn{margin-left:var(--bk-2)}

/* Grupa pól bez ramki — tylko po to, żeby dało się ją wyłączyć jednym atrybutem. */
.burko-fs-czysty{border:0;margin:0;padding:0;min-width:0}
.burko-fs-czysty:disabled input,.burko-fs-czysty:disabled select,.burko-fs-czysty:disabled textarea{background:var(--bk-surface-2);color:var(--bk-ink-2);cursor:default}

/* Licznik naborów w przełączniku okresu: kółeczko z liczbą, akcent gdy są nabory. */
.burko-nab-okresy .burko-chip{padding-right:7px}
.burko-chip-ile{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--bk-r-full,999px);font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;opacity:.75}
.burko-chip-ile.jest{background:var(--bk-accent-fill);color:var(--bk-on-accent);opacity:1}

/* Przybliżona granica strony w podglądzie Worda, gdy plik nie ma zapisanych miejsc łamania. */
.burko-docx-granica{position:absolute;left:0;right:0;height:0;border-top:1px dashed color-mix(in srgb,var(--bk-accent) 55%,transparent);pointer-events:none}
.burko-docx-granica span{position:absolute;right:8px;top:-9px;padding:1px 6px;border-radius:var(--bk-r-full,999px);background:#fff;color:var(--bk-accent-text,#9a3d0f);font:600 10.5px/1.4 var(--bk-font);letter-spacing:.01em}

/* Wiersz tabeli z data-href jest w całości odnośnikiem — kursor i tło mówią to przed kliknięciem. */
.burko-table tbody tr[data-href]{cursor:pointer}
.burko-table tbody tr[data-href]:hover>td{background:var(--bk-surface-3)}
.burko-table tbody tr[data-href]:hover .burko-szk-nazwa b{color:var(--bk-accent-text)}

/* Liczniki na pulpicie są odnośnikami do swoich list. */
a.burko-kpi{color:inherit;text-decoration:none;margin:-5px -8px;padding:5px 8px;border-radius:10px;transition:background-color .16s cubic-bezier(.16,1,.3,1)}
a.burko-kpi:hover{background:var(--bk-surface-3)}
a.burko-kpi:hover>span{color:var(--bk-accent-text)}
a.burko-kpi:focus-visible{outline:2px solid var(--bk-accent-fill);outline-offset:2px}
/* „+N" w kalendarzu: przycisk, który rozwija dzień. */
button.burko-kal-wiecej{appearance:none;background:none;border:0;padding:1px 3px;margin:0;font:inherit;font-size:11px;font-weight:600;color:var(--bk-ink-3);cursor:pointer;border-radius:4px}
button.burko-kal-wiecej:hover{color:var(--bk-accent-text);text-decoration:underline;text-underline-offset:2px}
button.burko-kal-wiecej:focus-visible{outline:2px solid var(--bk-accent-fill);outline-offset:1px}

/* Karta wniosku — strefa usuwania na dole strony, z dala od akcji głównej. */
.burko-strefa-usun{display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;margin:44px 0 8px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--bk-err) 32%,transparent);border-radius:14px;background:var(--bk-err-soft)}
.burko-strefa-usun h2{font-size:15px;margin:0 0 4px;color:var(--bk-err)}
.burko-strefa-usun p{margin:0;font-size:13px;line-height:1.5;color:var(--bk-ink-2);max-width:64ch}
.burko-strefa-usun-akcje{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.burko-strefa-usun-pyt{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--bk-err)}
.burko-strefa-usun-pyt[hidden],.burko-strefa-usun [hidden]{display:none}
/* Pomarańczowa karta „Zgłoszenie u operatora": etykiety i podpowiedzi były szare na pomarańczowym. */
.burko-karta.akcent .burko-zgl-form label{color:#17130f;font-weight:600}
.burko-karta.akcent .burko-zgl-form small{color:rgba(23,19,15,.9);font-weight:400}
:root .burko-karta.akcent .burko-zgl-form input,:root .burko-karta.akcent .burko-zgl-form select{background:#fff;color:#17130f;border-color:rgba(23,19,15,.28)}
:root .burko-karta.akcent .burko-zgl-form input::placeholder{color:rgba(23,19,15,.62)}
:root .burko-karta.akcent .burko-zgl-form input:focus-visible,:root .burko-karta.akcent .burko-zgl-form select:focus-visible{outline:2px solid #17130f;outline-offset:1px}

/* Strona 404 panelu. */
.burko-404{max-width:560px;padding:40px 0}
.burko-404 .burko-headbtns{justify-content:flex-start;margin-top:18px}

/* Znak zapytania przy kursorze należy do samouczka. W wierszu, który jest odnośnikiem, kursor zawsze pokazuje rączkę — także nad podpowiedziami (ułamki, priorytety), żeby nie udawał trybu nauki. */
.burko-table tbody tr[data-href],.burko-table tbody tr[data-href] :is(td,b,span,small,div,i,em,strong){cursor:pointer}
body:not(.bk-samo) .burko-table tbody tr[data-href] [title]{cursor:pointer}

/* Autozapis karty wniosku — stały komunikat u góry i stan przy każdym polu. */
.bk-auto-info{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border-radius:12px;background:var(--bk-surface-2);border:1px solid var(--bk-line-soft,rgba(23,19,15,.1))}
.bk-auto-info[hidden]{display:none}
.bk-auto-info svg{flex:0 0 auto;color:var(--bk-ok,#1f7a4d)}
.bk-auto-info p{margin:0;flex:1 1 420px;font-size:13px;line-height:1.5;color:var(--bk-ink-2)}
.bk-auto-info b{color:var(--bk-ink,#17130f);font-weight:700}
.bk-auto-glob,.bk-auto-stan{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--bk-ok,#1f7a4d)}
.bk-auto-glob{white-space:nowrap;padding:4px 10px;border-radius:999px;background:var(--bk-surface-3)}
.bk-auto-glob::before,.bk-auto-stan::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.bk-auto-glob.trwa,.bk-auto-stan.trwa{color:var(--bk-ink-3)}
.bk-auto-glob.czeka,.bk-auto-stan.czeka{color:var(--bk-warn,#9a5a00)}
.bk-auto-glob.blad,.bk-auto-stan.blad{color:var(--bk-err)}
.bk-auto-glob.trwa::before,.bk-auto-stan.trwa::before{animation:bkAutoPuls 1s infinite}
@keyframes bkAutoPuls{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.bk-auto-glob.trwa::before,.bk-auto-stan.trwa::before{animation:none}}
.bk-auto-stan{flex-basis:100%;flex-wrap:wrap;margin-top:6px;min-height:18px;font-size:12px;line-height:1.4}
.bk-auto-stan:empty{display:none}
.bk-auto-stan.pyt{color:var(--bk-ink,#17130f);font-weight:600;gap:8px}
.bk-auto-stan.pyt::before{display:none}
form.bk-auto .bk-zapis-btn{display:none}
form.bk-auto.burko-inlinerow{flex-wrap:wrap}
.burko-karta.akcent .bk-auto-stan,.burko-karta.akcent .bk-auto-stan.ok,.burko-karta.akcent .bk-auto-stan.trwa,.burko-karta.akcent .bk-auto-stan.czeka{color:#17130f}
.burko-karta.akcent .bk-auto-stan.blad{color:#5c0e08}

/* Efekty do dokumentów — podpowiedzi podobnych szablonów */
.burko-ef-podp{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--bk-ink-3)}
.burko-ef-chip{font:inherit;font-size:12px;color:var(--bk-ink-2);background:var(--bk-surface-2);border:1px solid var(--bk-line-soft);border-radius:999px;padding:3px 10px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-ef-chip:hover,.burko-ef-chip:focus-visible{border-color:var(--bk-accent);color:var(--bk-ink)}

/* Rozwijana legenda pod tabelą naborów */
.burko-jak-czytac{margin-top:8px;font-size:13px;color:var(--bk-ink-2)}
.burko-jak-czytac>summary{cursor:pointer;color:var(--bk-ink-3);font-size:12px;list-style-position:inside}
.burko-jak-czytac>summary:hover,.burko-jak-czytac>summary:focus-visible{color:var(--bk-ink)}
.burko-jak-czytac>p{margin:6px 0 0;max-width:70ch}

/* Nabory: rundy w kafelkach tygodni (zamiast osi 90 dni) */
.burko-rundy{display:grid;gap:10px;margin:0 0 20px}
.burko-rundy-ciagle{margin:0;font-size:14px;color:var(--bk-ink-2)}
.burko-rundy-ciagle b{color:var(--bk-ink)}
.burko-rundy-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.burko-rundy-tyg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.burko-rundy-t{font:inherit;text-align:left;display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--bk-line-soft);background:var(--bk-surface-2);color:var(--bk-ink);cursor:pointer}
.burko-rundy-t small{font-size:11px;color:var(--bk-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-rundy-t b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}
.burko-rundy-t:hover:not(:disabled),.burko-rundy-t:focus-visible{border-color:var(--bk-accent)}
.burko-rundy-t.on{border-color:var(--bk-accent);box-shadow:0 0 0 1px var(--bk-accent) inset}
.burko-rundy-t.dzis small:first-child{color:var(--bk-accent-text);font-weight:600}
.burko-rundy-t.pusty{cursor:default;background:transparent}
.burko-rundy-t.pusty b{color:var(--bk-ink-3);font-weight:600}
.burko-rundy-lista{display:grid;padding:10px 14px;border-radius:12px;border:1px solid var(--bk-line-soft);background:var(--bk-surface-2)}
.burko-rundy-lista[hidden]{display:none}
.burko-rundy-w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--bk-line-soft);font-size:14px}
.burko-rundy-lista .burko-lab+.burko-rundy-w{border-top:0}
.burko-rundy-w a{color:var(--bk-ink);text-decoration:none}
.burko-rundy-w a:hover{text-decoration:underline}
.burko-rundy-w small{display:block;font-size:12px;color:var(--bk-ink-3)}
@media (max-width:640px){.burko-rundy-tyg{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Kreator „Dopasuj nabory” */
.burko-dop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;align-items:start}
.burko-dop-szukaj{display:flex;gap:8px;margin-top:6px}
.burko-dop-szukaj input{flex:1;min-width:0}
.burko-dop-traf{list-style:none;margin:10px 0 0;padding:0;display:grid}
.burko-dop-traf li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--bk-line-soft)}
.burko-dop-traf li:first-child{border-top:0}
.burko-dop-traf a{display:grid;gap:2px;min-width:0;color:var(--bk-ink);text-decoration:none}
.burko-dop-traf a:hover b,.burko-dop-traf a:focus-visible b{text-decoration:underline}
.burko-dop-traf a span{font-size:12px;color:var(--bk-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burko-dop-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:6px}
.burko-dop-form label{display:grid;gap:4px;font-size:13px;color:var(--bk-ink-2);min-width:0}
.burko-dop-form input[type=text],.burko-dop-form input[type=tel],.burko-dop-form input[type=email],.burko-dop-form select{width:100%;min-width:0}
.burko-dop-form>button,.burko-dop-uwaga,.burko-dop-zgoda{grid-column:1/-1}
.burko-dop-form>button{justify-self:start}
.burko-dop-uwaga{margin:0;font-size:12px;color:var(--bk-ink-3)}
.burko-dop-zgoda{display:flex!important;gap:8px;align-items:flex-start;font-size:13px}
.burko-dop-zgoda input{margin-top:3px;flex:none}
.burko-dop-zgoda input:disabled+span{color:var(--bk-ink-3)}
.burko-dop-wynik{margin-bottom:20px}
.burko-dop-dane{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 14px;font-size:13px}
.burko-dop-zapis{max-width:720px;scroll-margin-top:80px}
@media (max-width:760px){.burko-dop-grid,.burko-dop-form{grid-template-columns:minmax(0,1fr)}}
.burko-dop-zgoda input[type=checkbox]{width:auto;padding:0;min-height:0}
.burko-dop-form label small{display:inline}
.burko-form .burko-dop-zgoda{flex-direction:row;font-weight:400;cursor:pointer}

/* ================================================================ Pomoc */
.bk-pomoc-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:var(--bk-r-sm);border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.bk-pomoc-btn:hover{background:var(--bk-surface-2);border-color:var(--bk-accent);color:var(--bk-accent-text)}
.bk-pomoc-btn:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
.bk-pomoc-btn-kropka{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--bk-accent-fill);box-shadow:0 0 0 2px var(--bk-surface)}
.bk-pomoc-btn .burko-badge{position:absolute;top:-6px;right:-6px}
@media (max-width:640px){.bk-pomoc-btn span{display:none}.bk-pomoc-btn{width:34px;padding:0;justify-content:center}}

.bk-pomoc-tlo{position:fixed;inset:0;background:rgba(20,16,12,.32);z-index:990}
.bk-pomoc{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:991;background:var(--bk-surface);border-left:1px solid var(--bk-line);box-shadow:var(--bk-sh-3);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html.bk-pomoc-otwarta{overflow:hidden}
.bk-pomoc-glowa{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}
.bk-pomoc-glowa h2{margin:0;font-size:18px}
.bk-pomoc-glowa .burko-ikonbtn{color:var(--bk-ink-2)}
.bk-pomoc-glowa .burko-ikonbtn:hover{background:var(--bk-surface-2);color:var(--bk-ink)}
.bk-pomoc-zakl{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;border-bottom:1px solid var(--bk-line-soft)}
.bk-pomoc-zakl button{font:inherit;font-size:13px;font-weight:600;padding:5px 11px;border-radius:var(--bk-r-full);border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bk-pomoc-zakl button:hover{border-color:var(--bk-accent);color:var(--bk-accent-text)}
.bk-pomoc-zakl button[aria-selected=true]{background:var(--bk-ink);border-color:var(--bk-ink);color:var(--bk-surface)}
.bk-pomoc-kropka{width:7px;height:7px;border-radius:50%;background:var(--bk-accent-fill);display:inline-block}
.bk-pomoc-cialo{flex:1;overflow-y:auto;padding:14px 16px 20px;display:grid;align-content:start;gap:14px}

.bk-pomoc-form{display:grid;gap:12px}
.bk-pomoc-form[hidden]{display:none}
.bk-pomoc-pole{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.bk-pomoc-pole textarea{width:100%;min-height:110px;resize:vertical;font:inherit;font-size:14px;font-weight:400;color:var(--bk-ink);background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:9px 11px}
.bk-pomoc-pole textarea:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.bk-pomoc-waga{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bk-pomoc-waga legend{font-size:13px;font-weight:600;color:var(--bk-ink-2);margin-bottom:6px;padding:0}
.bk-pomoc-waga label{position:relative;cursor:pointer}
.bk-pomoc-waga input{position:absolute;opacity:0;pointer-events:none}
.bk-pomoc-waga span{display:inline-flex;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:var(--bk-r-full);border:1px solid var(--bk-line);color:var(--bk-ink-2);background:var(--bk-surface)}
.bk-pomoc-waga input:checked+span{border-color:var(--bk-accent);background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.bk-pomoc-waga input[value=blokuje]:checked+span{border-color:var(--bk-err);background:var(--bk-err-soft);color:var(--bk-err)}
.bk-pomoc-waga input:focus-visible+span{outline:2px solid var(--bk-accent);outline-offset:2px}
.bk-pomoc-auto{display:grid;gap:2px;font-size:12.5px;color:var(--bk-ink-3);padding:9px 11px;border:1px dashed var(--bk-line);border-radius:var(--bk-r-sm)}
.bk-pomoc-auto b{color:var(--bk-ink-2)}
.bk-pomoc-plik{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.bk-pomoc-plik small{font-weight:400;color:var(--bk-ink-3)}
.bk-pomoc-plik input{font-size:12.5px;max-width:100%}
.bk-pomoc-zgoda{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--bk-ink-2);cursor:pointer}
.bk-pomoc-zgoda input{margin-top:3px;flex:none;accent-color:var(--bk-accent-fill)}
.bk-pomoc-podp{display:grid;gap:6px;font-size:12.5px;color:var(--bk-ink-3)}
.bk-pomoc-podp ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bk-pomoc-podp li{display:grid;gap:2px;padding:8px 10px;border-radius:var(--bk-r-sm);background:var(--bk-surface-2);color:var(--bk-ink-2)}
.bk-pomoc-podp li b{color:var(--bk-ink);font-size:13px}
.bk-pomoc-komunikat{margin:0;font-size:13px;min-height:1em;color:var(--bk-ink-2)}
.bk-pomoc-komunikat:empty{display:none}
.bk-pomoc-komunikat.ok{color:var(--bk-ok);font-weight:600}
.bk-pomoc-komunikat.blad{color:var(--bk-err);font-weight:600}
.bk-pomoc-akcje{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bk-pomoc-sekcja{display:grid;gap:12px}
.bk-pomoc-sekcja[hidden]{display:none}
.bk-pomoc-kontakt{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;font-size:14px}
.bk-pomoc-kontakt dt{color:var(--bk-ink-3);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.bk-pomoc-kontakt dd{margin:0;display:grid;gap:2px;min-width:0}
.bk-pomoc-kontakt dd b{user-select:all;overflow-wrap:anywhere}
.bk-pomoc-kontakt dd span{font-size:12.5px;color:var(--bk-ink-3)}
.bk-pomoc-zmiany{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bk-pomoc-zmiany li{display:grid;gap:3px;padding-left:12px;border-left:2px solid var(--bk-line)}
.bk-pomoc-zmiany li.nowa{border-left-color:var(--bk-accent-fill)}
.bk-pomoc-zmiany time{font-size:12px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}
.bk-pomoc-zmiany li.nowa time{color:var(--bk-accent-text);font-weight:600}
.bk-pomoc-zmiany b{font-size:14px;color:var(--bk-ink)}
.bk-pomoc-zmiany p{margin:0;font-size:13.5px;color:var(--bk-ink-2);max-width:68ch}

/* Strona /panel/pomoc/ */
.bk-pomoc-strona{display:grid;gap:24px}
.bk-pomoc-uklad{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:860px){.bk-pomoc-uklad{grid-template-columns:minmax(0,1fr)}}
.bk-pomoc-typ{cursor:pointer}
.bk-pomoc-typ input{margin:0;accent-color:var(--bk-accent-fill)}
.bk-pomoc-typ:has(input:checked){border-color:var(--bk-accent);color:var(--bk-accent-text);background:var(--bk-accent-soft)}
.bk-pomoc-ust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:10px}
.bk-pomoc-ust .burko-pelna,.bk-pomoc-ust .bk-pomoc-akcje{grid-column:1/-1}
@media (max-width:640px){.bk-pomoc-ust{grid-template-columns:minmax(0,1fr)}}
.bk-pomoc-zmiany-strona{max-width:760px}
.bk-zgl-lista{display:grid;gap:12px}
.bk-zgl{display:grid;gap:8px}
.bk-zgl-glowa{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bk-zgl-nr{font-variant-numeric:tabular-nums;font-size:15px;margin-right:4px}
.bk-zgl-data{margin-left:auto}
.bk-zgl-kto{margin:0;font-size:13.5px;color:var(--bk-ink-2)}
.bk-zgl-tresc{margin:0;font-size:14px;color:var(--bk-ink);max-width:80ch;overflow-wrap:anywhere}
.bk-zgl-odp{display:grid;gap:4px;padding:10px 12px;border-radius:var(--bk-r-sm);background:var(--bk-surface-2)}
.bk-zgl-odp p{margin:0;font-size:14px;color:var(--bk-ink)}
.bk-zgl-ocena{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--bk-ink-2)}
.bk-zgl-zgoda{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bk-zgl-zgoda form{margin:0}
.bk-zgl-admin{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--bk-line-soft)}
.bk-zgl-admin textarea{width:100%;font:inherit;font-size:14px;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:8px 10px;background:var(--bk-surface);color:var(--bk-ink)}
.bk-zgl-admin-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bk-zgl-admin-akcje select{font:inherit;font-size:13px;height:32px;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);background:var(--bk-surface);color:var(--bk-ink);padding:0 8px}

/* Lista startowa na pulpicie */
.bk-start{display:grid;gap:12px;margin-bottom:20px}
.bk-start-glowa{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bk-start-licz{margin:4px 0 0;font-size:14px;color:var(--bk-ink-2)}
.bk-start-licz b{color:var(--bk-ink)}
.bk-start-kroki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:980px){.bk-start-kroki{grid-template-columns:minmax(0,1fr)}}
.bk-start-kroki li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:10px;border-radius:var(--bk-r-sm);border:1px solid var(--bk-line-soft)}
.bk-start-kroki li.teraz{border-color:var(--bk-accent);background:var(--bk-accent-soft)}
.bk-start-kroki li.zrobione{opacity:.72}
.bk-start-kroki li>div{display:grid;gap:2px;min-width:0;font-size:13px;color:var(--bk-ink-3)}
.bk-start-kroki b{font-size:13.5px;color:var(--bk-ink)}
.bk-start-kroki a{text-decoration:none;color:inherit}
.bk-start-kroki a:hover b{text-decoration:underline}
.bk-start-kroki li.zrobione b{text-decoration:line-through;text-decoration-color:var(--bk-ink-3);font-weight:600}
.bk-start-znak{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;border:1.5px solid var(--bk-line);color:var(--bk-ink-2);font-variant-numeric:tabular-nums}
.bk-start-znak svg{width:14px;height:14px}
.bk-start-kroki li.teraz .bk-start-znak{border-color:var(--bk-accent-fill);background:var(--bk-accent-fill);color:var(--bk-on-accent)}
.bk-start-kroki li.zrobione .bk-start-znak{border-color:var(--bk-ok);background:var(--bk-ok-soft);color:var(--bk-ok)}
@media (prefers-reduced-motion:reduce){.bk-pomoc-btn,.bk-pomoc-zakl button{transition:none}}

/* Atrybut hidden musi wygrywać z display:flex/grid w elementach pomocy */
.bk-pomoc[hidden],.bk-pomoc-tlo[hidden],.bk-pomoc [hidden],.bk-pomoc-strona [hidden],.bk-start [hidden]{display:none!important}

/* ================================================================ Kondycja kont */
.bk-kon-podsum{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.bk-kon-licz{display:flex;align-items:baseline;gap:8px;padding:10px 16px;border-radius:var(--bk-r);border:1px solid var(--bk-line);background:var(--bk-surface);min-width:130px}
.bk-kon-licz b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.bk-kon-licz span{font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.bk-kon-licz.ryzyko b{color:var(--bk-err)}
.bk-kon-licz.uwaga b{color:var(--bk-accent-text)}
.bk-kon-licz.zdrowe b{color:var(--bk-ok)}
.bk-kon-podsum .burko-podpis{margin:0 0 0 auto}
.bk-kon-lista{display:grid;gap:12px}
.bk-kon{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;border-left:4px solid var(--bk-line)}
.bk-kon.ryzyko{border-left-color:var(--bk-err)}
.bk-kon.uwaga{border-left-color:var(--bk-accent-fill)}
.bk-kon.zdrowe{border-left-color:var(--bk-ok)}
.bk-kon-wynik{display:grid;justify-items:center;gap:6px;padding-top:2px}
.bk-kon-wynik b{font-size:34px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.bk-kon.ryzyko .bk-kon-wynik b{color:var(--bk-err)}
.bk-kon.uwaga .bk-kon-wynik b{color:var(--bk-accent-text)}
.bk-kon.zdrowe .bk-kon-wynik b{color:var(--bk-ok)}
.bk-kon-tresc{display:grid;gap:10px;min-width:0}
.bk-kon-glowa{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bk-kon-glowa h2{margin:0;font-size:17px;line-height:1.25}
.bk-kon-miary{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}
.bk-kon-miary div{display:grid;gap:1px;min-width:0}
.bk-kon-miary dt{font-size:11.5px;color:var(--bk-ink-3)}
.bk-kon-miary dd{margin:0;font-size:15px;font-weight:700;color:var(--bk-ink);font-variant-numeric:tabular-nums}
.bk-kon-miary dd small{font-weight:400;font-size:12px;color:var(--bk-ink-3)}
.bk-kon-powody{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bk-kon-powody li{white-space:normal}
.bk-kon-zrob{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--bk-line-soft)}
.bk-kon-zrob p{margin:0;font-size:13.5px;color:var(--bk-ink-2)}
.bk-kon-zrob b{color:var(--bk-ink)}
.bk-kon-mail{user-select:all}
@media (max-width:860px){.bk-kon-miary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bk-kon{grid-template-columns:minmax(0,1fr);gap:10px}.bk-kon-wynik{justify-items:start;grid-auto-flow:column;align-items:center}.bk-kon-podsum .burko-podpis{margin:0}}

/* ==========================================================================
   0.236.0 — pasek górny na iPhonie (≤480 px)
   W pasku zostaje to, po co sięga się co chwilę: menu, konto, szukaj,
   powiadomienia. Samouczek, motyw, ustawienia, pomoc i wylogowanie
   przechodzą na dół szuflady z podpisami. Przełącznik kont staje się
   pigułką z inicjałami, a lista kont wysuwa się od dołu.
   Powyżej 480 px nic się nie zmienia.
   ========================================================================== */
.burko-nav-mob,.burko-konta-uchwyt,.burko-konta-tlo,.bk-data-ph{display:none}

@media (max-width:480px){
	.burko-topbar,.burko-topbar.bk-schowany,.burko-topbar.bk-przyklejony{
		gap:8px;overflow:hidden;
		-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;will-change:auto;filter:none;contain:none;perspective:none;
		padding-left:max(12px,env(safe-area-inset-left));
		padding-right:max(12px,env(safe-area-inset-right));
	}
	.burko-topbar .burko-samo-przel,
	.burko-topbar .burko-theme,
	.burko-topbar .burko-ust-btn,
	.burko-topbar .bk-pomoc-btn,
	.burko-topbar .burko-wyloguj,
	.burko-topbar .burko-kto{display:none}
	.burko-topbar .burko-burger,
	.burko-topbar .burko-ikonbtn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px}
	.burko-user{flex:1 1 auto;min-width:0;gap:4px;margin-left:0;justify-content:flex-end}

	/* Pigułka aktywnego konta: inicjały + strzałka, obok menu. */
	.burko-konta{order:-1;margin:0 auto 0 0;min-width:0}
	.burko-konta-btn{min-height:44px;padding:4px 10px 4px 5px;gap:6px}
	.burko-konta-btn .burko-konta-aw{width:34px;height:34px;font-size:12px}
	.burko-konta-nazwa,.burko-konta-btn .burko-konta-tag{display:none}

	/* Arkusz od dołu z listą kont. */
	.burko-konta-tlo:not([hidden]){display:block;position:fixed;inset:0;z-index:1000;background:rgba(18,22,30,.46);animation:bk-tlo-wjazd .2s ease-out}
	.burko-konta-panel{
		position:fixed;top:auto;left:0;right:0;bottom:0;z-index:1001;
		width:auto;max-width:none;max-height:min(78dvh,560px);overflow-y:auto;overscroll-behavior:contain;
		border-radius:20px 20px 0 0;border-bottom:0;
		padding:0 12px calc(14px + env(safe-area-inset-bottom));
		box-shadow:0 -12px 32px rgba(18,22,30,.18);
		animation:bk-arkusz-wjazd .26s cubic-bezier(.32,.72,0,1);
	}
	.burko-konta-uchwyt{
		display:flex;align-items:center;justify-content:center;
		position:sticky;top:0;z-index:1;width:100%;height:32px;margin:0 0 2px;
		background:var(--bk-surface);border:0;padding:0;cursor:grab;touch-action:none;
	}
	.burko-konta-uchwyt::before{content:"";width:40px;height:5px;border-radius:3px;background:var(--bk-line)}
	.burko-konta-uchwyt:focus-visible{outline:2px solid var(--bk-accent);outline-offset:-4px;border-radius:12px}
	.burko-konta-lab{padding:0 8px;margin-bottom:6px}
	.burko-konta-poz{min-height:56px;padding:10px 8px;gap:12px}
	.burko-konta-poz .burko-konta-aw{width:38px;height:38px}
	.burko-konta-n{white-space:normal;overflow:visible;line-height:1.25}
	html.bk-arkusz-otwarty,html.bk-arkusz-otwarty body{overflow:hidden}

	/* Dół szuflady: rzadziej używane rzeczy, z podpisami. */
	.burko-nav-mob{display:flex;flex-direction:column;gap:1px;margin-top:auto;padding-top:10px;border-top:1px solid var(--bk-szyna-linia)}
	.burko-nav-mob+.burko-poz-stopka{margin-top:0;border-top:0;padding-top:0}
	.burko-nav-mob .burko-grupa{margin-top:0}
	.burko-boczny .burko-nav-mob .burko-poz{
		width:100%;min-height:44px;box-sizing:border-box;
		background:none;border:0;font:inherit;font-size:14px;text-align:left;cursor:pointer;
	}
	.burko-boczny .burko-poz-stopka{min-height:44px;box-sizing:border-box}
	.burko-nav-mob .burko-poz>span:not(.bk-stan){flex:1 1 auto}
	.burko-nav-mob .bk-stan{flex:0 0 auto;margin-left:auto;font-size:12px;font-weight:600;color:var(--bk-szyna-ink-3)}
	.burko-nav-mob .bk-stan-wl{display:none}
	.burko-nav-mob [aria-pressed=true] .bk-stan-wl{display:inline}
	.burko-nav-mob [aria-pressed=true] .bk-stan-wyl{display:none}

	/* „Na kiedy”: pusty input daty na iOS to pusta belka — podpis w środku. */
	.burko-tab-pole .bk-data,.burko-tab-etyk .bk-data{position:relative;display:block;text-transform:none;letter-spacing:normal}
	.burko-tab-pole input[type=date],.burko-tab-etyk input[type=date],
	.burko-tab-pole select{
		display:block;width:100%;min-height:44px;box-sizing:border-box;
		font-size:16px;padding:8px 12px;
		-webkit-appearance:none;appearance:none;
		background-color:var(--bk-surface);color:var(--bk-ink);
		border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);
	}
	.burko-tab-pole input[type=date]::-webkit-date-and-time-value,
	.burko-tab-etyk input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
	.bk-data.pusta input[type=date]{color:transparent}
	.bk-data.pusta input[type=date]:focus{color:var(--bk-ink)}
	.bk-data.pusta .bk-data-ph{
		display:flex;align-items:center;gap:8px;position:absolute;inset:1px 12px;pointer-events:none;
		font-size:16px;font-weight:400;color:var(--bk-ink-3);
	}
	.bk-data.pusta input[type=date]:focus+.bk-data-ph{display:none}
	.bk-data-ph svg{width:18px;height:18px;flex:0 0 auto}
}

@keyframes bk-arkusz-wjazd{from{transform:translateY(100%)}to{transform:none}}
@keyframes bk-tlo-wjazd{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
	.burko-konta-panel,.burko-konta-tlo:not([hidden]){animation:none}
}

/* Kondycja kont: kolor poziomu niesie liczba i znacznik, bez kolorowej krawędzi karty. */
.bk-kon,.bk-kon.ryzyko,.bk-kon.uwaga,.bk-kon.zdrowe{border-left:1px solid var(--bk-line)}

/* 0.236.2 — iOS Safari nie wysyła kliknięcia z elementu, który nie wygląda na
   klikalny. Tło pod panelem pomocy i pod listą kont musi mieć kursor dłoni,
   inaczej stuknięcie w tło nic nie robi. */
.bk-pomoc-tlo,.burko-konta-tlo{cursor:pointer;-webkit-tap-highlight-color:transparent}

/* Zrzut ekranu: własny przycisk zamiast systemowego pola pliku, które na
   iPhonie wypisywało „Brak zaznaczonych plików” dużą czcionką. */
.bk-pomoc-plik{position:relative}
.bk-pomoc-plik input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.bk-plik-wybor{display:flex;align-items:center;gap:10px;min-width:0}
.bk-plik-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid var(--bk-line);border-radius:var(--bk-r-full);background:var(--bk-surface);font-size:13.5px;font-weight:600;color:var(--bk-ink);cursor:pointer}
.bk-plik-btn svg{width:16px;height:16px}
.bk-pomoc-plik:hover .bk-plik-btn{border-color:var(--bk-accent)}
.bk-plik-nazwa{min-width:0;font-size:13px;font-weight:400;color:var(--bk-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-pomoc-plik input:focus-visible+.bk-plik-wybor .bk-plik-btn{outline:2px solid var(--bk-accent);outline-offset:2px}
@media (max-width:480px){.bk-plik-btn{min-height:44px}}
/* ==========================================================================
   0.237.0 — Baza wiedzy (/panel/pomoc/wiedza/)
   Tryb czytania: wąska kolumna tekstu, spokojny rytm, spis z wyszukiwarką.
   Bez kart w kartach: działy to sekcje z linią, artykuły to wiersze listy.
   ========================================================================== */
.bk-wz [hidden]{display:none!important}
.bk-wz-okruchy{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;color:var(--bk-ink-3)}
.bk-wz-okruchy a{color:var(--bk-ink-2);text-decoration:none}
.bk-wz-okruchy a:hover{color:var(--bk-accent-text);text-decoration:underline}
.bk-wz-okruchy [aria-current]{color:var(--bk-ink)}

.bk-wz{display:grid;gap:24px}
.bk-wz-redakcja{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;border:1px dashed var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface-2);font-size:14px;color:var(--bk-ink-2)}
.bk-wz-redakcja p{margin:0;flex:1 1 280px}
.bk-wz-redakcja-btn{display:flex;gap:8px;flex-wrap:wrap}
.bk-wz-pytania{flex:1 1 100%;display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--bk-line)}
.bk-wz-pytania ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--bk-ink)}

.bk-wz-szukaj{display:flex;align-items:center;gap:10px;max-width:640px;padding:6px 6px 6px 14px;border:1px solid var(--bk-line);border-radius:var(--bk-r-full);background:var(--bk-surface);box-shadow:var(--bk-sh-1)}
.bk-wz-szukaj:focus-within{border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.bk-wz-szukaj svg{width:18px;height:18px;flex:0 0 auto;color:var(--bk-ink-3)}
.bk-wz-szukaj input{flex:1 1 auto;min-width:0;border:0;background:none;font:inherit;font-size:16px;padding:8px 0;color:var(--bk-ink);outline:0;box-shadow:none}
.bk-wz-szukaj .burko-btn{flex:0 0 auto}
.bk-wz-skroty{margin-top:-8px}

.bk-wz-dzialy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}
.bk-wz-dzial{min-width:0}
.bk-wz-dzial h2{margin:0;font-size:19px;letter-spacing:-.01em;scroll-margin-top:84px}
.bk-wz-opis{margin:4px 0 10px;font-size:14px;color:var(--bk-ink-3)}
.bk-wz-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--bk-line)}
.bk-wz-lista li{border-bottom:1px solid var(--bk-line)}
.bk-wz-lista a{display:grid;gap:2px;padding:11px 8px;margin:0 -8px;border-radius:var(--bk-r-sm);text-decoration:none;color:inherit}
.bk-wz-lista a:hover{background:var(--bk-surface-2)}
.bk-wz-lista a:hover .bk-wz-t{color:var(--bk-accent-text)}
.bk-wz-lista a:focus-visible{outline:2px solid var(--bk-accent);outline-offset:0}
.bk-wz-t{font-weight:600;font-size:15px;color:var(--bk-ink);line-height:1.35}
.bk-wz-t .burko-tag{margin-left:4px;vertical-align:1px}
.bk-wz-l{font-size:13.5px;color:var(--bk-ink-3);line-height:1.45}
.bk-wz-wyniki{max-width:760px}
.bk-wz-wyniki h2{margin-bottom:10px}

.bk-wz-link{border:0;background:none;padding:0;font:inherit;color:var(--bk-accent-text);text-decoration:underline;cursor:pointer}
.bk-wz-pusto{display:grid;gap:12px;justify-items:start;max-width:640px}
.bk-wz-pusto p{margin:0}

.bk-wz-stopka{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:18px 0 0;border-top:1px solid var(--bk-line);font-size:14.5px;color:var(--bk-ink-2)}
.bk-wz-stopka p{margin:0;flex:1 1 320px}
.bk-wz-stopka b{color:var(--bk-ink)}

/* Artykuł */
.bk-wz-uklad{grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}
.bk-wz-art{display:grid;gap:20px;min-width:0;max-width:720px}
.bk-wz-glowa{display:grid;gap:6px}
.bk-wz-glowa h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.bk-wz-lead{margin:2px 0 0;font-size:18px;line-height:1.5;color:var(--bk-ink-2);text-wrap:pretty}
.bk-wz-tresc{font-size:16px;line-height:1.65;color:var(--bk-ink);max-width:68ch}
.bk-wz-tresc>*:first-child{margin-top:0}
.bk-wz-tresc p{margin:0 0 14px}
.bk-wz-tresc h3{margin:28px 0 8px;font-size:18px;line-height:1.3;letter-spacing:-.005em}
.bk-wz-tresc ul,.bk-wz-tresc ol{margin:0 0 16px;padding-left:22px;display:grid;gap:7px}
.bk-wz-tresc li::marker{color:var(--bk-ink-3)}
.bk-wz-tresc ol li::marker{font-weight:600}
.bk-wz-tresc strong{font-weight:650}
.bk-wz-tresc a{color:var(--bk-accent-text);text-underline-offset:2px}
.bk-wz-uwaga{margin:4px 0 18px;padding:14px 16px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface-2);font-size:15px;line-height:1.55;color:var(--bk-ink-2)}
.bk-wz-uwaga p{margin:0}
.bk-wz-nast{display:grid;gap:2px;flex:1 1 100%;padding:14px 16px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);text-decoration:none;color:var(--bk-ink);font-weight:600}
.bk-wz-nast:hover{border-color:var(--bk-accent)}
.bk-wz-nast:hover span:last-child{color:var(--bk-accent-text)}

.bk-wz-boczny{position:sticky;top:84px;display:grid;gap:10px;font-size:14px}
.bk-wz-boczny ol{list-style:none;margin:0;padding:0 0 0 0;display:grid;gap:2px;border-left:1px solid var(--bk-line)}
.bk-wz-boczny li>*{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:1px solid transparent;line-height:1.35}
.bk-wz-boczny a{color:var(--bk-ink-2);text-decoration:none}
.bk-wz-boczny a:hover{color:var(--bk-accent-text)}
.bk-wz-boczny [aria-current]{color:var(--bk-ink);font-weight:600;border-left-color:var(--bk-ink)}
.bk-wz-wszystkie{color:var(--bk-accent-text);font-weight:600;text-decoration:none}

/* Wejścia do bazy z Pomocy i z panelu bocznego */
.bk-pomoc-wiedza{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);text-decoration:none;color:var(--bk-ink)}
.bk-pomoc-wiedza:hover{border-color:var(--bk-accent)}
.bk-pomoc-wiedza svg{width:22px;height:22px;flex:0 0 auto;color:var(--bk-accent-text)}
.bk-pomoc-wiedza span{display:grid;gap:1px;min-width:0}
.bk-pomoc-wiedza b{font-size:14.5px}
.bk-pomoc-wiedza small{font-size:13px;color:var(--bk-ink-3)}
.bk-pomoc-cialo>.bk-pomoc-wiedza{margin-bottom:14px}
.bk-pomoc-wiedza-duza{max-width:640px;margin-bottom:24px}
.bk-pomoc-podp a{font-weight:600;color:var(--bk-accent-text)}
.burko-dymek-wiecej{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--bk-accent-text)}

@media (max-width:1000px){
	.bk-wz-dzialy{grid-template-columns:minmax(0,1fr)}
	.bk-wz-uklad{grid-template-columns:minmax(0,1fr);gap:32px}
	.bk-wz-boczny{position:static;padding-top:18px;border-top:1px solid var(--bk-line)}
}
@media (max-width:480px){
	.bk-wz-glowa h1{font-size:25px}
	.bk-wz-lead{font-size:16.5px}
	.bk-wz-szukaj .burko-btn{display:none}
	.bk-wz-lista a{padding:12px 8px}
	.bk-wz-stopka .burko-btn{width:100%;justify-content:center;min-height:44px}
}

.burko-dymek-wiecej[hidden]{display:none}

.bk-wz .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ==========================================================================
   0.238.0 — BUR Master jako aplikacja (PWA)
   Przyciski instalacji widać tylko wtedy, gdy instalacja jest możliwa
   (html[data-bk-app] ustawia panel.js). Na komputerze pasek i menu bez zmian.
   ========================================================================== */
.bk-app-menu,.bk-app-btn,.bk-app-txt{display:none!important}
html[data-bk-app=mozna] .bk-app-btn,html[data-bk-app=ios] .bk-app-btn{display:inline-flex!important}
html[data-bk-app=zainstalowana] .bk-app-txt-zainst{display:block!important}
html:not([data-bk-app]) .bk-app-txt-brak{display:block!important}
@media (max-width:480px){
	html[data-bk-app=mozna] .bk-app-menu,html[data-bk-app=ios] .bk-app-menu{display:flex!important}
}
.bk-app-ust{margin-top:32px}
.bk-app-txt{margin:0 0 14px;font-size:14.5px;color:var(--bk-ink-2)}
.bk-app-txt-zainst{color:var(--bk-ok)}
.bk-app-btn{align-items:center;gap:8px}
.bk-app-btn svg{width:18px;height:18px}

/* Instrukcja dla iPhone’a: arkusz od dołu, na szerszym ekranie karta na środku dołu. */
.bk-app-tlo:not([hidden]){position:fixed;inset:0;z-index:1002;background:rgba(18,22,30,.46);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:bk-tlo-wjazd .2s ease-out}
.bk-app-ios{position:fixed;z-index:1003;left:0;right:0;bottom:0;margin:0 auto;max-width:520px;box-sizing:border-box;
	padding:22px 20px calc(18px + env(safe-area-inset-bottom));background:var(--bk-surface);color:var(--bk-ink);
	border-radius:20px 20px 0 0;box-shadow:0 -12px 32px rgba(18,22,30,.18);display:grid;gap:16px;animation:bk-arkusz-wjazd .26s cubic-bezier(.32,.72,0,1)}
.bk-app-ios[hidden]{display:none}
.bk-app-ios-glowa{display:flex;align-items:center;gap:12px}
.bk-app-ios-glowa img{width:48px;height:48px;border-radius:12px;box-shadow:0 1px 3px rgba(26,23,21,.14);flex:0 0 auto}
.bk-app-ios h2{margin:0;font-size:18px;line-height:1.3;text-wrap:balance}
.bk-app-kroki{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16px;line-height:1.5}
.bk-app-kroki li::marker{font-weight:700;color:var(--bk-ink-3)}
.bk-app-kroki svg{width:18px;height:18px;vertical-align:-3px;color:var(--bk-info)}
.bk-app-ios .burko-btn{min-height:44px;justify-content:center;width:100%}
@media (min-width:600px){.bk-app-ios{bottom:24px;border-radius:var(--bk-r-lg)}}

/* Jednorazowa podpowiedź na iPhonie. */
.bk-app-podp{position:fixed;z-index:990;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));
	display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:6px 12px;
	padding:12px 12px 12px 14px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);box-shadow:var(--bk-sh-3);
	animation:bk-app-podp-wjazd .32s cubic-bezier(.16,1,.3,1)}
.bk-app-podp[hidden]{display:none}
.bk-app-podp img{grid-row:1/3;width:40px;height:40px;border-radius:10px}
.bk-app-podp p{margin:0;display:grid;gap:1px;font-size:13.5px;line-height:1.4;color:var(--bk-ink-2)}
.bk-app-podp b{font-size:14.5px;color:var(--bk-ink)}
.bk-app-podp .burko-btn{grid-column:2;justify-self:start;min-height:40px}
.bk-app-podp-x{grid-column:3;grid-row:1;width:44px;height:44px;margin:-8px -6px 0 0;display:grid;place-items:center;border:0;background:none;border-radius:50%;color:var(--bk-ink-3);cursor:pointer}
.bk-app-podp-x svg{width:18px;height:18px}
.bk-app-podp-x:focus-visible{outline:2px solid var(--bk-accent);outline-offset:-2px}
@keyframes bk-app-podp-wjazd{from{transform:translateY(calc(100% + 24px))}to{transform:none}}
@media (prefers-reduced-motion:reduce){.bk-app-ios,.bk-app-podp,.bk-app-tlo:not([hidden]){animation:none}}

/* ==========================================================================
   0.239.0 — powiadomienia push: karta na stronie Powiadomienia.
   Widać tylko teksty i przyciski pasujące do stanu (data-stan ustawia panel.js).
   ========================================================================== */
.bk-push{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin:0 0 20px;padding:16px 20px;
	background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);box-shadow:var(--bk-sh-1)}
.bk-push-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.bk-push-ico svg{width:22px;height:22px}
.bk-push-txt{min-width:0}
.bk-push h2{margin:0 0 2px;font-size:16px;line-height:1.3}
.bk-push-txt p{margin:0;font-size:14px;line-height:1.5;color:var(--bk-ink-2);max-width:68ch}
.bk-push-msg{margin-top:4px!important;color:var(--bk-ink)!important;font-weight:500}
.bk-push-msg:empty{display:none}
.bk-push-akcje{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.bk-push [data-pokaz]{display:none}
.bk-push[data-stan=start] p[data-pokaz~=start],
.bk-push[data-stan=wylaczone] p[data-pokaz~=wylaczone],
.bk-push[data-stan=wlaczone] p[data-pokaz~=wlaczone],
.bk-push[data-stan=ios] p[data-pokaz~=ios],
.bk-push[data-stan=zablokowane] p[data-pokaz~=zablokowane],
.bk-push[data-stan=brak] p[data-pokaz~=brak]{display:block}
.bk-push[data-stan=wylaczone] .burko-btn[data-pokaz~=wylaczone],
.bk-push[data-stan=wlaczone] .burko-btn[data-pokaz~=wlaczone],
.bk-push[data-stan=ios] .burko-btn[data-pokaz~=ios]{display:inline-flex}
.bk-push[data-stan=wlaczone] .bk-push-ico{background:var(--bk-ok-soft);color:var(--bk-ok)}
.bk-push .burko-btn:disabled{opacity:.6;cursor:progress}
@media (max-width:640px){
	.bk-push{grid-template-columns:40px minmax(0,1fr);padding:16px}
	.bk-push-akcje{grid-column:1/-1;justify-content:flex-start}
	.bk-push-akcje .burko-btn{min-height:44px}
}

.bk-app-txt-push{margin:0 0 14px;font-size:14px;color:var(--bk-ink-2)}

/* 0.240.0 — karta push w Ustawieniach, stany dodatkowe */
.bk-push[data-stan=zablokowane] .burko-btn[data-pokaz~=zablokowane]{display:inline-flex}
.bk-push-admin{margin-top:8px!important;font-size:13px!important;color:var(--bk-warn)!important}
.bk-push-admin code{font-size:12px;word-break:break-all}
.bk-push-ust{margin-top:16px}
.bk-push-ust .bk-push{margin:0}

@media (max-width:640px){.bk-push{align-items:start}.bk-push-ico{margin-top:2px}}

/* ==========================================================================
   0.240.2 — pulpit na telefonie: tydzień kalendarza nie zlewa się ze szkoleniami.
   Puste dni zajmują jedną linijkę (numer, dzień, „wolne”), dni z naborami
   zostają rozpisane. Pod kalendarzem wyraźny podział przed „Najbliższe szkolenia”.
   ========================================================================== */
@media (max-width:980px){
	.bk-tydz .burko-kal td:not(.ma){
		grid-template-columns:46px auto minmax(0,1fr);align-items:center;row-gap:0;padding:8px 2px;min-height:44px;
	}
	.bk-tydz .burko-kal td:not(.ma) .burko-kal-nr{grid-column:1;grid-row:1;font-size:17px}
	.bk-tydz .burko-kal td:not(.ma)::before{grid-column:2;grid-row:1}
	.bk-tydz .burko-kal td:not(.ma)::after{grid-column:3;grid-row:1;justify-self:end;font-size:12.5px}
	.bk-tydz .burko-kal td.dzis:not(.ma) .burko-kal-nr{width:30px;height:30px;line-height:30px;font-size:15px}
	.bk-tydz ~ .burko-podtytul{margin-top:var(--bk-5);padding-top:var(--bk-5);border-top:1px solid var(--bk-line)}
}
/* ==========================================================================
   0.240.3 — kalendarz pulpitu: widok tygodnia także na komputerze.
   Siedem kolumn jak w miesiącu, ale jeden wiersz, wysokie komórki i pełne
   nazwy wpisów (bez „+n”). Przełącznik Tydzień/Miesiąc w nagłówku.
   ========================================================================== */
@media (min-width:981px){
	.burko-kal-tryb{display:inline-flex}
	.bk-tydz .burko-kal-nawig{display:none}
	.bk-tydz .burko-kal-tydz-nawig{display:flex;align-items:center;gap:var(--bk-2)}
	.bk-tydz .burko-kal-tydz-nawig strong{min-width:130px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
	.bk-tydz .burko-kal tbody tr{display:none}
	.bk-tydz .burko-kal tbody tr.bk-akt{display:table-row}
	.bk-tydz .burko-kal td{height:180px;padding:8px}
	.bk-tydz .burko-kal-nr{font-size:14px;margin-bottom:6px}
	.bk-tydz .burko-kal td.dzis .burko-kal-nr{width:26px;height:26px;line-height:26px}
	.bk-tydz .burko-kal-wpis{white-space:normal;font-size:12px;line-height:1.35;padding:5px 7px;margin-bottom:4px}
	.bk-tydz .burko-kal-wpis.burko-kal-ukryty[hidden]{display:block}
	.bk-tydz .burko-kal-wiecej{display:none}
}
/* 0.241.0 — telefon i e-mail klikalne (tel:/mailto:) + szybkie akcje na telefonie */
a.bk-kontakt{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);transition:color .15s,text-decoration-color .15s}
a.bk-kontakt:hover{color:var(--bk-accent-text);text-decoration-color:currentColor}
a.bk-kontakt:focus-visible{outline:none;box-shadow:var(--bk-ring);border-radius:3px}
.bk-kontakt-linia{margin-top:2px}
.bk-szybkie{display:none}
@media (max-width:980px){
  .bk-szybkie{display:flex;gap:8px;margin:10px 0 4px}
  .bk-szybkie .burko-btn{flex:1 1 0;min-width:0;min-height:44px}
  .burko-kv a.bk-kontakt,.bk-kontakt-linia a.bk-kontakt{display:inline-block;padding:10px 0;margin:-10px 0}
}
/* ==========================================================================
   0.241.1 — fonty: koniec sztucznego pogrubiania.
   Schibsted Grotesk wczytujemy w 400–700, a część elementów prosiła o 800/900,
   więc przeglądarka dorabiała grubość sama (rozmyte, szersze litery).
   Duże liczby idą krojem nagłówków jak KPI (Bricolage 800), drobne etykiety
   dostają 700, a <b>/<strong> w pogrubionym rodzicu nie skaczą już do 900.
   ========================================================================== */
b,strong{font-weight:700}
.burko-licznik-duzy,.burko-szk-liczba b,.bk-kon-licz b,.bk-kon-wynik b{font-family:var(--bk-dsp);font-weight:800;letter-spacing:-.035em}
.burko-ai,.burko-boczny .burko-ai,.burko-tab-prio-etykieta b,.burko-tab-prio b,.burko-tab-znak,.burko-tab-etyk,.burko-tab-legenda-tyt,.burko-tab-roz>summary::before,.burko-tab-wzm,.burko-as-pula-txt b,.burko-as-tresc h3,.burko-as-tresc h4,.burko-as-tresc h5,.burko-as-tresc h6,.burko-as-uwagi h3,.burko-rundy-t b,.burko-wstep strong,.bk-wz-tresc strong{font-weight:700}

/* 0.241.2 — Pomoc na początku belki, oddzielona od rzędu okrągłych ikon; ta sama wysokość i kształt co koła. */
@media (min-width:981px){
	.burko-topbar .bk-pomoc-btn{height:44px;padding:0 16px 0 13px;border-radius:var(--bk-r-full);margin-right:var(--bk-3);box-shadow:var(--bk-sh-1)}
}

/* 0.241.5 — wnioski: szukanie po numerze usługi z BUR */
.bk-bur-szukaj{display:flex;align-items:center;gap:var(--bk-2);flex-wrap:wrap;margin:var(--bk-4) 0}
.bk-bur-szukaj label{font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.bk-bur-szukaj input{flex:1 1 280px;min-width:0}
.bk-bur-wynik{margin-bottom:var(--bk-4)}
.bk-bur-glowa{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--bk-4);margin-bottom:var(--bk-2)}
.bk-bur-glowa h3{margin:4px 0 2px;font-size:17px;line-height:1.3}
.bk-bur-glowa h3 a{color:inherit;text-decoration:none}
.bk-bur-glowa h3 a:hover{color:var(--bk-accent-text)}
.bk-bur-liczba{text-align:right;flex:0 0 auto}
.bk-bur-liczba b{display:block;font-family:var(--bk-dsp);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.bk-bur-liczba span{font-size:12.5px;color:var(--bk-ink-3)}
.bk-bur-wynik .burko-chips{margin:var(--bk-2) 0 var(--bk-3)}
@media (max-width:980px){.bk-bur-szukaj .burko-btn{flex:1 1 auto;min-height:44px}}
/* ==========================================================================
   0.241.6 — czytelność menu bocznego.
   Nazwa konta zwykłym zapisem (wersaliki udawały nagłówek grupy), grupy z
   większym oddechem nad sobą i ciaśniej przy swoich pozycjach, znacznik AI
   jako mała plakietka zamiast migającego „(AI)” przy każdej nazwie.
   ========================================================================== */
.burko-boczny .burko-marka-sub{
	text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;
	color:var(--bk-szyna-ink-3);padding:0 10px 10px;
}
.burko-boczny .burko-grupa{font-size:10.5px;letter-spacing:.1em;padding:22px 10px 6px}
.burko-boczny .burko-marka-sub+.burko-poz{margin-top:4px}
/* 0.241.7 — znacznik (AI) wrócił do poprzedniego wyglądu na życzenie. */
/* 0.241.6 — szyna jest kolumną flex i przy długim menu ściskała elementy: nazwa konta miała 10 px wysokości i była ucięta. */
.burko-boczny>*{flex-shrink:0}

/* ==========================================================================
   0.241.8 — menu boczne bez przewijania: zwijane grupy i ciaśniejsze pozycje
   na komputerze. Na telefonie pozycje zostają po 44 px (cel dotyku).
   ========================================================================== */
.bk-grupa-przel{
	display:flex;align-items:center;justify-content:space-between;gap:6px;
	width:100%;box-sizing:border-box;margin:0;background:none;border:0;border-radius:var(--bk-r-sm);
	font-family:inherit;text-align:left;cursor:pointer;
}
.bk-grupa-strz{width:14px;height:14px;flex:0 0 14px;opacity:.55;transition:transform .15s,opacity .15s}
.bk-grupa-przel:hover .bk-grupa-strz{opacity:1}
.bk-grupa-przel[aria-expanded="false"] .bk-grupa-strz{transform:rotate(-90deg)}
.bk-grupa-przel:focus-visible{outline:none;box-shadow:var(--bk-ring)}
.bk-sekcja-poz{display:contents}
.bk-sekcja-poz[hidden]{display:none}
.bk-sekcja-poz>*{flex-shrink:0}
@media (prefers-reduced-motion:reduce){.bk-grupa-strz{transition:none}}
@media (min-width:981px){
	.burko-boczny .burko-poz{padding-top:6px;padding-bottom:6px}
	.burko-boczny .burko-grupa{padding:14px 10px 4px}
}
@media (min-width:981px) and (max-height:900px){
	.burko-boczny{padding-top:14px}
	.burko-boczny .burko-poz{padding-top:5px;padding-bottom:5px}
	.burko-boczny .burko-grupa{padding-top:10px}
	.burko-boczny .burko-marka-sub{padding-bottom:6px}
}@media (min-width:981px) and (max-height:820px){
	.burko-boczny{padding-top:10px;padding-bottom:10px}
	.burko-boczny .burko-poz{padding-top:4px;padding-bottom:4px}
	.burko-boczny .burko-grupa{padding-top:8px;padding-bottom:2px}
}

/* ==========================================================================
   0.242.0 — nagłówki grup menu czytelne. Kolor akcentu zostaje dla zaznaczonej
   pozycji, więc nagłówek wyróżnia kontrast, waga i cienka linia nad grupą,
   a nie pomarańcz. Więcej miejsca nad nagłówkiem niż pod nim.
   ========================================================================== */
.burko-boczny .burko-grupa{
	font-size:11px;font-weight:700;letter-spacing:.09em;
	color:var(--bk-szyna-ink-2);
}
.burko-boczny .bk-grupa-przel{
	margin-top:8px;border-top:1px solid var(--bk-szyna-linia);border-radius:0;
	padding:12px 10px 4px;
}
.burko-boczny .bk-grupa-przel:hover{color:var(--bk-szyna-ink)}
.burko-boczny .bk-grupa-przel[aria-expanded="false"]{color:var(--bk-szyna-ink-3)}
.burko-boczny .bk-grupa-przel[aria-expanded="false"]:hover{color:var(--bk-szyna-ink-2)}
@media (min-width:981px) and (max-height:900px){
	.burko-boczny .bk-grupa-przel{margin-top:6px;padding-top:9px}
}
@media (min-width:981px) and (max-height:820px){
	.burko-boczny .bk-grupa-przel{margin-top:4px;padding-top:7px;padding-bottom:2px}
}
/* 0.242.2 — na niskich ekranach nagłówki grup i odstępy jeszcze ciaśniej. */
@media (min-width:981px) and (max-height:820px){
	.burko-boczny{row-gap:1px}
	.burko-boczny .bk-grupa-przel{margin-top:3px;padding-top:6px;padding-bottom:2px;line-height:1.4}
}/* 0.242.5 — nagłówek grupy w jednej linii („Operatorzy i dokumenty” łamał się na dwie). */
.burko-boczny .bk-grupa-przel{letter-spacing:.06em}
.burko-boczny .bk-grupa-przel>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burko-boczny .bk-grupa-przel{padding-right:4px;gap:4px}

/* 0.242.7 — ukrywanie osób spoza firmy we wniosku firmy (atrybut hidden przegrywał z display:flex). */
[data-bk-osoby-firmy] [hidden],.bk-osoby-pusto[hidden]{display:none!important}
.bk-spoza{margin-left:6px}

/* 0.244.0 — obroty i aktywa w euro przy danych MŚP na karcie firmy. */
.bk-sme-eur{font-variant-numeric:tabular-nums;white-space:nowrap}
.bk-sme-eur span,.bk-sme-eur small{display:block}

/* 0.245.0 — pytania wzorów do firmy (deklaracje) na karcie firmy. */
.bk-dekl{display:grid;gap:12px;margin-top:16px}
.bk-dekl .bk-dekl-poz{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:6px 14px;align-items:center}
.bk-dekl .bk-dekl-poz small{display:block;margin-top:2px}
@media (max-width:640px){.bk-dekl .bk-dekl-poz{grid-template-columns:1fr}}

/* 0.247.0 — braki przed wypełnieniem kompletu sprawy firmy. Pole z akcentem,
   bo to zadanie blokujące: najpierw odpowiedzi, potem dokumenty. */
.bk-braki{scroll-margin-top:84px}
.bk-braki-head h2{margin:0;font-size:19px;line-height:1.3;text-wrap:balance}
.bk-braki-head .burko-karta-opis{max-width:72ch;margin-top:var(--bk-2)}
.bk-braki-grupa{margin-top:var(--bk-5);padding-top:var(--bk-4);border-top:1px solid color-mix(in srgb,var(--bk-accent) 28%,transparent)}
.bk-braki-grupa h3{margin:0;font-size:15px;line-height:1.35;color:var(--bk-ink)}
.bk-braki-grupa > .burko-karta-opis{margin:4px 0 0;max-width:72ch}
.bk-braki .bk-dekl-poz{padding:10px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface)}
.bk-braki-dok{margin:var(--bk-3) 0 0;padding:12px 14px 4px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);min-width:0}
.bk-braki-dok legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.bk-braki-rub{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto;gap:6px 14px;align-items:center;padding:8px 0;border-top:1px solid var(--bk-line-soft)}
.bk-braki-rub:first-of-type{border-top:0}
.bk-braki-rub > label:first-child{font-size:13.5px;line-height:1.45;color:var(--bk-ink)}
.bk-braki-rub > label small{display:block;margin-top:2px}
.bk-braki-rub input:not([type=checkbox]),.bk-braki-rub select{width:100%;min-height:40px}
.bk-braki-pomin{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--bk-ink-2);white-space:nowrap;cursor:pointer}
.bk-braki-pomin input{accent-color:var(--bk-accent)}
.bk-braki-uwaga{grid-column:1/-1;font-size:12px;color:var(--bk-warn)}
.bk-braki-lista{margin:var(--bk-3) 0 0;padding:0;list-style:none;display:grid;gap:6px}
.bk-braki-lista li{padding:8px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);font-size:13.5px;line-height:1.45}
.bk-braki-lista li .burko-podpis{margin-left:4px}
.bk-braki-lista li a{margin-left:6px;text-underline-offset:3px}
.bk-braki-bledy li{border-color:color-mix(in srgb,var(--bk-err) 30%,transparent);background:var(--bk-err-soft);color:var(--bk-err)}
.bk-braki-podpowiedz{margin-top:var(--bk-4)}
.bk-braki-akcje{margin:var(--bk-5) 0 0}
.bk-braki-mimo{margin-top:var(--bk-4);padding-top:var(--bk-4);border-top:1px solid color-mix(in srgb,var(--bk-accent) 28%,transparent);display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.bk-braki-mimo .burko-karta-opis{margin:0;flex:1 1 320px}
.bk-braki-ok{margin:10px 0 0;color:var(--bk-ok)}
@media (max-width:640px){
  .bk-braki-rub{grid-template-columns:1fr}
  .bk-braki-pomin{min-height:44px}
}
.bk-braki-wszystkie{margin:0 0 4px}


.bk-braki input:not([type=checkbox]),.bk-braki select{border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:9px 11px;font:400 14px/1.4 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.bk-braki input:not([type=checkbox]):hover,.bk-braki select:hover{border-color:var(--bk-ink-3)}
.bk-braki input:not([type=checkbox]):focus,.bk-braki select:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.bk-braki .bk-dekl-poz select{width:100%}

.bk-braki-rub>*{min-width:0}
.bk-braki-dok{max-width:100%}
@media (max-width:640px){.bk-braki-rub{grid-template-columns:minmax(0,1fr)}}

/* 0.248.0 — poprawki w gotowym dokumencie, obok podglądu. Na szerokim ekranie
   panel stoi przy dokumencie i jedzie razem z przewijaniem; niżej schodzi pod
   podgląd, a przycisk w nagłówku prowadzi prosto do niego. */
.bk-dok-uklad.bk-z-edycja{display:grid;gap:var(--bk-5);align-items:start}
@media (min-width:1200px){
  .bk-dok-uklad.bk-z-edycja{grid-template-columns:minmax(0,1fr) 380px}
  .bk-popraw{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;overscroll-behavior:contain}
  .bk-popraw-skok{display:none}
}
.bk-dok-uklad > .burko-dokblok{min-width:0;margin:0}
.bk-popraw{scroll-margin-top:84px;padding:var(--bk-4);border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);box-shadow:var(--bk-sh-1)}
.bk-popraw-head h2{margin:0;font-size:17px;line-height:1.3}
.bk-popraw-head .burko-karta-opis{margin-top:4px}
.bk-popraw-sek{margin-top:var(--bk-4);padding-top:var(--bk-3);border-top:1px solid var(--bk-line-soft)}
.bk-popraw-sek h3{margin:0 0 var(--bk-2);font-size:14px;line-height:1.35;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bk-popraw-rub{display:grid;gap:4px;margin-bottom:10px}
.bk-popraw-rub label{font-size:13px;line-height:1.4;color:var(--bk-ink)}
.bk-popraw input[type=text],.bk-popraw textarea{width:100%;box-sizing:border-box;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:9px 11px;font:400 14px/1.4 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);transition:border-color .15s,box-shadow .15s}
.bk-popraw input[type=text]:hover,.bk-popraw textarea:hover{border-color:var(--bk-ink-3)}
.bk-popraw input[type=text]:focus,.bk-popraw textarea:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.bk-popraw-grupa{margin:0 0 8px;padding:8px 10px;border:1px solid var(--bk-line-soft);border-radius:var(--bk-r-sm);min-width:0}
.bk-popraw-grupa legend{padding:0 4px;font-size:12.5px;line-height:1.4;color:var(--bk-ink-2);max-width:100%}
.bk-popraw-kratka{display:flex;align-items:flex-start;gap:8px;padding:5px 2px;font-size:13px;line-height:1.4;color:var(--bk-ink);cursor:pointer;border-radius:var(--bk-r-sm)}
.bk-popraw-kratka:hover{background:var(--bk-accent-soft)}
.bk-popraw-kratka input{margin-top:2px;flex:0 0 auto;accent-color:var(--bk-accent);width:16px;height:16px}
.bk-popraw-akcje{position:sticky;bottom:calc(-1 * var(--bk-4));margin:var(--bk-4) calc(-1 * var(--bk-4)) calc(-1 * var(--bk-4));padding:12px var(--bk-4);background:var(--bk-surface);border-top:1px solid var(--bk-line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bk-popraw-zmiany{color:var(--bk-accent-text)}
.bk-popraw-przywroc{margin-top:var(--bk-4);padding-top:var(--bk-3);border-top:1px solid var(--bk-line-soft)}
.bk-popraw-przywroc .burko-karta-opis{margin:0 0 6px}
@media (max-width:640px){
  .bk-popraw-kratka{min-height:44px;align-items:center}
  .bk-popraw-kratka input{margin-top:0}
}
.bk-popraw-sama{margin:0 0 4px;padding:6px 8px;border:1px solid var(--bk-line-soft)}
/* 0.248.1 — zasada „wszystkie pola wypełnione”: przypomnienie przy brakach i przy poprawkach. */
.bk-zasada{margin:var(--bk-3) 0 0;padding:10px 12px;border-radius:var(--bk-r-sm);background:var(--bk-warn-soft);color:var(--bk-ink);font-size:12.5px;line-height:1.55;max-width:72ch}
.bk-popraw-szybkie{display:flex;gap:6px;flex-wrap:wrap}
.bk-popraw-szybkie .burko-btn-sm{min-height:32px}
@media (max-width:640px){.bk-popraw-szybkie .burko-btn-sm{min-height:44px}}

/* 0.248.2 — pasek górny: jeden rytm. „Pomoc” ma tę samą wysokość, kształt,
   cień i zachowanie co przyciski-ikony obok; między grupami (Pomoc · narzędzia
   · konto) stały odstęp 12 px, wewnątrz grupy 8 px. Wysokość rzędu: 40 px
   na komputerze, 44 px na dotyku i węższych ekranach. */
.burko-topbar .bk-pomoc-btn{height:40px;padding:0 14px 0 11px;margin-right:4px;border-radius:var(--bk-r-full);background:var(--bk-surface);border:1px solid var(--bk-line);box-shadow:var(--bk-sh-1);color:var(--bk-ink-2);font-size:13px;font-weight:600;letter-spacing:.1px;line-height:1;transition:border-color .15s,color .15s}
.burko-topbar .bk-pomoc-btn:hover{background:var(--bk-surface);border-color:var(--bk-accent);color:var(--bk-accent-text)}
.burko-topbar .bk-pomoc-btn .burko-ico{width:18px;height:18px;flex:0 0 18px}
.burko-topbar .burko-konta{margin-left:4px}
@media (pointer:coarse){.burko-topbar .bk-pomoc-btn{min-height:44px}}
@media (max-width:980px){
  .burko-topbar .bk-pomoc-btn{height:44px}
  .burko-topbar .burko-konta-btn{min-height:44px}
}
@media (max-width:640px){
  .burko-topbar .bk-pomoc-btn{width:44px;padding:0;margin-right:0;justify-content:center}
}

/* 0.249.0 — opisy sekcji (H.1.x itd.): szkic AI, poprawka człowieka, limit znaków całej sekcji. */
.bk-sek{margin:var(--bk-3) 0 0;padding:12px 14px 12px;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);min-width:0}
.bk-sek legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--bk-ink)}
.bk-sek legend .burko-podpis{display:inline;margin-left:6px;font-weight:400}
.bk-sek-polecenie{margin:2px 0 0;max-width:72ch;font-size:13px;line-height:1.5;color:var(--bk-ink-2);text-wrap:pretty}
.bk-sek-polecenie b{font-weight:600;color:var(--bk-ink)}
.bk-sek-pole{margin-top:var(--bk-3);display:grid;gap:6px}
.bk-sek-pole label{font-size:13.5px;font-weight:600;line-height:1.4;color:var(--bk-ink)}
.bk-sek-pole textarea{width:100%;min-height:132px;box-sizing:border-box;resize:vertical;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:10px 12px;font:400 14px/1.6 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);transition:border-color .15s,box-shadow .15s}
.bk-sek-pole textarea:hover{border-color:var(--bk-ink-3)}
.bk-sek-pole textarea:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.bk-sek-stopka{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.bk-sek-licznik{font-size:12.5px;color:var(--bk-ink-2);font-variant-numeric:tabular-nums}
.bk-sek-za-dlugo{border-color:color-mix(in srgb,var(--bk-err) 45%,var(--bk-line))}
.bk-sek-za-dlugo .bk-sek-licznik{color:var(--bk-err);font-weight:600}
.bk-sek [data-bk-ai][aria-busy=true]{opacity:.7;cursor:progress}
.bk-popraw .bk-sek{padding:10px 12px}
.bk-popraw .bk-sek-pole textarea{min-height:160px;font-size:13.5px}
@media (max-width:640px){
  .bk-sek{padding:10px 10px 12px}
  .bk-sek-stopka .burko-btn{min-height:44px;flex:1 1 100%}
}

/* 0.249.2 — grupy nad tabelą (np. uczestnicy z firmą / bez firmy). */
button.burko-chip{cursor:pointer;font-family:inherit;line-height:1}
.burko-tabseg .burko-chip:focus-visible{outline:none;box-shadow:var(--bk-ring)}
@media (pointer:coarse){.burko-tabseg .burko-chip{height:44px;padding:0 16px}}

/* 0.249.3 — podgląd zgłoszenia przed decyzją. */
.burko-zgl-akcje .bk-zgl-pod{flex:0 0 auto}
.bk-zgl-dlg{width:min(760px,calc(100vw - 32px));max-height:min(88vh,920px);padding:0;border:1px solid var(--bk-line);border-radius:var(--bk-r);background:var(--bk-surface);color:var(--bk-ink);box-shadow:0 24px 64px -12px rgba(23,19,15,.32);overflow:hidden}
.bk-zgl-dlg[open]{display:flex;flex-direction:column}
.bk-zgl-dlg::backdrop{background:rgba(23,19,15,.48)}
.bk-zgl-dlg-gora{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--bk-line)}
.bk-zgl-dlg-gora h2{margin:0;font-size:20px;line-height:1.25;text-wrap:balance}
.bk-zgl-dlg-gora .burko-karta-sub{margin:4px 0 0;display:block;white-space:normal;overflow:visible;text-overflow:clip}
.bk-zgl-zamknij{margin-left:auto;width:40px;height:40px;padding:0;justify-content:center;flex:none}
.bk-zgl-dlg-tresc{overflow:auto;padding:2px 20px 20px;overscroll-behavior:contain}
.bk-zgl-sek{padding-top:18px}
.bk-zgl-sek h3{margin:0 0 6px;font-size:14px;line-height:1.3;color:var(--bk-ink)}
.bk-zgl-sek dl{margin:0}
.bk-zgl-sek dl>div{display:grid;grid-template-columns:minmax(150px,38%) minmax(0,1fr);gap:2px 16px;padding:7px 0;border-top:1px solid var(--bk-line-soft);font-size:13.5px;line-height:1.45}
.bk-zgl-sek dl>div:first-child{border-top:0}
.bk-zgl-sek dt{color:var(--bk-ink-2)}
.bk-zgl-sek dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.bk-zgl-puste{font-weight:400;color:var(--bk-ink-3)}
.bk-zgl-sme-wrap{overflow-x:auto}
.bk-zgl-sme{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.bk-zgl-sme th,.bk-zgl-sme td{padding:7px 8px;text-align:right;border-top:1px solid var(--bk-line-soft);white-space:nowrap}
.bk-zgl-sme th:first-child,.bk-zgl-sme td:first-child{text-align:left;padding-left:0}
.bk-zgl-sme th{font-weight:600;color:var(--bk-ink-2);border-top:0}
.bk-zgl-zgoda{padding:8px 0;border-top:1px solid var(--bk-line-soft);font-size:13px;line-height:1.5}
.bk-zgl-sek h3+.bk-zgl-zgoda{border-top:0}
.bk-zgl-zgoda small{display:block;color:var(--bk-ink-3);margin-top:2px}
.bk-zgl-dlg-dol{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px;border-top:1px solid var(--bk-line);background:var(--bk-surface)}
.bk-zgl-dlg-dol .bk-zgl-zamknij-t{margin-left:auto}
@media (prefers-reduced-motion:no-preference){.bk-zgl-dlg[open]{animation:bkZglIn .2s cubic-bezier(.16,1,.3,1)}@keyframes bkZglIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media (max-width:640px){.bk-zgl-dlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;border:0}.bk-zgl-sek dl>div{grid-template-columns:1fr}.bk-zgl-dlg-dol .burko-btn{flex:1 1 auto;min-height:44px}.bk-zgl-dlg-dol .bk-zgl-zamknij-t{margin-left:0}}
@media (pointer:coarse){.bk-zgl-zamknij{width:44px;height:44px}}

/* 0.249.4 — treść zgody w chmurce i spokojniejszy przycisk „Podgląd”. */
.bk-zgoda-tip{position:relative;display:inline-flex;border-radius:var(--bk-r-full);outline:none;cursor:help}
.bk-zgoda-tip:focus-visible{box-shadow:var(--bk-ring)}
.bk-zgoda-tip-tresc{position:absolute;left:0;bottom:calc(100% + 8px);z-index:40;width:min(340px,calc(100vw - 48px));padding:12px 14px;background:var(--bk-surface);color:var(--bk-ink);border:1px solid var(--bk-line);border-radius:var(--bk-r);box-shadow:var(--bk-sh-3);font:400 13px/1.5 var(--bk-font);text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none}
.bk-zgoda-tip-tresc b{display:block;margin-bottom:4px;font-weight:600;color:var(--bk-ink)}
.bk-zgoda-tip-tresc small{display:block;margin-top:6px;font-size:12px;color:var(--bk-ink-3)}
.bk-zgoda-tip:hover .bk-zgoda-tip-tresc,.bk-zgoda-tip:focus .bk-zgoda-tip-tresc,.bk-zgoda-tip:focus-within .bk-zgoda-tip-tresc{opacity:1;visibility:visible;transform:none}
.burko-zgl-akcje .burko-btn.bk-zgl-pod,.burko-karta.akcent .burko-zgl-akcje .burko-btn.bk-zgl-pod{flex:0 0 auto;gap:6px;background:transparent;border-color:transparent;box-shadow:none;color:inherit;padding-left:10px;padding-right:12px}
.burko-zgl-akcje .burko-btn.bk-zgl-pod:hover,.burko-karta.akcent .burko-zgl-akcje .burko-btn.bk-zgl-pod:hover{background:color-mix(in srgb,currentColor 9%,transparent);border-color:transparent}
.burko-zgl-akcje .burko-btn.bk-zgl-pod:focus-visible{box-shadow:var(--bk-ring)}
@media (prefers-reduced-motion:reduce){.bk-zgoda-tip-tresc{transition:none}}

/* 0.249.5 — podgląd formularza publicznego w oknie. */
.bk-form-pod{gap:5px}
.bk-form-dlg{width:min(980px,calc(100vw - 32px));height:min(90vh,1000px)}
.bk-form-nowa{margin-left:auto;gap:6px;flex:none;align-self:center}
.bk-form-dlg .bk-zgl-zamknij{margin-left:0}
.bk-form-ramka{flex:1 1 auto;width:100%;min-height:0;border:0;background:var(--bk-surface)}
@media (max-width:640px){.bk-form-nowa{display:none}}


/* 0.250.0 — wnioski na telefonie: zwarta lista, „Pokaż kolejne”, przyklejony filtr */
@media (max-width:720px){
	.burko-table.bk-cards.bk-wn-kompakt{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);box-shadow:var(--bk-sh-1);overflow:hidden}
	.burko-table.bk-cards.bk-wn-kompakt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"os etap" "szk szk" "kl kl";column-gap:var(--bk-3);row-gap:4px;margin:0;padding:14px var(--bk-4);border:0;border-top:1px solid var(--bk-line-soft);border-radius:0;box-shadow:none;background:transparent;cursor:pointer}
	.burko-table.bk-cards.bk-wn-kompakt tr:first-child{border-top:0}
	.burko-table.bk-cards.bk-wn-kompakt tr[hidden]{display:none}
	.burko-table.bk-cards.bk-wn-kompakt tr.wyroz{background:var(--bk-accent-soft);border-color:var(--bk-line-soft)}
	.burko-table.bk-cards.bk-wn-kompakt tbody tr:hover,.burko-table.bk-cards.bk-wn-kompakt tbody tr:active{background:var(--bk-surface-2);border-color:var(--bk-line-soft)}
	.burko-table.bk-cards.bk-wn-kompakt tbody tr.wyroz:hover{background:var(--bk-accent-soft)}
	.burko-table.bk-cards.bk-wn-kompakt td{display:block;padding:0;border:0;min-width:0;background:transparent}
	.burko-table.bk-cards.bk-wn-kompakt td::before{content:none;display:none}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(1),.burko-table.bk-cards.bk-wn-kompakt td:nth-child(4),.burko-table.bk-cards.bk-wn-kompakt td:nth-child(5),.burko-table.bk-cards.bk-wn-kompakt td:nth-child(6),.burko-table.bk-cards.bk-wn-kompakt td:nth-child(9),.burko-table.bk-cards.bk-wn-kompakt td:nth-child(10){display:none}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(2){grid-area:os;align-self:center;font-size:15px}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(7){grid-area:etap;align-self:center}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(3){grid-area:szk;font-size:13.5px;line-height:1.4;color:var(--bk-ink-2)}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(3) .burko-wn-podszk{display:block;margin-top:2px;font-size:12px;color:var(--bk-ink-3)}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(8){grid-area:kl;margin-top:6px}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(8) .burko-pasek{flex:1 1 auto;width:auto !important}

	/* „Wymagają ruchu”: pasek przewijany w bok zamiast trzech wysokich kart */
	.burko-karty.bk-wn-ruch{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:var(--bk-3);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--bk-2);scrollbar-width:none}
	.burko-karty.bk-wn-ruch::-webkit-scrollbar{display:none}
	.burko-karty.bk-wn-ruch > .burko-karta{scroll-snap-align:start;min-width:0}

	/* Filtr i licznik zostają pod ręką przy przewijaniu długiej listy */
	.burko-tabtools{position:sticky;top:64px;z-index:6;background:inherit;padding:var(--bk-2) 0}

	/* Stronicowanie na telefonie: „Pokaż kolejne” zamiast numerów stron */
	.burko-str.burko-str-wiecej{display:flex;flex-direction:column;align-items:stretch;gap:var(--bk-2);margin-top:var(--bk-3)}
	.burko-str-wiecej .burko-str-info{text-align:center;font-size:12.5px;color:var(--bk-ink-3)}
	.burko-str-wiecej .burko-btn-wiecej{width:100%;min-height:44px;justify-content:center}

	.burko-dogory{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;width:44px;height:44px;padding:0;border-radius:var(--bk-r-full);border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink);box-shadow:var(--bk-sh-2);display:grid;place-items:center;cursor:pointer}
	.burko-dogory[hidden]{display:none}
	.burko-dogory:focus-visible{outline:none;box-shadow:var(--bk-ring)}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(3){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
	.burko-table.bk-cards.bk-wn-kompakt td:nth-child(3) .burko-wn-podszk{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.burko-str.burko-str-wiecej .burko-str-info{text-align:center;align-self:center}
	/* Karty nie potrzebują przewijania w bok, a overflow na bloku psuje przyklejony filtr */
	.burko-blok:has(> .burko-table.bk-cards){overflow:visible}
	/* 16 px: iOS nie przybliża wtedy strony przy wpisywaniu */
	.burko-tabfiltr{font-size:16px}
}
@media (min-width:721px){.burko-dogory{display:none}}

/* 0.250.6 — iPhone przybliża stronę, gdy dotkniesz pola z tekstem mniejszym niż
   16 px, i zostaje przybliżony: cały panel „pływa” na boki. Na telefonie każde
   pole ma więc 16 px. !important, bo mniejsze rozmiary siedzą w wielu miejscach
   z wysoką szczegółowością, a ta reguła jest ograniczeniem systemu, nie stylem. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:720px){
	input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
	select,
	textarea{font-size:16px !important}
}

/* 0.250.7 — import uczestników: oddech między polem pliku a przyciskiem, pasek „wzór” */
.bk-imp-form > p:last-child{margin:var(--bk-4) 0 0}
.bk-imp-wzor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--bk-2) var(--bk-3);margin:0 0 var(--bk-4);padding:var(--bk-3);border-radius:var(--bk-r);background:var(--bk-surface-2);font-size:13.5px;line-height:1.45;color:var(--bk-ink-2)}
.bk-imp-wzor-btns{display:flex;flex-wrap:wrap;gap:var(--bk-2)}
.bk-imp-wzor .burko-btn{display:inline-flex;align-items:center;gap:6px}
.bk-imp-wzor .burko-btn svg{flex:none}


/* 0.251.0 — asystent pisze na żywo: kursor na końcu tekstu, póki odpowiedź płynie */
@keyframes bk-as-kursor{50%{opacity:0}}
.burko-as-pisze .burko-as-tresc > :last-child::after{content:"";display:inline-block;width:.45em;height:1.05em;margin-left:3px;vertical-align:-.15em;border-radius:1px;background:var(--bk-accent);animation:bk-as-kursor 1s steps(1) infinite}
.burko-as-pisze .burko-as-tresc > table:last-child::after,.burko-as-pisze .burko-as-tresc > .burko-as-tabbox:last-child::after{content:none}
@media (prefers-reduced-motion:reduce){.burko-as-pisze .burko-as-tresc > :last-child::after{animation:none}}
/* ==========================================================================
   0.252.0 — „Przypięte” w menu bocznym. Pinezka pojawia się przy pozycji po
   najechaniu (na komputerze) albo stoi cicho z prawej (na dotyku). Przypięta
   pozycja w swojej grupie ma pinezkę widoczną stale, żeby było widać, że jest na górze.
   ========================================================================== */
.bk-przyp{display:contents}
.bk-przyp[hidden],.bk-przyp-tyt[hidden]{display:none}
.bk-poz-w{position:relative;flex-shrink:0}
.bk-poz-w>.burko-poz{transition:background .13s,color .13s,padding-right .15s cubic-bezier(.16,1,.3,1)}
.bk-pin{
	position:absolute;top:50%;right:4px;transform:translateY(-50%);
	display:grid;place-items:center;width:28px;height:28px;padding:0;margin:0;
	border:0;border-radius:8px;background:none;cursor:pointer;
	color:var(--bk-szyna-ink-3);opacity:0;
	transition:opacity .15s cubic-bezier(.16,1,.3,1),background .13s,color .13s;
}
.bk-pin svg{width:15px;height:15px;display:block}
.bk-pin[aria-pressed="true"] .bk-pin-glowa{fill:currentColor}
.bk-pin:hover{background:var(--bk-szyna-hover);color:var(--bk-szyna-ink)}
.bk-pin:focus-visible{outline:none;box-shadow:var(--bk-ring);opacity:1}
.bk-pin[disabled]{cursor:progress}
/* odkrycie po najechaniu — pozycja ustępuje miejsca, żeby pinezka nie wchodziła na licznik */
.bk-poz-w:hover>.bk-pin,.bk-poz-w:focus-within>.bk-pin{opacity:1}
.bk-poz-w:hover>.burko-poz,.bk-poz-w:focus-within>.burko-poz{padding-right:36px}
/* przypięta pozycja w swojej grupie: pinezka stale, przygaszona */
.bk-poz-w:not(.bk-poz-w-przyp)>.bk-pin[aria-pressed="true"]{opacity:.5}
.bk-poz-w:not(.bk-poz-w-przyp):has(>.bk-pin[aria-pressed="true"])>.burko-poz{padding-right:36px}
.bk-poz-w:hover>.bk-pin[aria-pressed="true"]{opacity:1}
/* na pomarańczowej, aktywnej pozycji pinezka bierze ciemny kolor tekstu */
.burko-boczny .burko-poz.active+.bk-pin{color:#17130f}
.burko-boczny .burko-poz.active+.bk-pin:hover{background:rgba(0,0,0,.12);color:#17130f}
/* sekcja Przypięte — odstęp od Formularzy taki jak między grupami */
.burko-boczny .bk-przyp-tyt{display:flex;align-items:center;gap:6px}
/* dotyk: nie ma najechania, więc pinezka stoi cicho i ma pełny cel dotyku 40 px */
@media (hover:none){
	.bk-pin{width:40px;height:40px;right:2px;opacity:.4}
	.bk-pin[aria-pressed="true"]{opacity:.7}
	.bk-poz-w>.burko-poz,.bk-poz-w:hover>.burko-poz{padding-right:44px}
}
@media (prefers-reduced-motion:reduce){.bk-pin,.bk-poz-w>.burko-poz{transition:none}}
/* 0.252.0 — licznik przy pozycji menu był zwykłym <span> i dziedziczył flex:1 po etykiecie:
   rozciągał się na pół wiersza i ucinał nazwę („Zgłosze…”). Licznik ma szerokość swojej liczby. */
.burko-poz>.burko-badge{flex:0 0 auto;min-width:22px;text-align:center}
/* „Przypięte” oddzielone kreską jak pozostałe grupy */
.burko-boczny .bk-przyp-tyt{border-top:1px solid var(--bk-szyna-linia);margin-top:8px}

/* 0.252.2 — pusta sekcja „Przypięte” znika z menu: reguła układu nagłówka (display:flex)
   była silniejsza niż [hidden], więc tytuł zostawał bez żadnych pozycji pod nim. */
.burko-boczny .bk-przyp-tyt[hidden],.burko-boczny .bk-przyp[hidden]{display:none}

/* ==========================================================================
   0.253.0 — wyszukiwarka wniosków. Jedno pole nad listą, szuka we wszystkich
   etapach; pasujące usługi jako lista skrótów pod polem.
   ========================================================================== */
.bk-szukaj{display:block;margin:var(--bk-4) 0 var(--bk-3)}
.bk-szukaj-lab{display:block;font-size:13px;font-weight:600;color:var(--bk-ink-2);margin:0 0 6px}
.bk-szukaj-pole{position:relative;display:flex;gap:var(--bk-2);align-items:center;max-width:720px}
.bk-szukaj .bk-szukaj-pole input{flex:1 1 auto;max-width:none;min-width:0;padding-left:38px}
.bk-szukaj-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--bk-ink-3);pointer-events:none}
.bk-szukaj-pom{margin:6px 0 0;font-size:12.5px;color:var(--bk-ink-3)}
.bk-szukaj-pom a{color:var(--bk-accent-text);font-weight:600;text-underline-offset:3px}
.bk-usl-lista{margin-bottom:var(--bk-4)}
.bk-usl-lista ul{list-style:none;margin:0;padding:0}
.bk-usl-lista li+li{border-top:1px solid var(--bk-line)}
.bk-usl-lista li a{display:flex;align-items:center;justify-content:space-between;gap:var(--bk-3);padding:10px 8px;margin:0 -8px;border-radius:var(--bk-r-sm);color:inherit;text-decoration:none;transition:background .13s}
.bk-usl-lista li a:hover{background:var(--bk-surface-3)}
.bk-usl-lista li a:focus-visible{outline:none;box-shadow:var(--bk-ring)}
.bk-usl-txt{display:flex;flex-direction:column;min-width:0}
.bk-usl-txt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-usl-txt span{font-size:12.5px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}
.bk-usl-ile{flex:0 0 auto;font-size:13px;color:var(--bk-ink-2);white-space:nowrap}
.bk-usl-ile b{font-weight:700;font-variant-numeric:tabular-nums}
.bk-usl-akcje{display:flex;gap:var(--bk-2);flex-wrap:wrap;margin-top:var(--bk-2)}
/* nazwa szkolenia w tabeli zawęża listę do tej usługi */
.bk-wn-usl{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .13s,color .13s}
.bk-wn-usl:hover{color:var(--bk-accent-text);text-decoration-color:currentColor}
@media (max-width:720px){
	.bk-usl-lista li a{align-items:flex-start;flex-direction:column;gap:2px}
	.bk-usl-ile{font-size:12.5px}
	.bk-szukaj .burko-btn{min-height:44px}
}
/* 0.253.0 — lista usług nie może rozpychać karty: długie nazwy i numery się zawijają. */
.bk-usl-lista li,.bk-usl-lista li a{min-width:0;max-width:100%}
.bk-usl-txt{flex:1 1 auto}
.bk-usl-txt span{overflow-wrap:anywhere}
@media (max-width:720px){.bk-usl-txt b{white-space:normal}}

/* ==========================================================================
   0.254.0 — Rozliczenia. Na górze jedna rzecz: co jest do zapłaty i przycisk.
   ========================================================================== */
.burko-rz-btn .bk-rz-kropka{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--bk-err);box-shadow:0 0 0 2px var(--bk-top)}
@media (max-width:480px){.burko-topbar .burko-rz-btn{display:none}}
.bk-rz-pas{display:flex;align-items:center;justify-content:space-between;gap:var(--bk-3);flex-wrap:wrap}
.bk-rz-pas .burko-btn{flex:0 0 auto}
.bk-rz-info{margin:0 0 var(--bk-4);padding:12px 16px;border-radius:var(--bk-r);border:1px solid transparent;line-height:1.5}
.bk-rz-info.is-ok{background:var(--bk-ok-soft);color:var(--bk-ok);border-color:color-mix(in srgb,var(--bk-ok) 22%,transparent)}
.bk-rz-info.is-err{background:var(--bk-err-soft);color:var(--bk-err);border-color:color-mix(in srgb,var(--bk-err) 22%,transparent)}
.bk-rz-zaplac{
	display:flex;align-items:center;justify-content:space-between;gap:var(--bk-5);flex-wrap:wrap;
	margin:0 0 var(--bk-4);padding:var(--bk-5);border-radius:var(--bk-r-lg);
	background:var(--bk-accent-soft);border:1px solid color-mix(in srgb,var(--bk-accent) 30%,transparent);
}
.bk-rz-zaplac h2{margin:0;font-size:15px;font-weight:600;color:var(--bk-ink-2);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.bk-rz-kwota{font-family:var(--bk-dsp);font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-.03em;color:var(--bk-ink);font-variant-numeric:tabular-nums}
.bk-rz-zaplac-txt p{margin:6px 0 0;color:var(--bk-ink-2);font-size:14px}
.bk-rz-zaplac-form{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:300px}
.bk-rz-btn{min-height:46px;padding-left:28px;padding-right:28px;font-size:15px}
.bk-rz-pom{margin:0;font-size:12.5px;color:var(--bk-ink-3);text-align:right}
.bk-rz-plan-glowa{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--bk-3)}
.bk-rz-nazwa{margin:4px 0 0;font-family:var(--bk-dsp);font-weight:800;font-size:28px;line-height:1.1;letter-spacing:-.025em}
.bk-rz-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--bk-r-full);font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--bk-surface-3);color:var(--bk-ink-2)}
.bk-rz-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.bk-rz-status.is-ok{background:var(--bk-ok-soft);color:var(--bk-ok)}
.bk-rz-status.is-uwaga{background:var(--bk-warn-soft);color:var(--bk-warn)}
.bk-rz-status.is-blad{background:var(--bk-err-soft);color:var(--bk-err)}
.bk-rz-fakty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bk-4);margin:var(--bk-4) 0 0;padding:var(--bk-4) 0 0;border-top:1px solid var(--bk-line)}
.bk-rz-fakty dt{font-size:12px;color:var(--bk-ink-3);margin:0 0 3px}
.bk-rz-fakty dd{margin:0;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.bk-rz-fakty dd span{display:block;font-weight:400;font-size:12.5px;color:var(--bk-ink-3)}
.bk-rz-uwaga{margin:var(--bk-4) 0 0;color:var(--bk-ink-2);font-size:14px;line-height:1.55;max-width:68ch}
.bk-rz-uwaga a{color:var(--bk-accent-text);font-weight:600;text-underline-offset:3px}
.bk-rz-num{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:720px){
	.bk-rz-zaplac{padding:var(--bk-4);gap:var(--bk-3)}
	.bk-rz-zaplac-form{align-items:stretch;max-width:none;width:100%}
	.bk-rz-btn{width:100%}
	.bk-rz-pom{text-align:left}
	.bk-rz-fakty{grid-template-columns:1fr 1fr}
	.bk-rz-pas .burko-btn{width:100%;min-height:44px}
}
/* kwota ze sklepu to kilka <span> — dopisek pod nią ma własną klasę */
.bk-rz-fakty dd span{display:inline;font:inherit;color:inherit}
.bk-rz-fakty dd .bk-rz-dop{display:block;font-weight:400;font-size:12.5px;color:var(--bk-ink-3)}

.bk-rz-fakty dd{font-variant-numeric:normal}

/* 0.254.1 — zakup planu w Rozliczeniach (okres bez opłat, konto zablokowane) */
.bk-rz-oferta ul{list-style:none;margin:0;padding:0}
.bk-rz-oferta li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--bk-4);padding:12px 0}
.bk-rz-oferta li+li{border-top:1px solid var(--bk-line)}
.bk-rz-of-txt{display:flex;flex-direction:column;min-width:0}
.bk-rz-of-txt b{font-weight:700;font-size:15px}
.bk-rz-of-txt span{font-size:12.5px;color:var(--bk-ink-3)}
.bk-rz-of-cena{text-align:right;font-weight:700;font-size:16px;white-space:nowrap}
.bk-rz-of-cena small{display:block;font-weight:400;font-size:12px;color:var(--bk-ink-3)}
.bk-rz-of-cena span{font:inherit;color:inherit}
.bk-rz-oferta .burko-btn{min-width:96px;justify-content:center}
.bk-rz-of-pom{text-align:left;margin-top:var(--bk-3);max-width:68ch}
@media (max-width:720px){
	.bk-rz-oferta li{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}
	.bk-rz-oferta .burko-btn{grid-column:1/-1;width:100%;min-height:44px}
}
.bk-rz-przypom{background:var(--bk-warn-soft);color:var(--bk-warn);border-color:color-mix(in srgb,var(--bk-warn) 25%,transparent)}

/* 0.254.3 — ręczna instalacja aplikacji: cztery przeglądarki obok siebie, bieżąca pierwsza i wyróżniona. */
.bk-app-reczne{margin:0 0 4px}
.bk-app-reczne-lead{margin:0 0 var(--bk-4);font-size:14.5px;line-height:1.55;color:var(--bk-ink-2);max-width:72ch}
.bk-app-reczne-lead b{color:var(--bk-ink);font-weight:600}
.bk-app-kolumny{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--bk-3)}
.bk-app-kol{padding:14px 16px;border-radius:var(--bk-r);border:1px solid var(--bk-line);background:var(--bk-surface)}
.bk-app-kol.jest-tu{border-color:color-mix(in srgb,var(--bk-accent) 45%,transparent);background:var(--bk-accent-soft)}
.bk-app-kol h3{margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.3}
.bk-app-kol.jest-tu h3::after{content:" · Twoja przeglądarka";font-weight:500;color:var(--bk-accent-text)}
.bk-app-kol ol{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.5;color:var(--bk-ink-2)}
.bk-app-kol li::marker{font-weight:700;color:var(--bk-ink-3)}
.bk-app-reczne-uwaga{margin:var(--bk-3) 0 0;font-size:13px;color:var(--bk-ink-3);max-width:72ch}
@media (max-width:720px){.bk-app-kolumny{grid-template-columns:1fr}.bk-app-kol:not(.jest-tu){display:none}.bk-app-reczne-uwaga{font-size:13.5px}}
/* ==========================================================================
   0.255.0 — „Co chcesz dostawać”: przełączniki push / e-mail dla każdego rodzaju.
   ========================================================================== */
.bk-pref{margin-top:var(--bk-4)}
.bk-pref-glowa{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--bk-4);margin-bottom:var(--bk-3)}
.bk-pref-glowa h2{margin:0 0 4px;font-size:18px}
.bk-pref-glowa p{margin:0;color:var(--bk-ink-2);font-size:14px;max-width:62ch}
.bk-pref-stan{font-size:13px;font-weight:600;color:var(--bk-ok);opacity:0;transition:opacity .2s;white-space:nowrap}
.bk-pref-stan.is-on{opacity:1}
.bk-pref-stan.is-err{color:var(--bk-err)}
.bk-pref-wiersz{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px;align-items:center;gap:var(--bk-3);padding:11px 0;border-top:1px solid var(--bk-line)}
.bk-pref-nagl{border-top:0;padding-top:0;font-size:12px;font-weight:600;color:var(--bk-ink-3)}
.bk-pref-nagl span:not(:first-child),.bk-pref-kom{text-align:center;justify-self:center}
.bk-pref-grupa{padding:18px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bk-ink-3)}
.bk-pref-co{display:flex;flex-direction:column;min-width:0}
.bk-pref-co b{font-weight:600;font-size:14.5px}
.bk-pref-co small{font-size:12.5px;color:var(--bk-ink-3);line-height:1.45}
.bk-pref-brak{color:var(--bk-ink-3)}
.bk-pref-stopka{margin:var(--bk-4) 0 0;font-size:12.5px;color:var(--bk-ink-3);max-width:72ch}
/* przełącznik: natywny checkbox, więc działa z klawiatury i czytnikiem */
.bk-sw{appearance:none;-webkit-appearance:none;margin:0;position:relative;width:42px;height:24px;border-radius:999px;background:var(--bk-surface-3);border:1px solid var(--bk-line);cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),border-color .18s}
.bk-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,24,32,.25);transition:transform .18s cubic-bezier(.16,1,.3,1)}
.bk-sw:checked{background:var(--bk-accent-fill);border-color:var(--bk-accent-fill)}
.bk-sw:checked::after{transform:translateX(18px)}
.bk-sw:focus-visible{outline:none;box-shadow:var(--bk-ring)}
@media (prefers-reduced-motion:reduce){.bk-sw,.bk-sw::after{transition:none}}
@media (max-width:720px){
	.bk-pref-glowa{flex-direction:column;gap:6px}
	.bk-pref-nagl{display:none}
	.bk-pref-wiersz{grid-template-columns:1fr 1fr;row-gap:10px}
	.bk-pref-co{grid-column:1/-1}
	.bk-pref-kom{justify-self:start;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--bk-ink-2)}
	.bk-pref-kom::before{content:attr(data-kol)}
	.bk-sw{width:48px;height:28px}
	.bk-sw::after{width:22px;height:22px}
	.bk-sw:checked::after{transform:translateX(20px)}
}
@media (max-width:720px){.bk-pref-kom::before{white-space:nowrap}}

/* 0.255.1 — „Co chcesz dostawać” zwijane (details/summary) */
.bk-pref > summary{list-style:none;cursor:pointer;margin:0;align-items:center;border-radius:var(--bk-r-sm)}
.bk-pref > summary::-webkit-details-marker{display:none}
.bk-pref > summary:focus-visible{outline:none;box-shadow:var(--bk-ring)}
.bk-pref-tyt{display:flex;flex-direction:column;gap:3px;min-width:0}
.bk-pref-tyt h2{margin:0}
.bk-pref-sum{font-size:13.5px;color:var(--bk-ink-3)}
.bk-pref-sum b{color:var(--bk-ink-2);font-weight:700}
.bk-pref-rozwin{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:13.5px;font-weight:600;color:var(--bk-accent-text);padding:6px 10px;border-radius:var(--bk-r-full);transition:background .13s}
.bk-pref > summary:hover .bk-pref-rozwin{background:var(--bk-accent-soft)}
.bk-pref-rozwin svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.bk-pref[open] .bk-pref-rozwin svg{transform:rotate(180deg)}
.bk-pref[open] .bk-pref-rozwin-t{font-size:0}
.bk-pref[open] .bk-pref-rozwin-t::after{content:"Zwiń";font-size:13.5px}
.bk-pref-cialo{margin-top:var(--bk-4);padding-top:var(--bk-3);border-top:1px solid var(--bk-line)}
.bk-pref-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--bk-4);margin-bottom:var(--bk-2)}
.bk-pref-intro p{margin:0;color:var(--bk-ink-2);font-size:14px;max-width:62ch}
.bk-pref-intro .bk-pref-stan{color:var(--bk-ok);font-size:13px}
.bk-pref-intro .bk-pref-stan.is-err{color:var(--bk-err)}
.bk-pref:not([open]) .bk-pref-glowa{margin-bottom:0}
@media (max-width:720px){.bk-pref > summary.bk-pref-glowa{flex-direction:row}.bk-pref-rozwin-t{display:none}.bk-pref-intro{flex-direction:column;gap:4px}}
@media (prefers-reduced-motion:reduce){.bk-pref-rozwin svg{transition:none}}
/* 0.255.2 — Rozliczenia: jedna skala pisma i czytelna szerokość.
   Drobny tekst tylko w dwóch rozmiarach (13 i 14,5 px), nazwa planu jako nagłówek
   bez nadtytułu, treść do 880 px — cena stoi blisko nazwy planu. */
.bk-rz-strona{max-width:880px}
.bk-rz-nazwa{margin:0;font-family:var(--bk-dsp);font-weight:800;font-size:24px;line-height:1.15;letter-spacing:-.025em}
.bk-rz-plan-glowa{align-items:center}
.bk-rz-status{font-size:13px}
.bk-rz-fakty dt,.bk-rz-fakty dd .bk-rz-dop,.bk-rz-of-txt span,.bk-rz-of-cena small,.bk-rz-pom,.bk-rz-hist .burko-muted{font-size:13px}
.bk-rz-uwaga,.bk-rz-zaplac-txt p,.bk-rz-info{font-size:14.5px}
.bk-rz-fakty dd{font-size:17px}
.bk-rz-of-txt b{font-size:15px;font-weight:600}
.bk-rz-of-cena{font-size:17px}
.bk-rz-oferta .burko-sechead h2,.bk-rz-plan .burko-sechead h2{font-size:19px}
/* 0.256.1 — wiersz „Wszystkie” i wyciszanie kont */
.bk-pref-wsz{background:var(--bk-surface-2);border-radius:var(--bk-r-sm);padding-left:10px;padding-right:10px;margin:4px -10px 0;border-top:0}
.bk-pref-wsz + .bk-pref-grupa{padding-top:14px}
.bk-sw:indeterminate{background:color-mix(in srgb,var(--bk-accent-fill) 45%,var(--bk-surface-3));border-color:transparent}
.bk-sw:indeterminate::after{transform:translateX(9px)}
.bk-pref-konta{margin-top:var(--bk-5);padding-top:var(--bk-4);border-top:1px solid var(--bk-line)}
.bk-pref-konta h3{margin:0 0 4px;font-size:16px}
.bk-pref-konta > p{margin:0 0 var(--bk-2);font-size:14px;color:var(--bk-ink-2);max-width:68ch}
.bk-pref-konta .bk-pref-wiersz:first-child{border-top:0}
@media (max-width:720px){.bk-sw:indeterminate::after{transform:translateX(10px)}}
/* ==========================================================================
   0.257.0 — konto wstrzymane (nieopłacone): ekran blokady zamiast panelu.
   Wzór: zamknięte funkcje w demo CRM — puls w kolorze marki, rozmyte tło listy.
   ========================================================================== */
.bk-stop{position:relative;min-height:calc(100vh - 160px);display:grid;place-items:start center;padding:6vh 16px 48px;overflow:hidden}
.bk-stop-widmo{position:absolute;inset:0;padding:24px;display:grid;gap:14px;align-content:start;filter:blur(3px);opacity:.55;pointer-events:none;user-select:none}
.bk-stop-widmo span{display:flex;gap:14px;align-items:center;height:54px;border-radius:14px;background:var(--bk-surface);border:1px solid var(--bk-line);padding:0 18px}
.bk-stop-widmo i{display:block;height:10px;border-radius:6px;background:var(--bk-surface-3)}
.bk-stop::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bk-bg) 55%,transparent),var(--bk-bg) 70%)}
.bk-stop-karta{position:relative;max-width:560px;width:100%;text-align:center}
.bk-stop .bk-puls{position:relative;width:104px;height:104px;margin:0 auto}
.bk-stop .bk-puls i,.bk-stop .bk-puls b{position:absolute;inset:0;margin:auto;border-radius:50%}
.bk-stop .bk-puls i{width:104px;height:104px;border:1.5px solid var(--bk-accent);opacity:0;transform:scale(.36);animation:bk-stop-puls 3.2s cubic-bezier(.22,.61,.36,1) infinite}
.bk-stop .bk-puls i:nth-child(2){animation-delay:1.05s}.bk-stop .bk-puls i:nth-child(3){animation-delay:2.1s}
.bk-stop .bk-puls b{width:38px;height:38px;background:radial-gradient(circle at 34% 30%,var(--bk-accent-fill-hover),var(--bk-accent-fill));box-shadow:0 8px 22px rgba(193,79,21,.34);animation:bk-stop-jadro 3.2s ease-in-out infinite}
@keyframes bk-stop-puls{0%{opacity:0;transform:scale(.36)}14%{opacity:.85}100%{opacity:0;transform:scale(1)}}
@keyframes bk-stop-jadro{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.bk-stop .bk-puls i,.bk-stop .bk-puls b{animation:none}.bk-stop .bk-puls i:first-child{opacity:.5;transform:scale(.7)}}
.bk-stop h1{font-family:var(--bk-dsp);font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.03em;margin:22px 0 10px;color:var(--bk-ink);text-wrap:balance}
.bk-stop-lead{font-size:15.5px;line-height:1.6;color:var(--bk-ink-2);margin:0 auto 22px;max-width:46ch}
.bk-stop-pay{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r-lg);box-shadow:0 10px 30px rgba(22,32,47,.08);padding:20px;text-align:left}
.bk-stop-kw{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bk-stop-kw span{font-size:14px;color:var(--bk-ink-2)}
.bk-stop-kw b{font-family:var(--bk-dsp);font-weight:800;font-size:30px;letter-spacing:-.03em;color:var(--bk-ink)}
.bk-stop-kw b span{font:inherit;color:inherit}
.bk-stop-nr{margin:2px 0 16px;font-size:13px;color:var(--bk-ink-3)}
.bk-stop-pay .burko-btn-primary{width:100%;justify-content:center;min-height:48px;font-size:15.5px}
.bk-stop-pom{margin:10px 0 0;font-size:13px;color:var(--bk-ink-3);text-align:center}
.bk-stop-info{margin:0 0 14px;font-size:14.5px;color:var(--bk-ink-2);line-height:1.55}
.bk-stop-info:last-child{margin-bottom:0}
.bk-stop-plany{display:grid;gap:10px;margin:0 0 12px;padding:0;border:0}
.bk-stop-plan{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 14px;border:1px solid var(--bk-line);border-radius:var(--bk-r);cursor:pointer;transition:border-color .13s,background .13s}
.bk-stop-plan input{grid-row:1/3;accent-color:var(--bk-accent-fill);width:18px;height:18px;margin:0}
.bk-stop-plan b{font-size:15px}.bk-stop-plan small{grid-column:2;font-size:13px;color:var(--bk-ink-3)}
.bk-stop-plan strong{grid-row:1/3;grid-column:3;font-size:17px;text-align:right;white-space:nowrap}
.bk-stop-plan strong span{font:inherit;color:inherit}
.bk-stop-plan strong small{display:block;font-weight:400;text-align:right}
.bk-stop-plan:has(input:checked){border-color:color-mix(in srgb,var(--bk-accent) 50%,transparent);background:var(--bk-accent-soft)}
.bk-stop-plan:focus-within{box-shadow:var(--bk-ring)}
.bk-stop-linki{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:14px}
.bk-stop-linki a{color:var(--bk-ink-2);text-underline-offset:3px}
.bk-stop-linki a:hover{color:var(--bk-accent-text)}
.bk-konto-stop .burko-boczny .burko-poz:not(.burko-poz-stopka),.bk-konto-stop .burko-boczny .bk-grupa-przel{opacity:.5}
@media (max-width:720px){.bk-stop{padding-top:3vh}.bk-stop h1{font-size:25px}.bk-stop-kw b{font-size:26px}}
.bk-stop-plany legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ==========================================================================
   0.257.1 — odstępy i drobne pismo po audycie całego panelu (Impeccable).
   ========================================================================== */
/* przyciski w wierszu tabeli stały 4 px od siebie */
.burko-main td > .burko-btn,.burko-main td > form{margin-top:2px;margin-bottom:2px}
.burko-main td > .burko-btn + .burko-btn,.burko-main td > .burko-btn + form,.burko-main td > form + .burko-btn,.burko-main td > form + form{margin-left:4px}
/* rząd przycisków pod tabelą albo stronicowaniem był do nich przyklejony */
.burko-main :is(table,nav.burko-str,.burko-tabtools) + :is(p,div).burko-chips,
.burko-main :is(table,nav.burko-str) + p{margin-top:16px}
.burko-chips{gap:8px}
/* podpisy liczników, nagłówki kolumn i podpowiedzi przy polach: minimum 12 px */
.burko-kpi span{font-size:12.5px}
.burko-table th{font-size:12px}
.burko-main label small,.burko-form small{font-size:12px}
/* małe przyciski (np. „Kopiuj” w Asystencie) — cel kliknięcia co najmniej 30 px */
.burko-main .burko-btn-sm,.burko-main .burko-as-akcje button,.burko-main .burko-as-akcje .burko-btn{min-height:30px}
.burko-ust-url + .burko-btn,.burko-ust-url + button{margin-top:10px}
/* 0.257.2 — Dopasuj uczestnika: „Szybkie sprawdzenie” po lewej (i pierwsze na telefonie), „Z kartoteki” po prawej. */
.burko-dop-grid > .burko-karta:first-child{order:2}

/* ==== 0.258.0 — Tablica zespołu: wariant „Tablica kartek” ==== */
.bk-tb{--p1:#d14343;--p2:#c9820a;--p3:#2f6fbe;--p4:#8a93a3;margin:0 0 28px}
.bk-tb svg{width:16px;height:16px;flex:0 0 auto}
.bk-tb-glowa{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.bk-tb-glowa h2{margin:0;font-family:var(--bk-dsp);font-weight:800;font-size:22px;letter-spacing:-.02em}
.bk-tb-sum{font-size:13.5px;color:var(--bk-ink-3)}
.bk-tb-sum b{color:var(--p1);font-weight:700}
.bk-tb-pasek{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.bk-tb-filtr{display:inline-flex;background:var(--bk-surface-3);border-radius:999px;padding:3px;gap:2px}
.bk-tb-filtr button{height:32px;padding:0 14px;border:0;border-radius:999px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--bk-ink-2);cursor:pointer}
.bk-tb-filtr button[aria-pressed=true]{background:var(--bk-surface);color:var(--bk-ink);box-shadow:0 1px 3px rgba(22,32,47,.12)}
.bk-tb-nowa{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.bk-tb-kol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.bk-tb-kol.trzy{grid-template-columns:repeat(3,minmax(0,1fr))}
.bk-tb-k{background:color-mix(in srgb,var(--bk-surface-3) 55%,transparent);border-radius:18px;padding:12px;min-width:0}
.bk-tb-k h3{display:flex;align-items:center;gap:8px;margin:2px 4px 12px;font-size:13.5px;font-weight:700;color:var(--bk-ink-2)}
.bk-tb-k h3 b{margin-left:auto;font-size:12px;font-weight:700;color:var(--bk-ink-3);background:var(--bk-surface);border-radius:999px;padding:2px 9px}
.bk-tb-karty{display:grid;gap:10px}
.bk-tb-pusto{margin:0;padding:14px 12px;border:1.5px dashed var(--bk-line);border-radius:14px;font-size:13px;line-height:1.5;color:var(--bk-ink-3)}
.bk-tb-c{position:relative;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:14px;padding:12px 14px 10px;box-shadow:0 1px 2px rgba(22,32,47,.05);transition:box-shadow .2s,transform .2s;min-width:0}
.bk-tb-c:hover{box-shadow:0 10px 24px rgba(22,32,47,.10);transform:translateY(-1px)}
.bk-tb-c[hidden]{display:none}
.bk-tb-c.przyp{background:linear-gradient(0deg,var(--bk-surface),var(--bk-surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--bk-accent) 55%,transparent),var(--bk-line)) border-box;border:1px solid transparent}
.bk-tb-c.po{box-shadow:inset 3px 0 0 var(--p1),0 1px 2px rgba(22,32,47,.05)}
.bk-tb-c-g{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-height:28px}
.bk-tb-odh{margin:0;display:contents}
.bk-tb-chk{width:22px;height:22px;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--bk-ink-3) 70%,transparent);background:var(--bk-surface);display:grid;place-items:center;padding:0;cursor:pointer;color:transparent;transition:background .15s,border-color .15s,color .15s}
.bk-tb-chk svg{width:13px;height:13px}
.bk-tb-chk:hover{border-color:#1e7a46;color:#1e7a46}
.bk-tb-c.zrob .bk-tb-chk{background:#1e7a46;border-color:#1e7a46;color:#fff}
.bk-tb-prio{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--bk-ink-2);white-space:nowrap}
.bk-tb-prio::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--p4))}
.bk-tb-p1{--c:var(--p1)}.bk-tb-p2{--c:var(--p2)}.bk-tb-p3{--c:var(--p3)}.bk-tb-p4{--c:var(--p4)}
.bk-tb-pin{display:inline-flex;color:var(--bk-accent-text)}
.bk-tb-pin svg{width:15px;height:15px}
.bk-tb-menu{margin-left:auto;position:relative}
.bk-tb-pin + .bk-tb-menu{margin-left:0}
.bk-tb-c-g .bk-tb-pin{margin-left:auto}
.bk-tb-menu summary{list-style:none;width:30px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--bk-ink-3);cursor:pointer}
.bk-tb-menu summary::-webkit-details-marker{display:none}
.bk-tb-menu summary:hover,.bk-tb-menu[open] summary{background:var(--bk-surface-3);color:var(--bk-ink)}
.bk-tb-menu-l{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:190px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:12px;box-shadow:0 14px 34px rgba(22,32,47,.16);padding:5px;display:grid;gap:1px}
.bk-tb-menu-l form{margin:0}
.bk-tb-menu-l button{width:100%;text-align:left;border:0;background:none;font:inherit;font-size:13.5px;color:var(--bk-ink);padding:9px 10px;border-radius:8px;cursor:pointer;min-height:36px}
.bk-tb-menu-l button:hover{background:var(--bk-surface-3)}
.bk-tb-menu-l .bk-tb-usun{color:var(--p1)}
.bk-tb-tresc{margin:0;font-size:14.5px;line-height:1.5;color:var(--bk-ink);overflow-wrap:anywhere}
.bk-tb-c.zrob{opacity:.62;box-shadow:none}
.bk-tb-c.zrob .bk-tb-tresc{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--bk-ink-3) 60%,transparent)}
.bk-tb-c.edycja > .bk-tb-tresc,.bk-tb-c.edycja > .bk-tb-c-d{display:none}
.bk-tb-c-d{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--bk-ink-3);min-width:0}
.bk-tb-av{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;flex:0 0 auto;letter-spacing:.02em}
.bk-tb-a1{background:#2f6fbe}.bk-tb-a2{background:#7a4fc0}.bk-tb-a3{background:#1e7a46}.bk-tb-a4{background:#a35a12}.bk-tb-a5{background:#b0355f}
.bk-tb-kto{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bk-ink-2);font-weight:600}
.bk-tb-prawa{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.bk-tb-ile{display:inline-flex;align-items:center;gap:4px}
.bk-tb-ile svg,.bk-tb-termin svg{width:14px;height:14px}
.bk-tb-termin{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--bk-ink-2);white-space:nowrap}
.bk-tb-termin.dzis{color:var(--p2)}
.bk-tb-termin.po{color:var(--p1)}
.bk-tb-edycja{display:grid;gap:8px;margin:4px 0 2px}
.bk-tb-edycja[hidden]{display:none}
.bk-tb-edycja textarea,.bk-tb-kom-nowy textarea{width:100%;box-sizing:border-box;border:1px solid var(--bk-line);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;line-height:1.45;resize:vertical;background:var(--bk-surface);color:var(--bk-ink)}
.bk-tb-edycja-op,.bk-tb-e-zad{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bk-tb-edycja-op select,.bk-tb-edycja-op input[type=date],.bk-tb-e-zad select,.bk-tb-e-zad input[type=date]{height:34px;border:1px solid var(--bk-line);border-radius:9px;padding:0 8px;font:inherit;font-size:13px;background:var(--bk-surface);color:var(--bk-ink);max-width:100%}
.bk-tb-e-zad[hidden]{display:none}
.bk-tb-edycja-akcje,.bk-tb-e-akcje{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.bk-tb-e-pom{margin-right:auto;font-size:12px;color:var(--bk-ink-3)}
.bk-tb-watek{margin-top:8px;border-top:1px solid var(--bk-line);padding-top:6px}
.bk-tb-watek summary{list-style:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--bk-ink-3);padding:4px 0;display:inline-block}
.bk-tb-watek summary::-webkit-details-marker{display:none}
.bk-tb-watek summary:hover{color:var(--bk-accent-text)}
.bk-tb-kom{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:8px}
.bk-tb-kom li{background:var(--bk-surface-3);border-radius:10px;padding:8px 10px}
.bk-tb-kom p{margin:0 0 3px;font-size:13.5px;line-height:1.45}
.bk-tb-kom-s{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--bk-ink-3)}
.bk-tb-kom-s form{margin:0 0 0 auto}
.bk-tb-kom-s button{border:0;background:none;font:inherit;font-size:12px;color:var(--bk-ink-3);text-decoration:underline;cursor:pointer;padding:2px 0}
.bk-tb-kom-nowy{display:grid;gap:6px;margin:6px 0 2px}
.bk-tb-kom-nowy .burko-btn{justify-self:end}
.bk-tb-edytor{background:var(--bk-surface);border:1.5px solid color-mix(in srgb,var(--bk-accent) 55%,transparent);border-radius:14px;padding:12px;box-shadow:0 12px 28px rgba(22,32,47,.12);display:grid;gap:10px}
.bk-tb-edytor[hidden]{display:none}
.bk-tb-edytor textarea{width:100%;border:0;outline:0;resize:none;font:inherit;font-size:14.5px;line-height:1.5;min-height:64px;background:none;color:var(--bk-ink);padding:0}
.bk-tb-e-op{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--bk-line)}
.bk-tb-przel{position:relative;display:inline-flex;cursor:pointer;margin:0}
.bk-tb-przel input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.bk-tb-przel span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:9px;border:1px solid var(--bk-line);background:var(--bk-surface);font-size:13px;font-weight:600;color:var(--bk-ink-2)}
.bk-tb-przel svg{width:15px;height:15px}
.bk-tb-przel input:checked + span{background:var(--bk-accent-soft);color:var(--bk-accent-text);border-color:color-mix(in srgb,var(--bk-accent) 45%,transparent)}
.bk-tb-przel input:focus-visible + span,.bk-tb-kropka input:focus-visible + i{outline:2px solid var(--bk-accent);outline-offset:2px}
.bk-tb-kropki{display:inline-flex;gap:4px}
.bk-tb-kropka{position:relative;cursor:pointer;margin:0}
.bk-tb-kropka input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.bk-tb-kropka i{width:32px;height:32px;border-radius:9px;border:1px solid var(--bk-line);background:var(--bk-surface);display:grid;place-items:center}
.bk-tb-kropka i::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.bk-tb-kropka input:checked + i{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
@media (max-width:1100px){.bk-tb-kol.trzy{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-tb-kol.trzy .zrobione{grid-column:1/-1}}
@media (max-width:980px){.bk-tb-kol,.bk-tb-kol.trzy{grid-template-columns:1fr}}
@media (max-width:640px){
.bk-tb-nowa{margin-left:0;flex:1 1 100%;justify-content:center;min-height:42px}
.bk-tb-filtr{flex:1 1 auto}.bk-tb-filtr button{flex:1;height:38px;padding:0 10px}
.bk-tb-k{padding:10px;border-radius:16px}
.bk-tb-chk{width:30px;height:30px}
.bk-tb-menu summary{width:40px;height:40px}
.bk-tb-kropka i,.bk-tb-przel span{height:40px;min-width:40px}
.bk-tb-watek summary{padding:10px 0}
.bk-tb-c:hover{transform:none}
}
@media (max-width:640px),(pointer:coarse){.bk-tb-e-pom{visibility:hidden}}

/* ==== 0.259.0 — miejsce na liście operatora (karta wniosku) ==== */
.bk-zgl-miejsce{--c:var(--bk-ink-3);--t:var(--bk-surface-3);margin:12px 0 14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--c) 7%,var(--bk-surface));border:1px solid color-mix(in srgb,var(--c) 28%,transparent)}
.bk-zgl-m-nie{--c:#b4532a}.bk-zgl-m-tak{--c:#1e7a46}.bk-zgl-m-rez{--c:#a8710a}
.bk-zgl-m-g{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bk-zgl-m-lp{font-family:var(--bk-dsp);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--bk-ink);display:inline-flex;align-items:baseline;gap:8px}
.bk-zgl-m-lp small{font-family:inherit;font-size:13px;font-weight:700;color:var(--bk-ink-2)}
.bk-zgl-m-wynik{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:999px;padding:4px 10px}
.bk-zgl-m-wiersz{margin:10px 0 0;padding:8px 10px;border-radius:8px;background:var(--bk-surface);font-family:var(--bk-mono);font-size:12.5px;line-height:1.5;color:var(--bk-ink-2);overflow-wrap:anywhere}
.bk-zgl-m-wiersz mark{background:#ffe27a;color:var(--bk-ink);border-radius:3px;padding:1px 3px;font-weight:700}
.bk-zgl-m-d{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0;font-size:12.5px;color:var(--bk-ink-3)}
.bk-zgl-m-d a{font-weight:700}
.bk-zgl-m-d span{margin-left:auto}
@media (max-width:640px){.bk-zgl-m-wynik{margin-left:0}.bk-zgl-m-d span{margin-left:0}.bk-zgl-m-d a{min-height:40px;display:inline-flex;align-items:center}}
/* 0.259.0 — @wzmianki na tablicy */
.bk-tb-wzm-lista{position:absolute;z-index:3000;list-style:none;margin:0;padding:5px;min-width:220px;max-width:280px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:12px;box-shadow:0 14px 34px rgba(22,32,47,.16)}
.bk-tb-wzm-lista[hidden]{display:none}
.bk-tb-wzm-lista li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--bk-ink);cursor:pointer;min-height:38px}
.bk-tb-wzm-lista li[aria-selected=true],.bk-tb-wzm-lista li:hover{background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.bk-tb-wzm-av{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bk-surface-3);font-size:10px;font-weight:700;color:var(--bk-ink-2);flex:0 0 auto}
.bk-tb .burko-tab-wzm{color:var(--bk-accent-text);font-weight:700;background:color-mix(in srgb,var(--bk-accent) 10%,transparent);border-radius:5px;padding:0 3px}
/* 0.260.0 — kartki „tylko dla mnie” */
.bk-tb-c.pryw{background:repeating-linear-gradient(135deg,var(--bk-surface) 0 10px,color-mix(in srgb,var(--bk-surface-3) 45%,var(--bk-surface)) 10px 11px);border-style:dashed}
.bk-tb-pryw{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--bk-ink-3);white-space:nowrap}
.bk-tb-pryw svg{width:13px;height:13px}
.bk-tb-c-g .bk-tb-pryw + .bk-tb-menu,.bk-tb-c-g .bk-tb-pryw{margin-left:auto}
.bk-tb-c-g .bk-tb-pryw ~ .bk-tb-pin,.bk-tb-c-g .bk-tb-pryw ~ .bk-tb-menu{margin-left:0}

/* 0.261.4 — pole ID wsparcia jak pole szkolenia nad nim: etykieta, ten sam kształt pola, podpowiedź */
.burko-wn-szk.burko-wn-idw{margin-top:var(--bk-4);padding-top:var(--bk-4);border-top:1px solid var(--bk-line-soft)}
.burko-wn-szk input{width:100%;box-sizing:border-box;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:9px 11px;font:400 14px/1.4 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);transition:border-color .15s,box-shadow .15s}
.burko-wn-szk input:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.burko-wn-szk input::placeholder{color:var(--bk-ink-3)}

/* 0.261.5 — historia wniosku: kto to zrobił */
.burko-wn-hist.bk-z-kto li{grid-template-columns:132px minmax(0,1fr) auto;align-items:baseline}
.burko-wn-hist-kto{font-size:12px;font-weight:600;color:var(--bk-ink-2);white-space:nowrap;text-align:right}
.burko-wn-hist-kto.system{font-weight:600;color:var(--bk-ink-3);background:var(--bk-surface-3);border-radius:999px;padding:2px 9px;justify-self:end}
@media (max-width:720px){.burko-wn-hist.bk-z-kto li{grid-template-columns:1fr;gap:2px}.burko-wn-hist-kto{text-align:left;justify-self:start!important}}

/* 0.261.6 — rabat przy płatności rocznej */
.bk-rz-of-cena small.bk-rz-rabat{display:block;margin-top:3px;color:var(--bk-ok);font-weight:700}
.bk-rz-rabat{color:var(--bk-ok);font-weight:700}

/* 0.262.1 — cena netto obok brutto */
.bk-rz-of-cena small.bk-rz-netto{display:block;margin-top:1px;color:var(--bk-ink-2);font-weight:600}
.bk-rz-of-cena small .woocommerce-Price-amount,.bk-stop small .woocommerce-Price-amount,.bk-rz-dop .woocommerce-Price-amount{font:inherit;color:inherit}

/* ==== 0.262.2 — powiadomienie z wynikami listy operatora ==== */
.burko-notif-tresc{white-space:pre-line}
.bk-nw{margin-top:6px}
.bk-nw-meta{margin:0;font-size:13.5px;color:var(--bk-ink-2)}
.bk-nw-chipy{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.bk-nw-chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--bk-info-soft);color:var(--bk-info)}
.bk-nw-chip.ok{background:var(--bk-ok-soft);color:var(--bk-ok)}
.bk-nw-chip.warn{background:var(--bk-warn-soft);color:var(--bk-warn)}
.bk-nw-chip.err{background:var(--bk-err-soft);color:var(--bk-err)}
.bk-nw-grupa{margin-top:12px;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-surface)}
.bk-nw-grupa > summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:11px 14px}
.bk-nw-grupa > summary::-webkit-details-marker{display:none}
.bk-nw-grupa > summary::after{content:"";margin-left:auto;align-self:center;width:8px;height:8px;border-right:2px solid var(--bk-ink-3);border-bottom:2px solid var(--bk-ink-3);transform:rotate(45deg);transition:transform .2s}
.bk-nw-grupa[open] > summary::after{transform:rotate(-135deg)}
.bk-nw-g-t{font-size:14px;font-weight:700;color:var(--bk-ink);display:inline-flex;align-items:center;gap:8px}
.bk-nw-g-t::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bk-info)}
.bk-nw-grupa.ok .bk-nw-g-t::before{background:var(--bk-ok)}
.bk-nw-grupa.warn .bk-nw-g-t::before{background:#c9820a}
.bk-nw-grupa.err .bk-nw-g-t::before{background:var(--bk-err)}
.bk-nw-g-t b{font-weight:700;color:var(--bk-ink-3)}
.bk-nw-g-o{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--bk-ink-3)}
.bk-nw-lista{list-style:none;margin:0;padding:0 14px 6px;border-top:1px solid var(--bk-line-soft)}
.bk-nw-lista li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) auto;gap:4px 16px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--bk-line-soft);font-size:13.5px}
.bk-nw-lista li:last-child{border-bottom:0}
.bk-nw-kto{font-weight:600;color:var(--bk-ink);text-decoration:none}
a.bk-nw-kto:hover{color:var(--bk-accent-text);text-decoration:underline}
.bk-nw-nr{color:var(--bk-ink-3);font-size:12.5px;overflow-wrap:anywhere}
.bk-nw-msc{color:var(--bk-ink-2);font-size:12.5px;white-space:nowrap;text-align:right}
.bk-nw-msc b{color:var(--bk-ink);font-weight:700}
.bk-nw-notka{margin:12px 0 0;font-size:13px;color:var(--bk-ink-3)}
.bk-nw-stopa{margin:10px 0 0}
@media (max-width:720px){.bk-nw-lista li{grid-template-columns:1fr auto}.bk-nw-nr{grid-column:1;grid-row:2}.bk-nw-msc{grid-column:2;grid-row:1/3;align-self:center}}
/* 0.263.0 — odpowiedzialność za wzór */
.bk-wz-odp{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--bk-surface-2);border:1px solid var(--bk-line);color:var(--bk-ink-2)}
.bk-wz-odp b{color:var(--bk-ink)}

/* 0.264.1 — zgoda na ekranie oświadczenia: pole obok tekstu, nie nad nim */
.burko-form label.burko-osw-zgoda{flex-direction:row;gap:12px;font-size:14px;font-weight:400;line-height:1.5;color:var(--bk-ink);transition:border-color .15s ease-out}
.burko-form label.burko-osw-zgoda:hover{border-color:color-mix(in srgb,var(--bk-accent) 45%,var(--bk-line))}
.burko-osw-zgoda input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--bk-accent)}
.burko-osw-tresc a{color:var(--bk-accent-text);text-underline-offset:.2em;text-decoration-thickness:1px}
.burko-osw-tresc a:hover{color:var(--bk-ink)}
/* 0.268.1 — panel nie może „pływać” na boki na telefonie. Cokolwiek wystaje poza ekran
   (długi tekst bez spacji, panel schowany za krawędzią), iOS pozwalał przesunąć i oddalić
   całą stronę. clip przycina bez tworzenia kontenera przewijania, więc nic nie psuje. */
@supports (overflow:clip){html,body{overflow-x:clip}}
@supports not (overflow:clip){body{overflow-x:hidden}}
.burko-main{min-width:0;overflow-wrap:break-word}

/* 0.273.0 — ogłoszenie z Twoimi wnioskami: wiersz się rozwija w zestawienie wyników. */
.burko-ogl-poz{display:block;padding:0}
.burko-ogl-wiersz{display:flex;align-items:center;gap:var(--bk-3);flex-wrap:wrap;padding:10px 12px;border-radius:var(--bk-r)}
.ma-wyniki>.burko-ogl-wiersz{cursor:pointer;transition:background .16s ease-out}
.ma-wyniki>.burko-ogl-wiersz:hover{background:var(--bk-surface-3)}
.burko-ogl-twoje{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--bk-r-full);
  padding:5px 11px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;
  background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.burko-ogl-twoje:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
.burko-ogl-twoje svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}
.otwarte .burko-ogl-twoje svg{transform:rotate(180deg)}
.burko-ogl-brak{font-size:12px;color:var(--bk-ink-3)}
.burko-ogl-wyniki{padding:2px 12px 14px calc(74px + var(--bk-3) + 12px);animation:bkOglPokaz .24s cubic-bezier(.16,1,.3,1)}
@keyframes bkOglPokaz{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.burko-ogl-pasek{display:flex;gap:2px;height:8px;max-width:560px;border-radius:var(--bk-r-full);overflow:hidden;background:var(--bk-surface-3);margin:4px 0 12px}
.burko-ogl-pasek i{display:block;flex-basis:0}
.burko-ogl-pasek .w-zakwalifikowany{background:var(--bk-ok)}
.burko-ogl-pasek .w-rezerwa{background:var(--bk-info)}
.burko-ogl-pasek .w-odrzucone{background:var(--bk-err)}
.burko-ogl-pasek .w-czeka{background:var(--bk-warn)}
.burko-ogl-liczby{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 12px}
.burko-ogl-liczby div{display:flex;align-items:baseline;gap:6px;flex-direction:row-reverse}
.burko-ogl-liczby dt{font-size:13px;color:var(--bk-ink-2)}
.burko-ogl-liczby dd{margin:0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--bk-ink)}
.burko-ogl-tab{background:var(--bk-surface)}
.burko-ogl-tab .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.burko-ogl-tab td.nr{font-variant-numeric:tabular-nums;color:var(--bk-ink-2)}
.burko-ogl-tab a{color:var(--bk-accent-text);font-weight:600;text-decoration:none}
.burko-ogl-tab a:hover{text-decoration:underline;text-underline-offset:3px}
.bk-wyn-zakwalifikowany{background:var(--bk-ok-soft);color:var(--bk-ok)}
.bk-wyn-rezerwa{background:var(--bk-info-soft);color:var(--bk-info)}
.bk-wyn-odrzucone{background:var(--bk-err-soft);color:var(--bk-err)}
.bk-wyn-czeka{background:var(--bk-warn-soft);color:var(--bk-warn)}
.burko-ogl-stopka{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0;font-size:12.5px;color:var(--bk-ink-3)}
@media (max-width:700px){.burko-ogl-wyniki{padding-left:12px}.burko-ogl-tab th:nth-child(2),.burko-ogl-tab td.nr{display:none}}
@media (prefers-reduced-motion:reduce){.burko-ogl-wyniki{animation:none}.burko-ogl-twoje svg{transition:none}}
.burko-ogl-tab{width:100%;border-collapse:collapse;font-size:13.5px;border-radius:var(--bk-r);overflow:hidden}
.burko-ogl-tab th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bk-ink-3);padding:8px 12px;border-bottom:1px solid var(--bk-line)}
.burko-ogl-tab td{padding:8px 12px;border-bottom:1px solid var(--bk-line);color:var(--bk-ink)}
.burko-ogl-tab tr:last-child td{border-bottom:0}

/* 0.274.0 — wyszukiwanie w trakcie pisania: wyniki lekko przygasają na czas pobierania. */
.bk-szuka .burko-table,.bk-szuka .burko-karty{opacity:.55;transition:opacity .15s ease-out}

/* 0.274.1 — przycisk „Kopiuj” przy tokenie i adresach w Ustawieniach: w osi pola, bez odstępu z góry. */
.burko-ust-kopia{align-items:center}
.burko-ust-kopia .burko-kopiuj{margin:0;align-self:center;flex-shrink:0}

/* 0.274.3 — kropki samouczka czytelniejsze: większe, cyfra 12 px. */
.burko-kropka{width:22px;height:22px;font-size:12px;line-height:22px;top:-10px;right:-10px}
.burko-kropka.bk-w-srodku{top:7px;right:7px}
@media (pointer:coarse){.burko-kropka{width:26px;height:26px;line-height:26px;top:-11px;right:-11px}}


/* 0.277.1 — rozwijany blok: wyraźny, okrągły przycisk po prawej (był sam znak ▾ 13px).
   Kółko i strzałka są pozycjonowane absolutnie, więc nie zjeżdżają do nowej linii,
   gdy podpis zawija się na telefonie. Strzałka to maska — kolor idzie z tokenów. */
.burko-rozwin>summary{position:relative;padding-right:76px;min-height:68px}
.burko-rozwin>summary::after,
.burko-rozwin>summary::before{
  content:'';position:absolute;right:16px;top:50%;width:40px;height:40px;margin:-20px 0 0;
}
.burko-rozwin>summary::after{
  border-radius:50%;border:1px solid var(--bk-line);background:var(--bk-surface);
  font-size:0;transform:none;transition:background .15s,border-color .15s;
}
.burko-rozwin>summary::before{
  z-index:1;background-color:var(--bk-ink-2);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/18px 18px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/18px 18px no-repeat;
  transition:transform .18s ease,background-color .15s;
}
.burko-rozwin[open]>summary::after{transform:none}
.burko-rozwin[open]>summary::before{transform:rotate(180deg)}
.burko-rozwin>summary:hover::after{border-color:var(--bk-accent);background:var(--bk-surface-2)}
.burko-rozwin>summary:hover::before{background-color:var(--bk-accent-text)}
.burko-rozwin>summary:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
@media (pointer:coarse){
  .burko-rozwin>summary{padding-right:80px}
  .burko-rozwin>summary::after,.burko-rozwin>summary::before{width:44px;height:44px;margin-top:-22px}
}
@media (prefers-reduced-motion:reduce){.burko-rozwin>summary::before{transition:none}}

/* 0.277.3 — karta push zwija się, gdy powiadomienia już działają na tym urządzeniu:
   zostaje tytuł i „Włączone”, reszta pod okrągłym przyciskiem (jak w blokach rozwijanych). */
.bk-push{position:relative}
.bk-push-krotko{display:none}
.bk-push-zwin{display:none;position:absolute;top:12px;right:12px;place-items:center;width:40px;height:40px;padding:0;
	border-radius:50%;border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);cursor:pointer;
	transition:border-color .15s,background .15s,color .15s}
.bk-push-zwin svg{width:18px;height:18px;transition:transform .18s ease}
.bk-push-zwin[aria-expanded=true] svg{transform:rotate(180deg)}
.bk-push-zwin:hover{border-color:var(--bk-accent);background:var(--bk-surface-2);color:var(--bk-accent-text)}
.bk-push-zwin:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
.bk-push[data-stan=wlaczone] .bk-push-zwin{display:grid}
.bk-push[data-stan=wlaczone] .bk-push-txt{padding-right:48px}
.bk-push[data-stan=wlaczone][data-zwin="1"]{align-items:center}
.bk-push[data-stan=wlaczone][data-zwin="1"] .bk-push-txt p,
.bk-push[data-stan=wlaczone][data-zwin="1"] .bk-push-akcje{display:none!important}
.bk-push[data-stan=wlaczone][data-zwin="1"] .bk-push-txt p.bk-push-krotko{display:block!important;color:var(--bk-ok)}
@media (pointer:coarse){.bk-push-zwin{width:44px;height:44px;top:10px;right:10px}.bk-push[data-stan=wlaczone] .bk-push-txt{padding-right:52px}}
@media (prefers-reduced-motion:reduce){.bk-push-zwin svg{transition:none}}

/* 0.277.4 — jeden przycisk rozwijania w całym panelu: białe kółko z obwódką, jak
   przyciski w górnym pasku (menu, szukaj, dzwonek). „Co chcesz dostawać” miało
   pomarańczową pigułkę — teraz to samo kółko co bloki rozwijane i karta push. */
.bk-pref-rozwin{display:inline-grid;place-items:center;align-self:center;width:40px;height:40px;padding:0;gap:0;
	border-radius:50%;border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);
	transition:border-color .15s,background .15s,color .15s}
.bk-pref-rozwin svg{width:18px;height:18px;stroke-width:2.4;transition:transform .18s ease}
.bk-pref > summary:hover .bk-pref-rozwin{background:var(--bk-surface-2);border-color:var(--bk-accent);color:var(--bk-accent-text)}
@media (pointer:coarse){.bk-pref-rozwin{width:44px;height:44px}}
/* Na dotyku :hover „przykleja się” po stuknięciu — tam przycisk zostaje w stanie spoczynku. */
@media (hover:none){
	.burko-rozwin>summary:hover{background:transparent}
	.burko-rozwin>summary:hover::after,.bk-push-zwin:hover,.bk-pref > summary:hover .bk-pref-rozwin{background:var(--bk-surface);border-color:var(--bk-line);color:var(--bk-ink-2)}
	.burko-rozwin>summary:hover::before{background-color:var(--bk-ink-2)}
}
@media (prefers-reduced-motion:reduce){.bk-pref-rozwin svg{transition:none}}

/* 0.277.5 — powiadomienie „Nadchodzące nabory”: lista zamiast ściany tekstu.
   Data startu w kafelku po lewej (to ona decyduje), nazwa jako link do naboru,
   pod nią program i adresat. Pierwsze 4, reszta pod „Pokaż pozostałe”. */
.bk-ns{margin-top:10px}
.bk-ns-lista{list-style:none;margin:0;padding:0;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-surface)}
.bk-ns-poz{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-bottom:1px solid var(--bk-line-soft,var(--bk-line))}
.bk-ns-poz:last-child{border-bottom:0}
.bk-ns-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;padding:4px 2px;border-radius:10px;background:var(--bk-accent-soft);text-align:center;line-height:1.1}
.bk-ns-data b{font-family:var(--bk-dsp);font-size:17px;font-weight:800;color:var(--bk-accent-text);font-variant-numeric:tabular-nums}
.bk-ns-data small{margin-top:3px;font-size:11px;color:var(--bk-ink-3);white-space:nowrap}
.bk-ns-txt{display:flex;flex-direction:column;gap:7px;min-width:0}
.bk-ns-tyt{font-size:14.5px;line-height:1.4;font-weight:600;color:var(--bk-ink);text-decoration:none;overflow-wrap:anywhere}
a.bk-ns-tyt:hover{color:var(--bk-accent-text);text-decoration:underline}
a.bk-ns-tyt:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px;border-radius:4px}
.bk-ns-meta{display:flex;flex-wrap:wrap;gap:6px}
.bk-ns-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:1.3;padding:3px 9px;border-radius:999px;background:var(--bk-surface-2);border:1px solid var(--bk-line);color:var(--bk-ink-2)}
.bk-ns-dla.firmy{background:var(--bk-info-soft);border-color:transparent;color:var(--bk-info)}
.bk-ns-reszta{margin-top:8px}
.bk-ns-reszta>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;color:var(--bk-accent-text)}
.bk-ns-reszta>summary::-webkit-details-marker{display:none}
.bk-ns-reszta>summary:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px;border-radius:6px}
.bk-ns-reszta[open]>summary{display:none}

/* 0.277.6 — przełączanie miesięcy bez przeładowania: lista lekko przygasa na czas wczytania. */
#bk-pow-lista{transition:opacity .15s ease}
#bk-pow-lista.bk-pow-laduje{opacity:.45;pointer-events:none}
@media (prefers-reduced-motion:reduce){#bk-pow-lista{transition:none}}

/* 0.277.6 — „Nadchodzące nabory” na telefonie: krócej. Tytuł w 2 liniach,
   mniejszy kafelek daty, ciaśniejsze odstępy. */
@media (max-width:600px){
	.bk-ns-poz{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px 12px}
	.bk-ns-data{min-height:44px;border-radius:9px}
	.bk-ns-data b{font-size:15px}
	.bk-ns-data small{font-size:10.5px}
	.bk-ns-txt{gap:5px}
	.bk-ns-tyt{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
	.bk-ns-chip{font-size:11.5px;padding:2px 8px}
}

/* 0.277.7 — karty powiadomień: nadtytuł przy nowym naborze, czas po ludzku,
   adresy jako krótkie linki, długa treść zwinięta do 4 linii, nowe z akcentem. */
.burko-notif.bk-n-nowe{box-shadow:inset 3px 0 0 var(--bk-accent),var(--bk-sh-1)}
.burko-notif .burko-zgl-head{align-items:flex-start}
.burko-notif .burko-zgl-head strong{font-size:16px;line-height:1.4;min-width:0}
.bk-n-kicker{display:block;margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bk-accent-text)}
.bk-n-czas{flex:0 0 auto;font-size:13px;line-height:1.6;color:var(--bk-ink-3);white-space:nowrap}
.bk-n-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 0}
.bk-n-zrodlo{font-size:13px;color:var(--bk-ink-3);overflow-wrap:anywhere}
.bk-n-akcje{margin:14px 0 0}
.burko-notif-tresc a.bk-link-zew{font-weight:600;text-decoration:none;white-space:nowrap}
.burko-notif-tresc a.bk-link-zew:hover{text-decoration:underline}
.burko-notif-tresc.bk-zw{max-height:var(--bk-zw-h,6.4em);overflow:hidden;
	-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.bk-n-wiecej{display:inline-flex;align-items:center;min-height:36px;margin:2px 0 0;padding:0;border:0;background:none;
	font:inherit;font-size:14px;font-weight:600;color:var(--bk-accent-text);cursor:pointer}
.bk-n-wiecej:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px;border-radius:6px}
@media (pointer:coarse){.bk-n-wiecej{min-height:44px}}
@media (hover:none){.burko-notif-tytul:hover{color:inherit;text-decoration:none}}
@media (max-width:600px){
	.burko-notif .burko-zgl-head{flex-direction:column;gap:2px}
	.burko-notif .burko-zgl-head strong{font-size:15.5px}
}

/* 0.277.8 — przycisk zwijania pod rozwiniętą listą naborów */
.bk-ns-zwin{margin-top:4px}


/* 0.278.0 — gesty na kartach powiadomień (tylko dotyk). Pod kartą leżą dwie
   warstwy akcji; widać tę, w którą stronę przesuwasz. */
.bk-sw-wrap{position:relative;margin:var(--bk-4) 0;border-radius:var(--bk-r-lg);overflow:hidden;
	transition:height .22s ease,margin .22s ease,opacity .22s ease}
.bk-sw-wrap>.burko-notif{position:relative;z-index:1;margin:0;touch-action:pan-y;will-change:transform}
.bk-sw-akcja{position:absolute;inset:0;display:flex;align-items:center;padding:0 24px;
	font-size:15px;font-weight:700;color:#fff;opacity:0}
.bk-sw-l{justify-content:flex-end;background:#1e7a46}
.bk-sw-r{justify-content:flex-start;background:#B84B14}
.bk-sw-wrap.w-lewo .bk-sw-l,.bk-sw-wrap.w-prawo .bk-sw-r{opacity:1}
.bk-sw-wrap.bk-sw-znika{margin:0;opacity:0}
.bk-sw-hint{margin:-4px 0 8px;font-size:13px;color:var(--bk-ink-3)}
.bk-sw-snack{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1000;
	display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:520px;margin:0 auto;
	padding:12px 12px 12px 18px;border-radius:14px;background:var(--bk-ink);color:var(--bk-surface);
	font-size:14.5px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.bk-sw-snack button{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;
	color:var(--bk-accent);font:inherit;font-weight:700;cursor:pointer}
.bk-sw-snack button:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.bk-sw-wrap{transition:none}}


/* ==========================================================================
   0.279.0 — gesty na telefonie (assets/gesty.js). Tylko ekrany dotykowe.
   ========================================================================== */
@media (pointer:coarse){
	table.bk-cards tbody tr,article.burko-karta,.burko-notif,.burko-ogl-poz{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
	table.bk-cards tbody tr,article.burko-karta{transition:transform .15s ease}
}
.bk-g-wcisk{transform:scale(.98)}
.bk-g-ruch{position:relative;z-index:2;will-change:transform}

/* podkład pod przesuwanym wierszem */
.bk-g-tlo{position:absolute;z-index:0;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:space-between}
.bk-g-tlo>span{position:absolute;inset:0;display:flex;align-items:center;padding:0 22px;font-size:15px;font-weight:700;color:#fff;opacity:0}
.bk-g-tlo .bk-g-p{justify-content:flex-start}
.bk-g-tlo .bk-g-l{justify-content:flex-end}
.bk-g-tlo.w-p .bk-g-p,.bk-g-tlo.w-l .bk-g-l{opacity:1}
.bk-g-tlo .bk-g-ok{background:#1e7a46}
.bk-g-tlo .bk-g-err{background:#b3261e}
.bk-g-tlo .bk-g-akcent{background:#B84B14}
.bk-g-tlo .bk-g-przyciski{position:absolute;top:0;right:0;bottom:0;left:auto;padding:0;display:flex;align-items:stretch;opacity:0;pointer-events:auto}
.bk-g-tlo.w-l .bk-g-przyciski{opacity:1}
.bk-g-przyciski a{width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.bk-g-przyciski a.bk-g-ok{background:#1e7a46}
.bk-g-przyciski a.bk-g-info{background:#1f5f8b}
.bk-g-przyciski svg{width:20px;height:20px}

/* odśwież */
.bk-g-ptr{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:900;width:40px;height:40px;border-radius:50%;
	display:grid;place-items:center;background:var(--bk-surface);border:1px solid var(--bk-line);box-shadow:var(--bk-sh-1);opacity:0;transform:translate(-50%,-50px);pointer-events:none}
.bk-g-krecik{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--bk-line);border-top-color:var(--bk-ink-3)}
.bk-g-ptr.gotowy .bk-g-krecik{border-top-color:var(--bk-accent)}
.bk-g-krecik.kreci{animation:bk-g-obrot .7s linear infinite}
@keyframes bk-g-obrot{to{transform:rotate(360deg)}}

/* przesunięcie strony w bok */
.bk-g-strzalka{position:fixed;top:50%;z-index:900;padding:10px 14px;border-radius:999px;background:var(--bk-surface);border:1px solid var(--bk-line);
	box-shadow:var(--bk-sh-1);font-size:14px;font-weight:700;color:var(--bk-ink-3);pointer-events:none;transform:translateY(-50%);white-space:nowrap}
.bk-g-strzalka:empty{display:none}
.bk-g-strzalka.lewa{left:12px}
.bk-g-strzalka.prawa{right:12px}
.bk-g-strzalka.gotowa{color:var(--bk-accent-text);border-color:var(--bk-accent)}

/* menu po przytrzymaniu */
.bk-g-menu-tlo{box-sizing:border-box;position:fixed;inset:0;z-index:950;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;
	padding:calc(env(safe-area-inset-top,0px) + 24px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);
	background:rgba(22,32,47,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bk-g-menu-podglad{box-sizing:border-box;width:min(100%,420px);padding:14px 16px;border-radius:14px;background:var(--bk-surface);color:var(--bk-ink);font-weight:600;font-size:15px;line-height:1.4;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.bk-g-menu{width:min(100%,300px);border-radius:14px;overflow:hidden;background:var(--bk-surface);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.bk-g-menu button{display:block;width:100%;min-height:48px;padding:0 16px;border:0;border-bottom:1px solid var(--bk-line);background:none;
	font:inherit;font-size:15px;color:var(--bk-ink);text-align:left;cursor:pointer}
.bk-g-menu button:last-child{border-bottom:0}
.bk-g-menu button.uwaga{color:var(--bk-err)}
.bk-g-menu button:focus-visible{outline:2px solid var(--bk-accent);outline-offset:-2px}

/* okna od dołu na telefonie */
@media (max-width:720px) and (pointer:coarse){
	body dialog[open]{margin:auto 0 0;width:100%;max-width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding-top:24px;
		padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);animation:bk-g-wjazd .3s cubic-bezier(.16,1,.3,1)}
	body dialog[open]::before{content:'';position:absolute;top:9px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:var(--bk-line)}
}
@keyframes bk-g-wjazd{from{transform:translateY(100%)}to{transform:none}}

@media (prefers-reduced-motion:reduce){
	table.bk-cards tbody tr,article.burko-karta{transition:none}
	.bk-g-krecik.kreci{animation:none}
	body dialog[open]{animation:none}
}

/* 0.279.2 — „Ustawienia i pomoc” w szufladzie telefonu zwijane jak pozostałe grupy. */
.burko-boczny .burko-nav-mob.bk-nav-mob-zw{margin-top:0;padding-top:0;border-top:0}
.burko-boczny .burko-nav-mob .bk-grupa-przel{margin-top:8px}

/* 0.279.4 — nabory: płynne przełączanie i wyrównanie zakładek oraz filtrów. */
.bk-akt-laduje{opacity:.55;transition:opacity .15s ease .08s;pointer-events:none}
.bk-akt-filtr .burko-btn[hidden]{display:none}
@media (max-width:720px){
	.bk-akt-head .burko-chips{margin-left:0;flex:1 1 100%}
	.bk-akt-filtr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
	.bk-akt-filtr select{width:100%;min-width:0;max-width:none;text-overflow:ellipsis}
	.bk-akt-filtr .burko-btn{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.bk-akt-laduje{transition:none}}

/* 0.279.7 — „Co chcesz dostać”: okrągły guzik bez napisu na każdej szerokości (napis „Zmień” nachodził na kółko). Napis zostaje dla czytników ekranu. */
.bk-pref-rozwin{position:relative;flex:0 0 auto}
.bk-pref-rozwin-t,.bk-pref[open] .bk-pref-rozwin-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 0.279.12 — wnioski, kolumna „Szkolenie”: druga linia (termin · operator) bez rozstrzelonych
   kropek w „S.A.” (cyfry tabelaryczne psuły interpunkcję) i z wielokropkiem zamiast ucięcia. */
.burko-wn-podszk{font-variant-numeric:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bk-wn-kompakt td:nth-child(3){max-width:280px}

/* 0.279.14 — notatka na karcie wniosku: pole w stylu pozostałych pól (zamiast systemowej czarnej ramki), opis jak w karcie obok. */
.bk-notatka{margin-top:12px}
.bk-notatka textarea{display:block;box-sizing:border-box;width:100%;min-height:84px;resize:vertical;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);padding:10px 12px;font:400 14px/1.5 var(--bk-font);color:var(--bk-ink);background:var(--bk-surface);transition:border-color .15s,box-shadow .15s}
.bk-notatka textarea::placeholder{color:var(--bk-ink-3)}
.bk-notatka textarea:hover{border-color:var(--bk-ink-3)}
.bk-notatka textarea:focus{outline:none;border-color:var(--bk-accent);box-shadow:var(--bk-ring)}
.bk-notatka-akcje{display:flex;justify-content:flex-end;margin-top:10px}
@media (prefers-reduced-motion:reduce){.bk-notatka textarea{transition:none}}

/* 0.280.0 — Kondycja kont: zgłoszenia bez śledzenia wyników. */
.bk-mon{margin:0 0 var(--bk-5);border-left:3px solid var(--bk-accent)}
.bk-mon-glowa{display:flex;align-items:center;gap:10px}
.bk-mon-glowa h2{margin:0;font-size:17px}
.bk-mon-lista{list-style:none;margin:12px 0 8px;padding:0;display:grid;gap:0}
.bk-mon-lista li{display:grid;grid-template-columns:minmax(160px,1fr) minmax(200px,1.2fr) 2fr;gap:4px 16px;padding:10px 0;border-top:1px solid var(--bk-line);font-size:13.5px;align-items:baseline}
.bk-mon-lista li span{color:var(--bk-ink-2);font-variant-numeric:normal;overflow-wrap:anywhere}
.bk-mon-powod a{color:var(--bk-accent-text)}
@media (max-width:720px){.bk-mon-lista li{grid-template-columns:1fr}}

/* 0.280.2 — nabory: znaczek „zielone” i wymóg projektu na wierzchu. */
.burko-tag-zielone{background:#edf0d4;color:#4d5b14;border-color:transparent}.burko-tag-zielone::before{content:"";display:inline-block;width:11px;height:11px;margin-right:4px;vertical-align:-1.5px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13c0-6 4-9 10-10 0 6-3 10-9 10'/%3E%3Cpath d='M3 13l6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13c0-6 4-9 10-10 0 6-3 10-9 10'/%3E%3Cpath d='M3 13l6-6'/%3E%3C/svg%3E") center/contain no-repeat}
:root[data-theme=dark] .burko-tag-zielone{background:rgba(184,196,92,.16);color:#d4dc95}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .burko-tag-zielone{background:rgba(184,196,92,.16);color:#d4dc95}}
.burko-nab-wymog{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--bk-ink);white-space:normal}
.burko-nab-wymog b{color:var(--bk-accent-text);font-weight:700}
.burko-nabor-zajety .burko-nab-wymog,.burko-nabor-zajety .burko-nab-wymog b{color:inherit}

/* 0.280.7 — rundy naborów: czytelny wiersz, wymóg na wierzchu, znaczki w jednej kolumnie. */
.burko-rundy-lista{padding:6px 8px 8px}
.burko-rundy-lista .burko-lab{padding:8px 8px 4px}
.burko-rundy-w{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:12px 8px;border-radius:10px;transition:background-color .15s ease}
.burko-rundy-w:hover{background:var(--bk-surface)}
.burko-rundy-w:hover+.burko-rundy-w,.burko-rundy-w:hover{border-top-color:transparent}
.burko-rundy-tytul{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--bk-ink)}
.burko-rundy-w small{margin-top:3px;line-height:1.45}
.burko-rundy-w small b{font-weight:700;color:var(--bk-ink-2)}
.burko-rundy-tagi{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding-top:1px}
@media (max-width:640px){
  .burko-rundy-w{grid-template-columns:1fr;gap:8px}
  .burko-rundy-tagi{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){.burko-rundy-w{transition:none}}

/* 0.280.8 — etapy wniosku: kolor = faza (u was, operator, BUR, szkolenie, pieniądze), odcień = krok.
   Numer kroku w kółku niesie tę samą informację bez koloru. */
.bk-et{background:var(--et-bg,var(--bk-surface-3));color:var(--et-fg,var(--bk-ink-2));padding:3px 10px 3px 4px}
.bk-et i{display:inline-block;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;margin-right:6px;border-radius:999px;background:rgba(255,255,255,.72);font-style:normal;font-size:10.5px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;vertical-align:0}
.bk-et-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--et-fg,var(--bk-ink-3));vertical-align:1px}
.bk-et-zgloszenie{--et-bg:#FDEFE6;--et-fg:#B84B14}
.bk-et-kwalifikacja{--et-bg:#F9DFCB;--et-fg:#93390C}
.bk-et-dokumenty{--et-bg:#E8F2F9;--et-fg:#1F5F8B}
.bk-et-weryfikacja{--et-bg:#D9EAF6;--et-fg:#174C72}
.bk-et-umowa{--et-bg:#CADFF0;--et-fg:#103C5C}
.bk-et-id_wsparcia{--et-bg:#EFE9FA;--et-fg:#5A3A9E}
.bk-et-zapis_bur{--et-bg:#E2D7F6;--et-fg:#47297F}
.bk-et-szkolenie{--et-bg:#E0F2EF;--et-fg:#126258}
.bk-et-ankieta{--et-bg:#CDEAE4;--et-fg:#0D4F47}
.bk-et-rozliczenie{--et-bg:#FBF0D6;--et-fg:#785107}
.bk-et-wyplata{--et-bg:var(--bk-ok-soft);--et-fg:var(--bk-ok)}
.bk-et-odrzucony{--et-bg:#EEEAE6;--et-fg:#5A6273}
:root[data-theme=dark] .bk-et-zgloszenie{--et-bg:rgba(227,96,27,.16);--et-fg:#F4A57A}
:root[data-theme=dark] .bk-et-kwalifikacja{--et-bg:rgba(227,96,27,.28);--et-fg:#F8BE9C}
:root[data-theme=dark] .bk-et-dokumenty{--et-bg:rgba(80,150,210,.16);--et-fg:#9CC8EC}
:root[data-theme=dark] .bk-et-weryfikacja{--et-bg:rgba(80,150,210,.25);--et-fg:#B2D5F1}
:root[data-theme=dark] .bk-et-umowa{--et-bg:rgba(80,150,210,.34);--et-fg:#C8E1F6}
:root[data-theme=dark] .bk-et-id_wsparcia{--et-bg:rgba(150,110,230,.18);--et-fg:#C7B3F2}
:root[data-theme=dark] .bk-et-zapis_bur{--et-bg:rgba(150,110,230,.30);--et-fg:#D8CBF7}
:root[data-theme=dark] .bk-et-szkolenie{--et-bg:rgba(60,170,150,.16);--et-fg:#8FD6C8}
:root[data-theme=dark] .bk-et-ankieta{--et-bg:rgba(60,170,150,.28);--et-fg:#AEE3D8}
:root[data-theme=dark] .bk-et-rozliczenie{--et-bg:rgba(220,170,60,.17);--et-fg:#E8C779}
:root[data-theme=dark] .bk-et-wyplata{--et-bg:var(--bk-ok-soft);--et-fg:var(--bk-ok)}
:root[data-theme=dark] .bk-et-odrzucony{--et-bg:rgba(255,255,255,.08);--et-fg:#A9B1BF}
:root[data-theme=dark] .bk-et i{background:rgba(255,255,255,.1)}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .bk-et-zgloszenie{--et-bg:rgba(227,96,27,.16);--et-fg:#F4A57A}
:root:not([data-theme=light]) .bk-et-kwalifikacja{--et-bg:rgba(227,96,27,.28);--et-fg:#F8BE9C}
:root:not([data-theme=light]) .bk-et-dokumenty{--et-bg:rgba(80,150,210,.16);--et-fg:#9CC8EC}
:root:not([data-theme=light]) .bk-et-weryfikacja{--et-bg:rgba(80,150,210,.25);--et-fg:#B2D5F1}
:root:not([data-theme=light]) .bk-et-umowa{--et-bg:rgba(80,150,210,.34);--et-fg:#C8E1F6}
:root:not([data-theme=light]) .bk-et-id_wsparcia{--et-bg:rgba(150,110,230,.18);--et-fg:#C7B3F2}
:root:not([data-theme=light]) .bk-et-zapis_bur{--et-bg:rgba(150,110,230,.30);--et-fg:#D8CBF7}
:root:not([data-theme=light]) .bk-et-szkolenie{--et-bg:rgba(60,170,150,.16);--et-fg:#8FD6C8}
:root:not([data-theme=light]) .bk-et-ankieta{--et-bg:rgba(60,170,150,.28);--et-fg:#AEE3D8}
:root:not([data-theme=light]) .bk-et-rozliczenie{--et-bg:rgba(220,170,60,.17);--et-fg:#E8C779}
:root:not([data-theme=light]) .bk-et-wyplata{--et-bg:var(--bk-ok-soft);--et-fg:var(--bk-ok)}
:root:not([data-theme=light]) .bk-et-odrzucony{--et-bg:rgba(255,255,255,.08);--et-fg:#A9B1BF}
:root:not([data-theme=light]) .bk-et i{background:rgba(255,255,255,.1)}
}

/* 0.281.0 — uwaga o podmiocie powiązanym na kartotece wspólnika / członka zarządu. */
.bk-powiazanie{margin:-6px 0 14px;font-size:13px;line-height:1.5;color:var(--bk-ink-2);max-width:78ch}
.bk-powiazanie b{color:var(--bk-accent-text);font-weight:700}

/* 0.281.1 — numer budynku i lokalu w jednej komórce siatki formularza: dwa krótkie pola obok siebie,
   na tych samych trzech wierszach (etykieta, pole, podpis) co sąsiednie pola. */
.burko-form .burko-grid2>.bk-adr-nr{grid-column:auto;grid-row:span 3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:subgrid;column-gap:var(--bk-3);margin-bottom:var(--bk-3)}
.burko-form .bk-adr-nr>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:0;margin:0;min-width:0}
.burko-form .bk-adr-nr>label>input{grid-row:2;margin-top:5px;min-width:0}

/* 0.281.7 — cały wiersz naboru jest linkiem: nazwa niesie <a>, a jego ::after przykrywa wiersz.
   Guziki i inne linki w wierszu stoją nad nim, więc dalej prowadzą tam, gdzie powinny. */
.burko-table tbody tr:has(>td .bk-wiersz-link){position:relative}
.bk-wiersz-link{color:inherit;text-decoration:none}
.bk-wiersz-link::after{content:"";position:absolute;inset:0;z-index:1}
.bk-wiersz-link:focus-visible{outline:none}
.burko-table tbody tr:has(.bk-wiersz-link:focus-visible){outline:2px solid var(--bk-accent);outline-offset:-2px}
.burko-table tbody tr:has(>td .bk-wiersz-link) :is(a:not(.bk-wiersz-link),button,input,select,summary){position:relative;z-index:2}

/* 0.281.8 — wiersz-link: podświetlenie całego wiersza, jak przy kartach otwieranych kliknięciem */
.burko-table tbody tr:has(>td .bk-wiersz-link):hover>td{background:var(--bk-surface-3)}
.burko-table tbody tr:has(>td .bk-wiersz-link):hover .bk-wiersz-link b{color:var(--bk-accent-text)}

/* 0.281.9 — sygnał nowej wersji wtyczki: napis tuż przy etykiecie zamiast kropki na końcu wiersza */
.burko-poz .burko-nowa-wersja{flex:0 0 auto;margin-left:8px;padding:1px 7px;border-radius:var(--bk-r-full,999px);background:var(--bk-accent-fill);color:var(--bk-on-accent);font-size:10.5px;font-weight:700;line-height:1.6;letter-spacing:.01em;white-space:nowrap}
.burko-poz.active .burko-nowa-wersja{background:var(--bk-on-accent,#fff);color:var(--bk-accent-text)}

/* 0.282.0 — kafel wyników: numer na liście bez czytelnego statusu, brak na liście, wnioski z kolejnego naboru */
.burko-ogl-pasek .w-na_liscie{background:var(--bk-accent-fill)}
.burko-ogl-pasek .w-brak{background:var(--bk-ink-3)}
.bk-wyn-na_liscie{background:var(--bk-accent-soft);color:var(--bk-accent-text)}
.bk-wyn-brak{background:var(--bk-surface-3);color:var(--bk-ink-2)}
.burko-ogl-mjsc{margin-left:6px;font-size:12.5px;white-space:nowrap}
.burko-ogl-pozniej{flex-basis:100%;padding:8px 12px;border-radius:var(--bk-r-md,10px);background:var(--bk-surface-2,var(--bk-surface-3));color:var(--bk-ink-2);font-size:13px}

/* 0.282.2 — tablica na telefonie: bez przewijania na boki */
.bk-tb,.bk-tb-kol,.bk-tb-k,.bk-tb-karty,.bk-tb-c,.bk-tb-edytor,.bk-tb-edycja{min-width:0;max-width:100%}
.bk-tb-c-g,.bk-tb-c-d{min-width:0}
.bk-tb-menu-l{max-width:calc(100vw - 32px)}
.bk-tb-wzm-lista{max-width:calc(100vw - 48px)}
@media (max-width:640px){
.bk-tb-pasek{gap:8px}
.bk-tb-filtr{flex:1 1 100%;min-width:0}
.bk-tb-filtr button{min-width:0;padding:0 6px;white-space:nowrap}
.bk-tb-pasek>a.burko-btn{flex:0 0 auto;min-height:42px}
.bk-tb-nowa{flex:1 1 0;min-width:0}
.bk-tb-menu-l{min-width:0;width:max-content}
.bk-tb-wzm-lista{min-width:0}
}

/* 0.282.4 — szkolenia komercyjne (poza BUR) w kalendarzu i okno „Dodaj szkolenie” */
:root{--bk-kom:#5B3F86;--bk-kom-fill:#5B3F86;--bk-kom-soft:#F0EAF7}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bk-kom:#C3A8EE;--bk-kom-fill:#6E52A0;--bk-kom-soft:#241C33}}
:root[data-theme="dark"]{--bk-kom:#C3A8EE;--bk-kom-fill:#6E52A0;--bk-kom-soft:#241C33}
.burko-kal-szk-kom{background:var(--bk-kom-fill);color:#fff;border-left:3px solid color-mix(in srgb,var(--bk-kom-fill) 55%,#000)}
.burko-kal-szk-kom:hover{background:color-mix(in srgb,var(--bk-kom-fill) 84%,#000);color:#fff}
.burko-licznik-kom,.burko-tag-kom{background:var(--bk-kom-soft);color:var(--bk-kom)}
.burko-kal-dodaj svg{margin-right:2px}
@media (hover:hover) and (pointer:fine){
 #burko-kalendarz:not(.bk-tydz) .burko-kal td[data-data]{position:relative;cursor:pointer}
 #burko-kalendarz:not(.bk-tydz) .burko-kal td[data-data]:hover::after{content:"+";position:absolute;top:4px;right:5px;width:18px;height:18px;border-radius:999px;background:var(--bk-kom-soft);color:var(--bk-kom);font:700 13px/18px var(--bk-font);text-align:center;pointer-events:none}
}
.bk-kal-dlg{width:min(440px,calc(100vw - 32px))}
.bk-kal-dlg-form{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.bk-kal-dlg .bk-zgl-dlg-tresc{display:flex;flex-direction:column;gap:12px;padding-top:16px}
.bk-kal-rodzaj{display:flex;gap:3px;margin:0;padding:3px;border:0;border-radius:var(--bk-r);background:var(--bk-surface-3);min-width:0}
.bk-kal-dlg .bk-kal-rodzaj label{flex:1 1 0;position:relative;display:block;cursor:pointer}
.bk-kal-rodzaj input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.bk-kal-rodzaj span{display:block;padding:9px 6px;border-radius:var(--bk-r-sm);text-align:center;font-size:13px;font-weight:600;color:var(--bk-ink-2);transition:background .15s,color .15s}
.bk-kal-rodzaj input:checked+span{background:var(--bk-surface);color:var(--bk-kom);box-shadow:var(--bk-sh-1)}
.bk-kal-rodzaj input[value="bur"]:checked+span{color:var(--bk-ok)}
.bk-kal-rodzaj input:focus-visible+span{box-shadow:var(--bk-ring)}
.bk-kal-opis{margin:-4px 0 0;font-size:12.5px;line-height:1.45;color:var(--bk-ink-3)}
.bk-kal-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:380px){.bk-kal-2{grid-template-columns:1fr}}
@media (max-width:640px){.bk-kal-dlg{width:100vw;height:auto;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}}

.burko-form fieldset.bk-kal-rodzaj{display:flex;gap:3px;margin:0;padding:3px;border:0;border-radius:var(--bk-r);background:var(--bk-surface-3);box-shadow:none}
.bk-kal-rodzaj legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 0.283.1 — w widoku kart (telefon) klikalna karta podświetla się cała, a nie komórki w środku. Podświetlenie jest ciche (surface-2), a linie między polami ciemnieją do --bk-line, żeby struktura karty została czytelna w każdym stanie. Na dotyku tylko w chwili naciśnięcia. */
@media (max-width:720px){
	.burko-table.bk-cards tbody tr:is(.burko-rzad-klik,[data-href],:has(>td .bk-wiersz-link)):is(:hover,:active)>td{background:transparent}
}
@media (max-width:720px) and (hover:hover){
	.burko-table.bk-cards tbody tr:is(.burko-rzad-klik,[data-href],:has(>td .bk-wiersz-link)):hover{background:var(--bk-surface-2);border-color:var(--bk-line)}
	.burko-table.bk-cards tbody tr:is(.burko-rzad-klik,[data-href],:has(>td .bk-wiersz-link)):hover>td+td{border-top-color:var(--bk-line)}
}
@media (max-width:720px) and (hover:none){
	.burko-table.bk-cards tbody tr:is(.burko-rzad-klik,[data-href],:has(>td .bk-wiersz-link)):active{background:var(--bk-surface-2);border-color:var(--bk-line)}
	.burko-table.bk-cards tbody tr:is(.burko-rzad-klik,[data-href],:has(>td .bk-wiersz-link)):active>td+td{border-top-color:var(--bk-line)}
}

/* 0.283.2 — poprzednie wersje wtyczki: zwarta lista w rozwijanym bloku */
.bk-wersje-tresc{padding:0 18px 18px}
.bk-wersje-tresc>.burko-karta-opis{margin:2px 0 12px;max-width:68ch}
.bk-wersje{list-style:none;margin:0;padding:0;border-top:1px solid var(--bk-line-soft)}
.bk-wersje li{display:grid;grid-template-columns:10rem minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:10px 0;border-bottom:1px solid var(--bk-line-soft)}
.bk-wersje li:last-child{border-bottom:0;padding-bottom:0}
.bk-wersje-nr{display:inline-flex;align-items:center;gap:8px;min-width:0;font-variant-numeric:tabular-nums}
.bk-wersje-nr b{font-size:15px;color:var(--bk-ink)}
.bk-wersje-meta{font-size:13px;color:var(--bk-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:640px){
 .bk-wersje-tresc{padding:0 16px 16px}
 .bk-wersje li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
 .bk-wersje-meta{grid-column:1;grid-row:2}
 .bk-wersje li .burko-btn{grid-column:2;grid-row:1/span 2;min-height:40px}
}