/* ═══════════════════════════════════════════════════════════════
   BIURO — powłoka na laptopa (okno od 1024 px)
   Wczytywane z index.html z media="(min-width:1024px)", a każda reguła stoi
   dodatkowo pod body.biuro: klasę zakłada biuro.js dopiero wtedy, gdy powłoka
   biurowa naprawdę działa. Poniżej 1024 px nic z tego pliku nie obowiązuje.

   Jedna paleta (PLAN_DESKTOP.md, D5): tokeny z :root w index.html. Klasy biura
   mają przedrostek b-, bo telefon ma już swoje .btn, .pole, .filtry i .wiersz.
   ═══════════════════════════════════════════════════════════════ */

body.biuro{
  --b-gora:48px;
  --b-kolumna:760px;
  --b-line:var(--rowek);
  --b-line-firm:var(--stal);
  --b-hover:var(--plyta-hi);
  --b-air-tint:rgba(59,189,238,.13);
  --b-amber-tint:rgba(255,176,32,.13);
  --b-red-tint:rgba(255,95,75,.14);
  --b-pop:0 12px 32px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4);
  --b-ctl:32px;
  --b-r:7px;
}

/* ── Górny pasek: jedyna nawigacja biura ── */
#biuro-gora{display:none}
body.biuro #biuro-gora{
  display:flex;align-items:stretch;gap:18px;position:sticky;top:0;z-index:45;
  height:var(--b-gora);padding:0 18px;
  background:linear-gradient(180deg,#262C33,#20262B);
  border-bottom:1px solid var(--grunt-glab);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset;
}
body.biuro .b-marka{align-self:center;font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--tekst);white-space:nowrap}
body.biuro .b-nav{display:flex;align-items:stretch;gap:2px;min-width:0}
body.biuro .b-nav button:not(.sync){display:flex;align-items:center;gap:7px;padding:2px 12px 0;color:var(--tekst-2);
  font-size:14px;font-weight:560;border-bottom:2.5px solid transparent;white-space:nowrap}
body.biuro .b-nav button:not(.sync):hover{color:var(--tekst)}
body.biuro .b-nav button[aria-current=page]{color:var(--tekst);border-bottom-color:var(--powietrze);font-weight:700}
body.biuro .b-nav .n{font-family:var(--f-dane);font-size:11.5px;color:var(--tekst-3);font-weight:500}
body.biuro .b-prawa{margin-left:auto;display:flex;align-items:stretch;gap:2px}
body.biuro .b-prawa .sync{height:auto;align-self:center;padding:6px 10px}

/* ── Kolumna dla widoków telefonu (Kalendarz, Ustawienia, zlecenie do ticketu 3…) ── */
body.biuro #app-shell{max-width:var(--b-kolumna);min-height:calc(100dvh - var(--b-gora))}
body.biuro #belka{top:var(--b-gora)}
body.biuro #pas-dolny{max-width:var(--b-kolumna)}
body.biuro #nowa-wersja{top:calc(var(--b-gora) + 60px);max-width:var(--b-kolumna)}

/* ── Widoki biura: cała szerokość, bez belki telefonu ── */
body.biuro.biuro-pelny #app-shell{max-width:none}
body.biuro.biuro-pelny #belka{display:none}
body.biuro.biuro-pelny #ekran{padding:24px 30px 48px;font-size:14px;line-height:1.45}
body.biuro.biuro-pelny #nowa-wersja{top:var(--b-gora);max-width:none;left:auto;right:18px;margin:8px 0 0;border-radius:var(--r)}
body.biuro.biuro-pelny.z-nowa-wersja #ekran{padding-top:24px}

/* Arkusz telefonu (pytania, menu „⋯") staje się w biurze oknem na środku. */
body.biuro #zaslona{align-items:center}
body.biuro .arkusz{max-width:480px;border:1px solid var(--stal);border-radius:14px;padding:18px 20px 16px}
body.biuro .arkusz .uchwyt{display:none}
body.biuro .b-dialog-przyciski{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
body.biuro .b-dialog-przyciski .btn{width:auto;min-height:40px;padding:0 18px;font-size:15px}

/* ── Kontrolki ── */
body.biuro kbd{font:500 10.5px/1 var(--f-dane);padding:2px 4px;border:1px solid var(--b-line);border-bottom-width:1.5px;
  border-radius:4px;color:var(--tekst-3);background:var(--plyta);white-space:nowrap}
body.biuro .b-ctl{height:var(--b-ctl);border:1px solid var(--b-line-firm);border-radius:var(--b-r);background:var(--grunt);
  padding:0 9px;min-width:0;width:100%;font-size:14px}
body.biuro .b-ctl:hover{border-color:var(--tekst-3)}
body.biuro .b-ctl:focus{outline:none;border-color:var(--powietrze);box-shadow:0 0 0 3px var(--b-air-tint)}
body.biuro .b-ctl::placeholder{color:var(--tekst-3)}
body.biuro textarea.b-ctl{height:auto;min-height:60px;padding:7px 9px;resize:vertical;line-height:1.45}
body.biuro #b-k-uwagi{resize:none}
body.biuro .b-ctl.wart{font-family:var(--f-dane);font-size:13.5px}
body.biuro .b-ctl.blad,body.biuro .b-ctl.blad:focus{border-color:var(--czerwien);box-shadow:0 0 0 3px var(--b-red-tint)}
body.biuro .b-btn{height:34px;padding:0 14px;border-radius:var(--b-r);border:1px solid var(--b-line-firm);background:transparent;
  font-weight:560;font-size:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
body.biuro .b-btn svg{width:16px;height:16px}
body.biuro .b-btn:hover{background:var(--b-hover)}
body.biuro .b-btn.glowny{background:var(--powietrze);border-color:var(--powietrze);color:#06222E;font-weight:700}
body.biuro .b-btn.glowny:hover{filter:brightness(1.08)}
body.biuro .b-btn.glowny kbd{color:inherit;border-color:currentColor;background:transparent;opacity:.7}
body.biuro .b-btn.cichy{border-color:transparent;color:var(--tekst-2)}
body.biuro .b-btn.cichy:hover{color:var(--tekst)}
body.biuro .b-btn:disabled{opacity:.5;cursor:default}
body.biuro .b-seg{display:inline-flex;border:1px solid var(--b-line-firm);border-radius:var(--b-r);overflow:hidden}
body.biuro .b-seg button{height:32px;padding:0 12px;border-right:1px solid var(--b-line);color:var(--tekst-2);font-weight:500;white-space:nowrap;font-size:14px}
body.biuro .b-seg button:last-child{border-right:0}
body.biuro .b-seg button:hover{background:var(--b-hover);color:var(--tekst)}
body.biuro .b-seg button[aria-checked=true]{background:var(--b-air-tint);color:var(--powietrze);font-weight:650;box-shadow:inset 0 -2px 0 var(--powietrze)}
body.biuro .b-seg button:focus-visible{outline-offset:-3px}
body.biuro #b-zb-utyl{justify-self:start}
body.biuro .b-seg button:disabled{cursor:default}
body.biuro .b-seg button:disabled:not([aria-checked=true]):hover{background:none;color:var(--tekst-2)}
body.biuro .b-pole{display:grid;gap:5px;align-content:start;min-width:0}
body.biuro .b-etyk{font-size:12px;font-weight:520;color:var(--tekst-2)}
body.biuro .b-blad{font-size:12px;color:var(--czerwien)}
body.biuro .b-podp{font-size:12px;color:var(--tekst-3)}
body.biuro .b-duch{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;
  border:1.5px dashed var(--powietrze);border-radius:var(--b-r);color:var(--powietrze);font-weight:600;text-align:left}
body.biuro .b-duch svg{width:16px;height:16px}
body.biuro .b-duch:hover{background:var(--b-air-tint)}
body.biuro .b-duch .v{font-family:var(--f-dane);font-weight:500;opacity:.85}
body.biuro .b-duch kbd{margin-left:auto}

/* ── Combo: pole z podpowiedziami (wspólne dla biura) ── */
body.biuro .b-combo{position:relative;min-width:0}
body.biuro .b-combo-lista{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:520px;
  max-height:300px;overflow:auto;background:var(--grunt);border:1px solid var(--b-line-firm);border-radius:var(--b-r);
  box-shadow:var(--b-pop);padding:4px}
body.biuro .b-combo-op{display:grid;gap:1px;padding:7px 10px;border-radius:5px;cursor:pointer;font-size:13.5px}
body.biuro .b-combo-op small{color:var(--tekst-3);font-size:12px}
body.biuro .b-combo-op[aria-selected=true]{background:var(--b-air-tint);color:var(--powietrze)}
body.biuro .b-combo-op[aria-selected=true] small{color:var(--powietrze)}
body.biuro .b-combo-op.dodaj{color:var(--powietrze);font-weight:600}
body.biuro .b-combo-op.dodaj:not(:first-child){border-top:1px solid var(--b-line);margin-top:4px;border-radius:0 0 5px 5px}
body.biuro .b-combo-pusto{padding:8px 10px;font-size:13px;color:var(--tekst-3)}

/* ── Lista zleceń ── */
body.biuro .b-lista-gl{display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;margin-bottom:14px}
body.biuro .b-lista-gl h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.015em}
body.biuro .b-szukaj-ramka{position:relative;width:360px}
body.biuro .b-szukaj-ramka kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}
body.biuro .b-szukaj-ramka .b-ctl{padding-right:30px}
body.biuro .b-filtry{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
body.biuro .b-filtr{height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--b-line);
  color:var(--tekst-2);font-size:13px;display:inline-flex;gap:7px;align-items:center}
body.biuro .b-filtr:hover{color:var(--tekst);border-color:var(--b-line-firm)}
body.biuro .b-filtr .n{font-family:var(--f-dane);font-size:12px;color:var(--tekst-3)}
body.biuro .b-filtr[aria-pressed=true]{border-color:var(--powietrze);background:var(--b-air-tint);color:var(--powietrze);font-weight:620}
body.biuro .b-filtr[aria-pressed=true] .n{color:var(--powietrze)}
body.biuro .b-filtr-sep{width:1px;align-self:stretch;background:var(--b-line);margin:4px 6px}
body.biuro .b-kolejnosc{margin-left:auto;height:30px;padding:0 10px;border-radius:var(--b-r);font-size:12.5px;color:var(--tekst-3)}
body.biuro .b-kolejnosc:hover{color:var(--tekst);background:var(--b-hover)}
body.biuro .b-kolejnosc[aria-pressed=true]{color:var(--powietrze)}

body.biuro .b-tb{width:100%;border-collapse:collapse;font-size:13.5px}
body.biuro .b-tb th{position:sticky;top:var(--b-gora);z-index:2;background:var(--grunt);text-align:left;font-weight:540;font-size:12px;
  color:var(--tekst-2);padding:0;border-bottom:1px solid var(--b-line-firm);white-space:nowrap}
body.biuro .b-tb th button{display:flex;align-items:center;gap:5px;padding:9px 10px;width:100%;font-size:12px;font-weight:540}
body.biuro .b-tb th button:hover{color:var(--tekst)}
body.biuro .b-tb th button:focus-visible{outline:2px solid var(--powietrze);outline-offset:-2px}
body.biuro .b-tb th .kier{color:var(--powietrze)}
body.biuro .b-tb th>span{display:block;padding:9px 10px}
body.biuro .b-tb td{padding:9px 10px;border-bottom:1px solid var(--b-line);vertical-align:middle}
body.biuro .b-tb tr.b-wiersz{cursor:pointer}
body.biuro .b-tb tr.b-wiersz:hover td{background:var(--b-hover)}
body.biuro .b-tb tr.b-wiersz:focus-within td{background:var(--b-air-tint)}
body.biuro .b-tb tr.b-wiersz:focus-within td:first-child{box-shadow:inset 3px 0 0 var(--powietrze)}
body.biuro .b-tb .b-nr{font-family:var(--f-dane);font-weight:600;font-size:13px;color:var(--tekst);white-space:nowrap}
body.biuro .b-tb .b-nr:focus{outline:none}
body.biuro .b-tb td.klient{font-weight:560;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.biuro .b-tb td.zakres{color:var(--tekst-2);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.biuro .b-tb td.liczba{font-variant-numeric:tabular-nums;white-space:nowrap}
body.biuro .b-tb td .v{font-family:var(--f-dane);font-size:12.5px}
body.biuro .b-tb td .brak{color:var(--tekst-3)}
body.biuro .b-tb td .sub{display:block;font-size:12px;color:var(--tekst-3);font-weight:400}
body.biuro .b-tb .b-duch-td{padding:10px 0;border-bottom:0}
body.biuro .b-tb .b-nowe-td{padding:10px 0 14px;border-bottom:0}
body.biuro .b-pusto{padding:28px 10px;color:var(--tekst-2)}
body.biuro .b-etap{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
body.biuro .b-pips{display:inline-flex;gap:2px}
body.biuro .b-pips i{width:9px;height:4px;border-radius:2px;background:var(--b-line)}
body.biuro .b-pips i.on{background:var(--powietrze)}
body.biuro .b-pips.zamk i{background:var(--tekst-3);opacity:.55}
body.biuro .b-znaczek{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:11.5px;
  font-weight:560;white-space:nowrap;background:var(--grunt-glab);color:var(--tekst-2);margin-left:6px;vertical-align:middle}
body.biuro .b-znaczek.uwaga{background:var(--b-amber-tint);color:var(--bursztyn)}
body.biuro .b-znaczek.arch{background:transparent;border:1px solid var(--b-line-firm)}

/* ── Nowe zlecenie: wiersz-duch rozwinięty w miejscu ── */
body.biuro .b-nowe{border:1.5px dashed var(--powietrze);border-radius:12px;padding:16px 18px;display:grid;gap:14px;background:var(--plyta)}
body.biuro .b-nowe-rzad{display:flex;gap:14px;flex-wrap:wrap;align-items:end}
body.biuro .b-nowe-rzad>.b-pole{flex:1 1 180px}
body.biuro .b-kl-rzad{display:flex;gap:8px;align-items:center}
body.biuro .b-kl-rzad .b-combo{flex:1}

/* ── Zlecenie: obszar roboczy ── */
body.biuro.biuro-ws #ekran{padding:0}
body.biuro .b-band{position:sticky;top:var(--b-gora);z-index:30;display:flex;align-items:center;gap:6px 16px;min-height:48px;
  padding:0 22px;background:var(--grunt);border-bottom:1px solid var(--b-line);flex-wrap:wrap}
body.biuro .b-zl-nr{font:600 15px/1.2 var(--f-dane);letter-spacing:-.01em;padding:4px 7px;margin-left:-7px;border-radius:5px;white-space:nowrap;
  border:1px solid transparent}
body.biuro .b-zl-nr:hover{background:var(--b-hover);border-color:var(--b-line)}
body.biuro .b-band-klient{position:relative;min-width:0}
body.biuro .b-band-klient>button{font-weight:620;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}
body.biuro .b-band-klient>button:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--stal)}
body.biuro .b-zl-etap{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px;border-radius:999px;background:var(--b-air-tint);
  color:var(--powietrze);font-size:13px;font-weight:640;white-space:nowrap}
body.biuro .b-zl-etap .ile{font-weight:500;font-family:var(--f-dane);font-size:11.5px;opacity:.85}
body.biuro .b-zl-etap:hover{box-shadow:inset 0 0 0 1px var(--powietrze)}
body.biuro .b-zl-etap.arch{background:transparent;box-shadow:inset 0 0 0 1px var(--b-line-firm);color:var(--tekst-2)}
body.biuro .b-zl-etap.zamk{background:var(--grunt-glab);color:var(--tekst-2)}
body.biuro .b-band-prot{margin-left:auto;font-size:13px;color:var(--tekst-2);display:flex;gap:8px;align-items:center;white-space:nowrap}
body.biuro .b-band-prot b{color:var(--tekst);font-weight:600}
body.biuro .b-band .v,body.biuro .b-strona .v{font-family:var(--f-dane);font-size:.94em}
body.biuro .b-band .b-btn{height:30px;padding:0 10px}
body.biuro .b-wiecej svg{width:18px;height:18px}
body.biuro .b-popover{position:absolute;z-index:45;top:calc(100% + 8px);left:0;width:340px;background:var(--grunt);border:1px solid var(--b-line-firm);
  border-radius:12px;box-shadow:var(--b-pop);padding:12px 14px;display:grid;gap:10px}
body.biuro .b-popover .os{display:grid;gap:1px;font-size:13px}
body.biuro .b-popover .os b{font-weight:620}
body.biuro .b-popover .os span{color:var(--tekst-3);font-size:12px}
body.biuro .b-popover .os a{color:var(--powietrze);text-decoration:none;font-family:var(--f-dane);font-size:12.5px}
body.biuro .b-popover .nip{font-size:12px;color:var(--tekst-3)}
body.biuro .b-popover .adres{font-size:13px;color:var(--tekst-2)}
body.biuro .b-popover .do-karty{justify-self:start;font-size:13px;color:var(--powietrze);font-weight:600}

body.biuro .b-ws-body{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:calc(100dvh - var(--b-gora) - 49px)}
body.biuro .b-outline{position:sticky;top:calc(var(--b-gora) + 49px);align-self:start;height:calc(100dvh - var(--b-gora) - 49px);
  overflow:auto;padding:12px 12px 28px;background:var(--plyta);border-right:1px solid var(--b-line)}
body.biuro .b-ol-sec{display:flex;align-items:baseline;gap:8px;padding:16px 8px 6px;font-size:12px;font-weight:620;color:var(--tekst-2)}
body.biuro .b-ol-sec .ile{color:var(--tekst-3);font-weight:500;font-family:var(--f-dane)}
body.biuro .b-ol-wiersz{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:1px 6px;padding:8px 8px 8px 6px;
  border-radius:var(--b-r);border:1px solid transparent;width:100%;text-align:left;font-size:13px;color:var(--tekst)}
body.biuro .b-ol-wiersz:hover{background:var(--b-hover)}
body.biuro .b-ol-wiersz[aria-current=page]{background:var(--grunt);border-color:var(--powietrze);box-shadow:inset 3px 0 0 var(--powietrze)}
body.biuro .b-ol-wiersz .poz{font-family:var(--f-dane);font-size:12.5px;color:var(--tekst-3);padding-top:1px;display:flex;justify-content:center}
body.biuro .b-ol-wiersz .poz svg{width:15px;height:15px}
body.biuro .b-ol-wiersz .nm{font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.biuro .b-ol-wiersz .zn{display:flex;align-items:center;gap:4px;padding-top:3px}
body.biuro .b-ol-wiersz .sub{grid-column:2/4;display:flex;gap:10px;font-size:12px;color:var(--tekst-3);min-width:0;white-space:nowrap}
body.biuro .b-ol-wiersz .sub>*{overflow:hidden;text-overflow:ellipsis}
body.biuro .b-ol-wiersz .sub .usl{color:var(--tekst-2)}
body.biuro .b-ol-strona .poz{color:var(--tekst-2)}
body.biuro .b-ol-strona+.b-ol-strona{margin-top:2px}
body.biuro .b-ol-wiersz.kand{color:var(--tekst-2)}
body.biuro .b-ol-wiersz.kand .nm{font-weight:520}
body.biuro .b-ol-wiersz.kand .poz{color:var(--powietrze)}
body.biuro .b-ol-karta{position:relative;display:flex;align-items:stretch}
body.biuro .b-ol-karta .b-ol-wiersz{flex:1;min-width:0}
body.biuro .b-grip{display:flex;align-items:center;padding:0 4px;color:var(--tekst-3);cursor:grab;opacity:0;touch-action:none}
body.biuro .b-grip svg{width:16px;height:16px;pointer-events:none}
body.biuro .b-ol-karta:hover .b-grip,body.biuro .b-ol-karta.ciagniety .b-grip{opacity:.9}
body.biuro .b-ol-karta.ciagniety{z-index:5;background:var(--plyta-hi);border-radius:var(--b-r);box-shadow:var(--b-pop);cursor:grabbing}
body.biuro .b-outline .b-duch{margin-top:14px;font-size:13px;min-height:38px}
body.biuro .b-bok-pusto{font-size:12px;color:var(--tekst-3);padding:4px 8px 8px}
body.biuro .b-kropka{width:7px;height:7px;border-radius:50%;background:var(--bursztyn);display:inline-block}

body.biuro .b-strona{display:flex;flex-direction:column;min-width:0}
body.biuro .b-strona-in{flex:1 1 auto;padding:22px 30px 32px;max-width:880px;width:100%}
body.biuro .b-strona-tyt{margin:0 0 14px;font-size:21px;font-weight:720;letter-spacing:-.012em}
body.biuro .b-akcje{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 30px;
  border-top:1px solid var(--b-line);background:var(--grunt);flex-wrap:wrap}
body.biuro .b-stan{font-size:13px;color:var(--tekst-3);margin-right:auto;display:flex;align-items:center;gap:8px}
body.biuro .b-stan.brudny{color:var(--bursztyn)}
body.biuro .b-sekcja{padding:20px 0 8px;border-top:1px solid var(--b-line)}
body.biuro .b-strona-tyt+.b-sekcja,body.biuro .b-zamrozone+.b-sekcja{border-top:0;padding-top:4px}
body.biuro .b-sekcja-gl{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
body.biuro .b-sekcja-gl h2{margin:0;font-size:16px;font-weight:660}
body.biuro .b-sekcja-gl .ile{font-size:13px;color:var(--tekst-3)}
body.biuro .b-siatka{display:grid;gap:14px}
body.biuro .b-dwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
body.biuro .b-zakres{font-weight:650;font-size:15.5px;letter-spacing:.01em;height:38px}
body.biuro .b-zakres::placeholder{font-weight:400;letter-spacing:0}
body.biuro .b-ctl:disabled{background:var(--grunt-glab);border-color:var(--b-line);color:var(--tekst-2)}
body.biuro .b-zamrozone{padding:10px 12px;margin-bottom:16px;border-radius:var(--b-r);background:var(--grunt-glab);color:var(--tekst-2);font-size:13px}
body.biuro .b-zaproszenie{padding:14px;border:1.5px dashed var(--b-line-firm);border-radius:var(--b-r);color:var(--tekst-2);font-size:13px}
body.biuro .b-tb-m th{position:static}
body.biuro .b-podpisy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
body.biuro .b-podpis{border:1px solid var(--b-line);border-radius:var(--b-r);padding:10px 12px;display:grid;gap:2px;min-height:78px;align-content:start}
body.biuro .b-podpis b{font-weight:600}
body.biuro .b-podpis span{font-size:12px;color:var(--tekst-3)}
body.biuro .b-link{color:var(--powietrze);border-bottom:1px dashed var(--powietrze);font-size:13px}

/* Przebieg: etapy na pionowej osi */
body.biuro .b-przebieg{list-style:none;margin:0 0 8px;padding:0;display:grid}
body.biuro .b-pb-etap{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 14px;position:relative;padding-bottom:20px}
body.biuro .b-pb-etap::before{content:"";position:absolute;left:13.25px;top:30px;bottom:2px;width:1.5px;background:var(--b-line)}
body.biuro .b-pb-etap:last-child::before{display:none}
body.biuro .b-pb-etap.byl::before{background:var(--powietrze)}
body.biuro .b-pb-znak{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--b-line-firm);
  background:var(--grunt);color:var(--tekst-3);font:600 12px var(--f-dane);position:relative;z-index:1}
body.biuro .b-pb-etap.byl .b-pb-znak{background:var(--powietrze);border-color:var(--powietrze);color:#06222E}
body.biuro .b-pb-etap.teraz .b-pb-znak{border-color:var(--powietrze);box-shadow:0 0 0 4px var(--b-air-tint);color:var(--powietrze)}
body.biuro .b-pb-etap.zamk-teraz .b-pb-znak{background:var(--tekst-3);border-color:var(--tekst-3);color:var(--grunt)}
body.biuro .b-pb-gl{display:flex;align-items:center;gap:12px;min-height:28px;flex-wrap:wrap}
body.biuro .b-pb-nazwa{font-weight:680;font-size:16px}
body.biuro .b-pb-etap.przysz .b-pb-nazwa{color:var(--tekst-3);font-weight:560}
body.biuro .b-pb-etap.teraz .b-pb-nazwa{color:var(--powietrze)}
body.biuro .b-pb-przestaw{opacity:0;height:26px;padding:0 9px;font-size:12px}
body.biuro .b-pb-etap:hover .b-pb-przestaw,body.biuro .b-pb-przestaw:focus-visible{opacity:1}
body.biuro .b-pb-kroki{display:grid;gap:2px;margin:6px 0 0;max-width:540px}
body.biuro .b-pb-krok{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:var(--b-r);
  text-align:left;width:100%;font-size:14px;color:var(--tekst)}
body.biuro .b-pb-krok:not(:disabled):hover{background:var(--b-hover)}
body.biuro .b-pb-krok .kr{width:17px;height:17px;border:1.5px solid var(--b-line-firm);border-radius:4px;display:inline-grid;place-items:center;flex:none}
body.biuro .b-pb-krok[aria-checked=true] .kr{background:var(--zielen);border-color:var(--zielen);color:#0B2614}
body.biuro .b-pb-krok .kiedy{margin-left:auto;font-size:12px;color:var(--tekst-3);font-variant-numeric:tabular-nums}
body.biuro .b-pb-krok:disabled{cursor:default}
body.biuro .b-pb-etap.przysz .b-pb-krok{color:var(--tekst-3)}
body.biuro .b-pb-krok.auto .kr{border-style:dashed}
body.biuro .b-pb-krok.auto[aria-checked=true] .kr{border-style:solid}
body.biuro .b-pb-zwin{display:flex;gap:8px;align-items:center;width:100%;max-width:560px;min-height:30px;margin:2px 0 0;padding:0 10px;
  border-radius:var(--b-r);font-size:13px;color:var(--tekst-2);text-align:left}
body.biuro .b-pb-zwin span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.biuro .b-pb-zwin:hover{background:var(--b-hover);color:var(--tekst)}
body.biuro .b-pb-zwin .strz{color:var(--tekst-3);width:10px}
body.biuro .b-pb-etap.przysz .b-pb-zwin{color:var(--tekst-3)}
body.biuro .b-pb-dod{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 0 10px;font-size:13px;color:var(--tekst-2)}
body.biuro .b-pb-dod b{color:var(--tekst);font-weight:600}
body.biuro .b-pb-termin .b-data{width:14ch}
body.biuro .b-pb-inne{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0 0 10px}
body.biuro .b-pb-inny{display:inline-flex;gap:8px;align-items:center;height:28px;padding:0 10px;border:1px solid var(--b-line);border-radius:999px;
  font-size:12.5px;color:var(--tekst-2)}
body.biuro .b-pb-inny:hover{border-color:var(--b-line-firm);color:var(--tekst)}
body.biuro .b-pb-zamknij{align-items:flex-start}
body.biuro .b-braki ul{margin:4px 0 0;padding-left:18px;font-size:13px;color:var(--bursztyn)}
body.biuro .b-pb-arch{padding:12px 14px;border-radius:var(--b-r);background:var(--grunt-glab);font-size:13px;color:var(--tekst-2);margin-bottom:8px}

/* Ściągawka skrótów */
body.biuro .b-skroty{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13.5px;margin:0 0 6px;align-items:center}
body.biuro .b-skroty dt{display:flex;gap:4px;justify-content:flex-end}
body.biuro .b-skroty dd{margin:0;color:var(--tekst-2)}

/* ── Karta maszyny: nagłówek stoi, sekcje przewijają się pod nim ── */
body.biuro .b-karta{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
body.biuro .b-karta-gl{position:sticky;top:calc(var(--b-gora) + 49px);z-index:25;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:0 12px;align-items:center;padding:12px 26px 0;background:var(--grunt);border-bottom:1px solid var(--b-line)}
body.biuro .b-karta-poz{font:600 20px/1 var(--f-dane);color:var(--tekst-3)}
body.biuro .b-karta-tyt{min-width:0}
body.biuro .b-karta-tyt h1{margin:0;font-size:19px;font-weight:720;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.biuro .b-karta-meta{font-size:13px;color:var(--tekst-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
body.biuro .b-karta-btns{display:flex;gap:8px;align-items:center}
body.biuro .b-karta-btns .b-btn{height:32px;padding:0 11px;font-size:13px}
body.biuro .b-karta-btns .b-btn .n{color:var(--tekst-3);font:500 12px var(--f-dane)}
body.biuro .b-karta-btns .b-btn[aria-pressed=true]{background:var(--b-air-tint);border-color:var(--powietrze);color:var(--powietrze)}
body.biuro .b-karta-btns .b-btn[aria-pressed=true] .n{color:var(--powietrze)}
body.biuro .b-karta-usl{grid-column:1/-1;display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;padding:10px 0}
body.biuro .b-k-usl{display:contents}
body.biuro .b-karta-usl .b-seg{margin-right:10px;flex-wrap:wrap}
body.biuro .b-karta-usl .b-blad{flex-basis:100%;order:9}
body.biuro .b-seg.blad{border-color:var(--czerwien);box-shadow:0 0 0 3px var(--b-red-tint)}
body.biuro .b-data{width:13ch;font-variant-numeric:tabular-nums}
body.biuro .b-chipy{display:inline-flex;gap:4px}
body.biuro .b-chip{height:28px;padding:0 10px;border:1px solid var(--b-line);border-radius:999px;font-size:12.5px;color:var(--tekst-2)}
body.biuro .b-chip:hover{border-color:var(--b-line-firm);color:var(--tekst)}
body.biuro .b-chip[aria-pressed=true]{border-color:var(--powietrze);background:var(--b-air-tint);color:var(--powietrze);font-weight:600}
body.biuro .b-k-nr{margin-left:auto;font-size:12.5px;color:var(--tekst-3);white-space:nowrap}

body.biuro .b-zakladki{grid-column:1/-1;display:flex;gap:2px;margin:0 -8px;overflow-x:auto}
body.biuro .b-zakl{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;border-bottom:2.5px solid transparent;
  font-size:14px;font-weight:580;color:var(--tekst-2);white-space:nowrap}
body.biuro .b-zakl:hover{color:var(--tekst)}
body.biuro .b-zakl:focus-visible{outline:2px solid var(--powietrze);outline-offset:-4px;border-radius:6px}
body.biuro .b-zakl[aria-selected=true]{color:var(--tekst);border-bottom-color:var(--powietrze);font-weight:700}
body.biuro .b-st{font:500 11.5px/1 var(--f-dane);color:var(--tekst-3);display:inline-flex;gap:6px;align-items:center;
  font-variant-numeric:tabular-nums;padding:3px 4px;border-radius:4px}
body.biuro .b-st.pelny{color:var(--zielen)}
body.biuro .b-st .uw{color:var(--bursztyn);font-weight:600}
body.biuro .b-st .al{width:7px;height:7px;border-radius:50%;background:var(--czerwien)}
body.biuro .b-mignij{animation:b-mignij .9s ease-out}
@keyframes b-mignij{0%{background:var(--b-air-tint);color:var(--powietrze)}100%{background:transparent}}

body.biuro .b-karta-cialo{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
body.biuro .b-karta-cialo.z-hist{grid-template-columns:minmax(0,1fr) 300px}
body.biuro .b-karta-in{padding:12px 26px 24px;max-width:900px;min-width:0}
body.biuro .b-k-sek:first-child{border-top:0;padding-top:4px}
body.biuro .b-dalej{display:flex;justify-content:flex-end;padding:14px 0 0}
body.biuro .b-sekcja-gl .b-btn{height:30px;margin-left:auto}

/* Liczniki: bęben motogodzin — jedyny głośny element karty */
body.biuro .b-liczniki{display:flex;gap:26px 40px;flex-wrap:wrap;align-items:flex-start}
body.biuro .b-licznik{display:grid;gap:7px;justify-items:start}
body.biuro .b-drum{position:relative;display:inline-flex;align-items:center;gap:3px;padding:5px;background:#0D1012;border-radius:9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.18)}
body.biuro .b-drum-c{display:inline-flex;gap:3px}
body.biuro .b-drum .c{width:27px;height:40px;display:grid;place-items:center;border-radius:3px;font:500 23px/1 var(--f-dane);color:var(--tekst);
  background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0) 32%,rgba(0,0,0,0) 68%,rgba(0,0,0,.42)),#1C2125}
body.biuro .b-drum .c.lz,body.biuro .b-drum .c.pusty{color:#48525A}
body.biuro .b-drum .c.dz{margin-left:4px;color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,0) 32%,rgba(0,0,0,0) 68%,rgba(0,0,0,.3)),#F0503B}
body.biuro .b-drum .c.dz.pusty{color:rgba(255,255,255,.55)}
body.biuro .b-drum-j{font:500 13px var(--f-dane);color:#9AA5AE;padding:0 6px 0 4px;align-self:flex-end;margin-bottom:4px}
body.biuro .b-drum input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text;font-size:16px;border:0;padding:0}
body.biuro .b-drum:focus-within{outline:2px solid var(--powietrze);outline-offset:3px}
body.biuro .b-drum:focus-within .c:not(.dz){box-shadow:inset 0 -2px 0 var(--powietrze)}
body.biuro .b-drum:has(input.blad){outline:2px solid var(--czerwien);outline-offset:3px}
body.biuro .b-licznik-meta{font-size:12px;color:var(--tekst-3)}
body.biuro .b-est{font-size:12px;color:var(--powietrze);border-bottom:1px dashed var(--powietrze);padding:0;white-space:nowrap}
body.biuro .b-delta{font-size:12px;color:var(--tekst-2);min-height:17px}
body.biuro .b-delta.zle{color:var(--bursztyn);font-weight:560}
body.biuro .b-obc{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tekst-2);margin-top:12px}
body.biuro .b-obc .pasek{width:180px;height:6px;border-radius:3px;background:var(--grunt-glab);overflow:hidden}
body.biuro .b-obc .pasek i{display:block;height:100%;background:var(--powietrze)}

/* Pomiary: dwie kolumny wierszy etykieta — pole — jednostka */
body.biuro .b-pomiary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
body.biuro .b-pomiar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;min-height:44px;
  border-bottom:1px solid var(--b-line);padding:5px 0}
body.biuro .b-pomiar.szeroki{grid-column:1/-1}
body.biuro .b-lbl{font-size:13px;display:grid;gap:0}
body.biuro .b-lbl .nom{font-size:11.5px;color:var(--tekst-3)}
body.biuro .b-pomiar.wlasny .b-lbl{display:flex;align-items:center;gap:4px}
body.biuro .b-wej{display:flex;align-items:center;gap:6px}
body.biuro .b-wej>.b-ctl:not(.b-num):not(.b-data),body.biuro .b-wej>.b-combo{width:220px}
body.biuro .b-num{width:9ch;text-align:right;font-family:var(--f-dane);font-variant-numeric:tabular-nums;font-size:13.5px}
body.biuro .b-ctl.alarm{border-color:var(--czerwien);background:var(--b-red-tint)}
body.biuro .b-alarm{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--b-red-tint);
  color:var(--czerwien);font-size:11.5px;font-weight:620;white-space:nowrap}
body.biuro .b-alarm[hidden]{display:none}
body.biuro .b-jedn{font-size:12px;color:var(--tekst-3);min-width:22px}
body.biuro .b-ost{grid-column:1/-1;font-size:11.5px;color:var(--bursztyn);text-align:right}
body.biuro .b-fazy{gap:12px}
body.biuro .b-faza{display:flex;align-items:center;gap:5px}
body.biuro .b-faza b{font:500 11px var(--f-dane);color:var(--tekst-3)}
body.biuro .b-usun{width:24px;height:24px;border-radius:5px;font-size:16px;line-height:1;color:var(--tekst-3)}
body.biuro .b-usun:hover{background:var(--b-red-tint);color:var(--czerwien)}
body.biuro .b-dodaj-rzad{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px;margin-top:10px;
  border:1px dashed var(--b-line-firm);border-radius:var(--b-r)}
body.biuro .b-dodaj-rzad:focus-within{border-color:var(--powietrze)}
body.biuro .b-dodaj-rzad .b-ctl{height:30px;width:auto}
body.biuro .b-dodaj-rzad .dlugi{flex:1 1 220px}
body.biuro .b-dodaj-rzad .krotki{width:80px}
body.biuro .b-dodaj-rzad .b-num{width:9ch}
body.biuro .b-dodaj-rzad .b-btn{height:30px}

/* Czynności: macierz — kolumna na wariant, kropka w komórce. Margines przewijania
   trzyma komórkę z kursorem poza nagłówkiem karty i stopką z zapisem. */
/* Jedna siatka na całą macierz, wiersze w subgrid: kolumna ma szerokość swojej
   etykiety („konserwacja" jest szersza niż „wymiana"), a wiersze i tak trzymają linię. */
body.biuro .b-mx{display:grid;grid-template-columns:minmax(150px,1fr) repeat(var(--b-mx-kol),minmax(46px,max-content));
  border:1px solid var(--b-line);border-radius:var(--b-r);overflow:hidden}
body.biuro .b-mx-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:stretch;border-top:1px solid var(--b-line)}
body.biuro .b-mx-gl{border-top:0;background:var(--plyta)}
body.biuro .b-mx-nazwa{padding:6px 12px;font-size:13.5px;display:flex;align-items:center;gap:6px;min-width:0}
body.biuro .b-mx-gl .b-mx-nazwa{font-size:12px;color:var(--tekst-2);font-weight:560}
body.biuro .b-mx-nazwa .b-ctl{height:28px}
body.biuro .b-mx-row.wl .b-mx-nazwa{padding-left:6px}
body.biuro .b-mx-kol{display:grid;place-items:center;align-content:center;gap:3px;padding:6px 7px;font-size:11.5px;line-height:1.1;
  color:var(--tekst-2);text-align:center;border-left:1px solid var(--b-line)}
body.biuro button.b-mx-kol:hover{background:var(--b-hover);color:var(--tekst)}
body.biuro .b-mx-kol:focus-visible{outline:2px solid var(--powietrze);outline-offset:-2px}
body.biuro .b-mx-kol .zn{font-size:14px;font-weight:700}
body.biuro .b-mx-c{border-left:1px solid var(--b-line);display:grid;place-items:center;min-height:36px;padding:0;scroll-margin:300px 0 80px}
body.biuro .b-mx-c::before{content:"";width:15px;height:15px;border-radius:50%;border:1.5px solid var(--b-line-firm)}
body.biuro .b-mx-c:hover::before{border-color:var(--powietrze)}
body.biuro .b-mx-c[aria-checked=true]::before{background:var(--powietrze);border-color:var(--powietrze);box-shadow:inset 0 0 0 3px var(--grunt)}
body.biuro .b-mx-c.ok[aria-checked=true]::before{background:var(--zielen);border-color:var(--zielen)}
body.biuro .b-mx-c.uwaga[aria-checked=true]::before{background:var(--bursztyn);border-color:var(--bursztyn)}
body.biuro .b-mx-c.nd::before{width:9px;height:9px}
body.biuro .b-mx-c.nd[aria-checked=true]::before{background:var(--tekst-3);border-color:var(--tekst-3);box-shadow:none}
body.biuro .b-mx-c.na{background:var(--grunt-glab);opacity:.6}
body.biuro .b-mx-c.na::before{display:none}
body.biuro .b-mx-c:focus-visible{outline:2px solid var(--powietrze);outline-offset:-3px;border-radius:5px}
body.biuro .b-mx-row[data-stan=uwaga]{background:var(--b-amber-tint)}
body.biuro .b-mx-row[data-stan=nd] .b-mx-nazwa{color:var(--tekst-2)}
body.biuro .b-mx-row.nie{animation:b-nie .35s}
@keyframes b-nie{30%{background:var(--b-red-tint)}}
body.biuro .b-mx-ust{grid-column:1/-1;padding:6px 12px 8px 30px;background:var(--b-amber-tint);border-top:1px dashed var(--bursztyn)}
body.biuro .b-mx-ust .b-ctl{height:30px;scroll-margin:300px 0 80px}

/* Części: dwie kolumny ilości; spoza listy usługi przygaszone, pod spodem */
body.biuro .b-czesci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:0 30px}
body.biuro .b-czesci.obce{grid-auto-flow:row}
body.biuro .b-cz{display:grid;grid-template-columns:minmax(0,1fr) auto 30px 24px;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid var(--b-line)}
body.biuro .b-cz .nm{font-size:13.5px;color:var(--tekst-2)}
body.biuro .b-cz.uzyta .nm{color:var(--tekst);font-weight:620}
body.biuro .b-cz.obca .nm{color:var(--tekst-3);font-style:italic}
body.biuro .b-cz.obca .b-num{border-style:dashed}
body.biuro .b-cz .b-num{width:7ch}
body.biuro .b-krok{display:inline-flex;align-items:center;gap:3px}
body.biuro .b-krok button{width:24px;height:24px;border-radius:5px;font-size:15px;line-height:1;color:var(--tekst-3)}
body.biuro .b-krok button:hover{background:var(--b-hover);color:var(--tekst)}
body.biuro .b-cz-obce{font-size:12.5px;color:var(--tekst-3);margin:18px 0 2px}

/* Po serwisie i uwagi */
body.biuro .b-po-rzad{display:flex;gap:18px 30px;flex-wrap:wrap;align-items:start}
body.biuro .b-nast-nd{justify-self:start;margin-top:2px}
body.biuro .b-wstawki{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
body.biuro .b-wstawka{height:26px;padding:0 10px;border:1px solid var(--b-line);border-radius:999px;font-size:12px;color:var(--tekst-2)}
body.biuro .b-wstawka:hover{border-color:var(--powietrze);color:var(--powietrze)}
body.biuro .b-dokleja{margin-top:10px;padding:8px 12px;border-left:2px solid var(--bursztyn);background:var(--b-amber-tint);font-size:13px;
  white-space:pre-wrap;border-radius:0 var(--b-r) var(--b-r) 0}
body.biuro .b-dokleja b{display:block;font-size:12px;color:var(--bursztyn);font-weight:600;margin-bottom:2px}

/* Historia maszyny: panel z prawej, schowany domyślnie */
body.biuro .b-hist{border-left:1px solid var(--b-line);padding:14px 14px 30px;background:var(--plyta)}
body.biuro .b-hist-gl{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
body.biuro .b-hist-gl h3{margin:0;font-size:13px;font-weight:660}
body.biuro .b-hist-lista{list-style:none;margin:0;padding:0;display:grid;gap:2px}
body.biuro .b-hist-b{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;padding:7px 8px;border-radius:var(--b-r);width:100%;text-align:left}
body.biuro .b-hist-b:hover{background:var(--b-hover)}
body.biuro .b-hist-b[aria-expanded=true]{background:var(--grunt-glab)}
body.biuro .b-hist-b .d{font-variant-numeric:tabular-nums;font-size:13px;color:var(--tekst-2)}
body.biuro .b-hist-b .u{font-size:13px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.biuro .b-hist-b .b{grid-column:2;font-size:12px;color:var(--tekst-3)}
body.biuro .b-hist-b .ta{color:var(--powietrze)}
body.biuro .b-hist-szcz{padding:6px 8px 10px;font-size:12px;color:var(--tekst-2);display:grid;gap:4px}
body.biuro .b-hist-szcz dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px}
body.biuro .b-hist-szcz dt{color:var(--tekst-3)}
body.biuro .b-hist-szcz dd{margin:0;text-align:right;font-family:var(--f-dane)}
body.biuro .b-hist-szcz .uw{color:var(--bursztyn)}
body.biuro .b-hist .b-link{margin:8px}
body.biuro .b-stan .b-link{margin-left:6px}

/* ── Klienci: tabela i karta klienta ── */
body.biuro .b-ile{font-size:13px;color:var(--tekst-3)}
body.biuro .b-tb td.b-kl-td{max-width:340px}
body.biuro .b-tb .b-kl-nm{font-weight:600;color:var(--tekst);text-align:left}
body.biuro .b-tb .b-kl-nm:focus{outline:none}
body.biuro .b-tb .b-kl-td .b-znaczek{margin-left:8px}
body.biuro .b-kl{display:flex;flex-direction:column;min-height:calc(100dvh - var(--b-gora))}
body.biuro .b-kl-gl{display:flex;align-items:baseline;gap:6px 16px;flex-wrap:wrap;padding:16px 30px 14px;border-bottom:1px solid var(--b-line)}
body.biuro .b-kl-gl h1{margin:0;font-size:22px;font-weight:760;letter-spacing:-.012em}
body.biuro .b-kl-gl .sub{font-size:13px;color:var(--tekst-3)}
body.biuro .b-kl-gl .b-wiecej{margin-left:auto;align-self:center}
body.biuro .b-wstecz{font-size:13px;color:var(--tekst-2)}
body.biuro .b-wstecz:hover{color:var(--tekst)}
body.biuro .b-kl-cialo{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:0 44px;align-items:start;
  padding:4px 30px 32px;max-width:1340px;width:100%}
body.biuro .b-kl-cialo.jedna{grid-template-columns:minmax(0,640px)}
body.biuro .b-kl-cialo>div>.b-sekcja:first-child{border-top:0}
body.biuro .b-kl-nip{display:flex;gap:8px;align-items:end}
body.biuro .b-kl-nip .b-pole{flex:1}
body.biuro .b-kl-dup{font-size:13px;color:var(--bursztyn);margin-top:-6px}
body.biuro .b-kl-dup:empty{display:none}
body.biuro .b-kl-dup .b-link{color:inherit;border-bottom-color:currentColor;font-weight:620;margin-left:4px}
body.biuro .b-osoby{display:grid;gap:6px;margin-bottom:8px}
body.biuro .b-osoba{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.25fr) 24px;gap:6px;align-items:center}
body.biuro .b-osoba .b-ctl{height:30px}
body.biuro .b-osoba.gl{margin-bottom:-2px}
body.biuro .b-tb-m td{padding:8px 10px}
/* Węższe okno: maszyny i zlecenia schodzą pod dane firmy. */
@media (max-width:1180px){
  body.biuro .b-kl-cialo{grid-template-columns:minmax(0,720px)}
  body.biuro .b-kl-cialo>div+div>.b-sekcja:first-child{border-top:1px solid var(--b-line);margin-top:12px}
}

/* ── Maszyny: strona maszyny i formularz urządzenia (układ karty klienta) ── */
body.biuro .b-outline .b-duch[aria-current=page]{background:var(--b-air-tint);border-style:solid}
body.biuro .b-ksztalt{display:flex;align-items:center;min-height:var(--b-ctl);font-size:13px;color:var(--tekst-2)}
body.biuro .b-kl-gl .sub .b-link{font-size:inherit}