:root{
  --ink:#0b0a09;--ink-2:#141210;--ink-3:#1d1a17;--ink-4:#25211d;--line:#2c2723;--line-2:#3a332d;
  --bone:#efe8dc;--bone-2:#d9d0c1;--mute:#9a9186;--mute-2:#6f675e;
  --orange:#f26722;--orange-2:#ff7a33;--rust:#a3411a;
  --zolty:#e5a93a;--ziel:#7cb87a;--stal:#8fb2c9;--promo:#ef4b5f;
  --display:"Anton",Impact,sans-serif;--cond:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Inter",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r:4px;
  --m-fill:#1d1a17;--m-line:#efe8dc;--m-tire:#2c2723;--m-acc:#f26722;--m-seat:#0b0a09;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--bone);font:14.5px/1.5 var(--body);-webkit-font-smoothing:antialiased;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
svg{display:block}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.wrap{width:min(1400px,100% - 32px);margin:18px auto 60px}
.mono{font-family:var(--mono);font-size:.92em;letter-spacing:.02em}
.mute{color:var(--mute)}
.ukryj{display:none!important}
.lbl{display:block;font:600 11.5px/1.2 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.nr{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 7px;border:1px solid var(--orange);color:var(--orange);font:400 14px/1 var(--display);letter-spacing:.06em}
.nr svg{width:16px;height:16px}

/* ---------- przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:1.5px solid transparent;border-radius:var(--r);
  font:700 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:none}
.btn svg{width:17px;height:17px;flex:none}
.btn--or{background:var(--orange);color:#140a04}
.btn--or:hover{background:var(--orange-2)}
.btn--cien{border-color:var(--line-2);color:var(--bone-2);background:var(--ink-2)}
.btn--cien:hover{border-color:var(--bone-2);color:var(--bone)}
.btn--maly{height:32px;padding:0 12px;font-size:12.5px}
.btn--duzy{height:52px;font-size:16px;padding:0 24px}
.btn--pelny{width:100%}
.btn--ikona{width:40px;padding:0}

/* ---------- nagłówek */
.gora{position:sticky;top:0;z-index:40;background:rgba(11,10,9,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.gora-in{width:min(1400px,100% - 32px);margin:0 auto;height:62px;display:flex;align-items:center;gap:18px}
.marka{display:flex;align-items:center;gap:10px;flex:none}
.marka img{width:44px;height:auto}
.marka span{display:flex;flex-direction:column;line-height:1}
.marka b{font:400 21px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.marka i{font:700 11px/1.3 var(--cond);font-style:normal;letter-spacing:.32em;text-transform:uppercase;color:var(--orange)}
.menu{display:flex;gap:4px}
.menu a{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:var(--r);font:600 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.menu a svg{width:17px;height:17px}
.menu a:hover{color:var(--bone)}
.menu a.on{color:var(--bone);background:var(--ink-3);box-shadow:inset 0 -2px 0 var(--orange)}
.szukaj{flex:0 1 200px;margin-left:auto;position:relative}
.szukaj svg{position:absolute;left:11px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--mute)}
.szukaj input[name=q]{width:100%;height:38px;min-height:38px;padding:0 12px 0 36px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);font-size:13.5px}
.szukaj input:focus{outline:none;border-color:var(--orange)}
.wyloguj{color:var(--mute);padding:8px}
.wyloguj svg{width:20px;height:20px}
.wyloguj:hover{color:var(--bone)}

.komunikaty{margin-bottom:12px}
.kom{padding:10px 14px;border-left:3px solid var(--orange);background:var(--ink-3);font-weight:500}

/* ---------- tablica rejestracyjna */
/* tablica motocyklowa (PL, 2 rzędy): pasek UE z lewej, wyróżnik nad numerem */
.tab{display:inline-flex;align-items:stretch;height:31px;border:1.5px solid #191919;border-radius:3px;background:#f4f2ec;color:#121212;overflow:hidden;flex:none;vertical-align:middle;box-shadow:0 1px 0 rgba(0,0,0,.4)}
.tab i{display:flex;align-items:flex-end;justify-content:center;width:11px;padding-bottom:2px;background:#1d48b8;color:#fff;font:700 6.5px/1 var(--body);font-style:normal;position:relative}
.tab i::before{content:"";position:absolute;top:4px;left:2.5px;width:6px;height:6px;border-radius:50%;border:1px dotted #f5d400}
.tab b,span.tab>b{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:34px;padding:0 5px;font:700 13px/12.5px var(--cond);letter-spacing:.08em;white-space:nowrap}
span.tab>b>span{display:block}
.tab--xl{height:66px;border-width:2.5px;border-radius:6px}
.tab--xl i{width:19px;font-size:11px;padding-bottom:5px}
.tab--xl i::before{top:8px;left:4.5px;width:10px;height:10px;border-width:1.5px}
.tab--xl b,span.tab--xl>b{min-width:78px;padding:0 12px;font-size:28px;line-height:27px;letter-spacing:.1em}

/* ---------- statusy */
.st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:2px;font:700 11.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  background:var(--sc,var(--mute));color:#120d09}
.st--umowiony{--sc:#b9b0a3}.st--przyjety{--sc:var(--bone-2)}.st--diagnoza{--sc:var(--stal)}.st--czeka{--sc:var(--zolty)}
.st--naprawa{--sc:var(--orange)}.st--gotowy{--sc:var(--ziel)}.st--wydany{--sc:var(--mute-2);color:var(--bone)}
.st-ramka--umowiony{--sc:#b9b0a3}.st-ramka--przyjety{--sc:var(--bone-2)}.st-ramka--diagnoza{--sc:var(--stal)}.st-ramka--czeka{--sc:var(--zolty)}
.st-ramka--naprawa{--sc:var(--orange)}.st-ramka--gotowy{--sc:var(--ziel)}
.znacznik{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:2px;border:1px solid currentColor;font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;width:max-content;background:none;cursor:default}
.znacznik--klient{color:var(--zolty)}.znacznik--czesci{color:var(--stal)}.znacznik--odrz{color:var(--mute);cursor:pointer;text-decoration:line-through}

/* ---------- KPI */
.kpi{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:28px}
.kafel{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 10px;position:relative;overflow:hidden}
.kafel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line-2)}
.kafel b{display:block;font:400 38px/1.05 var(--display);margin-top:6px;letter-spacing:.01em}
.kafel b small{font:600 16px var(--cond);color:var(--mute);letter-spacing:.06em}
.kafel--or::before{background:var(--orange)}.kafel--or b{color:var(--orange)}
.kafel--zolty::before{background:var(--zolty)}.kafel--zolty b{color:var(--zolty)}
.kafel--ziel::before{background:var(--ziel)}.kafel--ziel b{color:var(--ziel)}

/* ---------- bloki */
.blok{margin-bottom:34px}
.blok-nag,.nag-strony{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.blok-nag h2,.nag-strony h1{font:400 30px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.nag-strony{margin-bottom:18px;flex-wrap:wrap}
.nag-strony h1{font-size:38px}
.licznik-wolne{margin-left:auto;font:600 13px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* ---------- hala */
.hala{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.bay{display:block;background:var(--ink-2);border:1px solid var(--line);border-top:3px solid var(--sc,var(--line-2));border-radius:var(--r);overflow:hidden}
a.bay:hover{border-color:var(--sc);background:var(--ink-3)}
.bay-svg{width:100%;height:auto}
.bay-tlo{fill:#100e0c}
.bay-nr{font:400 40px var(--display);fill:none;stroke:var(--orange);stroke-width:1.2;letter-spacing:.04em}
.bay--wolne .bay-nr{stroke:var(--line-2)}
.bay-noga{stroke:#3a332d;stroke-width:6}
.duch{opacity:.07}
.bay-wolne{font:700 15px var(--cond);letter-spacing:.3em;text-transform:uppercase;fill:var(--mute-2);text-anchor:middle}
.bay-info{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;padding:10px 12px 12px;border-top:1px solid var(--line)}
.bay-info b{font:600 16px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bay-info>span:not(.tab):not(.st){color:var(--mute);font-size:13px}
.bay-info .st{justify-self:end}
.bay-info .tab{justify-self:start}
.bay--wolne .bay-info{display:block;min-height:61px}

/* ---------- tablica serwisu */
.tablica{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:start}
.kol{display:flex;flex-direction:column;gap:8px;min-width:0}
.kol-nag{display:none}
.kol-pusto{text-align:center;color:var(--mute-2);padding:14px 0;border:1px dashed var(--line);border-radius:var(--r)}
.karta{display:flex;flex-direction:column;gap:5px;padding:10px 11px;background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--sc);border-radius:var(--r);min-width:0}
.karta:hover{background:var(--ink-3);border-color:var(--line-2);border-left-color:var(--sc)}
.karta-g{display:flex;align-items:center;justify-content:space-between;gap:6px}
.czas{font:600 12.5px/1 var(--cond);letter-spacing:.06em;color:var(--mute);white-space:nowrap}
.czas--dlugo{color:var(--orange)}
.karta-model{font:600 16px/1.15 var(--cond);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.karta-kl{font-size:13px;color:var(--bone-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.karta-d{display:flex;justify-content:space-between;gap:6px;font:600 12.5px/1 var(--cond);letter-spacing:.06em;color:var(--mute);margin-top:2px}
.karta-d span:last-child{color:var(--bone-2)}

/* ---------- karty-bloki, siatki */
.karta-b{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px;min-width:0}
.karta-b h3{display:flex;align-items:center;gap:10px;font:400 21px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:14px}
.h-pom{margin-left:auto;font:600 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.siatka-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.siatka-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.siatka-zl{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px;align-items:start}
.siatka-2>.karta-b,.siatka-3>.karta-b{margin-bottom:0}
.siatka-2+.siatka-2,.siatka-3+.siatka-2{margin-top:12px}

/* ---------- formularze */
.pola{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.pole{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:10px}
.pola .pole{margin-bottom:0}
.pole--2{grid-column:1/-1}
input:where(:not([type=radio]):not([type=checkbox]):not([type=file])),select,textarea{width:100%;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r);padding:9px 11px;font-size:14.5px;min-height:40px}
textarea{resize:vertical;line-height:1.45}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange)}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}
input::placeholder,textarea::placeholder{color:var(--mute-2)}
.wielkie{text-transform:uppercase}
.vin-info{font-style:normal;color:var(--orange);letter-spacing:.08em;margin-left:6px}
input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85)}

.przelacz{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;margin-bottom:12px}
.przelacz label{cursor:pointer}
.przelacz input{position:absolute;opacity:0;pointer-events:none}
.przelacz span{display:flex;align-items:center;height:40px;padding:0 16px;font:700 13.5px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.przelacz label+label span{border-left:1px solid var(--line-2)}
.przelacz input:checked+span{background:var(--bone);color:var(--ink)}
.przelacz input:focus-visible+span{outline:2px solid var(--orange)}
.przelacz--maly{margin:0}
.przelacz--maly span{height:40px;padding:0 11px;font-size:12px}
.przelacz--zawijaj{display:flex;flex-wrap:wrap;margin:0}
.przelacz--zawijaj label{flex:1 1 auto}
.przelacz--zawijaj span{justify-content:center}

.chipy{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.chip,.chip-cb span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid var(--line-2);border-radius:99px;font:600 13px/1 var(--cond);letter-spacing:.06em;color:var(--bone-2);background:var(--ink);cursor:pointer;user-select:none}
.chip:hover{border-color:var(--bone-2);color:var(--bone)}
.chip-cb{display:inline-flex}
.chip-cb input{position:absolute;opacity:0;pointer-events:none}
.chip-cb input:checked+span{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.chip-cb input:checked+span::before{content:"✓";font-weight:700}
.chip-cb input:focus-visible+span{outline:2px solid var(--orange)}
.chip-cb--pelny span{min-height:40px;width:100%;border-radius:var(--r);font-size:14px}
.chip-cb--zolty input:checked+span{background:var(--zolty);border-color:var(--zolty)}
.chip--stat{cursor:default;min-height:26px;font-size:12.5px}
.chipy--stat{margin:10px 0}
.szybkie{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}

/* ---------- nowe zlecenie */
.nowe .karta-b{margin-bottom:0}
.podp{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.podp:empty{display:none}
.podp button{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r);text-align:left;cursor:pointer}
.podp button:hover{border-color:var(--orange)}
.podp button>b{font:600 15px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.podp small{color:var(--mute);margin-left:auto;font-size:12.5px}
.lub{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--mute-2);font:600 12px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase}
.lub::before,.lub::after{content:"";flex:1;height:1px;background:var(--line)}
.wybrany{display:none;align-items:center;gap:16px;padding:12px;border:1px solid var(--orange);border-radius:var(--r);background:linear-gradient(90deg,rgba(242,103,34,.1),transparent)}
.wybrany.on{display:flex}
.wybrany-moto{width:120px;flex:none}
.wybrany>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.wybrany>div>b{font:400 22px/1 var(--display);text-transform:uppercase}
.wybrany>div>span:last-child{color:var(--bone-2);font-size:13.5px}
.wybrany .btn{margin-left:auto}

/* ---------- nagłówek zlecenia */
.zl-nag{position:relative;display:flex;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:12px;background:linear-gradient(100deg,var(--ink-3) 0%,var(--ink-2) 55%,#1a120c 100%);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.zl-nag-moto{position:absolute;right:220px;bottom:-34px;width:320px;opacity:.11;pointer-events:none;--m-acc:var(--bone)}
.zl-nag-l,.zl-nag-p{position:relative;min-width:0}
.zl-nr{display:flex;align-items:center;gap:10px;font:600 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.zl-nr a:hover{color:var(--bone)}
.zl-tab{margin-bottom:10px}
.zl-model{font:400 clamp(30px,4vw,46px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.zl-dane{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;color:var(--bone-2);font-size:13.5px}
.zl-dane a{color:var(--orange)}
.zl-dane a:hover{text-decoration:underline}
.zl-nag-p{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;justify-content:center}
.zl-klient{font:400 26px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em}
.zl-klient:hover{color:var(--orange)}
.zl-tel{display:inline-flex;align-items:center;gap:7px;font:700 19px/1 var(--cond);letter-spacing:.08em;color:var(--orange)}
.zl-tel svg{width:17px;height:17px}
.zl-mail{color:var(--mute);font-size:13px}

.baner{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:12px;background:rgba(124,184,122,.1);border:1px solid var(--ziel);border-radius:var(--r)}
.baner>svg{width:22px;height:22px;color:var(--ziel)}
.baner b{font:600 16px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;margin-right:auto}

/* ---------- tor statusów */
.tor-blok{margin-bottom:12px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.tor{display:flex;list-style:none;margin-bottom:12px}
.tor li{flex:1;min-width:0;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ink-4);color:var(--mute-2);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);margin-right:-6px;
  font:700 13px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.tor li:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.tor li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px}
.tor li.zrob{background:#3b342d;color:var(--bone-2)}
.tor li.teraz{background:var(--sc);color:#120d09}
.st-tlo--umowiony{--sc:#b9b0a3}.st-tlo--przyjety{--sc:var(--bone-2)}.st-tlo--diagnoza{--sc:var(--stal)}.st-tlo--czeka{--sc:var(--zolty)}.st-tlo--naprawa{--sc:var(--orange)}.st-tlo--gotowy{--sc:var(--ziel)}.st-tlo--wydany{--sc:var(--bone-2)}
.akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.akcje form{display:contents}
.akcje-odstep{flex:1}
.zmien-st select{width:auto;min-height:32px;height:32px;padding:0 28px 0 10px;font:600 12.5px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

/* ---------- kosztorys */
.zakres{padding:10px 12px;margin-bottom:12px;border-left:3px solid var(--orange);background:var(--ink);white-space:pre-line;font-size:14px}
.zakres .lbl{margin-bottom:4px}
.pozycje{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.poz{display:grid;grid-template-columns:34px minmax(0,1fr) 190px 100px 70px 30px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.poz form{margin:0}
.ptaszek{width:28px;height:28px;border:1.5px solid var(--line-2);border-radius:50%;background:none;color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ptaszek svg{width:15px;height:15px}
.ptaszek:hover{border-color:var(--ziel);color:var(--ziel)}
.poz--wyk .ptaszek{background:var(--ziel);border-color:var(--ziel);color:#0b0a09}
.poz-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.poz-n b{font-weight:500;font-size:14px;line-height:1.3}
.poz-n small{color:var(--mute);font-size:12px}
.poz-r{font:700 10.5px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.poz-edyt{display:flex;align-items:center;gap:6px}
.poz-edyt input{min-height:32px!important;height:32px;padding:4px 7px!important;text-align:right;font-size:13.5px!important}
.poz-edyt input[name=ilosc]{width:52px!important}
.poz-edyt input[name=cena]{width:86px!important}
.poz-edyt span{font:600 12px var(--cond);color:var(--mute);white-space:nowrap}
.poz-w{text-align:right;font:600 16px/1 var(--cond);letter-spacing:.03em;white-space:nowrap}
.poz-akc form{display:flex;gap:4px;justify-content:flex-end}
.akc{width:30px;height:30px;border-radius:var(--r);border:1px solid;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.akc svg{width:15px;height:15px}
.akc--tak{color:var(--ziel)}.akc--nie{color:#d06a58}
.akc--tak:hover{background:var(--ziel);color:var(--ink)}.akc--nie:hover{background:#d06a58;color:var(--ink)}
.poz-x button{width:28px;height:28px;border:none;background:none;color:var(--mute-2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.poz-x svg{width:14px;height:14px}
.poz-x button:hover{color:#d06a58}
.poz--czeka{background:linear-gradient(90deg,rgba(229,169,58,.09),transparent 70%)}
.poz--czeka .poz-w{color:var(--zolty)}
.poz--odrz .poz-n b,.poz--odrz .poz-w{color:var(--mute-2);text-decoration:line-through}
.poz-dodaj{display:grid;grid-template-columns:auto minmax(0,1fr) 110px 56px 90px auto 40px;gap:6px;align-items:center;margin-top:12px}
.poz-dodaj .chip-cb span{min-height:40px;border-radius:var(--r);white-space:nowrap}
.sumy{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:flex-end;justify-content:flex-end;padding-top:14px;border-top:1px solid var(--line)}
.sumy b{font:600 19px/1.1 var(--cond);letter-spacing:.03em}
.sumy-czeka b{color:var(--zolty)}
.sumy-razem b{font:400 34px/1 var(--display);color:var(--orange);letter-spacing:.02em}

/* ---------- historia */
.os-czasu{list-style:none;position:relative;padding-left:18px}
.os-czasu::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--line)}
.os-czasu li{position:relative;display:flex;gap:12px;padding:5px 0;font-size:13.5px}
.os-czasu li::before{content:"";position:absolute;left:-18px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--ink-2);border:2px solid var(--mute-2)}
.os-czasu li:first-child::before{border-color:var(--orange);background:var(--orange)}
.os-czasu time{flex:none;width:118px;color:var(--mute);font:600 12.5px/1.6 var(--cond);letter-spacing:.06em}

/* ---------- mapa uszkodzeń */
.typy{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.typ input{position:absolute;opacity:0;pointer-events:none}
.typ span{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 6px;border:1px solid var(--line-2);border-radius:99px;font:600 13.5px/1 var(--cond);letter-spacing:.06em;cursor:pointer;color:var(--bone-2)}
.typ i,.t{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font:700 12px/1 var(--cond);font-style:normal;color:#120d09;background:var(--tc)}
.typ input:checked+span{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 16%,transparent);color:var(--bone)}
.typ--R,.t--R,.pin--R{--tc:#f26722}.typ--W,.t--W,.pin--W{--tc:#e5a93a}.typ--O,.t--O,.pin--O{--tc:#8fb2c9}.typ--P,.t--P,.pin--P{--tc:#d06a58}.typ--B,.t--B,.pin--B{--tc:#c49ad6}
.mapy{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mapy figure{background:radial-gradient(ellipse at 50% 85%,#221c17 0%,#100e0c 70%);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px 4px;position:relative}
.mapy figcaption{position:absolute;left:12px;top:10px;font:700 12px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.mapa{width:100%;height:auto;overflow:visible}
.mapa--klik{cursor:crosshair;touch-action:manipulation}
.pin circle{fill:var(--tc);stroke:#0b0a09;stroke-width:4}
.pin text{font:700 26px var(--cond);fill:#120d09;text-anchor:middle;pointer-events:none}
.lista-usz{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:10px}
.lista-usz:empty{display:none}
.lista-usz li{display:grid;grid-template-columns:28px 150px minmax(0,1fr) 34px;gap:8px;align-items:center}
.lista-usz select,.lista-usz input{min-height:34px!important;padding:5px 9px!important;font-size:13.5px!important}
.lista-usz button{width:34px;height:34px;border:1px solid var(--line-2);border-radius:var(--r);background:none;color:var(--mute);cursor:pointer;display:flex;align-items:center;justify-content:center}
.lista-usz button svg{width:14px;height:14px}
.mini-mapy{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.mini-mapy .mapa{background:#100e0c;border-radius:var(--r);padding:4px}
.mapa--mini .pin circle{stroke-width:6}
.usz-krotko{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;color:var(--bone-2)}
.usz-krotko li{display:flex;align-items:center;gap:8px}
.usz-krotko .t{width:20px;height:20px;font-size:11px;flex:none}

/* ---------- licznik, paliwo, kluczyki */
.licznik{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#060505;border:1px solid var(--line-2);border-radius:var(--r);box-shadow:inset 0 2px 10px rgba(0,0,0,.6)}
.licznik input{border:none!important;background:transparent!important;padding:0!important;font:600 34px/1 var(--mono)!important;letter-spacing:.12em;color:var(--orange);min-height:44px!important;
  text-shadow:0 0 12px rgba(242,103,34,.4);-moz-appearance:textfield}
.licznik input::-webkit-outer-spin-button,.licznik input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.licznik em{font:700 14px var(--cond);font-style:normal;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}
.paliwo{width:100%;max-width:230px;height:auto}
.paliwo--klik{cursor:pointer;touch-action:manipulation}
.p-luk{fill:none;stroke:var(--line-2);stroke-width:12;stroke-linecap:round}
.p-rezerwa{fill:none;stroke:var(--rust);stroke-width:12;stroke-linecap:round}
.p-kreski{stroke:var(--bone-2);stroke-width:3;stroke-linecap:round}
.p-et{font:700 17px var(--cond);fill:var(--mute);text-anchor:middle}
.p-et--m{font-size:15px}
.p-igla path{fill:var(--orange)}
.p-os{fill:var(--bone);stroke:var(--ink);stroke-width:3}
.krokomierz{display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;width:max-content}
.krokomierz button{width:46px;border:none;background:var(--ink-3);font:400 24px/1 var(--display);cursor:pointer}
.krokomierz button:hover{background:var(--ink-4);color:var(--orange)}
.krokomierz input{width:64px!important;border:none!important;border-radius:0!important;text-align:center;font:400 28px/1 var(--display)!important;min-height:48px!important;-moz-appearance:textfield}
.krokomierz input::-webkit-outer-spin-button,.krokomierz input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stan-mini{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;margin-bottom:6px}
.stan-mini b{display:block;font:600 19px/1.1 var(--cond);margin-bottom:6px}

/* ---------- zdjęcia */
.zdjecia{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.zdj{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--ink);border:1px solid var(--line)}
.zdj img{width:100%;height:100%;object-fit:cover}
.zdj figcaption{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:linear-gradient(transparent,rgba(0,0,0,.8));font:600 10.5px/1.2 var(--cond);letter-spacing:.12em;text-transform:uppercase}
.zdj-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:var(--bone);cursor:pointer;display:flex;align-items:center;justify-content:center}
.zdj-x svg{width:12px;height:12px}
.zdj-dodaj{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--line-2);border-radius:var(--r);cursor:pointer;color:var(--mute);font:700 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.zdj-dodaj:hover{border-color:var(--orange);color:var(--orange)}
.zdj-dodaj svg{width:26px;height:26px}
.zdj-dodaj input{display:none}
.zdj--laduje{opacity:.5}

/* ---------- podpis */
.podpis{position:relative;margin-bottom:12px}
.podpis canvas{display:block;width:100%;height:190px;background:linear-gradient(transparent 76%,#c9bfaf 76%,#c9bfaf calc(76% + 1px),transparent calc(76% + 1px)),#f3eee5;border-radius:var(--r);touch-action:none;cursor:crosshair}
.podpis .btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.7);color:#333;border-color:#bbb}

/* ---------- przegląd */
.przeglad{display:flex;align-items:center;gap:16px}
.pierscien{width:92px;flex:none}
.pr-tlo{fill:none;stroke:var(--line-2);stroke-width:7}
.pr-pas{fill:none;stroke:var(--ziel);stroke-width:7;stroke-linecap:round}
.pr-pas--blisko{stroke:var(--orange)}
.pr-l{font:400 21px var(--display);fill:var(--bone);text-anchor:middle}
.pr-j{font:600 9.5px var(--cond);letter-spacing:.1em;fill:var(--mute);text-anchor:middle;text-transform:uppercase}
.przeglad b{display:block;font:400 26px/1.1 var(--display);margin-top:4px}
.przeglad small{color:var(--mute);font-size:13px}
.przyjmij-cta{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1.5px dashed var(--orange);border-radius:var(--r);color:var(--orange);font:700 15px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.przyjmij-cta svg{width:180px;--m-line:var(--orange);--m-acc:var(--orange)}
.przyjmij-cta:hover{background:rgba(242,103,34,.07)}

/* ---------- wydanie */
.rachunek{display:flex;flex-direction:column;margin-bottom:6px}
.r-poz{display:grid;grid-template-columns:24px minmax(0,1fr) auto 100px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line-2)}
.r-poz i{width:20px;height:20px;border-radius:50%;background:var(--ziel);color:var(--ink);display:flex;align-items:center;justify-content:center}
.r-poz i svg{width:12px;height:12px}
.r-poz--nie i{background:none;border:1.5px solid var(--zolty)}
.r-poz em{font:600 13px var(--cond);font-style:normal;color:var(--mute);white-space:nowrap}
.r-poz b{text-align:right;font:600 16px var(--cond)}

/* ---------- klienci, listy */
.filtr{margin-left:auto;width:min(360px,100%)}
.lista-kl{display:flex;flex-direction:column;gap:6px}
.wiersz-kl{display:grid;grid-template-columns:42px minmax(0,1.3fr) minmax(0,1.6fr) 80px 100px;gap:14px;align-items:center;padding:9px 12px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r)}
.wiersz-kl:hover{border-color:var(--line-2);background:var(--ink-3)}
.wiersz-kl--krotki{grid-template-columns:42px 1fr}
.kl-inicjaly{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--ink-4);border:1px solid var(--line-2);font:400 17px/1 var(--display);color:var(--orange);letter-spacing:.04em}
.nag-strony .kl-inicjaly{width:46px;height:46px;border-radius:50%}
.kl-n{display:flex;flex-direction:column;min-width:0}
.kl-n b{font:600 17px/1.15 var(--cond);letter-spacing:.03em;text-transform:uppercase}
.kl-n small{color:var(--mute);font-size:13px}
.kl-tab{display:flex;flex-wrap:wrap;gap:5px}
.kl-l{text-align:center;line-height:1}
.kl-l b{display:block;font:400 22px var(--display)}
.kl-l small{font:600 10.5px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.kl-d{text-align:right;color:var(--mute);font:600 13px var(--cond);letter-spacing:.06em}
.garaz{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:10px}
.garaz-m{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.garaz-m .btn{align-self:flex-start}
.garaz-a{display:flex;align-items:center;gap:12px}
.garaz-a svg{width:110px;flex:none}
.garaz-a>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.garaz-a>span>b{font:600 17px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.garaz-a small{color:var(--mute);font-size:12.5px}
.garaz-a:hover>span>b{color:var(--orange)}
.dodaj-moto summary{list-style:none;width:max-content}
.dodaj-moto summary::-webkit-details-marker{display:none}
.dodaj-moto[open] summary{margin-bottom:12px}
.lista-zl{display:flex;flex-direction:column;gap:5px}
.wiersz-zl{display:grid;grid-template-columns:70px auto minmax(0,1fr) auto 86px 96px;gap:12px;align-items:center;padding:8px 10px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.wiersz-zl:hover{border-color:var(--line-2)}
.zl-m{display:flex;flex-direction:column;min-width:0}
.zl-m b{font:600 15px/1.15 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.zl-m small{color:var(--mute);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zl-d{color:var(--mute);font:600 13px var(--cond);text-align:right}
.zl-w{text-align:right;font:600 15px var(--cond)}
.os-km{width:100%;height:auto;margin-bottom:12px}
.os-km-l{stroke:var(--line-2);stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}
.os-km-p{fill:var(--ink);stroke:var(--orange);stroke-width:4}
.os-km a:hover .os-km-p{fill:var(--orange)}
.os-km-t{font:700 15px var(--cond);fill:var(--bone);text-anchor:middle;letter-spacing:.04em}
.os-km-d{font:600 13px var(--cond);fill:var(--mute);text-anchor:middle}
.pusto{padding:18px;text-align:center;color:var(--mute-2)}
.pusto--duze{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;font-size:16px;color:var(--mute)}
.kod{font:400 90px/1 var(--display);color:var(--orange)}

/* ---------- logowanie */
.strona-log{overflow:hidden}
.strona-log::before{z-index:3}
.log{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center}
.log-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 60%;filter:saturate(.9) contrast(1.05)}
.log-cien{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(11,10,9,.97) 0%,rgba(11,10,9,.9) 28%,rgba(11,10,9,.45) 52%,rgba(11,10,9,.05) 75%),
  linear-gradient(0deg,rgba(11,10,9,.9) 0%,rgba(11,10,9,0) 38%),
  linear-gradient(180deg,rgba(11,10,9,.55) 0%,rgba(11,10,9,0) 22%),
  linear-gradient(120deg,rgba(242,103,34,0) 40%,rgba(242,103,34,.16) 100%)}
.log-in{position:relative;z-index:2;width:min(470px,100% - 40px);margin-left:clamp(20px,7vw,120px);padding:40px 0}
.log-marka{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.log-marka img{width:92px;height:auto;filter:drop-shadow(0 6px 20px rgba(242,103,34,.25))}
.log-marka div{display:flex;flex-direction:column;gap:4px}
.log-marka span{font:600 13px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--orange)}
.log-marka b{font:400 24px/1 var(--display);text-transform:uppercase;letter-spacing:.04em}
.log-tytul{display:flex;flex-direction:column;font:400 clamp(64px,9vw,118px)/.88 var(--display);text-transform:uppercase;letter-spacing:.005em;margin-bottom:30px}
.obrys{color:transparent;-webkit-text-stroke:2px var(--orange)}
.log-tytul-m{font-size:.535em;line-height:1;letter-spacing:.01em;margin-bottom:.08em;white-space:nowrap}
.log-tytul-m sup{font:600 .32em var(--cond);vertical-align:1.6em;margin-left:.08em}
.log-pod{font:600 15px/1 var(--cond);letter-spacing:.32em;text-transform:uppercase;color:var(--bone-2);margin-bottom:30px}
.log-form{display:flex;flex-direction:column;gap:12px;padding:20px;background:rgba(20,18,16,.72);border:1px solid rgba(239,232,220,.12);border-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.log-form label{display:flex;flex-direction:column;gap:6px}
.log-form input{background:rgba(11,10,9,.8)!important;min-height:46px!important;font-size:16px!important}
.log-form .btn{margin-top:6px}
.log-blad{padding:8px 12px;border-left:3px solid #d06a58;background:rgba(208,106,88,.12);font-size:14px}
.log-adres{margin-top:22px;font:600 13px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.log-tarcza{position:absolute;z-index:2;right:clamp(16px,4vw,60px);top:clamp(16px,4vw,48px);width:74px;opacity:.9}
.log-tarcza path{fill:rgba(11,10,9,.55);stroke:var(--bone);stroke-width:4}
.log-tarcza text{font:700 15px var(--cond);letter-spacing:.2em;fill:var(--bone);text-anchor:middle}
.log-tarcza text.duza{font:400 50px var(--display);letter-spacing:0}
.log-autor{position:absolute;z-index:2;right:14px;bottom:10px;font-size:11px;color:rgba(239,232,220,.55)}
.log-autor:hover{color:var(--bone)}

/* ---------- pulpit główny */
.hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-height:290px;padding:28px 30px;margin-bottom:12px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.hero-foto,.log-foto{position:absolute;inset:0}
.hero-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 72%}
.hero-cien{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(11,10,9,.94) 0%,rgba(11,10,9,.78) 30%,rgba(11,10,9,.2) 62%,rgba(11,10,9,.1) 100%),
  linear-gradient(0deg,rgba(11,10,9,.85) 0%,rgba(11,10,9,0) 55%),
  linear-gradient(110deg,rgba(242,103,34,0) 50%,rgba(242,103,34,.18) 100%)}
.hero-in,.hero-dzis{position:relative}
.hero-data{font:600 13px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--orange)}
.hero h1{font:400 clamp(52px,7vw,92px)/.92 var(--display);text-transform:uppercase;margin:10px 0 8px;letter-spacing:.005em}
.hero p{font:600 15px/1 var(--cond);letter-spacing:.28em;text-transform:uppercase;color:var(--bone-2)}
.hero-dzis{display:flex;gap:10px}
.hero-dzis a{display:flex;flex-direction:column;gap:6px;min-width:128px;padding:12px 16px;background:rgba(20,18,16,.72);border:1px solid rgba(239,232,220,.14);border-radius:var(--r);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-dzis a:hover{border-color:var(--orange)}
.hero-dzis b{font:400 42px/1 var(--display)}
.hero-dzis b small{font-size:22px;color:var(--mute)}
.hero-dzis span{font:600 11.5px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2)}
.hero-autor{position:absolute;right:10px;top:8px;font-size:10.5px;color:rgba(239,232,220,.7);text-shadow:0 1px 3px rgba(0,0,0,.9)}
.hero-autor:hover{color:var(--bone)}

.sekcje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.sekcja{display:flex;flex-direction:column;gap:16px;padding:18px;background:linear-gradient(160deg,var(--ink-3),var(--ink-2) 60%);border:1px solid var(--line);border-radius:6px;position:relative;min-width:0}
.sekcja:hover{border-color:var(--orange)}
.sekcja-nag{display:flex;align-items:center;gap:12px}
.sekcja-nag h2{font:400 44px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.sekcja-idz{margin-left:auto;width:48px;height:48px;border-radius:50%;background:var(--orange);color:#140a04;display:flex;align-items:center;justify-content:center}
.sekcja-idz svg{width:22px;height:22px}
.sekcja:hover .sekcja-idz{background:var(--orange-2)}
.mini-hala{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.mh{position:relative;padding:8px 8px 6px;background:#100e0c;border:1px solid var(--line);border-bottom:3px solid var(--sc,var(--line-2));border-radius:var(--r)}
.mh svg{width:100%}
.mh-nr{position:absolute;left:6px;top:4px;font:400 14px/1 var(--display);color:var(--sc,var(--mute-2))}
.mh-op{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;min-height:40px}
.mh-op small{font:600 12px/1.1 var(--cond);letter-spacing:.06em;color:var(--mute);text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-op em{font:700 11px/1 var(--cond);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--mute-2);margin-top:8px}
.mh--wolne svg{opacity:.1}
.sekcja-liczby{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.sekcja-liczby b{display:block;font:400 30px/1.05 var(--display)}
.sekcja-liczby b small{font:600 14px var(--cond);color:var(--mute)}
.sekcja-liczby span{font:600 11px/1.2 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.sekcja-liczby .zolty b{color:var(--zolty)}
.sekcja-liczby .ziel b{color:var(--ziel)}
.garaz-kl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center}
.donut{width:150px}
.donut-tlo{fill:none;stroke:var(--line);stroke-width:18}
.donut-seg{fill:none;stroke-width:18}
.donut-l{font:400 34px var(--display);fill:var(--bone);text-anchor:middle}
.donut-j{font:600 10.5px var(--cond);letter-spacing:.16em;text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.legenda{list-style:none;display:flex;flex-direction:column;gap:7px}
.legenda li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;font:600 14.5px/1.1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-2)}
.legenda i{width:12px;height:12px;border-radius:3px}
.legenda b{font:400 19px var(--display);color:var(--bone)}
.ostatni{display:flex;flex-direction:column;gap:6px}
.ost{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center}
.ost .kl-inicjaly{width:30px;height:30px;font-size:12px}
.ost-n{font:600 15px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dzis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.dzis .karta-b{margin-bottom:0}
.lista-dzis{display:flex;flex-direction:column;gap:6px}
.wd{display:grid;grid-template-columns:64px auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.wd:hover{border-color:var(--line-2);background:var(--ink-3)}
.wd .tab{justify-self:start}
.wd-czas{font:400 20px/1 var(--display);color:var(--bone)}
.wd-czas--brak{font:700 11px/1.1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.wd-czas--zal{font:700 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.wd-czas--ok{width:26px;height:26px;border-radius:50%;background:var(--ziel);color:var(--ink);display:flex;align-items:center;justify-content:center}
.wd-czas--ok svg{width:14px;height:14px}
.wd-m{display:flex;flex-direction:column;min-width:0}
.wd-m b{font:600 15.5px/1.15 var(--cond);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-m small{color:var(--mute);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-w{font:600 15px var(--cond);white-space:nowrap}

/* ---------- menu: rozwijane Serwis, konto */
.menu-roz{position:relative;display:flex}
.podmenu{display:none;position:absolute;top:100%;left:0;z-index:45;min-width:190px;padding:6px;margin-top:0;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 14px 30px rgba(0,0,0,.5)}
.menu-roz:hover .podmenu,.menu-roz:focus-within .podmenu{display:flex;flex-direction:column}
.podmenu a{height:36px;color:var(--bone-2)}
.podmenu a:hover{background:var(--ink-3);color:var(--orange)}
.ja{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 3px;border-radius:99px;border:1px solid transparent;flex:none}
.ja:hover,.ja.on{border-color:var(--line-2);background:var(--ink-2)}
.ja .kl-inicjaly{width:32px;height:32px;font-size:13px}
.ja-n{display:flex;flex-direction:column;line-height:1.1;max-width:130px}
.ja-n b{font:600 13.5px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ja-n small{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.szukaj-brak{flex:1}
.zakladki{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.zakladki a{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;font:700 13.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px}
.zakladki a svg{width:16px;height:16px}
.zakladki a:hover{color:var(--bone)}
.zakladki a.on{color:var(--bone);border-bottom-color:var(--orange)}
.kto{font-style:normal;font:600 12px var(--cond);letter-spacing:.06em;color:var(--mute);margin-left:6px}
.nag-btn{margin-left:auto}
.skroty{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- działy */
.dz--kierownictwo{--dc:#f26722}.dz--serwis{--dc:#8fb2c9}.dz--sprzedaz{--dc:#7cb87a}.dz--inne{--dc:#9a9186}
.kl-inicjaly[class*=dz--]{color:var(--dc);border-color:color-mix(in srgb,var(--dc) 45%,transparent)}

/* ---------- personel: zespół */
.org{display:flex;flex-direction:column;align-items:center}
.org-gora{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);position:relative;padding-bottom:26px}
.org-gora::after{content:"";position:absolute;bottom:0;left:50%;width:2px;height:26px;background:var(--line-2)}
.org-gora .org-osoby{width:100%}
.org-dol{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%;position:relative;padding-top:26px;border-top:2px solid var(--line-2)}
.org-kol{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.org-kol::before{content:"";position:absolute;top:-26px;left:50%;width:2px;height:26px;background:var(--line-2)}
.org-dzial{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;border:1px solid var(--dc);border-radius:99px;background:color-mix(in srgb,var(--dc) 10%,transparent);width:100%}
.org-dzial span{font:700 13px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--dc)}
.org-dzial b{font:400 18px/1 var(--display)}
.org-osoby{display:flex;flex-direction:column;gap:8px}
.osoba{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"av n" "av d";gap:4px 12px;align-items:center;padding:10px 12px;background:var(--ink);border:1px solid var(--line);border-left:3px solid var(--dc);border-radius:var(--r)}
.osoba:hover{background:var(--ink-3);border-color:var(--line-2);border-left-color:var(--dc)}
.osoba-av{grid-area:av;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dc) 16%,var(--ink-3));border:1.5px solid var(--dc);font:400 17px/1 var(--display);color:var(--dc)}
.osoba-n{grid-area:n;display:flex;flex-direction:column;min-width:0}
.osoba-n b{font:600 16px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.osoba-n small{color:var(--mute);font-size:12.5px}
.osoba-d{grid-area:d;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.osoba--off{opacity:.55}
.bez-konta{font:600 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-2);border:1px dashed var(--line-2);padding:4px 7px;border-radius:2px}
.w-toku{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--cond);letter-spacing:.06em;color:var(--orange)}
.w-toku svg{width:13px;height:13px}
.pigulki{display:inline-flex;gap:3px}
.pigulki i{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--ink-3);color:var(--mute-2);border:1px solid var(--line)}
.pigulki i svg{width:13px;height:13px}
.pigulki i.on{background:rgba(242,103,34,.16);color:var(--orange);border-color:rgba(242,103,34,.5)}

/* ---------- personel: macierz praw */
.macierz{display:flex;flex-direction:column}
.mx-w{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--kol),74px) 92px;align-items:center;gap:0;padding:6px 0;border-bottom:1px solid var(--line)}
.mx-w form{display:flex;justify-content:center}
.mx-nag{border-bottom:2px solid var(--line-2);padding-bottom:10px}
.mx-kol{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--bone-2)}
.mx-kol svg{width:20px;height:20px}
.mx-kol em{font:700 11px/1 var(--cond);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.mx-osoba{display:flex;align-items:center;gap:10px;min-width:0}
.mx-osoba>span:last-child{display:flex;flex-direction:column;min-width:0}
.mx-osoba b{font:600 15.5px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-osoba small{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-osoba:hover b{color:var(--orange)}
.mx-osoba .kl-inicjaly{width:36px;height:36px;font-size:14px;flex:none}
.mx-k{width:38px;height:38px;border-radius:50%;border:1.5px dashed var(--line-2);background:none;color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;justify-self:center}
.mx-k svg{width:18px;height:18px}
.mx-k:hover{border-color:var(--orange);color:rgba(242,103,34,.5)}
.mx-k.on{border:none;background:var(--orange);color:#140a04}
.mx-k.on:hover{background:var(--orange-2)}
.mx-k.blok{background:var(--line-2);color:var(--bone-2);cursor:default}
.mx-akcje{display:flex;justify-content:flex-end}
.mx-blok{color:var(--mute);display:flex}
.mx-blok svg{width:18px;height:18px}
.mx-reset{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid var(--zolty);border-radius:99px;background:none;color:var(--zolty);font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.mx-reset svg{width:13px;height:13px}
.mx-reset:hover{background:var(--zolty);color:var(--ink)}
.mx-w--off{opacity:.45}

/* ---------- personel: stanowiska pracy */
.stanowiska{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.stan{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--ink);border:1px solid var(--line);border-top:3px solid var(--dc,var(--line-2));border-radius:var(--r)}
.stan-g{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.stan-g b{font:400 21px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em}
.stan-dz{font:700 11px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--dc);border:1px solid var(--dc);border-radius:99px;padding:4px 8px;white-space:nowrap}
.stan-l{display:flex;align-items:center;gap:12px;color:var(--mute);font:600 13px var(--cond);letter-spacing:.06em}
.stan-l b{font:400 18px var(--display);color:var(--bone)}
.stan-prawa{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.sp{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);color:var(--mute-2);cursor:pointer}
.sp svg{width:17px;height:17px}
.sp span{font:700 9.5px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.sp.on{background:rgba(242,103,34,.14);border-color:rgba(242,103,34,.55);color:var(--orange)}
.sp:hover{border-color:var(--bone-2)}
.stan-edyt summary{cursor:pointer;font:700 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);list-style:none}
.stan-edyt summary::-webkit-details-marker{display:none}
.stan-edyt[open] summary{margin-bottom:10px;color:var(--orange)}
.stan-edyt .pola{align-items:end}
.stan-mech{align-self:end}
.stan-mech span{min-height:40px}
.stan--nowe{border-style:dashed;border-top-style:dashed;border-top-width:1.5px;background:transparent}
.stan--nowe input,.stan--nowe select{min-height:38px}
.chipy--male{margin:0}
.chipy--male .chip-cb span{min-height:28px;font-size:12px;padding:0 9px}

/* ---------- pracownik, konto */
.haslo-los{display:flex;gap:6px}
.haslo-los input{font-family:var(--mono)!important}
.haslo-los .btn{height:40px;flex:none}
.konto-prawa{display:flex;align-items:center;gap:12px;margin-bottom:14px;font:600 13px var(--cond);letter-spacing:.06em;color:var(--orange)}
.konto-prawa .pigulki i{width:28px;height:28px}
.konto-info{font-size:12.5px;margin:10px 0}
.strefa-usun{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.konto-dl{display:grid;grid-template-columns:110px 1fr;gap:10px 12px;align-items:center;margin-bottom:16px}
.konto-dl dd{font:600 16px var(--cond);letter-spacing:.04em}
.konto-dl .pigulki i{width:28px;height:28px}

/* ---------- start: pasek personelu */
.pasek-zespol{display:flex;align-items:center;gap:14px;min-height:58px;padding:8px 10px 8px 16px;margin-bottom:12px;background:var(--ink-2);border:1px solid var(--line);border-radius:6px}
.pasek-zespol:hover{border-color:var(--orange)}
.pasek-zespol>svg{width:22px;height:22px;color:var(--orange)}
.pasek-zespol>b{font:400 22px/1 var(--display);text-transform:uppercase}
.pz-av{display:flex;margin-left:6px}
.pz-av i{width:34px;height:34px;margin-left:-8px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dc) 18%,var(--ink-3));border:2px solid var(--ink-2);outline:1.5px solid var(--dc);font:400 12.5px/1 var(--display);font-style:normal;color:var(--dc)}
.pz-av i:first-child{margin-left:0}
.pz-l{font:600 13px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-left:auto}
.pasek-zespol .sekcja-idz{margin-left:0;width:40px;height:40px}
.pasek-zespol .sekcja-idz svg{width:18px;height:18px}

/* ---------- usługi: cennik */
.nowa-usluga summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font:400 21px/1 var(--display);text-transform:uppercase}
.nowa-usluga summary::-webkit-details-marker{display:none}
.nowa-usluga[open] summary{margin-bottom:14px}
.nu-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) 130px minmax(0,1.6fr) auto auto;gap:10px;align-items:end}
.nu-form .pole{margin:0}
.nu-form .chip-cb span{min-height:40px}
.kat-siatka{columns:2 460px;column-gap:12px}
.kat{break-inside:avoid;margin-bottom:12px;background:var(--ink-2);border:1px solid var(--line);border-top:3px solid var(--kc);border-radius:var(--r);padding:12px 14px 6px}
.kat-nag{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.kat-nag i{width:12px;height:12px;border-radius:3px;background:var(--kc)}
.kat-nag h3{font:400 21px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.kat-nag span{margin-left:auto;font:400 17px var(--display);color:var(--mute)}
.usl{display:grid;grid-template-columns:28px minmax(0,1fr) auto 86px 34px 26px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.usl:first-of-type{border-top:none}
.usl-n{display:flex;flex-direction:column;min-width:0}
.usl-n b{font-weight:500;font-size:14px;line-height:1.3}
.usl-n small{color:var(--mute);font-size:12px;line-height:1.35}
.usl-c{display:flex;flex-direction:column;align-items:flex-end;font:400 22px/1 var(--display);color:var(--kc);white-space:nowrap;text-align:right}
.usl-c s{font:600 12.5px/1.2 var(--cond);color:var(--mute);text-decoration-thickness:1.5px}
.usl--promo .usl-c span{color:var(--promo)}
.promo{display:inline-flex;align-items:stretch;height:30px;border:1px solid var(--line-2);border-radius:99px;overflow:hidden;background:var(--ink)}
.promo-str{width:26px;border:none;background:none;color:var(--mute);cursor:pointer;font-size:10px;line-height:1}
.promo-str:hover:not(:disabled){color:var(--promo);background:var(--ink-3)}
.promo-str:disabled{opacity:.25;cursor:default}
.promo-w{display:flex;align-items:center;justify-content:center;min-width:70px;padding:0 6px;font:700 11.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.promo.on{border-color:var(--promo)}
.promo.on .promo-w{background:var(--promo);color:#fff;font-size:14px;letter-spacing:.04em}
.promo-gratis{padding:0 9px;border:none;border-left:1px solid var(--line-2);background:none;color:var(--mute);font:700 11.5px/1 var(--cond);letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.promo-gratis:hover{color:var(--ziel)}
.promo-gratis.on{background:var(--ziel);color:var(--ink)}
.promo.gratis{border-color:var(--ziel)}
.promo.gratis .promo-w{background:var(--ziel);color:var(--ink)}
.promo-licz{font-style:normal;color:var(--promo)}
.promo-zn{display:inline-flex;align-items:center;margin-left:7px;padding:2px 6px;border-radius:3px;background:var(--promo);color:#fff;font:700 10.5px/1.2 var(--cond);font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;white-space:nowrap}
.promo-zn--gratis{background:var(--ziel);color:var(--ink)}
.cena-p{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.05;white-space:nowrap}
.cena-p s{font-size:.72em;color:var(--mute);text-decoration-thickness:1.5px}
.cena-p b{color:var(--promo)}
.cs .cena-p b,.cu .cena-p b{color:var(--promo)}
.cs--promo{border-color:color-mix(in srgb,var(--promo) 45%,var(--line-2))}
.r-w{text-align:right;font:600 16px var(--cond)}
.sumy-rabat b{color:var(--promo)}
.usl-c small{font:600 12px var(--cond);color:var(--mute)}
.usl-m{font:600 12px var(--cond);color:var(--mute);text-align:right}
.usl--off{opacity:.5}
.gwiazdka{width:26px;height:26px;border:none;background:none;font-size:18px;line-height:1;color:var(--line-2);cursor:pointer}
.gwiazdka:hover{color:var(--zolty)}
.gwiazdka.on{color:var(--zolty)}
.usl-ed{display:contents}
.usl-ed summary{list-style:none;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--mute);border-radius:var(--r)}
.usl-ed summary::-webkit-details-marker{display:none}
.usl-ed summary:hover{color:var(--orange);background:var(--ink-3)}
.usl-ed[open] summary{color:var(--orange)}
.usl-ed form{grid-column:1/-1;padding:10px 0 6px}
.usl-ed-akcje{display:flex;gap:6px}

/* ---------- kosztorys: wybór usługi */
.cennik{margin-top:14px;padding:12px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.cennik-g{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.cennik-g .chip-cb span{min-height:28px;font-size:12px}
.cennik-szybkie{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.cs{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:46px;padding:6px 10px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r);text-align:left;cursor:pointer}
.cs svg{width:15px;height:15px;color:var(--orange)}
.cs span{font:600 13.5px/1.15 var(--cond);letter-spacing:.03em}
.cs b{font:400 17px/1 var(--display);color:var(--orange);white-space:nowrap}
.cs:hover{border-color:var(--orange);background:var(--ink-3)}
.cennik-wsz{margin-top:8px}
.cennik-wsz summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font:700 12.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-2);padding:8px 0}
.cennik-wsz summary::-webkit-details-marker{display:none}
.cennik-wsz summary::before{content:"▸";color:var(--orange)}
.cennik-wsz[open] summary::before{content:"▾"}
.cennik-wsz summary b{font:400 15px var(--display);color:var(--mute)}
.cennik-szukaj{margin:4px 0 10px}
.cennik-kat{columns:2 300px;column-gap:14px}
.ck{break-inside:avoid;margin-bottom:12px;display:flex;flex-direction:column;gap:3px}
.ck .lbl{margin-bottom:3px}
.cu{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 9px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);text-align:left;cursor:pointer;font-size:13.5px}
.cu b{font:400 15px var(--display);color:var(--orange);white-space:nowrap}
.cu:hover{border-color:var(--orange)}
.cennik-link{display:inline-block;margin-top:2px;font:700 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cennik-link:hover{color:var(--orange)}
.poz-r--usluga{color:var(--orange)}

/* ---------- etapy serwisu: liczniki nad kolumnami */
.etapy{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sekcja .etapy{gap:8px}
.etap{display:flex;flex-direction:column;gap:6px;padding:10px 12px 11px;background:var(--ink);border:1px solid var(--line);border-top:4px solid var(--sc);border-radius:var(--r);min-width:0}
.etap-l{font:700 12px/1.1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etap b{font:400 34px/1 var(--display);color:var(--bone)}
.etap--0{border-top-color:color-mix(in srgb,var(--sc) 30%,var(--line))}
.etap--0 b,.etap--0 .etap-l{color:var(--mute-2)}
a.etap:hover{border-color:var(--sc);background:var(--ink-3)}
.blok>.etapy{margin-bottom:10px}

/* ---------- oferty */
.ost--robocza{--oc:#9a9186}.ost--wyslana{--oc:#8fb2c9}.ost--przyjeta{--oc:#7cb87a}.ost--odrzucona{--oc:#d06a58}
.of-st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:2px;background:var(--oc);color:#120d09;font:700 11.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;width:max-content}
.ost-btn{border-color:color-mix(in srgb,var(--oc) 60%,var(--line-2));color:var(--oc)}
.ost-btn:hover{background:var(--oc);color:var(--ink);border-color:var(--oc)}
.of-filtry{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.of-filtry a{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line-2);border-radius:99px;font:700 12.5px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-2)}
.of-filtry a b{font:400 15px var(--display);color:var(--oc,var(--bone))}
.of-filtry a.on,.of-filtry a:hover{border-color:var(--oc,var(--orange));background:var(--ink-2)}
.of-lista{display:flex;flex-direction:column;gap:6px}
.of-wiersz{display:grid;grid-template-columns:96px minmax(0,1fr) auto 96px 120px;gap:14px;align-items:center;padding:10px 14px;background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--oc,var(--line-2));border-radius:var(--r)}
.of-wiersz:hover{background:var(--ink-3);border-color:var(--line-2)}
.of-wiersz--krotki{grid-template-columns:86px minmax(0,1fr) auto 100px;background:var(--ink)}
.of-nr{display:flex;flex-direction:column;line-height:1.05}
.of-nr small{font:700 10px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.of-nr b{font:400 20px var(--display);letter-spacing:.02em}
.of-kl{display:flex;flex-direction:column;min-width:0}
.of-kl b{font:600 16px/1.15 var(--cond);letter-spacing:.03em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.of-kl small{color:var(--mute);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.of-d{color:var(--mute);font:600 13px var(--cond);text-align:right}
.of-w{text-align:right;font:400 21px var(--display)}
.of-lista .of-wiersz:has(.ost--wyslana){--oc:#8fb2c9}.of-lista .of-wiersz:has(.ost--przyjeta){--oc:#7cb87a}.of-lista .of-wiersz:has(.ost--odrzucona){--oc:#d06a58}.of-lista .of-wiersz:has(.ost--robocza){--oc:#9a9186}
.of-nag .zl-nr .of-st{margin-left:2px}
.of-akcje .akcje form{display:contents}
.poz--of .of-lp{width:28px;height:28px;border-radius:50%;background:var(--ink-3);display:flex;align-items:center;justify-content:center;font:400 14px var(--display);color:var(--mute)}
.poz-n small{display:block}
.poz-dodaj--of{grid-template-columns:minmax(0,1fr) 56px 90px 40px}
.h-btn{margin-left:auto}
.of-info{font-size:13px;margin:4px 0 16px}
.wybrany-av{width:52px;height:52px;font-size:20px;flex:none}
.podp button .kl-inicjaly{width:32px;height:32px;font-size:12px;flex:none}
.pusto-ik{width:44px;height:44px;color:var(--line-2)}

/* ---------- klient prywatny / firmowy */
.typ-kl{display:flex;flex-wrap:wrap;gap:8px}
.kw{cursor:pointer}
.kw input{position:absolute;opacity:0;pointer-events:none}
.kw span{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 14px 0 10px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--ink);font:700 13.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-2)}
.kw i{width:20px;height:20px;border:2px solid var(--mute);border-radius:3px;display:flex;align-items:center;justify-content:center;flex:none}
.kw input:checked+span{border-color:var(--orange);color:var(--bone);background:rgba(242,103,34,.08)}
.kw input:checked+span i{border-color:var(--orange);background:var(--orange)}
.kw input:checked+span i::after{content:"";width:5px;height:10px;border:solid #140a04;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.kw input:focus-visible+span{outline:2px solid var(--orange)}
.pola-firmy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px;border:1px dashed rgba(242,103,34,.45);border-radius:var(--r);background:rgba(242,103,34,.04)}
.pola-firmy .pole{margin:0}
.nip-info{font-style:normal;margin-left:6px;color:var(--ziel);letter-spacing:.06em}
.nip-info.zly{color:var(--promo)}
.konto-przyciski{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.konto-przyciski{grid-template-columns:1fr}}
.dup-info{font-size:12.5px;line-height:1.35;color:var(--promo)}
.dup-info a,.dup-info b{color:inherit;font-weight:700;text-decoration:underline}
[data-zajety]{border-color:var(--promo)!important}
.zn-firma{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:8px;border:1px solid var(--stal);border-radius:2px;color:var(--stal);font:700 10.5px/1 var(--cond);font-style:normal;letter-spacing:.16em;text-transform:uppercase;vertical-align:middle}
.nag-strony .zn-firma{height:26px;font-size:12px}
.firma-pas{display:flex;flex-wrap:wrap;gap:8px 26px;padding:10px 14px;margin:-6px 0 14px;background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--stal);border-radius:var(--r);font-size:14px}
.firma-pas em{display:block;font:700 10.5px/1.4 var(--cond);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.zl-firma{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mute)}
.zl-firma .zn-firma{margin-left:0}

/* ---------- wysyłka e-mail */
.wysylka .nr svg{width:16px;height:16px}
.wy-form summary{list-style:none;width:max-content;margin-bottom:4px}
.wy-form summary::-webkit-details-marker{display:none}
.wy-form[open] summary{display:none}
.wy-pola{display:flex;flex-direction:column;gap:10px}
.wy-pola .pole{margin:0}
.wy-do{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--orange);border-radius:var(--r);background:rgba(242,103,34,.06)}
.wy-do input{font-size:16px!important;font-weight:600}
.wy-do small{color:var(--mute);font-size:12px}
.wy-do .wy-uwaga{color:var(--zolty)}
.wy-hist{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:12px}
.wy-hist li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 10px;background:var(--ink);border:1px solid var(--line);border-left:3px solid var(--ziel);border-radius:var(--r)}
.wy-hist li.blad{border-left-color:var(--promo)}
.wy-hist i{width:24px;height:24px;border-radius:50%;background:var(--ziel);color:var(--ink);display:flex;align-items:center;justify-content:center}
.wy-hist li.blad i{background:var(--promo);color:#fff}
.wy-hist i svg{width:13px;height:13px}
.wy-hist b{display:block;font:600 14px/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.wy-hist span{display:block;font-size:13.5px;color:var(--bone);word-break:break-all}
.wy-hist small{display:block;font-size:12px;color:var(--mute)}
.wy-kiedy{text-align:right;font:600 12.5px/1.4 var(--cond);letter-spacing:.04em;color:var(--mute);white-space:nowrap}
.wy-kiedy time{display:block;color:var(--bone-2)}
.wy-kiedy em{font-style:normal}
.wy-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border:1px solid var(--ziel);border-radius:2px;color:var(--ziel);font:700 11px/1 var(--cond);letter-spacing:.08em;text-transform:none}
.wy-chip svg{width:13px;height:13px}
.of-mail{display:inline-flex;align-items:center;gap:4px;color:var(--ziel)}
.of-mail svg{width:14px;height:14px}
.link-online{margin:-2px 0 12px;padding:10px 12px;background:var(--ink-2);border:1px dashed var(--line-2);border-radius:var(--r);font-size:12.5px;word-break:break-all}
.link-online a{color:var(--orange)}

/* ---------- karta motoru */
.km-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.km-kafel{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;min-height:170px;background:linear-gradient(150deg,var(--ink-3),var(--ink-2) 65%);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:var(--r);overflow:hidden}
.km-kafel:hover{border-color:var(--orange)}
.km-kafel-moto{position:absolute;right:-24px;bottom:-14px;width:170px;opacity:.13}
.km-kafel-stan{width:max-content;padding:3px 8px;background:var(--orange);color:#140a04;font:700 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
.km-kafel b{font:400 24px/1.05 var(--display);text-transform:uppercase;margin-top:6px}
.km-kafel small{color:var(--mute);font-size:12.5px}
.km-kafel-cena{margin-top:auto;font:400 26px/1 var(--display);color:var(--orange)}
.km-kafel-d{font:600 12px var(--cond);color:var(--mute)}
.km-akcje{display:flex;gap:8px;flex-wrap:wrap}
.km-edytor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:start}
.km-formularz .karta-b{margin-bottom:12px}
.km-model-in{font:400 22px var(--display)!important;letter-spacing:.02em}
.km-cena-ed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:end}
.km-cena-ed .pole{margin:0}
.km-cena-in{font:400 30px var(--display)!important;color:var(--orange);min-height:54px!important}
.km-netto{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-height:22px}
.km-netto b{font:400 22px var(--display);color:var(--bone)}
.km-netto small{color:var(--mute);font-size:12.5px}
.km-wyp-ed{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.km-wyp-gr .lbl{margin-bottom:6px;color:var(--orange)}
.km-wyp-gr .chipy{margin:0}
.km-bok{position:sticky;top:76px;display:flex;flex-direction:column;gap:12px}
.km-podglad{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.km-podglad .lbl{margin-bottom:8px}
.km-ramka{display:block;position:relative;width:100%;aspect-ratio:210/297;overflow:hidden;border-radius:3px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.km-ramka iframe{position:absolute;left:0;top:0;width:794px;height:1123px;border:0;transform-origin:0 0;pointer-events:none}
.km-bok .wysylka{margin-bottom:0}
.km-usun{display:flex;justify-content:flex-end}
.wy-klient .pole{margin:0}
.wy-podp{margin-top:6px}
.wy-podp button:disabled{opacity:.45;cursor:not-allowed}

.wy-zal{display:flex;flex-wrap:wrap;gap:6px}
.wy-zal .ik{width:15px;height:15px}
.baner .btn{flex:none}
.baner{flex-wrap:wrap}

/* ---------- poprawki 27.10: anulowane, blokada, nowe przyjęcie, sprzedaż */
.st--anulowany{--sc:#5a524a;color:var(--bone-2);text-decoration:line-through}
.baner--anul{background:rgba(208,106,88,.1);border-color:#d06a58}
.baner--anul>svg{color:#d06a58}
.baner--zolty{background:rgba(229,169,58,.1);border-color:var(--zolty)}
.baner--zolty>svg{color:var(--zolty)}
.baner--haslo{background:rgba(242,103,34,.08);border-color:var(--orange);gap:10px 14px}
.baner--haslo>svg{color:var(--orange)}
.baner--haslo code{font:600 16px var(--mono);color:var(--bone);background:var(--ink);padding:2px 8px;border-radius:3px}
.baner--haslo small{flex-basis:100%;color:var(--mute)}
.btn--anuluj{color:#d06a58}
.btn--anuluj:hover{border-color:#d06a58;color:#d06a58}
.zamk-info{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:var(--r);color:var(--mute);font-size:13px}
.zamk-info svg{width:16px;height:16px}
.poz--zamk .ptaszek,.poz--zamk .poz-x,.poz--zamk .akc,.poz--zamk .poz-akc .znacznik{pointer-events:none;opacity:.5}
.poz--zamk .poz-x{display:none}
.poz--zamk .poz-edyt input{pointer-events:none;background:transparent!important;border-color:transparent!important}
.pola-fs{display:contents;border:0}
.btn:disabled{opacity:.45;cursor:not-allowed}
.mx-k.ro{cursor:default}
.mx-k.ro:not(.on){border-style:dashed}
.wyloguj-f{display:flex}
.wyloguj{background:none;border:none;cursor:pointer}
.wybrany--kl{margin-bottom:12px}
.wybrany--kl .lbl{color:var(--orange)}
.pk-lista{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.pk-lista:empty{display:none}
.pk{padding:10px;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r)}
.pk-g{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"av n" "av s";column-gap:10px;align-items:center;margin-bottom:8px}
.pk-g .kl-inicjaly{grid-area:av;width:34px;height:34px;font-size:13px}
.pk-g b{grid-area:n;font:600 15px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.pk-g small{grid-area:s;color:var(--mute);font-size:12px}
.pk-moto{display:flex;flex-wrap:wrap;gap:6px}
.pk-m,.pk-nowy{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px 4px 6px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--ink-2);cursor:pointer;font:600 13px var(--cond);letter-spacing:.04em}
.pk-m:hover{border-color:var(--orange)}
.pk-nowy{color:var(--orange);border-style:dashed;padding-left:10px}
.pk-nowy:hover{border-color:var(--orange);background:rgba(242,103,34,.06)}
.pola-moto{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pola-moto-nag{color:var(--orange)}
.dup{margin-top:12px;padding:10px;border:1px solid var(--zolty);border-radius:var(--r);background:rgba(229,169,58,.06)}
.dup>b{display:block;font:700 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--zolty);margin-bottom:8px}
.spr-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.spr-k{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ik b" "s s" "m m";gap:4px 8px;align-items:center;padding:12px;background:var(--ink);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:var(--r)}
.spr-k svg{grid-area:ik;width:20px;height:20px;color:var(--orange)}
.spr-k b{grid-area:b;font:400 34px/1 var(--display)}
.spr-k span{grid-area:s;font:700 11.5px/1.2 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-2)}
.spr-k small{grid-area:m;color:var(--mute);font-size:12px}
.spr-k.ziel{border-top-color:var(--ziel)}.spr-k.ziel svg,.spr-k.ziel b{color:var(--ziel)}
.ostatni .lbl{margin-bottom:2px}

/* ---------- responsywność */
@media (max-width:1180px){
  .kpi{grid-template-columns:repeat(3,1fr)}
  .tablica{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kol-nag{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid var(--line)}
  .kol-nag b{font:400 20px/1 var(--display)}
  .siatka-zl{grid-template-columns:1fr}
  .poz-dodaj{grid-template-columns:auto minmax(0,1fr) 110px 56px 90px auto 40px}
  .sekcje,.dzis{grid-template-columns:1fr}
  .km-edytor{grid-template-columns:1fr}
  .km-bok{position:static}
  .ja-n{display:none}
  .nu-form{grid-template-columns:1fr 1fr}
  .nu-nazwa,.nu-opis{grid-column:1/-1}
}
@media (max-width:900px){
  .gora-in{gap:10px}
  .szukaj{order:5;position:absolute;left:0;right:0;top:62px;max-width:none;padding:8px 16px;background:var(--ink);border-bottom:1px solid var(--line)}
  .szukaj svg{left:28px}
  .gora{margin-bottom:54px}
  .btn--nowe{margin-left:auto}
  .siatka-2,.siatka-3{grid-template-columns:1fr}
  .siatka-3>.karta-b+.karta-b,.siatka-2>*+*{margin-top:0}
  .mapy{grid-template-columns:1fr}
  .zl-nag{flex-direction:column}
  .zl-nag-p{align-items:flex-start;text-align:left}
  .zl-nag-moto{right:-30px}
  .wiersz-zl{grid-template-columns:auto minmax(0,1fr) auto;row-gap:6px}
  .wiersz-zl>.mono,.wiersz-zl .zl-d{display:none}
  .poz{grid-template-columns:34px minmax(0,1fr) 30px;grid-template-areas:"w n x" ". e e" ". k a"}
  .poz-wyk{grid-area:w}.poz-n{grid-area:n}.poz-x{grid-area:x}.poz-edyt{grid-area:e}.poz-w{grid-area:k;text-align:left}.poz-akc{grid-area:a}
  .poz-dodaj{grid-template-columns:1fr 1fr 1fr}
  .poz-dodaj .przelacz,.poz-dodaj .pd-nazwa{grid-column:1/-1}
  .poz-dodaj .pd-nr{grid-column:1/-1}
  .poz-dodaj .btn{width:100%}
  .lista-usz li{grid-template-columns:28px 120px minmax(0,1fr) 34px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 24px);margin-top:12px}
  .gora-in{width:calc(100% - 24px)}
  .marka span,.menu a span.m-ukryj{display:none}
  .menu a{padding:0 10px}
  .gora-in{gap:6px}
  .btn--nowe span{display:none}
  .btn--nowe{width:40px;padding:0;flex:none}
  .kpi{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:22px}
  .kafel b{font-size:30px}
  .tablica{grid-template-columns:1fr}
  .hala{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bay-info{grid-template-columns:1fr;padding:8px}
  .bay-info .st{justify-self:start}
  .pola{grid-template-columns:1fr}
  .wiersz-kl{grid-template-columns:42px minmax(0,1fr) auto}
  .kl-tab,.kl-d{display:none}
  .stan-mini{grid-template-columns:120px 1fr}
  .lista-usz li{grid-template-columns:28px minmax(0,1fr) 34px}
  .lista-usz li input{grid-column:2/3}
  .tor li span{padding:0 8px;font-size:11px;letter-spacing:.06em}
  .tor li:not(.teraz) span{font-size:0}
  .tor li:not(.teraz){flex:0 0 26px}
  .log-foto img{object-position:72% 50%}
  .log-cien{background:linear-gradient(0deg,rgba(11,10,9,.97) 0%,rgba(11,10,9,.88) 45%,rgba(11,10,9,.25) 75%,rgba(11,10,9,.4) 100%)}
  .log{align-items:flex-end}
  .log-in{margin:0 auto;padding:30px 0 50px}
  .log-marka{margin-bottom:18px}
  .log-marka img{width:64px}
  .log-tarcza{width:56px}
  .sumy-razem b{font-size:28px}
  .wybrany{flex-wrap:wrap}
  .wybrany-moto{width:90px}
  .hero{flex-direction:column;align-items:stretch;min-height:0;padding:70px 16px 16px}
  .hero-foto img{object-position:78% 70%}
  .hero-cien{background:linear-gradient(0deg,rgba(11,10,9,.95) 0%,rgba(11,10,9,.75) 50%,rgba(11,10,9,.2) 100%)}
  .hero-dzis{gap:6px}
  .hero-dzis a{flex:1;min-width:0;padding:10px}
  .hero-dzis b{font-size:32px}
  .hero-dzis span{font-size:10px;letter-spacing:.1em}
  .sekcja{padding:14px}
  .sekcja-nag h2{font-size:34px}
    .garaz-kl{grid-template-columns:110px minmax(0,1fr);gap:14px}
  .donut{width:110px}
  .legenda li{font-size:13px}
  .wd{grid-template-columns:56px minmax(0,1fr);row-gap:4px}
  .wd .tab{grid-column:2}
  .wd-m{grid-column:1/-1}
  .wd-w{display:none}
  .spr-kafle{grid-template-columns:1fr}
  .pola-firmy{grid-template-columns:1fr}
  .of-wiersz{grid-template-columns:auto minmax(0,1fr) auto;row-gap:6px}
  .of-wiersz .of-d{display:none}
  .of-wiersz .of-w{grid-column:3}
  .of-wiersz .of-st{grid-column:2}
  .poz-dodaj--of{grid-template-columns:1fr 1fr 40px}
  .poz-dodaj--of .pd-nazwa{grid-column:1/-1}
  .etapy{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .etap{padding:8px 9px 9px}
  .etap-l{font-size:11px;letter-spacing:.08em}
  .etap b{font-size:28px}
  .wyloguj{display:none}
  .org-dol{border-top:none;padding-top:0}
  .org-kol::before{display:none}
  .org-gora{padding-bottom:18px}
  .org-gora::after{height:18px}
  .podmenu{display:none!important}
  .mx-w{grid-template-columns:minmax(0,1fr) repeat(var(--kol),40px) 34px}
  .mx-kol em{display:none}
  .mx-k{width:32px;height:32px}
  .mx-osoba .kl-inicjaly{display:none}
  .mx-reset span{display:none}
  .mx-reset{padding:0 7px}
  .pz-l{display:none}
  .pz-av i:nth-child(n+6){display:none}
  .kat-siatka{columns:1}
  .usl{grid-template-columns:24px minmax(0,1fr) auto 26px;grid-template-areas:"gw n c ed" ". pr pr .";row-gap:6px}
  .usl-gw{grid-area:gw}.usl-n{grid-area:n}.usl-c{grid-area:c}.usl .promo{grid-area:pr;justify-self:start}.usl-ed summary{grid-area:ed}
  .usl-m{display:none}
  .nu-form{grid-template-columns:1fr}
  .cennik-szukaj{font-size:16px!important}
}

/* ---------- magazyn i faktury */
.siatka-zl>*{min-width:0}
.podmenu-kreska{height:1px;margin:5px 6px;background:var(--line-2)}
.zakladki--przewin{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.zakladki--przewin::-webkit-scrollbar{display:none}
.zakladki--przewin a{flex:none;white-space:nowrap}
.zakladki-kreska{flex:none;width:1px;margin:9px 8px;background:var(--line-2)}
a.kafel:hover{border-color:var(--line-2);background:var(--ink-3)}
.kafel--czer::before{background:#d06a58}.kafel--czer b{color:#e07a66}
.kpi--mag{margin-bottom:16px}
.mag-filtry{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin-bottom:12px}
.mag-filtry .of-filtry{margin-bottom:0}
.mag-szukaj{display:flex;gap:8px;margin-left:auto;width:min(560px,100%)}
.mag-szukaj select{width:200px;flex:none;min-height:34px;height:34px;padding:4px 30px 4px 10px;font-size:13.5px}
.mag-szukaj input{min-height:34px!important;height:34px;font-size:13.5px!important}
.tab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tab-dane{width:100%;border-collapse:collapse;font-size:13.5px}
.tab-dane th{font:700 11px/1.2 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.tab-dane td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.tab-dane td small{display:block;color:var(--mute);font-size:12px}
.tab-dane td a{color:var(--bone)}
.tab-dane td a:hover{color:var(--orange)}
.tab-dane .pr{text-align:right;white-space:nowrap}
.tab-dane tfoot td{border-bottom:none;border-top:1px solid var(--line-2);font:600 14px var(--cond);letter-spacing:.06em;text-transform:uppercase}
.tab-mag{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r)}
.tab-mag tbody tr{cursor:pointer}
.tab-mag tbody tr:hover td{background:var(--ink-3)}
.tab-mag td b{font-weight:500}
.tab-mag .mono{color:var(--bone-2);font-size:12.5px;white-space:nowrap}
.tw-stan b{font:600 17px var(--cond)}
.tw-stan small{display:inline!important}
.tw-stan i{display:block;font:600 11px var(--cond);font-style:normal;letter-spacing:.06em;color:var(--mute-2)}
.tw--min .tw-stan b{color:var(--zolty)}
.tw--brak .tw-stan b{color:#e07a66}
.tw-waz{color:var(--zolty);font-style:normal}
.tw-marza--niska{color:var(--zolty)}
.tw-h{margin-top:22px}
.ceny{margin-bottom:12px}
.ceny-zakup{max-width:260px}
.ceny-zakup small{font-size:12px}
.ceny-tab{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.ceny-nag,.ceny-w{display:grid;grid-template-columns:96px repeat(4,minmax(0,1fr)) 100px;gap:8px;align-items:center}
.ceny-w>b{font:600 15px var(--cond);letter-spacing:.06em;text-transform:uppercase}
.ceny-w input{min-height:36px!important;height:36px;text-align:right}
.ceny-w input[data-p=brutto]{border-color:var(--orange);font-weight:600}
.ceny-zysk{text-align:right;font:600 15px var(--cond);color:var(--ziel)}
.ceny-zysk.minus{color:#e07a66}
.ceny-pom{font-size:12.5px;margin-top:8px}
.stan-liczby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.stan-liczby>div{padding:10px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.stan-liczby b{display:block;font:400 30px/1.05 var(--display);margin-top:4px}
.stan-liczby small{color:var(--mute);font:600 12px var(--cond);letter-spacing:.06em}
.stan-liczby .stan-zly b{color:#e07a66}.stan-liczby .stan-niski b{color:var(--zolty)}.stan-liczby .stan-ok b{color:var(--ziel)}
.stan-wart{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.stan-wart b{font:600 18px var(--cond)}
.stan-rez{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.stan-rez a{color:var(--orange);font-size:13.5px}
.stan-op{margin-bottom:8px}
.stan-op summary{list-style:none}
.stan-op summary::-webkit-details-marker{display:none}
.stan-op[open] summary{margin-bottom:10px;border-color:var(--orange)}
.stan-pom{font-size:12.5px;margin-top:6px}
.partia--pusta td{color:var(--mute-2)}
.ruch-plus{color:var(--ziel);font-weight:600}.ruch-minus{color:#e07a66;font-weight:600}
.dost-wiersz{grid-template-columns:42px minmax(0,1fr) auto 120px}
.fst--bufor{--oc:#9a9186}.fst--kor{--oc:#c49ad6}.fst--zap{--oc:#7cb87a}.fst--do{--oc:#8fb2c9}.fst--po{--oc:#e07a66}
.fa-wiersz{grid-template-columns:120px minmax(0,1fr) auto 110px 130px}
.fa-wiersz.of-wiersz--krotki,.of-lista .fa-wiersz{border-left-color:var(--oc)}
.fa-wiersz .of-nr b{font-size:18px;white-space:nowrap}
.fa-mail{display:inline-block;width:13px;height:13px;vertical-align:-2px;color:var(--ziel)}
.kw-minus{color:#e07a66}.kw-plus{color:var(--ziel)}.kw-dozap{color:var(--zolty)}
.fa-sumy{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:flex-end;padding:10px 14px;margin-bottom:10px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r)}
.fa-sumy b{font:600 19px var(--cond);letter-spacing:.03em}
.fa-sumy-dozap b{color:var(--zolty)}
.ksef-info{font-size:12.5px;margin-top:12px}
.fa-nag-ik{width:220px;height:220px;right:260px;bottom:-60px;opacity:.06;color:var(--bone)}
.fa-nag .zl-nag-p{gap:4px}
.fa-kwota{font:400 clamp(30px,4vw,44px)/1 var(--display);color:var(--orange)}
.fa-nag--kfs .fa-kwota,.fa-nag--kfz .fa-kwota{color:#c49ad6}
.fa-nag .zl-nag-p small{color:var(--bone-2);font-size:13px}
.fa-poz{grid-template-columns:34px minmax(0,1fr) auto 112px 30px}
.fa-poz .of-lp,.fa-poz--kor .of-lp{width:28px;height:28px;border-radius:50%;background:var(--ink-3);display:flex;align-items:center;justify-content:center;font:400 14px var(--display);color:var(--mute)}
.fa-poz .poz-n b a:hover{color:var(--orange)}
.fa-edyt{flex-wrap:wrap;justify-content:flex-end}
.fa-edyt input.fa-rabat{width:46px!important}
.fa-edyt select{width:70px;min-height:32px;height:32px;padding:4px 22px 4px 7px;font-size:13px}
.fa-edyt .fa-partia{width:96px!important;text-align:left!important}
.fa-edyt .fa-waz{width:134px!important;text-align:left!important}
.fa-ro{color:var(--bone-2);font-size:13px;white-space:nowrap}
.fa-poz .poz-w{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.fa-poz .poz-w small{font:500 11.5px var(--body);color:var(--mute);letter-spacing:0}
.fa-poz--kor:not(.fa-poz--zm){opacity:.62}
.fa-poz--zm{background:linear-gradient(90deg,rgba(196,154,214,.09),transparent 70%)}
.fa-roznica{font:600 17px var(--cond)}
.fa-poz .poz-x button{font-size:17px;color:var(--mute)}
.fa-brak{color:#e07a66!important}
.fa-zwrot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:12.5px}
.fa-nowy-tow{margin-top:10px}
.fa-nowy-tow summary{list-style:none}
.fa-nowy-tow summary::-webkit-details-marker{display:none}
.fa-nt{margin-top:10px;padding:12px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.fa-dodaj{grid-template-columns:minmax(0,1fr) 80px 64px 96px 74px 40px}
.fa-dodaj select{padding-right:22px}
.fa-vat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.fa-razem{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.fa-zysk .stan-liczby{margin-bottom:0}
.fa-dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 12px;font-size:13.5px}
.fa-dl dt{font:600 11.5px/1.6 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.fa-dl a{color:var(--orange)}
.fa-kontr{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px dashed var(--line-2);border-radius:var(--r)}
.fa-kod{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px}
.fa-inna{margin-top:6px}
.tw-szukaj{margin-top:14px;padding:12px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.tw-szukaj-g{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.tw-szukaj-w{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:6px}
.tw-szukaj-w>svg{position:absolute;left:11px;top:12px;width:16px;height:16px;color:var(--mute);pointer-events:none}
.tw-szukaj-w .tw-q{padding-left:34px}
.tw-szukaj-w .tw-il{text-align:right}
.tw-wyniki{display:flex;flex-direction:column;gap:4px}
.tw-wyniki:not(:empty){margin-top:8px}
.tw-w{display:grid;grid-template-columns:110px minmax(0,1fr) auto 100px;gap:10px;align-items:center;padding:8px 10px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r);text-align:left;cursor:pointer}
.tw-w:hover{border-color:var(--orange)}
.tw-w .mono{font-size:12px;color:var(--mute)}
.tw-w b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-w small{font:600 12.5px var(--cond);color:var(--ziel);white-space:nowrap}
.tw-w--brak small{color:#e07a66}
.tw-w em{font:600 15px var(--cond);font-style:normal;text-align:right;white-space:nowrap}
.tw-brak{padding:8px 4px;color:var(--mute);font-size:13px}
.mag-zn{font-style:normal;color:var(--ziel)}
.mag-zn--brak{color:#e07a66}
.mag-zn--wyd{color:var(--mute)}
@media (max-width:1180px){
  .ceny-nag,.ceny-w{grid-template-columns:80px repeat(4,minmax(0,1fr)) 80px}
}
@media (max-width:900px){
  .mag-szukaj{margin-left:0;width:100%}
  .fa-poz{grid-template-columns:34px minmax(0,1fr) 30px;grid-template-areas:"w n x" ". e e" ". k k"}
  .fa-poz>.of-lp{grid-area:w}.fa-poz .poz-n{grid-area:n}.fa-poz .poz-x,.fa-poz>span:last-child{grid-area:x}.fa-poz .poz-edyt{grid-area:e;justify-content:flex-start}.fa-poz .poz-w{grid-area:k;align-items:flex-start}
  .fa-dodaj{grid-template-columns:1fr 1fr 1fr}
  .fa-dodaj .pd-nazwa{grid-column:1/-1}
  .fa-dodaj .btn{width:100%}
  .fa-vat{grid-template-columns:1fr}
  .fa-nag-ik{right:-40px}
}
@media (max-width:640px){
  .kpi--mag .kafel b{font-size:26px}
  .m-ukr{display:none}
  .mag-szukaj{flex-direction:column}
  .mag-szukaj select{width:100%}
  .ceny-nag{display:none}
  .ceny-w{grid-template-columns:1fr 1fr;row-gap:6px}
  .ceny-w>b{grid-column:1/-1}
  .ceny-w input::placeholder{color:var(--mute-2)}
  .ceny-w input[data-p=netto]::before{content:"netto"}
  .ceny-zysk{grid-column:1/-1;text-align:left}
  .stan-liczby b{font-size:24px}
  .fa-wiersz{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .fa-wiersz .of-nr{grid-column:1}.fa-wiersz .of-w{grid-column:2;grid-row:1}
  .fa-wiersz .of-kl{grid-column:1/-1}
  .fa-wiersz .of-d{display:none}
  .fa-wiersz .of-st{grid-column:1/-1;grid-row:3}
  .dost-wiersz{grid-template-columns:42px minmax(0,1fr) auto}
  .dost-wiersz .of-d{display:none}
  .tw-w{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .tw-w .mono{grid-column:1/-1}
  .tw-w b{grid-column:1/-1;white-space:normal}
  .fa-dl{grid-template-columns:1fr}
  .fa-dl dt{margin-top:4px}
}

/* wybór klienta / dostawcy z pełnej listy */
.szuk-kl{display:flex;gap:8px;align-items:flex-end}
.szuk-kl .pole{flex:1;min-width:0;margin-bottom:0}
.szuk-kl .btn{height:40px;flex:none}
.szuk-kl+.podp{margin-top:8px}
.podp.dluga{max-height:min(420px,55vh);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.podp>p{margin:4px 0;font-size:13.5px}

/* ---------- sprzedaż motocykla (salon) */
.etapy--5,.tablica--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.etapy--5{margin-bottom:12px}
.etap-o{font-size:11.5px;line-height:1.3;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-filtr{margin:0 0 0 auto}
.tc-nr{font-size:11.5px;color:var(--mute)}
.tc-krok{font-size:12.5px;color:var(--bone-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-krok::before{content:"→ ";color:var(--sc)}
.tc-pasek{display:flex;gap:3px;margin-top:2px}
.tc-pasek i{flex:1;height:4px;border-radius:2px;background:var(--line-2)}
.tc-pasek i.on{background:var(--sc)}
.km-kafel-stan--spr{background:var(--ziel)}

.dk-lista{display:flex;flex-direction:column;gap:6px}
.dk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto minmax(260px,1.2fr);gap:12px;align-items:center;padding:9px 12px;background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--zolty);border-radius:var(--r)}
.dk--po{border-left-color:#d06a58}
.dk-kl,.dk-pow{display:flex;flex-direction:column;gap:2px;min-width:0}
.dk-kl b{font:600 16px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.dk-kl:hover b{color:var(--orange)}
.dk-kl small,.dk-pow small{color:var(--mute);font-size:12.5px}
.dk-pow b{font-weight:500;font-size:14px}
.dk--po .dk-pow small{color:#e07a66}
.dk-f{display:flex;gap:6px;align-items:center;margin:0}
.dk-f input{min-height:32px!important;height:32px;padding:4px 9px!important;font-size:13.5px!important}

.tc-nag .zl-nr .st{color:#120d09}
.tc-stan{font:700 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-2);border:1px solid var(--line-2);padding:4px 7px;border-radius:2px}
.tor--tc li{padding:0}
.tor--tc li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0}
.tor--tc li em{font-style:normal;opacity:.7;margin-left:4px}
.tor--tc li.zrob{background:#3b342d}
.tor--tc li.ogl:not(.teraz){background:var(--ink-3);color:var(--bone);box-shadow:inset 0 -3px 0 var(--sc)}
.tor--tc li:not(.teraz) a:hover{color:var(--bone)}
.tc-rez{position:relative}
.tc-rez summary{list-style:none}
.tc-rez summary::-webkit-details-marker{display:none}
.tc-rez-f{position:absolute;right:0;top:40px;z-index:5;width:min(420px,calc(100vw - 40px));display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--ink-3);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.tc-rez-f .chipy{margin:0}
.tc-rez-f .btn{align-self:flex-start}

.tc-osw{font-size:13.5px;color:var(--bone-2);margin-bottom:12px}
.tc-info{font-size:13px;margin:10px 0}
.tc-lbl{margin:4px 0 8px}
.h-ik{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px}
.tc-kw{display:flex;align-items:center;gap:6px;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r);padding-right:11px}
.tc-kw:focus-within{border-color:var(--orange)}
.tc-kw input{border:none!important;background:transparent!important;text-align:right;font:600 17px var(--cond)!important;letter-spacing:.04em}
.tc-kw input[readonly]{color:var(--mute)}
.tc-kw em{font-style:normal;color:var(--mute);font:600 13px var(--cond)}
.tc-suma{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:flex-end;align-items:flex-end;padding:12px 0 4px;border-top:1px solid var(--line)}
.tc-suma b{font:600 19px/1.1 var(--cond);letter-spacing:.03em}
.tc-suma-p b{font:400 30px/1 var(--display);color:var(--orange)}
.tc-faktury{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.tc-faktury form{margin:0}
.tc-f-co{font:600 11px var(--cond);letter-spacing:.06em;text-transform:none;opacity:.75}
.tc-akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.tc-akcje form{margin:0}
.tc-akcje .tc-faktury{margin-top:0}

.tp-lista{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:4px}
.tp{display:grid;grid-template-columns:minmax(0,1fr) auto 110px 30px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.tp form{margin:0}
.tp-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.tp-n>b{font-weight:500;font-size:14px;line-height:1.3}
.tp-n small{color:var(--mute);font-size:12px}
.tp-rozm{color:var(--bone);font-weight:600}
.tp-zn{color:var(--orange)}
.tp-zn:hover{text-decoration:underline}
.tp-zn--zl{color:var(--stal)}
.tp-e{display:flex;align-items:center;gap:5px;font-size:13px}
.tp .poz-edyt input[name=cena]{width:90px!important}
.tp .poz-edyt input.tp-rab{width:44px!important}
.tp-w{text-align:right;font:600 16px/1 var(--cond);letter-spacing:.03em;white-space:nowrap}
.tp-klodka{display:flex;justify-content:center;color:var(--mute-2)}
.tp-klodka svg{width:14px;height:14px}
.tp--zamk .tp-n>b{color:var(--bone-2)}
.tp-dodaj{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px 40px;gap:8px;margin-top:10px}
.tp-dodaj .tp-d-rozm{width:auto}

.al{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:18px;align-items:start}
.al-l{position:sticky;top:12px}
.al-svg{width:100%;height:auto;max-height:520px}
.al-s path,.al-s rect{fill:var(--ink);stroke:var(--line-2);stroke-width:2.5;stroke-dasharray:6 5;transition:fill .12s}
.al-s .al-d{fill:none;stroke-dasharray:none;stroke-width:2}
.al-s .al-wizjer{fill:#0b0a09}
.al-s:hover path,.al-s:hover rect{stroke:var(--bone-2)}
.al-s--kupione path,.al-s--kupione rect{fill:rgba(242,103,34,.82);stroke:#ffb184;stroke-dasharray:none}
.al-s--kupione .al-d{stroke:rgba(20,10,4,.45)}
.al-s--kupione .al-wizjer{fill:#1d1a17}
.al-s--wlasne path,.al-s--wlasne rect{fill:#3b342d;stroke:var(--bone-2);stroke-dasharray:none}
.al-s--wyb path,.al-s--wyb rect{stroke:var(--bone);stroke-width:4;stroke-dasharray:none}
.al-t{font:400 28px var(--display);fill:var(--bone-2);text-anchor:middle;pointer-events:none}
.al-t--m{font:700 12px var(--cond);letter-spacing:.14em}
.al-s--kupione .al-t{fill:#140a04}
.al-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:8px;font:600 11.5px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.al-legenda span{display:inline-flex;align-items:center;gap:6px}
.al-k{display:inline-block;width:14px;height:14px;border-radius:3px;border:1.5px dashed var(--line-2);background:var(--ink)}
.al-k--kupione{background:var(--orange);border:1.5px solid #ffb184}
.al-k--wlasne{background:#3b342d;border:1.5px solid var(--bone-2)}
.al-strefy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
.al-z{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--ink);border:1px solid var(--line-2);border-top:3px solid var(--line-2);border-radius:var(--r);min-width:0}
.al-z b{font:600 14px/1.1 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.al-z small{color:var(--mute);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-z--kupione{border-top-color:var(--orange)}
.al-z--wlasne{border-top-color:var(--bone-2)}
.al-z.on{border-color:var(--bone);background:var(--ink-3)}
.al-z:hover{border-color:var(--bone-2)}
.al-panel{padding:12px;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r)}
.al-p-nag{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.al-p-nag h4{font:400 24px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;margin-right:auto}
.al-p-nag form{margin:0}
.al-rozm{display:flex;align-items:center;gap:8px}
.al-rozm .lbl{margin:0}
.al-rozm input{width:100px!important;min-height:32px!important;height:32px;padding:4px 9px!important;font:600 15px var(--cond)!important;text-align:center}
.btn--wlasne{border-color:var(--bone-2);color:var(--bone)}
.al-panel .tw-szukaj{background:var(--ink-2)}
.al-wszystko{margin-top:12px}
.al-wszystko summary{cursor:pointer;padding:6px 0}

.pw-os{list-style:none;position:relative;padding-left:20px;margin-bottom:14px}
.pw-os::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--line)}
.pw-os li{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) minmax(240px,1.1fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.pw-os li::before{content:"";position:absolute;left:-20px;top:50%;margin-top:-6px;width:12px;height:12px;border-radius:50%;background:var(--ink-2);border:2px solid var(--mute-2)}
.pw-os li.zrob::before{background:var(--ziel);border-color:var(--ziel)}
.pw-os li.teraz::before{background:var(--zolty);border-color:var(--zolty)}
.pw-os li.po::before{background:#d06a58;border-color:#d06a58}
.pw-os time{font:600 13px var(--cond);letter-spacing:.06em;color:var(--mute)}
.pw-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pw-t b{font-weight:500}
.pw-t small{color:var(--mute);font-size:12.5px}
.pw-os li.teraz .pw-t small{color:var(--zolty)}
.pw-os li.po .pw-t small{color:#e07a66}
.pw-os li.zrob .pw-t b{color:var(--bone-2)}
.pw-inny{margin-bottom:4px}
.pw-inny input{flex:1}
.pw-wartosc{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:flex-end;align-items:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.pw-wartosc b{font:600 19px/1.1 var(--cond)}
.pw-razem b{font:400 34px/1 var(--display);color:var(--orange)}

.lk{list-style:none;display:flex;flex-direction:column;gap:2px}
.lk li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px}
.lk li form{margin:0}
.lk li.ok>span:last-child{color:var(--bone-2)}
.lk li.ok .ptaszek{background:var(--ziel);border-color:var(--ziel);color:#0b0a09}
.ptaszek--auto{border-style:dotted;cursor:default}
.ptaszek--auto:hover{border-color:var(--line-2);color:transparent}
.lk li.ok .ptaszek--auto:hover{color:#0b0a09;border-color:var(--ziel)}
.lk-info{margin-top:8px;font-size:12px;color:var(--mute-2)}
.kl-rozm{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

@media (max-width:1180px){
  .tablica--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dk{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
  .dk-f{grid-column:1/-1}
  .al{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}
}
@media (max-width:900px){
  .pw-os li{grid-template-columns:86px minmax(0,1fr)}
  .pw-os li .dk-f{grid-column:1/-1}
  .tp{grid-template-columns:minmax(0,1fr) auto 30px;grid-template-areas:"n w x" "e e e"}
  .tp-n{grid-area:n}.tp-w{grid-area:w}.tp .poz-x,.tp-klodka{grid-area:x}.tp-e{grid-area:e}
}
@media (max-width:640px){
  .etapy--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .etap-o{display:none}
  .tablica--5{grid-template-columns:1fr}
  .tc-filtr{margin:8px 0 0;width:100%}
  .dk{grid-template-columns:minmax(0,1fr) auto}
  .dk-pow{grid-column:1/-1;grid-row:2}
  .al{grid-template-columns:1fr}
  .al-l{position:static;max-width:240px;margin:0 auto}
  .al-strefy{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-dodaj{grid-template-columns:1fr 1fr 40px}
  .tp-dodaj input[name=nazwa]{grid-column:1/-1}
  .tc-rez-f{right:auto;left:0}
}
.blok-nag:has(.tc-filtr){flex-wrap:wrap}