/* Nowy wygląd (2026-10-13): spokojniejsze litery, etykiety stanu, białe karty,
   czarny pasek menu. Ładowany po styl.css i aplikacja.css, więc tylko je nadpisuje.
   Powrót do starego wyglądu: usunąć ten plik z czesci/glowa.ejs (i cofnąć szablony
   do znacznika git wyglad-przed-zmiana-2026-10-13). */
:root{
  --krem:#F6F3EF; --linia:#E7E1DA; --linia-m:#F0EBE5; --grafit:#1F1D1B; --szary:#6F6860;
  --zielen:#2F6B3C; --zielen-tlo:#E5F0E6; --czerwien:#A33A38;
}
body{line-height:1.5}

/* ---------- litery: ozdobna czcionka tylko w tytule strony ---------- */
h2,h3,h4,.karta h2,.tk h4,.zl-model,.nag.model,.cz tr.grupa td,.os h5,.wp .r1,.wiel,.model-tytul{font-family:"Inter",sans-serif}
.karta h2{font-size:16px;font-weight:700;letter-spacing:-.005em}
.tk h4{font-size:15.5px;font-weight:600;line-height:1.35;margin-top:6px}
.liczby b,.pas4 b,.kwota,.duza{font-family:"Inter",sans-serif;font-weight:700;letter-spacing:-.01em}
.liczby b{font-size:24px}
.pas4 b{font-size:23px}
.kwota{font-size:28px}
.kwota.mala{font-size:20px}
.duza{font-size:32px}
.wp .r1{font-size:17px}
.sub{font-size:14px}
.m{font-size:13px}

/* ---------- etykiety stanu ---------- */
.stn{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap}
.stn::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
.stn-czeka{background:#EFEBE6;color:#5C554E}
.stn-kroj{background:#FBF0DC;color:#8A5A12}
.stn-szycie{background:#E6EEF7;color:#2F5580}
.stn-gotowe{background:#E5F0E6;color:#2F6B3C}
.stn-zle{background:#FBE9E8;color:#A33A38}
.stn-odb{background:transparent;color:#8E877F;box-shadow:inset 0 0 0 1px var(--linia)}
.stn-szkic{background:#fff;color:#8A5A12;box-shadow:inset 0 0 0 1px #E6CFA5}
.stn-pil{background:var(--czern);color:#fff;padding-left:10px}
.stn-pil::before{display:none}
.etykiety{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pil{background:var(--czern);color:#fff;border-radius:999px;padding:2px 9px;font-size:12px}
.pil.d{font-size:13px}
.baner{background:#fff;border:1px solid var(--linia);border-left:4px solid var(--czern);color:var(--grafit);border-radius:10px}
.notka,.info{background:#F1ECE6;color:#4F4841}
.tag,.tylko{background:#F1ECE6;color:#5C554E}

/* ---------- pasek menu: czarny ---------- */
.side{background:var(--czern)}
.side .wm .logo{color:#fff}
.side .wm small{color:#8E877F}
.side .logo-zapas{color:#fff}
.nav a{color:#CFC8C0;font-size:14px}
.nav a:hover{color:#fff}
.nav a.on{background:#2C2A28;color:#fff}
.nav a b{color:#8E877F}
.nav a:focus-visible{outline-color:#fff}
.kto{border-top-color:#33302D;color:#A8A199}
.kto strong{color:#fff}
.kto-linki a,.kto-linki button{color:#fff;text-decoration-color:#6B645D}
/* panel szwalni na telefonie: biały pasek u góry */
.tbar{background:#fff;border-bottom:1px solid var(--linia);padding:12px 16px}
.tbar span,.tbar-kto button{color:var(--szary);font-weight:500}

/* ---------- karty, pola, przyciski ---------- */
.btn{border-radius:10px}
.btn.j{background:#fff;border-color:#CFC6BB}
.btn.j:hover{border-color:var(--czern);opacity:1}
.pole,.polem,.krok,.inp,.inp-m,.chip,.rz,.opc,.opk,.szuk,.pole-t{border-color:#D8D0C6}
.chip{background:#fff}
.karta,.lista,.liczby,.pas4,.kroki,.pusto{border-radius:12px}
.lista th,.cz th,.mac th,.zl-tab th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--szary)}
.lista th{background:#fff}
.lista tr.klik:hover td{background:#FBF9F6}
.lista .r .ile{font-weight:600}
.lista .mod{font-weight:600;line-height:1.35}
.lista .mod .lp,.tk h4 .lp{color:var(--szary);font-weight:500}
.tabs a.on{box-shadow:0 2px 0 var(--czern)}
.nag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--szary);margin-top:22px}
.nag.model{font-size:15px;text-transform:none;letter-spacing:0;font-weight:700;margin-top:14px}
.wiersz .belki{display:none}
.opc:has(input:checked),.opc.on{background:#FBF9F6}
.pole:focus,.pole:focus-within,.inp:focus,.szuk:focus,.krok:focus-within,.polem:focus-within,.inp-m:focus{box-shadow:0 0 0 3px rgba(22,22,21,.10)}

/* ---------- panel szwalni: lista zleceń ---------- */
.tk{border-radius:14px;padding:14px}
.tk .g{gap:8px}
.nr-t{font-size:13px;font-weight:600;color:var(--szary);letter-spacing:.03em}
.zl-pilne{border-left:4px solid var(--czern)}
ol.mod{list-style:none;margin:10px 0 0;padding:0;counter-reset:m}
ol.mod li{counter-increment:m;display:grid;grid-template-columns:1fr;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--czern);padding:6px 0;border-top:1px solid var(--linia-m)}
ol.mod li:first-child{border-top:0;padding-top:0}
ol.mod.num li{grid-template-columns:22px 1fr}
ol.mod.num li::before{content:counter(m) ".";color:var(--szary);font-weight:500}
ol.mod li small{grid-column:-2/-1;font-size:13px;font-weight:400;color:var(--szary)}
.zl-dopisek{font-size:13px;color:var(--szary);margin-top:6px}
.zl-dopisek b{color:var(--czern)}
.tk .meta{display:flex;gap:22px;margin-top:10px;padding-top:10px;border-top:1px solid var(--linia);font-size:13px;color:var(--szary)}
.tk .meta b{display:block;font-size:17px;font-weight:700;color:var(--czern);line-height:1.25}
.tk .akcja{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.tk .akcja .btn{margin-top:0}
.tk .akcja .otworz{font-weight:600;font-size:14.5px;color:var(--czern);text-decoration:none;padding:10px 4px}
.zakr{border-radius:12px}

/* ---------- panel szwalni: zlecenie ---------- */
.zl-g{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.etapy-pas{display:grid;gap:4px;margin:14px 0 14px;max-width:640px}
.etapy-pas span{font-size:12px;color:var(--szary);padding-top:7px;border-top:4px solid var(--linia)}
.etapy-pas span.byl{border-color:#9DB7A2;color:var(--grafit)}
.etapy-pas span.teraz{border-color:var(--czern);color:var(--czern);font-weight:700}
.kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:640px}
.kafle div{background:#fff;border:1px solid var(--linia);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--szary);min-width:0}
.kafle b{display:block;font-size:20px;font-weight:700;color:var(--czern);line-height:1.25}
.cze{border-radius:12px}
.cze .g1{flex-wrap:wrap}
.zl-model{font-size:16px;font-weight:700}
.zl-rozm b{background:#F3EBE2;font-size:13.5px;font-weight:600;min-width:34px;padding:3px 8px;border-radius:6px}
.zl-tab td{font-size:15px;font-weight:500}
.zl-tab td b{font-size:19px}
.zl-tab th:last-child,.zl-tab td:last-child,.zl-tab th:nth-child(2),.zl-tab td:nth-child(2){text-align:right;width:70px}
.zl-tab td:nth-child(3){font-weight:600}
.zl-tab tfoot td{border-top:1px solid var(--linia)}
.panel-szwalni .back{height:40px;font-size:14.5px;border-color:#CFC6BB}
.hist time{font-size:12.5px}

@media print{
  .etapy-pas span{border-color:#999}
  .stn{background:none !important;box-shadow:none;padding:0}
}

/* Część zlecenia: kolor pogrubiony, rozmiary zwykłą czcionką w jednej linii. */
.cz-rozm{display:block;font-weight:400;font-size:13.5px;color:var(--szary);white-space:nowrap}
.cz-rozm.w-linii{display:inline;font-size:14px}
.cz td.gl{white-space:nowrap}
.cz tr.grupa td{white-space:normal}
@media (max-width:860px){.cz tr.grupa td{max-width:82vw}}