/* ══════════════════════════════════════════════════════════════════════
   PANEL — KIERUNEK V11 C „Command center” (12.10.2026)

   Warstwa wyglądu panelu. Ładowana PO wszystkich arkuszach i po bloku
   <style> w PANEL.html, więc przy równej sile selektora wygrywa.
   Logika, identyfikatory i klasy używane przez skrypty nie zmieniają się:
   ekrany czytają te same tokeny z paleta.css, a tu dostają inne wartości.
   Strona publiczna tego pliku nie wczytuje.

   Źródło: makiety/v11/C.css i baza-v11.css. Zasady: IBM Plex Sans na
   interfejs, IBM Plex Mono na liczby, rytm 4 px, panele 6 px z linią 1 px,
   złoto jako jedyny akcent (wynik, wybór, fokus), zielony i czerwony tylko
   dla kierunku zmiany. Bez gradientów tła, poświat i kart w kartach.
   ══════════════════════════════════════════════════════════════════════ */

/* ── kroje z własnego serwera (OFL, fonty-licencje.txt) ───────────── */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url('/ibm-plex-sans-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url('/ibm-plex-sans-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/ibm-plex-mono-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url('/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url('/ibm-plex-mono-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ── tokeny: motyw jasny ─────────────────────────────────────────────
   Nazwy z paleta.css zostają (ekrany je czytają); zmieniają się wartości.
   Tekst: t1 17,9:1, t2 8,6:1, t3 5,6:1 na białym panelu (test-panel-c.mjs). */
:root{
  --f:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --fd:var(--f);
  --fm:'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;

  --paper:#eeeeea;--white:#ffffff;--karta:#f6f6f3;--bok:#eeeeea;
  --pow-3:#ededea;
  --t1:#121211;--t2:#454540;--t3:#63635d;
  --line:#e3e3de;--line2:#d1d1ca;
  --gold:#c9a24e;--gold-m:#a07a2a;--gold-d:#76571a;--gold-l:#e0c084;
  --ok:#137046;--warn:#7d5200;--risk:#b02a24;--risk-l:#ff7b6e;
  --ink:#121211;--ink2:#1f1f1d;--ink3:#2c2c29;
  --fokus:#a07a2a;
  --przyslona:rgba(15,15,14,.32);

  /* rozmiary: gęstość C (13 px tekstu), skala nadal siedmiostopniowa */
  --fs-0:.75rem;--fs-1:.75rem;--fs-2:.8125rem;--fs-3:.9375rem;--fs-4:1.0625rem;--fs-5:1.25rem;--fs-6:1.5rem;

  /* promienie: 4 kontrolki, 6 panele; „pigułka” staje się 4 px */
  --r-kontrolka:4px;--r-wewn:4px;--r-powierzchnia:6px;--r-pigulka:4px;
  /* odstępy: rytm 4 px, odstęp między panelami 10 px */
  --s1:4px;--s2:8px;--s3:10px;--s4:12px;--s5:16px;--s6:20px;--s7:32px;--s8:48px;

  --szyna:52px;--gora-h:44px;--pod-h:32px;--dol-h:56px;
  --cien-menu:0 8px 24px -6px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);
  color-scheme:light;
}
/* ── motyw ciemny: obramowanie 1 px zamiast cienia ────────────────── */
:root[data-theme=dark]{
  --paper:#090a0b;--white:#101213;--karta:#15181a;--bok:#090a0b;
  --pow-3:#1c2023;
  --t1:#e7e9ea;--t2:#aab0b5;--t3:#8d949a;
  --line:#212528;--line2:#2e3337;
  --gold:#d4a84f;--gold-m:#d4a84f;--gold-d:#e3bf6e;--gold-l:#e3bf6e;
  --ok:#4cc38a;--warn:#f0b552;--risk:#ff7b6e;--risk-l:#ff7b6e;
  --ink:#e7e9ea;--ink2:#d5d8da;--ink3:#c3c7ca;
  --fokus:#e3bf6e;
  --przyslona:rgba(0,0,0,.6);
  --cien-menu:0 12px 32px -6px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.03);
  color-scheme:dark;
}

/* ── podstawa ──────────────────────────────────────────────────────── */
html{scroll-padding-top:calc(var(--gora-h) + var(--pod-h) + 12px)}
body{font-family:var(--f);font-size:var(--fs-2);line-height:1.45;background:var(--paper);color:var(--t1);letter-spacing:0}
h1,h2,h3,h4{font-family:var(--f);letter-spacing:0}
::selection{background:var(--gold);color:#15100a}
:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--fokus);outline-offset:1px}
a,button,input,select,textarea{transition-duration:.14s}

/* liczby: Plex Mono, cyfry tabelaryczne, zawężona spacja tysięcy */
:root .num,
:root .liczba,
:root td.k,
:root th.k,
:root .k.num,
:root .kpi b,
:root .d10-w,
:root .d10-b-duza,
:root .d10-delta,
:root .dz-kwota,
:root .ko-kw,
:root .ce-wart,
:root .bu-wart,
:root .bu-duza,
:root .akt .kw,
:root .lk-l,
:root .of-wart,
:root .of-suma,
:root .cen-marza,
:root .d10-dz-kw,
:root .op-kwota,
:root .wo-suma,
:root .d10-ile,
:root .dz-ile,
:root .ce-ile,
:root .ko-pseudonim,
:root .lk-tab .lk-l{
  font-family:var(--fm);font-variant-numeric:tabular-nums;word-spacing:-.3em}
/* „zł” obok liczby: mniejsze i szarsze (panel-c.js owija jednostkę) */
.c-zl{font-family:var(--f);font-size:.82em;font-weight:400;color:var(--t3);word-spacing:0;margin-left:.1em}

/* ── powłoka: szyna | góra / treść ─────────────────────────────────── */
.app{grid-template-columns:var(--szyna) minmax(0,1fr)}
@media(min-width:901px) and (max-width:1180px){.app{grid-template-columns:var(--szyna) minmax(0,1fr)}}
.zaslona,.zaslona.otw{display:none!important}
.burger{display:none!important}

.bok{width:var(--szyna);height:calc(100vh - var(--pas-h,0px));height:calc(100dvh - var(--pas-h,0px));padding:8px 0;align-items:center;gap:2px;overflow:visible;background:var(--bok);
  border-right:var(--bw) solid var(--line);z-index:35}
.bok .znak{padding:0;margin:0 0 10px;width:32px;height:32px;justify-content:center;gap:0;color:var(--t1)}
.bok .znak svg{width:28px;height:28px}
.bok .znak>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bok .men-gr{display:block}
.bok .men-gr[hidden]{display:none!important}
.bok a.men,.bok a.men-glowa{position:relative;display:grid;place-items:center;width:36px;height:36px;min-height:0;padding:0;
  border-radius:var(--r-powierzchnia);color:var(--t3);font-size:var(--fs-2)}
.bok a.men:hover,.bok a.men-glowa:hover{background:var(--pow-3);color:var(--t1)}
.bok a.men .men-ik,.bok a.men-glowa .men-ik{width:16px;height:16px;stroke-width:1.5;color:inherit}
.bok a.men[aria-current=page],.bok a.men-glowa[aria-current]{background:var(--white);color:var(--t1);font-weight:500;
  box-shadow:0 0 0 1px var(--line2)}
.bok a.men[aria-current=page] .men-ik,.bok a.men-glowa[aria-current] .men-ik{color:var(--t1)}
.bok a.men[aria-current=page]::before,.bok a.men-glowa[aria-current]::before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;
  border-radius:0 2px 2px 0;background:var(--gold)}
.bok .c-krotka{display:none}
.bok .c-nazwa{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* podmenu grupy: zostaje w DOM (nawigacja, uprawnienia), widać je w pasku pod nagłówkiem */
.bok .men-pod,.bok .men-gr.otwarta .men-pod{display:grid;position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* dymek z nazwą */
.bok a[data-c-tip]::after{content:attr(data-c-tip);position:absolute;left:calc(100% + 10px);top:50%;z-index:60;transform:translateY(-50%);
  padding:4px 8px;border-radius:var(--r-kontrolka);background:var(--ink);color:var(--paper);font-size:var(--fs-1);font-weight:500;line-height:1.3;white-space:nowrap;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility 0s .12s}
.bok a[data-c-tip]:hover::after,.bok a[data-c-tip]:focus-visible::after{opacity:1;visibility:visible;transition-delay:.3s,.3s}
/* konto na dole szyny */
.bok .stopka{margin-top:auto;padding:0;border-top:0;width:auto}
.bok .uzyt{width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:var(--r-powierzchnia);overflow:visible}
.bok .uzyt>b,.bok .uzyt>.uzyt-pod{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bok .uzyt-strzalka{display:none}
.c-konto-ik{width:18px;height:18px;flex:0 0 auto;color:var(--t2)}
.c-konto-txt,.c-konto-mob,.c-wiecej-ik,.uzyt-mob{display:none}
.c-wiecej-ik{width:18px;height:18px;flex:0 0 auto;color:var(--t2)}
.bok .uzyt:hover .c-konto-ik,.bok .uzyt[aria-expanded=true] .c-konto-ik{color:var(--t1)}
.bok .uzyt:hover,.bok .uzyt[aria-expanded=true]{background:var(--pow-3)}
.c-konto-nagl{display:grid;gap:1px;padding:8px 8px 9px;margin-bottom:4px;border-bottom:var(--bw) solid var(--line)}
.c-konto-nagl b{font-size:var(--fs-2);font-weight:600;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-konto-nagl span{font-size:var(--fs-1);color:var(--t3)}
.c-konto-nagl span[hidden]{display:none}
/* przycisk zwijania menu */
.c-menu-przycisk{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--r-powierzchnia);background:none;color:var(--t3);font:inherit;cursor:pointer}
.c-menu-przycisk:hover{background:var(--pow-3);color:var(--t1)}
.c-menu-przycisk .men-ik{width:16px;height:16px}
.c-menu-przycisk[data-c-tip]::after{content:attr(data-c-tip);position:absolute;left:calc(100% + 10px);top:50%;z-index:60;transform:translateY(-50%);
  padding:4px 8px;border-radius:var(--r-kontrolka);background:var(--ink);color:var(--paper);font-size:var(--fs-1);font-weight:500;line-height:1.3;white-space:nowrap;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility 0s .12s}
.c-menu-przycisk:hover::after,.c-menu-przycisk:focus-visible::after{opacity:1;visibility:visible;transition-delay:.3s,.3s}
.bok .uzyt-menu{left:calc(100% + 8px);right:auto;bottom:0;width:224px;background:var(--white);border:var(--bw) solid var(--line2);
  border-radius:var(--r-powierzchnia);box-shadow:var(--cien-menu);padding:4px}
.bok .uzyt-poz{font-size:var(--fs-2);padding:6px 8px;min-height:30px;border-radius:var(--r-kontrolka)}
.bok .uzyt-poz:hover{background:var(--pow-3)}
.bok .uzyt-rolasel{font-size:var(--fs-0);padding:6px 8px}
.bok .uzyt-rolasel select{min-height:30px;border-radius:var(--r-kontrolka);background:var(--paper)}

/* ── menu rozwinięte (komputer): nazwy obok ikon, szerokość 220 px ───
   Klasa c-rozw na <html> (panel-c.js, pamięć w localStorage). Bez niej
   zostaje wąska szyna z dymkami. */
@media(min-width:901px){
  .app,.bok{transition:grid-template-columns .18s ease,width .18s ease}
  html.c-rozw{--szyna:220px}
  html.c-rozw .bok{align-items:stretch;padding:8px 8px}
  html.c-rozw .bok .znak{width:auto;height:32px;justify-content:flex-start;padding:0 4px;gap:8px;margin-bottom:8px}
  html.c-rozw .bok .znak>span{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:var(--fs-3);font-weight:600;letter-spacing:0}
  html.c-rozw .bok .znak>span i{font-style:normal;font-weight:400;color:var(--t2)}
  html.c-rozw .bok a.men,html.c-rozw .bok a.men-glowa,html.c-rozw .c-menu-przycisk,html.c-rozw .bok .uzyt{
    display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:0 10px;text-align:left}
  html.c-rozw .c-menu-przycisk{color:var(--t3);font-size:var(--fs-2);margin-bottom:6px}
  html.c-rozw .bok .c-nazwa{position:static;width:auto;height:auto;overflow:hidden;clip:auto;min-width:0;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-2)}
  html.c-rozw .bok a.men[aria-current=page] .c-nazwa,html.c-rozw .bok a.men-glowa[aria-current] .c-nazwa{font-weight:600}
  html.c-rozw .bok a.men[aria-current=page]::before,html.c-rozw .bok a.men-glowa[aria-current]::before{left:-8px}
  html.c-rozw .bok .men-gr{display:block}
  html.c-rozw .bok a[data-c-tip]::after,html.c-rozw .c-menu-przycisk::after{display:none}
  html.c-rozw .bok .c-konto-mob{display:none}
  html.c-rozw .bok .uzyt{height:48px;padding:0 10px}
  html.c-rozw .bok .c-konto-txt{display:grid;gap:1px;min-width:0;flex:1 1 auto;text-align:left}
  html.c-rozw .bok .c-konto-t{font-size:var(--fs-2);font-weight:500;color:var(--t1);line-height:1.2}
  html.c-rozw .bok .c-konto-pod{font-size:var(--fs-1);color:var(--t3);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.c-rozw .bok .stopka{width:100%}
  html.c-rozw .bok .uzyt-strzalka{display:none}
  html.c-rozw .bok .uzyt-menu{left:0;right:auto;bottom:calc(100% + 6px);width:264px}
}

@media(min-width:901px) and (max-width:1100px){html.c-rozw .c-okruch{display:none}}

/* pasek górny */
.gora-wrap{z-index:30}
.gora{height:var(--gora-h);min-height:var(--gora-h);padding:0 10px 0 14px;gap:8px;flex-wrap:nowrap;background:var(--bok);border-bottom:var(--bw) solid var(--line)}
.gora .tyt{order:0;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-2);font-weight:600;color:var(--t1)}
.c-okruch{order:-1;display:flex;align-items:center;gap:6px;min-width:0;color:var(--t3);font-size:var(--fs-2);white-space:nowrap}
.c-okruch span{overflow:hidden;text-overflow:ellipsis;max-width:200px}
.c-okruch svg{width:12px;height:12px;flex:0 0 auto}
.gora .pomoc-otw{order:1;width:28px;height:28px;border-radius:var(--r-kontrolka);font-size:var(--fs-2);font-family:var(--fm)}
.c-szukaj{order:2;display:flex;align-items:center;gap:8px;flex:0 1 420px;min-width:0;height:30px;margin:0 auto;padding:0 8px 0 10px;border-radius:var(--r-kontrolka);
  border:var(--bw) solid var(--line2);background:var(--white);color:var(--t3);font:inherit;font-size:var(--fs-2);text-align:left;cursor:pointer}
.c-szukaj:hover{color:var(--t2);border-color:var(--t3)}
.c-szukaj svg{width:14px;height:14px;flex:0 0 auto}
.c-szukaj>span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gora .pl-wybor{order:3}
.gora .prawo{order:4;margin-left:0;flex:0 1 auto;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}
.gora .prawo::-webkit-scrollbar{display:none}
.gora .prawo>*{flex:0 0 auto}
.c-motyw{order:5;display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:var(--r-kontrolka);border:0;background:none;color:var(--t2);cursor:pointer}
.c-motyw:hover{background:var(--pow-3);color:var(--t1)}
.c-motyw svg{width:16px;height:16px}
.kbd,.c-szukaj kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:3px;
  border:var(--bw) solid var(--line2);border-bottom-width:2px;background:var(--white);font-family:var(--fm);font-size:var(--fs-0);color:var(--t2);line-height:1}

/* pasek ekranów w grupie (zastępuje rozwijane podmenu) */
.c-pod{position:relative;display:flex;align-items:center;gap:2px;height:var(--pod-h);padding:0 10px;overflow-x:auto;scrollbar-width:none;background:var(--bok);border-bottom:var(--bw) solid var(--line)}
.c-pod::-webkit-scrollbar{display:none}
.c-pod[hidden]{display:none}
.c-pod a{flex:0 0 auto;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-kontrolka);color:var(--t3);font-size:var(--fs-2);font-weight:500;white-space:nowrap}
.c-pod a:hover{background:var(--pow-3);color:var(--t1)}
.c-pod a[aria-current=page]{background:var(--white);color:var(--t1);box-shadow:inset 0 -2px 0 var(--gold),0 0 0 1px var(--line)}
/* oznaczenia planu przy zakładce: „Pro" (Rynek, Konkurencja — D3) i „Margin" (plan Start) */
.c-pod a[data-w="rynek"]::after,.c-pod a[data-w="konkurencja"]::after,body[data-plan="start"] .c-pod a[data-plan-ekranu="margin"]::after{margin-left:6px;padding:0 6px;border:var(--bw) solid var(--line2);border-radius:var(--r-pigulka);
  font-size:var(--fs-0);font-weight:500;letter-spacing:.04em;line-height:16px;color:var(--t3)}
.c-pod a[data-w="rynek"]::after,.c-pod a[data-w="konkurencja"]::after{content:"Pro"}
body[data-plan="start"] .c-pod a[data-plan-ekranu="margin"]::after{content:"Margin"}
/* te same oznaczenia przy zakładkach scalonych ekranów (partia 3) */
.ust-zak[data-pro]::after,body[data-plan="start"] .ust-zak[data-plan-ekranu="margin"]::after{display:inline-block;margin-left:6px;padding:0 6px;border:var(--bw) solid var(--line2);border-radius:var(--r-pigulka);
  font-size:var(--fs-0);font-weight:500;letter-spacing:.04em;line-height:16px;color:var(--t3)}
.ust-zak[data-pro]::after{content:"Pro"}
body[data-plan="start"] .ust-zak[data-plan-ekranu="margin"]::after{content:"Margin"}

/* treść */
.tresc{padding:10px;max-width:1560px}
.pomoc-ekr{padding:10px 10px 0;max-width:1560px}
.awaria,.zmiana-karty{padding:8px 12px;font-size:var(--fs-2)}
.przyklad-pas{padding:6px 12px;font-size:var(--fs-1);gap:6px 12px}
.przyklad-pas .btn{min-height:26px}

/* ── kontrolki ─────────────────────────────────────────────────────── */
.btn{min-height:30px;padding:0 12px;gap:6px;border-radius:var(--r-kontrolka);font-size:var(--fs-2);font-weight:500}
.btn.mini{min-height:30px;padding:0 12px;font-size:var(--fs-2)}
.btn.zwarty,.lupa{min-height:26px;padding:0 10px;font-size:var(--fs-1);border-radius:var(--r-kontrolka)}
.btn.g{color:#15100a}
.btn.o:hover:not(:disabled),.lupa:hover{background:var(--pow-3)}
.btn.o:active:not(:disabled){background:var(--line)}
.btn.z:hover:not(:disabled){background:var(--minus-tlo,rgba(189,47,40,.08))}
.btn-block{width:100%}
.inp input,.inp select,.inp textarea,.d10-kontrolka,.pole input,.pole select{min-height:30px;border-radius:var(--r-kontrolka);border-color:var(--line2);background-color:var(--white);color:var(--t1);font-size:var(--fs-2)}
.inp textarea{min-height:60px}
.d10-kontrolka{padding:0 28px 0 10px}
.d10-kontrolka:hover{border-color:var(--t3)}
.inp>input:focus,.inp>select:focus,.inp>textarea:focus{border-color:var(--gold)}

/* ── panele: okna terminala ────────────────────────────────────────── */
.karta,.d10-karta,.or-karta,.ko-karta,.ce-karta,.bu-karta,.of-karta,.pomoc-karta,.ls-karta,.d10-kafel,.kpi>div{
  background:var(--white);border:var(--bw) solid var(--line);border-radius:var(--r-powierzchnia);box-shadow:none}
.karta{padding:12px}
/* karty ekranów V10: ciaśniej, bez cienia */
.d10-k,.or-k{padding:14px 16px;box-shadow:none;border-radius:var(--r-powierzchnia)}
.d10-siatka{gap:10px}
.d10-k-g{margin-bottom:10px}
.d10-bohater{padding:16px 18px 14px;gap:24px}
.d10-wniosek,.or-syg,.of-wariant{padding:12px 14px}
.ko-modul{padding:10px 14px}
.ko-kp{padding:10px 12px 10px 14px}
.ko-kol,.ko-kp{border-radius:var(--r-powierzchnia)}
.ko-kol{padding:10px}
.d10-demo,.d10-b-uwaga,.d10-objasn,.op-komunikat,.wo-komunikat,.or-uwaga{border-radius:var(--r-kontrolka)}
.przyklad-pas{background:var(--karta);color:var(--t1);border-bottom:var(--bw) solid var(--line2)}
.przyklad-pas b{color:var(--gold-d)}
.przyklad-pas .btn.o{color:var(--t1);border-color:var(--line2)}
.kpi{gap:10px}
.kpi>div{padding:10px 12px}
.d10{font-size:var(--fs-2);line-height:1.45}
.d10 h2{font-size:var(--fs-3)}
.d10 h3{font-size:var(--fs-2)}

/* tabele gęste: wiersz 30–34 px, kwoty do prawej, nagłówki szare wersalikami */
table.t td,table.t th,.d10 table td,.d10 table th,.or-tab td,.or-tab th,.lk-tab td,.lk-tab th,.bu-tab td,.bu-tab th,.ko-tab td,.ko-tab th{padding:6px 8px;line-height:1.35}
table.t th,.d10 table th,.or-tab th,.lk-tab th,.bu-tab th,.ko-tab th{font-size:var(--fs-0);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--t3)}
table.t td,.d10 table td{border-bottom:var(--bw) solid var(--line)}
table.t tr:hover td,.or-tab tbody tr:hover,.dz-poz:hover{background:var(--karta)}
td.k,th.k,td.num,th.num{text-align:right}

/* chipy i znaczniki: 4 px, kolor tylko dla znaczenia */
.pill,.d10-chip,.or-chip,.ce-chip,.wo-chip,.ko-stan,.d10-delta,.or-delta{border-radius:3px}
.pill.ok{color:var(--ok)}.pill.uw{color:var(--warn)}.pill.zl{color:var(--risk)}
.pill.neu{background:var(--pow-3)}

/* ── ciemny: neutralne półprzezroczyste tła z paleta.css były z ciemnego atramentu ── */
:root[data-theme=dark] .btn.o:hover:not(:disabled),
:root[data-theme=dark] .lupa:hover{background:rgba(255,255,255,.05)}
:root[data-theme=dark] table.t tr:hover td{background:rgba(255,255,255,.03)}
:root[data-theme=dark] .d10-delta.neutr,:root[data-theme=dark] .or-delta.neutr{background:rgba(255,255,255,.06)}
:root[data-theme=dark] .or-postep{background:rgba(255,255,255,.1)}
:root[data-theme=dark] .or-harm i,:root[data-theme=dark] .or-harm-leg i{background:rgba(255,255,255,.14)}
:root[data-theme=dark] .or-postep .opl,:root[data-theme=dark] .or-harm i.opl,:root[data-theme=dark] .or-harm-leg i.opl{background:var(--t2)}
:root[data-theme=dark] .d10-aw,:root[data-theme=dark] .or-aw,:root[data-theme=dark] .or-typ.rzecz{background:var(--pow-3);color:var(--gold-l);border-color:var(--line2)}
:root[data-theme=dark] .d10-kontrolka:hover{border-color:var(--t3)}
:root[data-theme=dark] .pill.neu{background:rgba(255,255,255,.06)}
:root[data-theme=dark] .ust-zak:hover{background:var(--pow-3)}
:root[data-theme=dark] .karta,:root[data-theme=dark] .d10-karta,:root[data-theme=dark] .or-karta,:root[data-theme=dark] .ko-karta{box-shadow:none}
.ust-zak:hover{background:var(--pow-3)}
.ust-zak.teraz{background:var(--white);box-shadow:inset 0 -2px 0 var(--gold),0 0 0 1px var(--line)}
.ust-zak{border-radius:var(--r-kontrolka);min-height:28px}

/* sticky w ekranach: pod paskiem górnym i paskiem ekranów */
.bu-wynik{top:calc(var(--gora-h) + var(--pod-h) + 10px)}

/* ── paleta poleceń Ctrl K ─────────────────────────────────────────── */
.c-paleta{width:min(640px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 96px));margin:12vh auto auto;padding:0;border:var(--bw) solid var(--line2);
  border-radius:8px;background:var(--white);color:var(--t1);box-shadow:var(--cien-menu);overflow:hidden}
.c-paleta[open]{display:flex;flex-direction:column}
.c-paleta::backdrop{background:var(--przyslona)}
.c-paleta-pole{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-bottom:var(--bw) solid var(--line);color:var(--t3)}
.c-paleta-pole svg{width:16px;height:16px;flex:0 0 auto}
.c-paleta-pole input{flex:1 1 auto;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:var(--fs-3);color:var(--t1);outline:none;box-shadow:none;min-height:0;padding:0}
.c-paleta-pole input::placeholder{color:var(--t3)}
.c-paleta kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:4px;border:var(--bw) solid var(--line2);
  border-bottom-width:2px;background:var(--karta);font-family:var(--fm);font-size:var(--fs-0);color:var(--t2);line-height:1}
.c-paleta-lista{flex:1 1 auto;overflow:auto;margin:0;padding:6px;list-style:none}
.c-paleta-grupa{padding:10px 10px 4px;font-size:var(--fs-0);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--t3)}
.c-paleta-el{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:var(--r-kontrolka);font-size:var(--fs-2);color:var(--t2);cursor:pointer}
.c-paleta-el svg{width:16px;height:16px;flex:0 0 auto;color:var(--t3)}
.c-paleta-el[aria-selected=true]{background:var(--pow-3);color:var(--t1);box-shadow:inset 2px 0 0 var(--gold)}
.c-paleta-el[aria-selected=true] svg{color:var(--gold-d)}
.c-paleta-skrot{margin-left:auto;display:flex;gap:3px}
.c-paleta-daw{font-size:var(--fs-1);color:var(--t3)}
.c-paleta-pusto{display:grid;gap:4px;padding:24px 16px;text-align:center;font-size:var(--fs-2);color:var(--t3)}
.c-paleta-pusto b{color:var(--t1);font-weight:600}
.c-paleta-stopka{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 14px;border-top:var(--bw) solid var(--line);font-size:var(--fs-1);color:var(--t3)}
.c-paleta-stopka span{display:flex;align-items:center;gap:4px}

/* ── telefon i wąski ekran: dolny pasek zamiast szyny ──────────────── */
@media(max-width:900px){
  .app{grid-template-columns:minmax(0,1fr)}
  body{padding-bottom:calc(var(--dol-h) + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(var(--dol-h) + 12px)}
  .bok{position:fixed;inset:auto 0 0 0;width:auto;height:calc(var(--dol-h) + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);
    flex-direction:row;align-items:stretch;justify-content:space-around;gap:0;transform:none;border-right:0;border-top:var(--bw) solid var(--line);align-self:auto;overflow:visible}
  .bok .znak{display:none}
  .bok .men-gr{display:contents}
  .bok a.men,.bok a.men-glowa{flex:1 1 0;min-width:0;width:auto;height:var(--dol-h);border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
  .bok a.men[aria-current=page],.bok a.men-glowa[aria-current]{background:none;box-shadow:none}
  .bok a.men[aria-current=page]::before,.bok a.men-glowa[aria-current]::before{left:20%;right:20%;top:0;bottom:auto;width:auto;height:2px;border-radius:0 0 2px 2px}
  .bok a.men[aria-current=page] .men-ik,.bok a.men-glowa[aria-current] .men-ik{color:var(--gold-d)}
  .bok .c-pelna{display:none}
  .bok .c-krotka{display:block}
  .bok .c-nazwa{position:static;width:auto;height:auto;overflow:hidden;clip:auto;max-width:100%;font-size:12px;line-height:1;letter-spacing:0;text-overflow:ellipsis}
  .bok a[data-c-tip]::after{display:none}
  .bok .stopka{margin:0;flex:0 0 56px;display:grid;place-items:center}
  .bok .uzyt{width:52px;height:var(--dol-h);flex-direction:column;gap:3px;display:flex;align-items:center;justify-content:center;border-radius:0}
  .bok .c-konto-mob{display:block}
  /* Dolny pasek: 5 ikon (Dziś, Pieniądze, Lekarze, Pacjenci i „Więcej"). Dane
     i Ustawienia wchodzą pod „Więcej" razem z kontem i przełącznikiem widoku. */
  .bok .men-gr[data-grupa="dane"],.bok .men-gr[data-grupa="ustawienia"]{display:none}
  .bok .c-konto-ik{display:none}
  .bok .c-wiecej-ik{display:block}
  .bok .uzyt-poz.uzyt-mob{display:block}
  body[data-rola="lekarz"] .bok .uzyt-poz.uzyt-mob{display:none}
  .c-menu-przycisk{display:none}
  .bok .uzyt-menu{left:auto;right:8px;bottom:calc(100% + 8px);width:min(260px,calc(100vw - 16px))}
  .gora{padding:0 8px 0 10px}
  .c-okruch{display:none}
  .c-szukaj{flex:0 0 36px;width:36px;margin:0 0 0 auto;padding:0;justify-content:center}
  .c-szukaj>span,.c-szukaj kbd{display:none}
  .c-szukaj{border-color:transparent;background:none;color:var(--t2)}
  .gora .tyt{flex:1 1 auto}
  .c-pod{padding:0 8px}
  .tresc{padding:8px}
  .pomoc-ekr{padding:8px 8px 0}
  .btn,.btn.mini{min-height:36px}
  .btn.zwarty,.lupa{min-height:32px}
  .inp input,.inp select,.d10-kontrolka{min-height:36px}
  .gora .pomoc-otw,.c-motyw{width:36px;height:36px}
}
/* ══ TELEFON: pola 16 px, cele dotykowe 44 px, czytelny drobny tekst (13.10.2026) ══
   1) iOS Safari przybliża stronę po fokusie w polu z tekstem mniejszym niż
      16 px — i już jej nie oddaje. Dlatego pola mają 16 px na wąskim ekranie
      i na każdym urządzeniu dotykowym, niezależnie od gęstości panelu.
   2) (pointer:coarse): kontrolki, odnośniki i zakładki mają co najmniej
      44 × 44 px. Gęstość komputera zostaje, bo reguły stoją tylko tu.
   3) „zł” przy kwocie nie schodzi poniżej 12 px. */
@media(max-width:900px),(pointer:coarse){
  :root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=file]),
  :root select,:root textarea{font-size:16px!important}
  .c-paleta-pole input{font-size:16px!important}
}
.c-zl{font-size:max(12px,.82em)}
small{font-size:max(12px,.8333em)}
@media(max-width:900px){
  .bok .c-wiecej-ik{width:16px;height:16px}
}
/* „Moja karta” i „Moje rozliczenie” w oknie „Więcej”: tylko lekarz i tylko na telefonie
   (na komputerze są w szynie; selektor mocniejszy niż reguły .uzyt-poz wyżej) */
.bok .uzyt-poz.uzyt-lekarz{display:none}
@media(max-width:900px){
  body[data-rola="lekarz"] .bok .uzyt-poz.uzyt-lekarz{display:block}
}
@media(pointer:coarse),(max-width:900px){
  :root{--gora-h:48px;--pod-h:44px}
  :root .gora .pomoc-otw,:root .c-motyw,:root .c-szukaj,:root .gora #wgraj-dane{width:44px;height:44px;min-width:44px}
  :root .c-szukaj{flex-basis:44px}
  :root .c-pod a,:root .ust-zak{min-height:44px;height:44px}
  :root .btn,:root .btn.mini,:root .btn.zwarty,:root .lupa,:root .przyklad-pas .btn,
  :root .d10-przycisk,:root .d10-tryb-b,:root .ko-kontakt,:root summary,:root a.skip,:root .lk-seg,:root .lk-kto a,
  :root .ko-pola .ko-check{min-height:44px}
  :root a.d10-przycisk{display:inline-flex;align-items:center;justify-content:center}
  :root .d10-odn{min-width:44px;justify-content:center}
  :root .dc .d10-dz-kw .d10-przycisk,:root .dc .d10-dz-kw .d10-przycisk.glowny,:root .pl-x{min-height:44px}
  :root input[type=range]{min-height:44px}
  :root .obok{padding:15px 6px;margin-left:calc(.45rem - 6px)}
  :root input[type=checkbox],:root input[type=radio]{width:20px;height:20px}
  :root .tresc :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]),
  :root .d10-kontrolka,:root .bu-wejscie{min-height:44px}
  :root .tresc td a,:root .d10-odn,:root .ko-pseudonim,:root .d10-k-g a{
    display:inline-flex;align-items:center;min-height:44px}
  :root label:has(>input[type=checkbox]),:root label:has(>input[type=radio]){
    display:inline-flex;align-items:center;gap:8px;min-height:44px}
  :root .uzyt-poz{min-height:44px;display:flex;align-items:center}
  :root .bok .uzyt-rolasel select{min-height:44px}
  /* P1 (20.10.2026): „Żadna z nich” i lista wyboru w kreatorze wdrożenia (pytanie o kolumnę) też mają 44 px */
  :root .wd-odrzuc,:root .wd-wybor{min-height:44px}
  :root .wd-odrzuc{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .6rem}
}
@media(prefers-reduced-motion:reduce){.bok a[data-c-tip]::after,.c-menu-przycisk::after,.app,.bok{transition:none!important}}
@media print{.c-pod,.c-szukaj,.c-motyw,.c-paleta,.c-okruch,.c-menu-przycisk{display:none!important}body{padding-bottom:0}}

/* ══ Z3 (19.10.2026): pasek zapełniony — podstrony aktywnej grupy, liczniki, „Wgraj dane” ══
   1) Rozwinięty pasek (komputer ≥901 px) pokazuje pod aktywną grupą jej podstrony;
      aktywna pozycja jest wyróżniona. Pasek zakładek pod belką (.c-pod) wtedy znika,
      więc treść zaczyna się o --pod-h wyżej.
   2) Plakietka .c-lic: liczba spraw („Dziś · wymaga uwagi”), ustawia ją PanelC.ustawLicznik.
   3) Blok .c-dol nad kontem: skrót „Wgraj dane” (zamiast przycisku w belce). */
.c-lic{position:absolute;top:1px;right:1px;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pigulka);
  background:var(--gold);color:#15100a;font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;pointer-events:none}
.c-dol{display:none}
body[data-rola="lekarz"] .bok .c-dol{display:none!important}
@media(min-width:901px){
  html.c-rozw{--pod-h:0px}
  html.c-rozw .c-pod{display:none}
  html.c-rozw .gora #wgraj-dane{display:none}
  html.c-rozw .bok .c-lic{position:static;margin-left:auto;flex:0 0 auto}
  html.c-rozw .bok .men-gr.otwarta>a.men-glowa .c-lic{display:none}
  html.c-rozw .bok .men-gr.otwarta .men-pod{position:static;width:auto;height:auto;clip:auto;overflow:visible;display:grid;gap:1px;
    margin:2px 0 8px 17px;padding:0 0 0 8px;border-left:var(--bw) solid var(--line2);white-space:normal}
  html.c-rozw .bok .men-pod a.men{height:30px;padding:0 10px;font-size:var(--fs-2);color:var(--t2)}
  html.c-rozw .bok .men-pod a.men:hover{color:var(--t1)}
  html.c-rozw .bok .men-pod a.men[aria-current=page]{color:var(--t1);font-weight:600;background:var(--white);box-shadow:0 0 0 1px var(--line2)}
  html.c-rozw .bok .men-pod a.men[aria-current=page]::before{left:-9px;top:6px;bottom:6px}
  html.c-rozw .bok .men-pod a.men[data-w="rynek"]::after,html.c-rozw .bok .men-pod a.men[data-w="konkurencja"]::after{content:"Pro";display:inline;position:static;
    margin-left:auto;padding:0 6px;border:var(--bw) solid var(--line2);border-radius:var(--r-pigulka);background:none;color:var(--t3);
    font-size:var(--fs-0);font-weight:500;letter-spacing:.04em;line-height:16px;opacity:1;visibility:visible;transform:none}
  html.c-rozw .bok .c-dol{display:block;margin-top:auto;padding:8px 0}
  html.c-rozw .bok .c-dol~.stopka{margin-top:0}
  .c-wgraj{display:flex;align-items:center;gap:10px;padding:8px 10px;border:var(--bw) solid var(--line2);border-radius:var(--r-powierzchnia);background:var(--white);color:var(--t1)}
  .c-wgraj:hover{border-color:var(--gold)}
  .c-wgraj .men-ik{width:16px;height:16px;flex:0 0 auto;stroke-width:1.5;color:var(--t2)}
  .c-wgraj-t{display:grid;gap:1px;min-width:0}
  .c-wgraj-t b{font-size:var(--fs-2);font-weight:600;line-height:1.2}
  .c-wgraj-t span{font-size:var(--fs-1);color:var(--t3);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:900px){
  .bok .c-lic{top:5px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px}
}
@media print{.c-lic,.c-dol{display:none!important}}

/* ── Z3: Pieniądze — cennik zwarty (wiersz o ~10 px niższy, tabela na całą szerokość) ── */
@media(min-width:901px) and (pointer:fine){
  :root #tab-cennik{max-width:none}
  :root #tab-cennik tbody>tr>td{padding-top:4px;padding-bottom:4px}
}

/* K2 (20.10.2026): główny przycisk kroku kreatora przyklejony nad dolnym paskiem (telefon i wąski ekran),
   żeby nie wymagał przewijania i nie chował się pod paskiem. Sam przycisk (albo karta z nim) jest elementem
   przyklejonym; pozostałe przyciski zostają w treści. */
@media(max-width:900px){
  /* R1: „Zapisz wybór” przewinięty do widoku zatrzymuje się nad przyklejonym paskiem i dolną nawigacją */
  .wd-wyj [data-wyj-zapisz-grupe]{scroll-margin-bottom:calc(var(--dol-h) + env(safe-area-inset-bottom,0px) + 84px)}
  .wd-glowny{position:sticky;bottom:calc(var(--dol-h) + env(safe-area-inset-bottom,0px));z-index:3}
  .dz-akcje.wd-glowny{flex-wrap:nowrap;gap:var(--s2);padding:var(--s2) 0;background:inherit;box-shadow:0 -1px 0 var(--line)}
  .dz-akcje.wd-glowny .btn{flex:1 1 0;min-width:0;width:auto}
}