/* Kalkulator opodatkowania i składek — arkusz strony serwisu. PLIK GENEROWANY przez
   04_NARZEDZIA/apply_kalkulator.py z 08_ROZWOJ_2027/kalkulator/interfejs.css; nie edytować ręcznie.
   Wszystkie reguły mają zasięg .kalkulator-strona, więc arkusz nie dotyka nagłówka, menu ani stopki serwisu.
   Trzy stany motywu jak w całej witrynie: wybór systemu, wymuszony jasny, wymuszony ciemny. */
/* Kalkulator opodatkowania i składek JDG — warstwa wizualna.
   Paleta i kroje nawiązują do serwisu JTWPOLAND (granat, złoto, Fraunces w nagłówkach), ale arkusz jest samodzielny:
   prototyp ma dać się otworzyć i ocenić bez reszty witryny. Trzy stany motywu jak w serwisie. */
.kalkulator-strona{
  --papier:#f5f2ea; --powierzchnia:#fffefb; --powierzchnia-2:#efeade;
  --atrament:#0b1b28; --stonowany:#5a6874; --linia:#ddd6c6; --linia-mocna:#c3b9a3;
  --granat:#0d2b43; --zloto:#c7a76b; --zloto-tekst:#7d6122;
  --korzystny:#125c41; --korzystny-tlo:#e3efe8; --uwaga:#7a4f0a; --uwaga-tlo:#f6ecd8;
  --cien:0 1px 2px rgba(11,27,40,.06), 0 8px 24px rgba(11,27,40,.07);
  --krok:clamp(1rem,2.2vw,1.5rem);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kalkulator-strona{
  --papier:#1b1915; --powierzchnia:#232019; --powierzchnia-2:#2c281f;
  --atrament:#ece6d9; --stonowany:#a9a294; --linia:#3d382d; --linia-mocna:#57503f;
  --granat:#8fb6d6; --zloto:#e1c38d; --zloto-tekst:#e1c38d;
  --korzystny:#7fd0aa; --korzystny-tlo:#17281f; --uwaga:#e0b567; --uwaga-tlo:#2a2213;
  --cien:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}}
:root[data-theme="dark"] .kalkulator-strona{
  --papier:#1b1915; --powierzchnia:#232019; --powierzchnia-2:#2c281f;
  --atrament:#ece6d9; --stonowany:#a9a294; --linia:#3d382d; --linia-mocna:#57503f;
  --granat:#8fb6d6; --zloto:#e1c38d; --zloto-tekst:#e1c38d;
  --korzystny:#7fd0aa; --korzystny-tlo:#17281f; --uwaga:#e0b567; --uwaga-tlo:#2a2213;
  --cien:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}
.kalkulator-strona,.kalkulator-strona *{box-sizing:border-box}
/* Reguła autora z „display” wygrywa z wbudowanym [hidden]{display:none} przeglądarki, więc panele objaśnień
   otwierały się wszystkie naraz. Ta deklaracja przywraca zamierzone działanie atrybutu hidden. */
.kalkulator-strona [hidden]{display:none!important}
.kalkulator-strona{margin:0;background:var(--papier);color:var(--atrament);
     font-family:inherit;font-size:15px;line-height:1.6;
     -webkit-font-smoothing:antialiased}
.kalkulator-strona .owijka{max-width:1180px;margin:0 auto;padding-block:clamp(1.5rem,4vw,2.75rem);padding-left:16px;padding-right:16px}
.kalkulator-strona h1,.kalkulator-strona h2,.kalkulator-strona h3{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:600;text-wrap:balance;margin:0}
.kalkulator-strona h1{font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.15;letter-spacing:-.015em}
.kalkulator-strona h2{font-size:1.12rem;letter-spacing:-.005em}
.kalkulator-strona h3{font-size:1rem}
.kalkulator-strona p{margin:0}
.kalkulator-strona .naglowek{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;
          padding-bottom:1.1rem;border-bottom:2px solid var(--linia-mocna);margin-bottom:var(--krok)}
.kalkulator-strona .szyld{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto-tekst);font-weight:600;margin-bottom:.35rem}
.kalkulator-strona .stan-prawny{font-size:.8rem;color:var(--stonowany);text-align:right;font-variant-numeric:tabular-nums}
.kalkulator-strona .stan-prawny b{color:var(--atrament);font-weight:600}
/* Element siatki ma domyślnie min-width:auto, więc nie zmieści się węziej niż jego najdłuższe słowo: przy
   dłuższych etykietach (niemiecki, koreański) prawa kolumna rozpychała stronę w poziomie zamiast się zwęzić.
   min-width:0 przywraca zamierzone zachowanie „1fr". */
.kalkulator-strona .plansza{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--krok);align-items:start}
.kalkulator-strona .plansza>*{min-width:0}
@media(max-width:900px){.kalkulator-strona .plansza{grid-template-columns:minmax(0,1fr)}}
.kalkulator-strona .panel{background:var(--powierzchnia);border:1px solid var(--linia);border-radius:14px;padding:1.15rem 1.15rem 1.3rem}
.kalkulator-strona .panel+.panel{margin-top:.9rem}
.kalkulator-strona .panel>h2{padding-bottom:.65rem;border-bottom:1px solid var(--linia);margin-bottom:.9rem}
.kalkulator-strona .pola{display:grid;gap:.85rem}
.kalkulator-strona label{display:grid;gap:.3rem;font-size:.86rem;font-weight:500}
.kalkulator-strona label .pod{font-weight:400;font-size:.78rem;color:var(--stonowany)}
.kalkulator-strona input[type=number],.kalkulator-strona select{width:100%;padding:.55rem .65rem;border:1px solid var(--linia-mocna);border-radius:8px;
  background:var(--powierzchnia);color:var(--atrament);font:inherit;font-size:.95rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}
.kalkulator-strona select{font-family:inherit}
.kalkulator-strona input:focus-visible,.kalkulator-strona select:focus-visible,.kalkulator-strona button:focus-visible{outline:3px solid var(--zloto);outline-offset:2px}
.kalkulator-strona .przelacznik{display:flex;align-items:center;gap:.55rem;font-size:.86rem;font-weight:500}
.kalkulator-strona .przelacznik input{width:1.05rem;height:1.05rem;accent-color:var(--granat);flex:none}
.kalkulator-strona .zwijka{border-top:1px solid var(--linia);margin-top:.9rem;padding-top:.8rem}
.kalkulator-strona .zwijka summary{cursor:pointer;font-size:.86rem;font-weight:600;list-style:none}
.kalkulator-strona .zwijka summary::-webkit-details-marker{display:none}
.kalkulator-strona .zwijka summary::before{content:"▸ ";color:var(--zloto-tekst)}
.kalkulator-strona .zwijka[open] summary::before{content:"▾ "}
.kalkulator-strona .zwijka .pola{margin-top:.8rem}
/* Liczba kolumn wynika z dostępnego miejsca, nie ze sztywnego progu szerokości okna: przy dłuższych etykietach
   (niemiecki, koreański) trzy karty nie mieściły się w prawej kolumnie i rozpychały stronę w poziomie, choć okno
   było szerokie na 1024 px. auto-fit zwija je wtedy do dwóch, a na telefonie do jednej. */
.kalkulator-strona .warianty{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:.8rem}
/* Bez tego karta i tak nie zmieściłaby się w przydzielonej kolumnie: element siatki domyślnie nie schodzi
   poniżej swojej treści, więc sama szerokość toru niczego nie wymusza. */
.kalkulator-strona .warianty>*{min-width:0}
.kalkulator-strona .wariant{background:var(--powierzchnia);border:1px solid var(--linia);border-radius:14px;padding:1rem 1rem 1.1rem;
         display:flex;flex-direction:column;gap:.75rem;position:relative}
.kalkulator-strona .wariant.najlepszy{border-color:var(--korzystny);box-shadow:var(--cien)}
.kalkulator-strona .wariant.najlepszy::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:14px 14px 0 0;background:var(--korzystny)}
.kalkulator-strona .plakietka{position:absolute;top:-.62rem;left:1rem;background:var(--korzystny-tlo);color:var(--korzystny);
  border:1px solid var(--korzystny);border-radius:999px;padding:.1rem .6rem;font-size:.7rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase}
.kalkulator-strona .wariant h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;padding-top:.25rem}
.kalkulator-strona .netto{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;
       font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}
.kalkulator-strona .netto small{display:block;font-family:"IBM Plex Sans",sans-serif;font-size:.74rem;font-weight:400;
             color:var(--stonowany);letter-spacing:0;margin-top:.15rem}
.kalkulator-strona .stopa{font-size:.82rem;color:var(--stonowany)}
.kalkulator-strona .stopa b{color:var(--atrament);font-variant-numeric:tabular-nums}
/* Układ tabeli z góry, nie z treści: przy automatycznym układzie szerokość minimalna tabeli wynika z
   najdłuższego nierozdzielnego słowa i żadne łamanie tego nie zmienia — „Sozialversicherungsbeiträge”
   rozpychało kartę i całą stronę. Przy table-layout:fixed decydują zadeklarowane szerokości kolumn. */
.kalkulator-strona .rozbicie{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.83rem;font-variant-numeric:tabular-nums}
.kalkulator-strona .rozbicie th{width:auto;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;text-align:left;font-weight:400;color:var(--stonowany);padding:.24rem 0}
.kalkulator-strona .rozbicie td{width:5.6rem;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;padding:.24rem 0}
.kalkulator-strona .rozbicie tr.suma th,.kalkulator-strona .rozbicie tr.suma td{border-top:1px solid var(--linia);padding-top:.45rem;font-weight:600;color:var(--atrament)}
.kalkulator-strona .rozbicie tr.pusta td{color:var(--stonowany)}
.kalkulator-strona .wykres{margin-top:var(--krok)}
.kalkulator-strona .wykres svg{width:100%;height:auto;display:block}
.kalkulator-strona .legenda{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;margin-top:.5rem;color:var(--stonowany)}
.kalkulator-strona .legenda span{display:flex;align-items:center;gap:.4rem}
.kalkulator-strona .legenda i{width:1.1rem;height:3px;border-radius:2px;display:block}
.kalkulator-strona .zrownania{margin-top:.7rem;font-size:.85rem;display:grid;gap:.25rem}
.kalkulator-strona .zrownania b{font-variant-numeric:tabular-nums}
.kalkulator-strona .uwagi{margin-top:var(--krok);display:grid;gap:.5rem}
.kalkulator-strona .uwaga{background:var(--uwaga-tlo);border-left:3px solid var(--uwaga);border-radius:0 8px 8px 0;
       padding:.6rem .8rem;font-size:.86rem;color:var(--atrament)}
.kalkulator-strona .zastrzezenie{margin-top:var(--krok);border-top:2px solid var(--linia-mocna);padding-top:1.1rem;
              font-size:.84rem;color:var(--stonowany);display:grid;gap:.7rem}
.kalkulator-strona .zastrzezenie h2{font-size:.95rem;color:var(--atrament)}
.kalkulator-strona .zastrzezenie ul{margin:0;padding-left:1.1rem;display:grid;gap:.25rem}
.kalkulator-strona .zastrzezenie .mocne{color:var(--atrament)}
.kalkulator-strona .podstawy{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem 1.4rem;
          font-size:.8rem;list-style:none;margin:0;padding:0}
.kalkulator-strona .podstawy li{border-left:2px solid var(--linia-mocna);padding-left:.6rem}
.kalkulator-strona .podstawy b{display:block;color:var(--atrament);font-weight:600;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.kalkulator-strona,.kalkulator-strona *{transition:none!important;animation:none!important}}
/* ——— język, tryby, pomoc przy polach ——— */
.kalkulator-strona .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.kalkulator-strona .naglowek-prawo{display:grid;gap:.6rem;justify-items:end}
.kalkulator-strona .wyb-jezyka select{padding:.4rem .6rem;border-radius:999px;border:1px solid var(--linia-mocna);background:var(--powierzchnia);
  color:var(--atrament);font:inherit;font-size:.82rem}
.kalkulator-strona .tryby{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:var(--krok)}
@media(max-width:700px){.kalkulator-strona .tryby{grid-template-columns:1fr}}
.kalkulator-strona .tryb{display:grid;gap:.2rem;text-align:left;padding:.75rem .9rem;border:1px solid var(--linia-mocna);border-radius:12px;
  background:var(--powierzchnia);color:var(--atrament);font:inherit;cursor:pointer}
.kalkulator-strona .tryb b{font-size:.95rem}
.kalkulator-strona .tryb small{color:var(--stonowany);font-size:.79rem;line-height:1.45}
.kalkulator-strona .tryb[aria-pressed="true"]{border-color:var(--granat);box-shadow:inset 0 0 0 1px var(--granat);background:var(--powierzchnia-2)}
:root[data-tryb="prosty"] .kalkulator-strona .zaawansowane{display:none!important}
.kalkulator-strona .pole{position:relative;display:grid;gap:.3rem}
.kalkulator-strona .pole label .etykieta{display:grid;gap:.15rem;padding-right:1.7rem}
.kalkulator-strona .pomoc{position:absolute;top:0;right:0;width:1.35rem;height:1.35rem;border-radius:50%;border:1px solid var(--linia-mocna);
  background:var(--powierzchnia);color:var(--stonowany);font:inherit;font-size:.76rem;font-weight:700;line-height:1;cursor:pointer;padding:0}
.kalkulator-strona .pomoc[aria-expanded="true"]{background:var(--granat);color:var(--powierzchnia);border-color:var(--granat)}
.kalkulator-strona .wyjasnienie{background:var(--powierzchnia-2);border-radius:8px;padding:.6rem .7rem;font-size:.8rem;line-height:1.5;display:grid;gap:.4rem}
.kalkulator-strona .wyjasnienie b{color:var(--atrament)}
/* ——— instrukcja do deklaracji ——— */
.kalkulator-strona .instrukcja{margin-top:var(--krok)}
.kalkulator-strona .instrukcja>h2{padding-bottom:.65rem;border-bottom:1px solid var(--linia);margin-bottom:.7rem}
.kalkulator-strona .wyb-formy{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0}
.kalkulator-strona .forma-przycisk{padding:.45rem .85rem;border:1px solid var(--linia-mocna);border-radius:999px;background:var(--powierzchnia);
  color:var(--atrament);font:inherit;font-size:.86rem;cursor:pointer}
.kalkulator-strona .forma-przycisk[aria-pressed="true"]{background:var(--granat);color:var(--powierzchnia);border-color:var(--granat)}
.kalkulator-strona .formularz-glowny{font-size:1rem;margin-bottom:.2rem}
.kalkulator-strona .tabela-przewijana{overflow-x:auto;margin:.9rem 0}
.kalkulator-strona table.deklaracja{width:100%;border-collapse:collapse;font-size:.85rem;min-width:520px}
.kalkulator-strona table.deklaracja th{text-align:left;font-weight:600;color:var(--stonowany);font-size:.76rem;letter-spacing:.05em;
  text-transform:uppercase;padding:.35rem .5rem;border-bottom:1px solid var(--linia-mocna)}
.kalkulator-strona table.deklaracja td{padding:.55rem .5rem;border-bottom:1px solid var(--linia);vertical-align:top}
.kalkulator-strona table.deklaracja td.kwota{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;
  white-space:nowrap;font-weight:600}
.kalkulator-strona table.deklaracja td.gdzie{white-space:nowrap}
.kalkulator-strona table.deklaracja td.gdzie b{display:block}
.kalkulator-strona table.deklaracja td.gdzie .czesc,.kalkulator-strona table.deklaracja td.gdzie .poz{display:block;color:var(--stonowany);font-size:.78rem;white-space:normal}
.kalkulator-strona table.deklaracja td.gdzie .poz{color:var(--zloto-tekst);font-weight:600}
.kalkulator-strona .nazwa-poz{display:block}
.kalkulator-strona .dlaczego{display:block;color:var(--stonowany);font-size:.79rem;margin-top:.2rem}
.kalkulator-strona .blok-zus,.kalkulator-strona .blok-terminy{margin-top:1.1rem}
.kalkulator-strona .blok-zus h3,.kalkulator-strona .blok-terminy h3{margin-bottom:.4rem}
.kalkulator-strona .blok-terminy ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.85rem}
.kalkulator-strona .dzialania{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.1rem;
  border-top:1px solid var(--linia);padding-top:.9rem}
.kalkulator-strona .dzialanie{padding:.55rem 1rem;border-radius:10px;border:1px solid var(--granat);background:var(--granat);
  color:var(--powierzchnia);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}
.kalkulator-strona .dzialanie.wtorne{background:var(--powierzchnia);color:var(--atrament);border-color:var(--linia-mocna)}
.kalkulator-strona .potwierdzenie{font-size:.83rem;color:var(--korzystny)}
@media print{.kalkulator-strona .tryby,.kalkulator-strona .wyb-jezyka,.kalkulator-strona form#dane,.kalkulator-strona .wykres,.kalkulator-strona .dzialania,.kalkulator-strona .pomoc,.kalkulator-strona .wyjasnienie{display:none!important}.kalkulator-strona{background:#fff;color:#000;font-size:11pt}.kalkulator-strona .owijka{max-width:none}.kalkulator-strona .panel,.kalkulator-strona .wariant{border:1px solid #999;box-shadow:none;break-inside:avoid}.kalkulator-strona .instrukcja{break-before:page}.kalkulator-strona table.deklaracja{min-width:0}}
/* — osadzenie w stronie — */
.kalkulator-strona{display:block;width:100%;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.kalkulator-strona .owijka{max-width:1180px;margin-inline:auto}
/* Nagłówek narzędzia sam nosi h1 strony, więc nie potrzebuje dodatkowego odstępu od paska nawigacji. */
.kalkulator-strona .naglowek{margin-top:0}
.kalkulator-strona .bez-js{max-width:1180px;margin:0 auto;padding:1rem 16px 0}
.kalkulator-strona .bez-js p{background:var(--uwaga-tlo);border:1px solid var(--linia-mocna);border-radius:12px;
  padding:.85rem 1rem;color:var(--atrament)}
/* Kroje pisma dla wersji chińskiej i koreańskiej — tak samo jak w arkuszu serwisu (style.css). */
html[lang="zh-Hans"] .kalkulator-strona :is(h1,h2,h3){font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",Georgia,serif;letter-spacing:0;line-height:1.22}
html[lang="ko"] .kalkulator-strona :is(h1,h2,h3){font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Serif KR","Noto Serif CJK KR",Georgia,serif;letter-spacing:0;line-height:1.22}
html[lang="ko"] .kalkulator-strona{word-break:keep-all}
/* Wydruk: na papier idzie sama instrukcja, bez nagłówka, menu i stopki serwisu. */
@media print{
  body>header.site,body>footer.site,.jtw-privacy-footer,.skip-link,#jtw-theme-live{display:none!important}
  .kalkulator-strona{background:#fff;color:#000;font-size:11pt}
}
/* @jtw-odsylacz-pro */
/* — odsyłacz do kalkulatora profesjonalnego, pod przyciskami wyboru trybu —
   Stoi tam, a nie nad nagłówkiem narzędzia, bo to jest moment decyzji czytelnika: wybiera „prosty"
   albo „zaawansowany" i wtedy warto pokazać, że jest jeszcze trzecia, pełna wersja. Nad nagłówkiem
   odsyłacz wypadał poza pole widzenia. */
.kalkulator-strona .do-pro{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;
  background:var(--powierzchnia-2);border:1px solid var(--linia-mocna);border-left:3px solid var(--zloto);
  border-radius:12px;padding:.8rem 1rem;margin-bottom:var(--krok);font-size:.86rem}
.kalkulator-strona .do-pro b{display:block;font-size:.92rem;margin-bottom:.15rem}
.kalkulator-strona .do-pro span{min-width:0;flex:1 1 320px;color:var(--stonowany)}
.kalkulator-strona .do-pro b{color:var(--atrament)}
.kalkulator-strona .do-pro a{flex:none;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--granat);
  background:var(--granat);color:var(--powierzchnia);font-weight:600;text-decoration:none;white-space:nowrap}
.kalkulator-strona .do-pro a:hover,.kalkulator-strona .do-pro a:focus-visible{background:var(--atrament);border-color:var(--atrament)}