:root{
  --krem:#FAF5F0; --bez:#E9D0BA; --bez-c:#D6B699; --biel:#FFFFFF;
  --czern:#161615; --grafit:#2B2B2B; --szary:#7A726A; --linia:#E8DED3; --linia-m:#F1E9E0;
  --czerwien:#B94A48; --zielen:#536A49; --zielen-tlo:#E8EEE2;
  --k-bez:#D8BC9F; --k-czarny:#1E1D1C; --k-grafit:#58585D; --k-ecru:#F3ECDD; --k-khaki:#807E57; --k-czekolada:#553A2E;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#DDD3C8}
body{font-family:"Inter",sans-serif;font-size:15px;line-height:1.45;color:var(--grafit);padding:28px;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"cv11" 1}
h1,h2,h3,.wm{font-family:"TeX Gyre Adventor","Inter",sans-serif;color:var(--czern);font-weight:700}
.frame{width:1380px;background:var(--krem);border-radius:14px;overflow:hidden;display:flex;box-shadow:0 18px 50px rgba(60,40,20,.18)}

/* boczny pasek */
.side{width:206px;flex:none;background:var(--bez);padding:26px 18px 22px;display:flex;flex-direction:column}
.wm{font-size:21px;letter-spacing:.3em;font-weight:400;padding-left:8px}
.wm small{display:block;font-family:"Inter";font-size:12.5px;letter-spacing:0;color:#6B5746;margin-top:2px}
.nav{margin-top:34px;display:flex;flex-direction:column;gap:3px}
.nav a{display:flex;justify-content:space-between;padding:9px 12px;border-radius:8px;color:#4A3D32;text-decoration:none;font-weight:500;font-size:14.5px}
.nav a.on{background:var(--krem);color:var(--czern);font-weight:600}
.nav a b{font-weight:500;color:#7C6753}
.kto{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--bez-c);font-size:13.5px;color:#4A3D32}
.kto strong{display:block;color:var(--czern);font-size:14.5px}

.main{flex:1;padding:30px 36px 36px;min-width:0}
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
h1{font-size:29px;line-height:1.15;letter-spacing:-.01em}
.sub{color:var(--szary);font-size:14.5px;margin-top:5px}
.back{font-size:13.5px;color:var(--szary);margin-bottom:8px}

.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:9px;font:600 14.5px "Inter";border:1px solid var(--czern);background:var(--czern);color:#fff;white-space:nowrap}
.btn.j{background:transparent;color:var(--czern);border-color:#C9BBAC}
.btn.s{height:34px;padding:0 13px;font-size:13.5px}
.btn.w{width:100%;justify-content:center}
.btn.off{background:#E4DAD0;border-color:#E4DAD0;color:#9A8F84}

/* belki = rolki materiału */
.belki{display:inline-flex;gap:7px;align-items:flex-end;vertical-align:middle}
.belki .g{display:inline-flex;gap:2px}
.belki i{display:block;width:7px;height:20px;border-radius:3.5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.kol{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);vertical-align:-2px;margin-right:8px}
.kol.d{width:22px;height:22px;vertical-align:-5px;margin-right:10px}
.c-bez{background:var(--k-bez)}.c-czarny{background:var(--k-czarny)}.c-grafit{background:var(--k-grafit)}
.c-ecru{background:var(--k-ecru)}.c-khaki{background:var(--k-khaki)}.c-czekolada{background:var(--k-czekolada)}

/* statusy */
.st{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;white-space:nowrap}
.st::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.st.nowe{color:#9A6A3C}.st.prod{color:var(--grafit)}.st.prod::before{background:transparent;box-shadow:inset 0 0 0 2px var(--grafit)}
.st.got{color:var(--zielen)}.st.odb{color:#9B938A;font-weight:500}
.zle{color:var(--czerwien);font-weight:600}
.m{color:var(--szary);font-size:13px}
.lnk{color:var(--czern);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C9A988}

/* pasek liczb */
.liczby{display:flex;margin-top:24px;background:var(--biel);border:1px solid var(--linia);border-radius:12px}
.liczby div{flex:1;padding:16px 22px;border-left:1px solid var(--linia-m)}
.liczby div:first-child{border-left:0}
.liczby b{font-family:"TeX Gyre Adventor";font-size:27px;color:var(--czern);line-height:1.1;display:block}
.liczby span{font-size:13.5px;color:var(--szary)}

.tabs{display:flex;gap:26px;margin-top:26px;border-bottom:1px solid var(--linia)}
.tabs a{padding:0 0 11px;font-weight:500;color:var(--szary);font-size:15px}
.tabs a.on{color:var(--czern);font-weight:600;box-shadow:0 2px 0 var(--czern)}
.tabs a b{font-weight:500;color:#A69B90;margin-left:5px}
.filtry{display:flex;gap:8px;align-items:center;margin-top:16px}
.chip{height:32px;padding:0 13px;border-radius:16px;border:1px solid #D9CCBE;display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;background:transparent;color:#4A433C}
.chip.on{background:var(--czern);border-color:var(--czern);color:#fff}
.szuk{margin-left:auto;height:34px;width:240px;border:1px solid #D9CCBE;border-radius:9px;background:var(--biel);display:flex;align-items:center;padding:0 12px;color:#A69B90;font-size:13.5px}

table{border-collapse:collapse;width:100%}
.lista{margin-top:14px;background:var(--biel);border:1px solid var(--linia);border-radius:12px;overflow:hidden}
.lista th{white-space:nowrap;font-size:12.5px;font-weight:500;color:var(--szary);text-align:left;padding:11px 14px;background:#FCF9F6;border-bottom:1px solid var(--linia)}
.lista td{white-space:nowrap;padding:13px 12px;border-bottom:1px solid var(--linia-m);vertical-align:middle;font-size:14.5px}
.lista tr:last-child td{border-bottom:0}
.lista td:first-child,.lista th:first-child{padding-left:20px}
.lista .nr{font-weight:600;color:var(--czern)}
.lista .r{text-align:right}
.lista .ile{font-weight:600;color:var(--czern);font-size:15.5px}
.lista tr.zak td{background:#FDFBF9}
.lista tr.zak .nr,.lista tr.zak .ile,.lista tr.zak .mod{color:#6E665E}
.mod{font-weight:600;color:var(--czern)}

/* karty formularza */
.kol2{display:flex;gap:26px;margin-top:24px;align-items:flex-start}
.kol2 > .l{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.kol2 > .p{width:300px;flex:none;display:flex;flex-direction:column;gap:16px}
.karta{background:var(--biel);border:1px solid var(--linia);border-radius:12px;padding:20px 22px}
.karta h2{font-size:17px;margin-bottom:14px}
.karta h2 span{font-family:"Inter";font-weight:400;font-size:13.5px;color:var(--szary);margin-left:8px}
label.et{display:block;font-size:13px;color:var(--szary);margin-bottom:6px;font-weight:500}
.pole{height:42px;border:1px solid #D9CCBE;border-radius:9px;display:flex;align-items:center;padding:0 13px;font-size:15px;color:var(--czern);background:var(--biel)}
.pole.f{border-color:var(--czern);box-shadow:0 0 0 3px rgba(233,208,186,.7)}
.pole.t{height:auto;padding:11px 13px;align-items:flex-start;line-height:1.45}
.opcje{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.opc{border:1px solid #D9CCBE;border-radius:10px;padding:12px 14px;position:relative}
.opc strong{display:block;color:var(--czern);font-size:15px}
.opc span{display:block;font-size:13px;color:var(--szary);white-space:nowrap}
.opc.on{border-color:var(--czern);box-shadow:inset 0 0 0 1px var(--czern);background:#FCF7F2}
.opc.on::after{content:"";position:absolute;top:12px;right:12px;width:16px;height:16px;border-radius:50%;background:var(--czern);box-shadow:inset 0 0 0 4.5px var(--czern),inset 0 0 0 16px #fff}
.rozm{display:flex;gap:8px}
.rz{min-width:50px;height:38px;border-radius:9px;border:1px solid #D9CCBE;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#8B8178;padding:0 12px}
.rz.on{background:var(--czern);border-color:var(--czern);color:#fff}
.wiersz{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--linia-m)}
.wiersz.ost{border-bottom:0}
.wiersz .pole{flex:none;width:230px}
.krok{display:inline-flex;align-items:center;border:1px solid #D9CCBE;border-radius:9px;height:42px;background:var(--biel)}
.krok span{width:38px;text-align:center;font-size:19px;color:#6E665E}
.krok b{width:38px;text-align:center;font-size:16px;color:var(--czern)}
.x{margin-left:auto;color:#B3A89C;font-size:19px}
.razem{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:14px;border-top:1px solid var(--linia)}
.razem b{color:var(--czern);font-size:16px}
.dl{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:14.5px}
.dl dt{color:var(--szary)}.dl dd{color:var(--czern);font-weight:600;text-align:right}
.info{font-size:13.5px;color:#5E554C;background:#F4EADF;border-radius:10px;padding:12px 14px;line-height:1.45}

/* szczegóły */
.kroki{display:flex;margin-top:24px;background:var(--biel);border:1px solid var(--linia);border-radius:12px;padding:18px 24px}
.kroki div{flex:1;position:relative;padding-top:22px;font-size:14px;font-weight:600;color:var(--czern)}
.kroki div small{display:block;font-weight:400;color:var(--szary);font-size:13px}
.kroki div::before{content:"";position:absolute;top:5px;left:0;right:0;height:2px;background:var(--czern)}
.kroki div::after{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--czern)}
.kroki div.teraz::before{background:#DDD0C2}
.kroki div.teraz::after{background:var(--zielen);box-shadow:0 0 0 4px var(--zielen-tlo)}
.kroki div.teraz{color:var(--zielen)}
.kroki div.pot{color:#A69B90;font-weight:500}
.kroki div.pot::before{background:#DDD0C2}
.kroki div.pot::after{background:var(--krem);box-shadow:inset 0 0 0 2px #CFC1B2}
.kroki div:last-child::before{display:none}
.mac th{white-space:nowrap;font-size:13px;font-weight:500;color:var(--szary);padding:8px 10px;text-align:right;border-bottom:1px solid var(--linia)}
.mac th:first-child,.mac td:first-child{text-align:left;padding-left:0}
.mac td{white-space:nowrap;padding:13px 10px;text-align:right;border-bottom:1px solid var(--linia-m);font-size:15.5px;color:var(--czern)}
.mac td.sz{font-size:17px;font-weight:500}
.mac td.rz2{font-weight:700}
.mac tfoot td{border-bottom:0;border-top:2px solid var(--czern);font-weight:700;padding-top:14px}
.mac tfoot td:first-child{font-weight:600}
.tag{display:inline-block;font-size:12px;font-weight:500;color:#7A5A3B;background:#F4EADF;border-radius:5px;padding:2px 7px;margin-left:8px;vertical-align:1px}
.mac .wy{color:var(--szary);font-size:14.5px}
.duza{font-family:"TeX Gyre Adventor";font-weight:700;font-size:38px;color:var(--czern);line-height:1}
.por{margin-top:14px;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.por div{display:flex;align-items:center;gap:10px}
.por span.n{width:142px;white-space:nowrap;color:var(--szary)}
.por span.b{height:10px;border-radius:5px;background:var(--czern)}
.por span.b.st2{background:var(--bez-c)}
.por b{color:var(--czern)}
.hist{display:flex;flex-direction:column;gap:13px;font-size:14px}
.hist div{display:grid;grid-template-columns:92px 1fr;gap:10px}
.hist time{color:var(--szary);font-size:13px;padding-top:1px}
.hist b{color:var(--czern)}

/* telefony */
.tel-wrap{display:flex;gap:34px;padding:8px 6px 6px}
.tel-kol{width:372px}
.tel-kol h3{font-size:17px;margin:0 0 4px 6px}
.tel-kol p.op{font-size:13.5px;color:#5E554C;margin:0 0 14px 6px;min-height:39px;line-height:1.4}
.tel{width:372px;height:770px;background:var(--krem);border-radius:38px;border:9px solid #161615;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 44px rgba(60,40,20,.22)}
.tbar{background:var(--bez);padding:16px 20px 14px;display:flex;justify-content:space-between;align-items:center}
.tbar .wm{font-size:16px;padding:0}
.tbar span{font-size:13.5px;font-weight:600;color:#4A3D32}
.tcont{padding:18px 18px 0;flex:1;overflow:hidden}
.tcont h1{font-size:23px}
.seg{display:flex;background:#EFE5DA;border-radius:10px;padding:3px;margin-top:14px}
.seg a{flex:1;text-align:center;padding:8px 0;font-size:14px;font-weight:500;color:#6E665E;border-radius:8px}
.seg a.on{background:var(--biel);color:var(--czern);font-weight:600}
.tk{background:var(--biel);border:1px solid var(--linia);border-radius:14px;padding:15px 16px;margin-top:12px}
.tk .g{display:flex;justify-content:space-between;align-items:center}
.tk h4{font:700 17px "TeX Gyre Adventor";color:var(--czern);margin-top:5px}
.tk .rzad{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px}
.tk .btn{margin-top:13px}
.pas{height:6px;border-radius:3px;background:#EFE5DA;margin-top:10px;overflow:hidden}
.pas i{display:block;height:100%;background:var(--czern);border-radius:3px}
.nag{font-size:13.5px;font-weight:600;color:var(--szary);margin:17px 2px 0}
.mat{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid var(--linia-m);font-size:15.5px;color:var(--czern);font-weight:500}
.mat:last-child{border-bottom:0}
.mat .belki{margin-left:auto;margin-right:12px}
.mat b{font-weight:600;width:62px;text-align:right}
.foto{height:84px;border-radius:12px;background:repeating-linear-gradient(135deg,#EFE5DA 0 10px,#F6EEE5 10px 20px);display:flex;align-items:center;justify-content:center;color:#8B7B6C;font-size:13.5px;margin-top:12px}
.tstopka{padding:12px 18px 20px;background:var(--krem);border-top:1px solid var(--linia);display:flex;flex-direction:column;gap:8px}
.wp{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--linia-m)}
.wp:last-of-type{border-bottom:0}
.wp .r1{font:700 19px "TeX Gyre Adventor";color:var(--czern);width:54px}
.wp .krok{margin-left:auto;height:48px}
.wp .krok span{width:46px;font-size:22px}
.wp .krok b{width:74px;font-size:20px;font-weight:600;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid #E4D9CD;border-right:1px solid #E4D9CD}
.wp .krok.f{border-color:var(--czern);box-shadow:0 0 0 3px rgba(233,208,186,.8)}
.wp .krok b.p{color:#B9AEA2;font-weight:400}
.kursor{display:inline-block;width:2px;height:24px;background:var(--czern)}
.ok{color:var(--zielen);font-weight:600;font-size:14px}

.zakr{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:var(--biel);border:1px solid var(--linia);border-radius:14px;margin-top:8px;font-size:14.5px}
.zakr b{color:#5E564E;font-weight:600}

/* ---------- wersja 2: etapy, pilne, odbiór ---------- */
.pil{display:inline-block;font-size:12.5px;font-weight:600;color:var(--czerwien);background:#F8E7E4;border-radius:5px;padding:2px 8px;white-space:nowrap}
.pil.d{font-size:13.5px;padding:4px 10px}
.etp{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;color:var(--czern);white-space:nowrap}
.etp.got{color:var(--zielen)}
.etp.odb{color:#9B938A;font-weight:500}
.sg{display:inline-flex;gap:3px}
.sg i{display:block;width:13px;height:6px;border-radius:3px;background:#E3D8CC}
.sg i.z{background:var(--czern)}
.sg i.t{background:var(--czern);box-shadow:0 0 0 2.5px var(--bez)}
.etp.got .sg i.t{background:var(--zielen);box-shadow:0 0 0 2.5px var(--zielen-tlo)}
.etp.odb .sg i{background:#C9BFB4}
.liczby.piec div{padding:15px 20px}
.kroki div.wtoku::before{background:#DDD0C2}
.kroki div.wtoku::after{background:var(--czern);box-shadow:0 0 0 4px var(--bez)}

/* tabela części zlecenia */
.cz th{font-size:13px;font-weight:500;color:var(--szary);padding:8px 12px 8px 0;text-align:left;border-bottom:1px solid var(--linia);white-space:nowrap}
.cz td{padding:13px 12px 13px 0;border-bottom:1px solid var(--linia-m);font-size:14.5px;color:var(--czern);vertical-align:middle}
.cz tr:last-child td{border-bottom:0}
.cz td:last-child,.cz th:last-child{text-align:right;padding-right:0}
.cz .gl{font-weight:600}
.stan{display:flex;align-items:flex-start;gap:9px}
.stan::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;margin-top:5px;background:#D9CCBE}
.stan.ok::before{background:var(--zielen)}
.stan.teraz::before{background:var(--czern);box-shadow:0 0 0 3px var(--bez)}
.stan.brak{color:var(--szary)}
.prz{display:inline-block;width:40px;height:23px;border-radius:12px;background:#DDD2C6;position:relative;vertical-align:middle}
.prz::after{content:"";position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.prz.on{background:var(--czerwien)}
.prz.on::after{left:19.5px}
.przet{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--szary);white-space:nowrap}
.przet.on{color:var(--czerwien);font-weight:600}
.wyb{display:flex;background:#EFE5DA;border-radius:10px;padding:3px}
.wyb a{flex:1;text-align:center;padding:9px 0;font-size:14px;font-weight:500;color:#6E665E;border-radius:8px;white-space:nowrap}
.wyb a.on{background:var(--czern);color:#fff;font-weight:600}
.sciezka{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:#5E554C;flex-wrap:wrap}
.sciezka b{font-weight:600;color:var(--czern);background:#F4EADF;border-radius:6px;padding:4px 10px}
.sciezka b.dod{background:var(--czern);color:#fff}
.sciezka i{font-style:normal;color:#B3A89C}

/* telefon: oś etapów */
.tel{height:810px}
.tel-wrap{gap:44px}
.os{margin-top:14px;position:relative}
.os .e{position:relative;padding:0 0 18px 30px}
.os .e::before{content:"";position:absolute;left:6px;top:8px;bottom:-8px;width:2px;background:#DDD0C2}
.os .e:last-child::before{display:none}
.os .e::after{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--krem);box-shadow:inset 0 0 0 2px #CFC1B2}
.os .e.z::after{background:var(--czern);box-shadow:none}
.os .e.z::before{background:var(--czern)}
.os .e.t::after{background:var(--czern);box-shadow:0 0 0 4px var(--bez)}
.os h5{font:700 16.5px "TeX Gyre Adventor";color:var(--czern);display:flex;justify-content:space-between;align-items:baseline}
.os h5 span{font:500 13px "Inter";color:var(--szary)}
.os p{font-size:14px;color:#4A433C;margin-top:3px}
.par{background:var(--biel);border:1px solid var(--linia);border-radius:12px;margin-top:8px;padding:2px 13px}
.par div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--linia-m);font-size:14px}
.par div:last-child{border-bottom:0}
.par b{color:var(--czern);font-weight:600;white-space:nowrap}
.par span{color:#5E554C;text-align:right;font-size:13.5px}
.par span.ok{color:var(--zielen);font-weight:600}
.polem{height:44px;border:1px solid #D9CCBE;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:15.5px;color:var(--czern);background:var(--biel);margin-top:6px;font-weight:500}
.polem span{font-size:13px;color:var(--szary);font-weight:400}
.baner{background:#F8E7E4;border-radius:11px;padding:10px 13px;font-size:13.5px;color:#7E2F2D;margin-top:12px;line-height:1.4}
.baner b{font-weight:700}
.opk{display:flex;align-items:center;justify-content:space-between;border:1px solid #D9CCBE;border-radius:12px;padding:12px 14px;margin-top:8px;background:var(--biel);font-size:15px;color:var(--czern);font-weight:600}
.opk span.m{font-weight:400}
.opk.off{background:transparent;border-style:dashed;color:#8B8178;font-weight:500}
.opk.on{border-color:var(--czern);box-shadow:inset 0 0 0 1px var(--czern)}
.opk.on::after{content:"";width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 5px var(--czern)}
.tk .wp .krok{height:44px}
.stan.ok{font-weight:400;font-size:14.5px;color:var(--zielen)}
.stan.ok .m{font-weight:400}

/* ---------- wersja 3: części po rozmiarach, odebrane, koszt, panel na telefon ---------- */
.szw{font-size:13.5px;color:#4A433C;margin-top:1px}
.lista tr.zak .szw{color:#8B8178}
.pb{display:block;height:6px;border-radius:3px;background:#EADFD3;overflow:hidden}
.pb i{display:block;height:100%;background:var(--zielen);border-radius:3px}
.odb2{min-width:112px}
.odb2 .pb{margin-bottom:5px}
.odb2 span{font-size:13.5px;color:var(--czern)}
.kw{font-weight:600;color:var(--czern);font-size:15px}
.lista tr.zak .kw,.lista tr.zak .odb2 span{color:#6E665E}
.rzs{display:inline-flex;gap:6px;align-items:center}
.rzs b{min-width:36px;height:30px;border-radius:7px;border:1px solid #D9CCBE;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#8B8178;padding:0 8px;background:var(--biel)}
.rzs b.on{background:var(--czerwien);border-color:var(--czerwien);color:#fff}
.rzs b.wyl{background:#F3ECE4;border-style:dashed;color:#B3A89C}
.rzs b.cz2{background:var(--czern);border-color:var(--czern);color:#fff}
.wiersz{flex-wrap:wrap}
.pilr{flex-basis:100%;display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--czerwien);font-weight:500;padding:2px 0 4px 2px}
.pas4{display:flex;margin-top:22px;background:var(--biel);border:1px solid var(--linia);border-radius:12px}
.pas4 > div{flex:1;padding:16px 22px;border-left:1px solid var(--linia-m)}
.pas4 > div:first-child{border-left:0}
.pas4 b{font-family:"TeX Gyre Adventor";font-size:25px;color:var(--czern);line-height:1.15;display:block}
.pas4 b small{font-family:"Inter";font-size:14px;font-weight:500;color:var(--szary)}
.pas4 span{font-size:13.5px;color:var(--szary)}
.pas4 .pb{margin:8px 0 2px}
.cz td.gl small{display:block;font-weight:400;color:var(--szary);font-size:13px;margin-left:32px}
.cz .tn{font-size:14.5px;white-space:nowrap}
.cz tfoot td{border-top:2px solid var(--czern);border-bottom:0;font-weight:700;padding-top:13px}
.mac td.pc{background:#F8E7E4;color:var(--czerwien);font-weight:600}
.leg{display:flex;gap:18px;margin-top:12px;font-size:13px;color:var(--szary);align-items:center}
.leg i{display:inline-block;width:14px;height:14px;border-radius:4px;background:#F8E7E4;vertical-align:-2px;margin-right:6px;box-shadow:inset 0 0 0 1px #E9C6C2}
.kwota{font-family:"TeX Gyre Adventor";font-weight:700;font-size:32px;color:var(--czern);line-height:1.1;margin-top:14px}
.kwota small{font-family:"Inter";font-size:13.5px;font-weight:400;color:var(--szary);display:block;margin-top:3px}
.odl{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--linia-m);font-size:14px}
.odl:last-of-type{border-bottom:0}
.odl b{color:var(--czern);font-weight:600}
.tylko{display:inline-block;font-size:12px;font-weight:500;color:#5E554C;background:#F4EADF;border-radius:5px;padding:2px 8px;margin-left:8px;vertical-align:2px;font-family:"Inter"}
/* telefon */
.chipy{display:flex;gap:7px;margin-top:12px;overflow:hidden;white-space:nowrap}
.chipy .chip{flex:none;height:32px}
.cze{background:var(--biel);border:1px solid var(--linia);border-radius:13px;padding:11px 14px;margin-top:8px}
.cze .g1{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cze .g1 b{font-weight:600;color:var(--czern);font-size:15px;white-space:nowrap}
.cze .g2{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;color:#5E554C;margin-top:4px}
.cze.zr{background:transparent}
.cze.zr .g1 b{color:#6E665E}
.notka{background:#F4EADF;border-radius:11px;padding:10px 13px;font-size:13.5px;color:#5E554C;margin-top:12px;line-height:1.4}
.wiel{font:700 24px "TeX Gyre Adventor";color:var(--czern);line-height:1.15}
.wiel small{font:500 13.5px "Inter";color:var(--szary)}

/* ---------- wersja 4: kontrola ilości (magazyn, faktura) ---------- */
.rmin{color:var(--czerwien);font-weight:700}
.rok{color:var(--zielen);font-weight:600}
.cz td small.pod{display:block;font-size:13px;color:var(--szary);font-weight:400}
.cz td.adn{font-size:13.5px;color:#4A433C;line-height:1.4;text-align:left !important;max-width:270px}
.cz th.adn{text-align:left !important}
.alarm{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#F8E7E4;border-radius:10px;padding:12px 16px;font-size:14px;color:#7E2F2D;margin-top:14px}
.alarm b{font-weight:700}
.fakt{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--linia);font-size:14.5px}
.fakt .et2{color:var(--szary);font-size:13.5px;width:70px}
.fakt b{color:var(--czern);font-weight:600}
.mag{font-size:13px;color:var(--czerwien);font-weight:500;margin-top:1px;display:block}
.wp .zsz{font-size:13.5px;color:var(--szary);margin-left:2px}
.wyn{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--linia-m);font-size:14.5px}
.wyn:last-child{border-bottom:0}
.wyn b{color:var(--czern);font-weight:600}
.pole-t{border:1px solid #D9CCBE;border-radius:10px;padding:11px 13px;font-size:14.5px;color:var(--czern);background:var(--biel);margin-top:6px;line-height:1.4}
.odb2 span.mag{color:var(--czerwien);font-size:13px;display:block}
.lista td:last-child,.lista th:last-child{padding-right:20px}
.liczby.piec span{white-space:nowrap}

/* ---------- wersja 5: faktura zbiorcza, koszt w karcie produktu ---------- */
.cb{display:inline-flex;width:21px;height:21px;border-radius:6px;background:var(--czern);align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;vertical-align:middle}
.cb.off{background:#fff;box-shadow:inset 0 0 0 1.5px #CFC1B2}
.inp{display:inline-flex;height:36px;min-width:78px;border:1px solid #D9CCBE;border-radius:8px;align-items:center;justify-content:flex-end;padding:0 11px;font-weight:600;font-size:15px;color:var(--czern);background:#fff}
.inp.f{border-color:var(--czern);box-shadow:0 0 0 3px rgba(233,208,186,.7)}
.pole.ro{background:#F6F0E9;border-style:dashed;justify-content:space-between}
.pola{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:14px}
.cz td.c{width:34px}
.sumy{display:flex;flex-direction:column}
.sumy div{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--linia-m);font-size:14.5px}
.sumy div span{color:var(--szary)}
.sumy div b{color:var(--czern);font-weight:600}
.sumy div.gr{border-bottom:0;border-top:1px solid var(--linia);margin-top:6px;padding-top:13px}
.sumy div.cz3 b,.sumy div.cz3 span{color:var(--czerwien);font-weight:700}
.lista td.edy{background:#FCF7F2}
.zm{font-size:13px;color:var(--szary)}
.cz td.gl small.pod{margin-left:0}