/* Panel TrueChat — układ jak główny ekran Smartsuppa (pasek ikon | lista | rozmowa | karta klienta).
   Barwy i czcionka z księgi znaku TrueChat (marka/truechat/ksiega-znaku.html, 15.10.2026): śliwkowa noc, jedna ciepła
   bursztynowa kropka = „ktoś tu jest”, Manrope do wszystkiego, czcionka maszynowa tylko do godzin i statusów.
   Nazwy zmiennych (--granat, --niebieski) zostały z pierwszej wersji, wartości są już TrueChat. */
@font-face{font-family:"Manrope";src:url(/statyczne/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
:root{--granat:#1A1024;--granat2:#2A1C38;--niebieski:#B97800;--niebieski-jasny:#F1EBF6;--tlo:#F7F3FA;--linia:#E9E1F0;
  --tekst:#1A1024;--szary:#6E5F7E;--czeka:#D93B3B;--on:#FFB21E;--dostepny:#1F9D6B;--pr:#8E7BB0;--off:#C9C0D2;--bursztyn:#FFB21E;--lawenda:#B3A3C2;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14.5px;color:var(--tekst);background:var(--tlo)}
button,select,textarea,input{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--linia);background:#fff;border-radius:8px;padding:7px 12px}
button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #ffbf47;outline-offset:1px}
.maly{padding:5px 10px;font-size:13.5px}
.glowny{background:var(--bursztyn);color:var(--granat);border-color:var(--bursztyn);font-weight:700}   /* na bursztynie piszemy śliwką */

/* układ */
.aplikacja{display:grid;grid-template-columns:64px minmax(250px,340px) minmax(0,1fr) minmax(240px,320px);grid-template-rows:48px 54px minmax(0,1fr);
  height:100vh;height:100dvh;overflow:hidden}
.aplikacja.bez-karty{grid-template-columns:64px minmax(250px,340px) minmax(0,1fr)}
.aplikacja>*:not(.pasek-ikon):not(.pulpit):not(.gorna):not(dialog){grid-row:3}
.pasek-ikon{grid-row:2/4}.pulpit{grid-row:2}

/* ciemna listwa na górze: logo · lupka · wybór sklepu */
.gorna{grid-row:1;grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 14px 0 16px;background:var(--granat);
  border-bottom:1px solid #2A1C38;min-width:0;padding-top:env(safe-area-inset-top)}
.gorna-logo{height:22px;width:auto;flex:none}
.szukajka{display:flex;flex-direction:row-reverse;align-items:center;gap:6px;flex:1;min-width:0}   /* lupka przy prawej, pole rozwija się w lewo */
.lupa{border:0;background:none;padding:6px;border-radius:8px;display:grid;place-items:center;flex:none}
.lupa svg{width:20px;height:20px;fill:#B3A3C2}.lupa:hover svg,.szukajka.otwarta .lupa svg{fill:#F6F0FA}
.szukajka input{flex:0 1 380px;min-width:0;border:1px solid #33244A;border-radius:8px;padding:6px 10px;background:#2A1C38;color:#F6F0FA}
.szukajka input::placeholder{color:#B3A3C2}
.gorna-sklep{flex:none;max-width:44vw;border:1px solid #33244A;border-radius:8px;padding:6px 8px;background:#2A1C38;color:#F6F0FA}

/* pasek na żywo */
.pulpit{grid-column:2/-1;display:flex;align-items:center;gap:20px;padding:0 18px;overflow:hidden;background:#fff;border-bottom:1px solid var(--linia);min-width:0}
.pulpit .liczba{display:flex;align-items:baseline;gap:6px;border:0;background:none;padding:0;white-space:nowrap}
.pulpit .liczba b{font-size:20px;font-weight:800;letter-spacing:-.02em}.pulpit .liczba span{color:var(--szary);font-size:12.5px}
.pulpit .liczba.alarm b{color:var(--czeka)}
.pulpit button.liczba:hover span{text-decoration:underline}
.pulpit .sep{width:1px;height:26px;background:var(--linia)}
.status-pill{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--linia);border-radius:20px;padding:5px 12px;font-weight:600;font-size:13px;background:#fff;white-space:nowrap}
.status-pill i{width:10px;height:10px;border-radius:50%;background:var(--off)}.status-pill i.online{background:var(--dostepny)}.status-pill i.przerwa{background:var(--pr)}
.menu-ja.z-gory{position:fixed;left:auto;right:16px;bottom:auto;top:58px}

/* sekcje listy i pasek czasu czekania: zielony → pomarańczowy po 1. przypomnieniu → czerwony po 2. */
.lista li.sekcja{display:flex;justify-content:space-between;cursor:default;padding:8px 12px;background:#FBF8FD;font-weight:700;font-size:12.5px;color:var(--szary);border-left:0}
.lista li.sekcja.klik{cursor:pointer}.lista li.sekcja.klik:hover{color:var(--tekst)}
.lista li.sekcja span{font-weight:500}
.lista .pasek-czasu{grid-column:2/4;height:4px;border-radius:2px;background:#EFE9F4;overflow:hidden}
.lista .pasek-czasu i{display:block;height:100%;border-radius:2px;background:#1F9D6B}
.lista li .czas.c1{color:#1F9D6B!important}.lista li .czas.c2{color:#E58A1F!important}.lista li .czas.c3{color:var(--czeka)!important}
.lista .pasek-czasu i.c2{background:#E58A1F}.lista .pasek-czasu i.c3{background:var(--czeka)}
.historia-przycisk{margin:8px 12px 12px;border:1px dashed var(--linia);background:none;color:var(--szary);font-size:13px}
.zamknij-g{background:#1F9D6B;color:#fff;border-color:#1F9D6B;font-weight:700}

/* 1. pasek ikon */
.pasek-ikon{background:var(--granat);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;position:relative}
.ikona{position:relative;width:44px;height:44px;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}
.ikona svg{width:22px;height:22px;fill:var(--lawenda)}
.ikona:hover{background:rgba(255,255,255,.08)}
.ikona.aktywna{background:var(--granat2)}.ikona.aktywna svg{fill:var(--bursztyn)}
.znaczek{position:absolute;top:3px;right:3px;background:var(--czeka);color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:0 5px;line-height:17px}
.odstep{flex:1}
/* połączenie widać tylko, gdy go NIE MA (Tomek: dwie zielone kropki myliły) */
.kropka-polaczenia{display:none;font-size:11px;font-weight:700;color:#fff;background:var(--czeka);border-radius:6px;padding:2px 5px;text-align:center;line-height:1.2}
.kropka-polaczenia.brak{display:block}
.ja{position:relative;width:40px;height:40px;border-radius:50%;border:0;background:#33244A;color:#fff;font-weight:700;padding:0}
.ja i{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;border:2px solid var(--granat);background:var(--off)}
.ja i.online{background:var(--dostepny)}.ja i.przerwa{background:var(--pr)}
.menu-ja{position:absolute;left:58px;bottom:10px;background:#fff;border:1px solid var(--linia);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:10px;width:230px;z-index:20;display:flex;flex-direction:column;gap:2px}
.menu-ja b{padding:2px 6px}.menu-ja small{padding:0 6px 6px;color:var(--szary)}
.menu-ja button{border:0;text-align:left;display:flex;gap:9px;align-items:center;padding:7px 8px}
.menu-ja button:hover{background:var(--tlo)}.menu-ja button[aria-checked=true]{background:var(--niebieski-jasny);font-weight:600}
.menu-ja hr{border:0;border-top:1px solid var(--linia);margin:4px 0;width:100%}
.k{width:10px;height:10px;border-radius:50%;display:inline-block}.k.on{background:var(--dostepny)}.k.pr{background:var(--pr)}.k.off{background:var(--off)}

/* 2. lista */
.lista{background:#fff;border-right:1px solid var(--linia);display:flex;flex-direction:column;min-height:0}
.lista-gora{padding:12px 12px 6px;border-bottom:1px solid var(--linia)}
.zakladki{display:flex;gap:4px;margin-bottom:8px}
.zakladki button{border:0;background:none;padding:6px 10px;border-radius:8px;color:var(--szary);font-weight:600}
.zakladki button[aria-selected=true]{background:var(--niebieski-jasny);color:var(--granat)}
.licznik{background:var(--czeka);color:#fff;border-radius:10px;padding:0 6px;font-size:11.5px;margin-left:3px}
.ile{display:block;color:var(--szary);font-size:12px;margin-top:6px}
.lista ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}
.lista li{padding:10px 12px;border-bottom:1px solid var(--linia);cursor:pointer;display:grid;grid-template-columns:38px 1fr auto;gap:2px 10px;align-items:center;border-left:4px solid transparent}
.lista li:hover{background:#FBF8FD}
.lista li.wybrana{background:var(--niebieski-jasny)}
.lista .awatar{grid-row:1/3}
.lista .nazwa{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lista .czas{font-size:11.5px;color:var(--szary);font-family:var(--mono)}
.lista .ostatnia{grid-column:2/4;font-size:13px;color:var(--szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lista li.czeka .ostatnia{color:var(--tekst);font-weight:600}.lista li.czeka .czas{color:var(--czeka);font-weight:700}
.awatar{width:38px;height:38px;border-radius:50%;background:#DDD3E6;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.awatar.duzy{width:64px;height:64px;font-size:22px}
.pusto,.nic p{color:var(--szary);text-align:center;padding:30px}

/* 3. rozmowa */
.rozmowa{display:flex;flex-direction:column;min-height:0;background:var(--tlo)}
.nic{display:flex;align-items:center;justify-content:center;background:var(--tlo)}
.glowa{background:#fff;border-bottom:1px solid var(--linia);padding:10px 16px;display:flex;align-items:center;gap:10px}
.kto{display:flex;flex-direction:column;min-width:0;flex:1}.glowa{min-width:0}.glowa>button{flex:none}
@media (max-width:1350px){.sklep-plakietka{display:none}}.kto b{font-size:15px}.kto small{color:var(--szary);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sklep-plakietka{margin-left:auto;font-size:12px;font-weight:600;padding:3px 9px;border-radius:12px;background:var(--tlo);border-left:4px solid var(--szary)}
.wstecz{display:none;border:0;font-size:24px;padding:0 8px;background:none}
.pokaz-karte{display:none}
.wiadomosci{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.m{max-width:70%;padding:9px 13px;border-radius:16px;line-height:1.42;white-space:pre-wrap;word-wrap:break-word;background:#fff;border:1px solid var(--linia);align-self:flex-start}
.m.obsluga{align-self:flex-end;background:var(--granat);color:#F6F0FA;border-color:var(--granat)}
.m.obsluga a{color:#F6F0FA}
.m.notatka{align-self:stretch;max-width:none;background:#FFF4D6;border-color:#F5D58A;color:var(--tekst)}
.m.notatka::before{content:"🔒 notatka dla zespołu — klient jej nie widzi";display:block;font-size:11px;color:#8A5A00;margin-bottom:2px}
.m.system{align-self:flex-end;background:#EDE5F3;border-color:#E2D7EA;color:var(--tekst)}
.m.system::before{content:"⚙ automat";display:block;font-size:11px;color:var(--szary);margin-bottom:2px}
.m .meta{display:block;font-size:11.5px;opacity:.7;margin-top:3px}.m .meta a{color:inherit}
.m.zdarzenie{align-self:center;background:transparent;border:1px solid var(--linia);color:var(--szary);font-size:12.5px;padding:4px 12px;border-radius:14px}
.dzien{align-self:center;font-size:12px;color:var(--szary);margin:6px 0}
.pisze{margin:0;padding:0 22px 6px;font-size:13px;color:var(--szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pisze q{font-style:italic;color:var(--tekst)}
.odpowiedz{background:#fff;border-top:1px solid var(--linia);padding:8px 14px 10px;position:relative}
.tryby{display:flex;gap:4px;margin-bottom:6px}
.tryby button{border:0;background:none;padding:4px 10px;border-radius:7px;color:var(--szary);font-weight:600;font-size:13px}
.tryby button[aria-selected=true]{background:var(--niebieski-jasny);color:var(--granat)}
.odpowiedz.notatka textarea{background:#FFF9E8;border-color:#F5D58A}
.podpowiedzi{position:absolute;left:14px;right:14px;bottom:calc(100% - 34px);margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--linia);border-radius:10px;box-shadow:0 10px 30px rgba(26,16,36,.18);max-height:240px;overflow-y:auto;z-index:5}
.podpowiedzi li{padding:7px 9px;border-radius:7px;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podpowiedzi li b{margin-right:8px;color:var(--niebieski)}
.podpowiedzi li[aria-selected=true]{background:var(--niebieski-jasny)}
.godz-drugi{font-size:12px;border:0;background:none;color:var(--niebieski);padding:0 4px}
.odpowiedz textarea{width:100%;border:1px solid var(--linia);border-radius:10px;padding:9px 11px;resize:vertical;min-height:64px}
.przyciski{display:flex;gap:8px;margin-top:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.uwaga{font-size:12.5px;color:#8a6d00;margin:0 auto 0 0;flex:1;min-width:200px}

/* widok: odwiedzający */
.znaczek.niebieski{background:var(--niebieski)}
.odwiedzajacy{grid-column:2/-1;overflow-y:auto;padding:18px 22px;background:var(--tlo)}
.odw-gora{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.odw-gora h2{margin:0;font-size:19px}.odw-ile{background:var(--niebieski);color:#fff;border-radius:12px;padding:1px 9px;font-size:14px;vertical-align:middle}
.odw-gora select{margin-left:auto;border:1px solid var(--linia);border-radius:8px;padding:5px 8px;background:#fff}
.odw-pomoc{max-width:760px;margin:4px 0 10px;font-size:12.5px}
/* lista gości (Tomek 15.10.2026): na komputerze tabela jak w Smartsuppie (kto | strona | czas | skąd | wizyta | akcja),
   na telefonie te same dane w dwóch linijkach; nic nie wychodzi poza ekran (minmax(0,…) + ellipsis) */
.odw-lista{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--linia);border-radius:12px;overflow:hidden;min-width:0}
.odw,.odw-naglowek{display:grid;grid-template-columns:30px minmax(110px,200px) minmax(0,1fr) 64px minmax(90px,140px) 70px 44px 88px;
  grid-template-areas:"av kto strona czas skad wiz czaty akcja";align-items:center;column-gap:12px;padding:6px 14px;min-width:0}
.odw{border-bottom:1px solid var(--linia);border-left:4px solid var(--szary)}
.odw:last-child{border-bottom:0}
.odw-naglowek{padding:7px 14px 7px 18px;font-size:12px;font-weight:600;color:var(--szary);border-bottom:1px solid var(--linia);background:#FBF8FD}
.odw-naglowek span:nth-child(1){grid-area:av}.odw-naglowek span:nth-child(2){grid-area:kto}.odw-naglowek span:nth-child(3){grid-area:strona}
.odw-naglowek span:nth-child(4){grid-area:czas}.odw-naglowek span:nth-child(5){grid-area:skad}.odw-naglowek span:nth-child(6){grid-area:wiz}
.odw-naglowek span:nth-child(7){grid-area:czaty}
.odw .av{grid-area:av;position:relative;width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center}
.odw .av::after{content:"";position:absolute;right:-1px;top:-1px;width:9px;height:9px;border-radius:50%;background:var(--dostepny);border:2px solid #fff}   /* zielona = przegląda (Tomek 15.10.2026), czerwona = czeka */
.odw.g-bezczynny .av::after{background:var(--off)}.odw.g-czeka .av::after{background:var(--czeka)}
.odw .meta{display:contents}
.odw .gk{grid-area:kto;display:flex;align-items:center;gap:6px;font-size:13.5px;min-width:0;white-space:nowrap}
.odw .gk b{overflow:hidden;text-overflow:ellipsis;min-width:0}
.odw .urz{display:inline-flex;flex:none;color:var(--szary)}.odw .urz svg{width:15px;height:15px;fill:currentColor}
/* dymek z liczbą rozmów z klientem: szary = jeszcze nie pisał, zielony = rozmawialiśmy */
.odw .czaty{grid-area:czaty;justify-self:start;display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 5px;
  border-radius:9px 9px 9px 2px;background:#E7E1EE;color:var(--szary);font-size:11px;font-weight:800;line-height:1}
.odw .czaty.ma{background:#1F9D6B;color:#fff}
.odw .strona{grid-area:strona;display:flex;align-items:center;gap:7px;min-width:0;font-size:13.5px}
.odw .strona a{color:var(--tekst);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odw .strona a:hover{text-decoration:underline}
.odw .ile-stron{flex:none;min-width:20px;height:20px;border-radius:6px;border:1px solid var(--linia);background:var(--tlo);font-size:11px;font-weight:700;
  padding:0 5px;color:var(--szary)}.odw .ile-stron[aria-expanded=true]{background:var(--granat);color:#fff;border-color:var(--granat)}
.odw .czas{grid-area:czas;font-family:var(--mono);font-size:12px;color:var(--tekst);font-variant-numeric:tabular-nums;white-space:nowrap}
.odw .skad{grid-area:skad;font-size:12.5px;color:var(--szary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odw .wiz{grid-area:wiz;font-size:12.5px;color:var(--szary);white-space:nowrap}.odw .wiz.zgoda{color:var(--niebieski);font-weight:600}
.odw .akcja{grid-area:akcja;justify-self:end;border:1px solid var(--linia);background:#fff;border-radius:7px;padding:3px 10px;font-size:12.5px;white-space:nowrap}
.odw .akcja.glowny{background:var(--bursztyn);border-color:var(--bursztyn);color:var(--granat);font-weight:700}
.odw .akcja.zagadany{border:0;background:none;color:#8A5A00;padding:3px 0}
.odw .strony{grid-column:3/-1;margin:4px 0 2px;padding-left:16px;font-size:12px;color:var(--szary)}
.odw-sekcja{padding:6px 14px;background:#FBF8FD;border-bottom:1px solid var(--linia);font-size:12.5px;font-weight:700;color:var(--szary);display:flex;align-items:center;gap:8px}
.odw-sekcja i{width:9px;height:9px;border-radius:50%}
.odw.g-czeka{border-left-color:var(--czeka)!important}.odw.g-bezczynny{opacity:.65}
@media (max-width:900px){
  .odwiedzajacy{grid-column:1;grid-row:2;padding:10px 10px 14px;min-width:0;overflow-x:hidden}
  .odw-pomoc,.odw-naglowek{display:none}.odw-gora h2{font-size:17px}
  /* telefon: 1. linijka strona · czas · akcja, 2. linijka kto · skąd · urządzenie · wizyta */
  .odw{grid-template-columns:28px minmax(0,1fr) auto auto;grid-template-areas:"av strona czas akcja" "av meta meta meta";
    column-gap:8px;row-gap:1px;padding:7px 10px}
  .odw .meta{display:flex;grid-area:meta;align-items:center;gap:10px;min-width:0;font-size:12px;color:var(--szary)}
  .odw .meta .gk{font-size:12.5px;min-width:0}.odw .meta .skad,.odw .meta .wiz.brak{display:none}
  .odw .meta .wiz{font-size:12px}
  .odw .strony{grid-column:2/-1}
}

/* 4. karta klienta */
.karta{background:#fff;border-left:1px solid var(--linia);overflow-y:auto;padding:16px;position:relative}
.zamknij-karte{display:none;position:absolute;right:10px;top:10px}
.karta-gora{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--linia);text-align:center}
.karta-gora small{color:var(--szary)}
.karta-pola{padding:10px 0;border-bottom:1px solid var(--linia);display:flex;flex-direction:column;gap:6px}
.pole{display:flex;align-items:center;gap:8px}.pole span,.pole-tekst span{width:20px;text-align:center;color:var(--szary)}
.pole input{flex:1;min-width:0;border:1px solid transparent;border-radius:7px;padding:5px 7px;background:var(--tlo)}
.pole input:hover,.pole input:focus{border-color:var(--linia);background:#fff}
.pole-tekst{display:flex;gap:8px;font-size:13.5px}.pole-tekst b{font-weight:500}
.k-zapis{font-size:12px;color:var(--on);min-height:14px;padding-left:28px}.k-zapis.zle{color:var(--czeka)}
.karta-sekcja{border-bottom:1px solid var(--linia);padding:10px 0}
.karta-sekcja summary{font-weight:600;cursor:pointer}.karta-sekcja summary small{color:var(--szary);font-weight:400}
.karta-sekcja ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.karta-sekcja li a,.karta-sekcja li button{display:block;width:100%;text-align:left;border:0;background:var(--tlo);padding:6px 8px;border-radius:7px;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.karta-sekcja li .biezaca{border-left:3px solid var(--niebieski)}

/* telefon: lista albo rozmowa, karta jako nakładka, pasek ikon na dole */
@media (max-width:900px){
  .aplikacja,.aplikacja.bez-karty{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) 58px}
  .pulpit{display:none}.gorna{min-height:48px;gap:8px;padding-left:12px;padding-right:10px}
  .szukajka.otwarta+.gorna-sklep{max-width:30vw}
  .aplikacja>*:not(.pasek-ikon):not(.pulpit):not(.gorna):not(dialog){grid-row:2}
  .pasek-ikon{grid-row:3;flex-direction:row;justify-content:space-around;padding:0 10px env(safe-area-inset-bottom)}
  .odstep{display:none}
  .menu-ja{left:auto;right:8px;bottom:64px}
  .aplikacja:not(.w-rozmowie) .rozmowa,.aplikacja .nic{display:none!important}
  .aplikacja.w-rozmowie .lista{display:none}
  .lista,.rozmowa{grid-row:2;grid-column:1}
  .wstecz,.pokaz-karte{display:inline-block}
  .karta{position:fixed;inset:0 0 58px 0;z-index:15;border:0}
  .aplikacja:not(.karta-na-telefonie) .karta{display:none}
  .zamknij-karte{display:inline-block}
  .m{max-width:86%}
  .wiadomosci{padding:14px}
  .uwaga{min-width:100%}
}

/* ustawienia */
.ustawienia{border:0;border-radius:14px;padding:0;width:min(640px,96vw);max-height:90vh;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.ustawienia::backdrop{background:rgba(0,0,0,.35)}
.u-gora{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--linia);position:sticky;top:0;background:#fff;z-index:2}
.u-gora h2{margin:0;font-size:18px}
.ustawienia section{padding:14px 18px;border-bottom:1px solid var(--linia)}
.ustawienia h3{margin:0 0 6px;font-size:15px}
.pomoc{font-size:13px;color:var(--szary);margin:0 0 10px}
.godziny{display:grid;grid-template-columns:40px auto 1fr;gap:6px 10px;align-items:center;margin-bottom:10px;font-size:14px}
.godziny input[type=time]{border:1px solid var(--linia);border-radius:7px;padding:4px 6px}
.teksty label{display:block;font-size:13px;font-weight:600;margin:12px 0 3px}
.teksty label small{font-weight:400;color:var(--szary)}
.teksty textarea{width:100%;border:1px solid var(--linia);border-radius:8px;padding:7px;min-height:52px;resize:vertical}
.teksty textarea:disabled{background:var(--tlo);color:#9aa3b2}
.teksty input[type=number]{width:64px;border:1px solid var(--linia);border-radius:7px;padding:3px 6px}
.wynik{font-size:13px;color:#8A5A00;margin-left:8px}.wynik.zle{color:var(--czeka)}
#teksty-sklep{margin-bottom:4px;border:1px solid var(--linia);border-radius:8px;padding:5px 8px}
.przel{display:inline-flex!important;align-items:center;gap:6px;margin:0 8px 0 0!important;font-weight:400!important;cursor:pointer;vertical-align:middle}
.przel input{position:absolute;opacity:0;width:1px;height:1px}
.przel i{width:34px;height:20px;border-radius:10px;background:#c4c9d3;position:relative;transition:background .15s;flex:none}
.przel i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.przel input:checked+i{background:var(--on)}.przel input:checked+i::after{left:16px}
.przel input:focus-visible+i{outline:3px solid #ffbf47;outline-offset:2px}
.przel span{font-size:12px;color:var(--szary);min-width:62px}

/* logowanie */
.okno{max-width:360px;margin:12vh auto;background:#fff;border:1px solid var(--linia);border-radius:14px;padding:24px}
.okno h1{font-size:20px;margin:0 0 16px;color:var(--granat)}
.logo-okno{display:block;width:150px;margin:0 0 18px}
.okno label{display:block;font-size:14px;margin:10px 0 4px}
.okno input{width:100%;padding:9px;border:1px solid var(--linia);border-radius:8px}
.okno button{width:100%;margin-top:16px}
.blad{color:var(--czeka);font-size:14px;min-height:18px;margin:10px 0 0}

.odw .zgoda{color:var(--niebieski);font-weight:600}
.wizyta-naglowek{font-weight:600;color:var(--tekst);margin-top:6px}
.pomoc-mala{font-size:12px;color:var(--szary);background:none!important}
.teksty select{width:100%;border:1px solid var(--linia);border-radius:8px;padding:6px 8px;background:#fff}
.baner-info{margin-top:8px}
.zaczepki{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.zaczepka{border:1px solid var(--linia);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px;font-size:13px}
.z-gora{display:flex;align-items:center;gap:8px}.z-nazwa{flex:1;font-weight:600;border:1px solid transparent;border-radius:6px;padding:3px 6px}
.z-nazwa:hover,.z-nazwa:focus{border-color:var(--linia)}.z-stat{color:var(--szary);white-space:nowrap}
.zaczepka textarea{width:100%;border:1px solid var(--linia);border-radius:8px;padding:7px;min-height:44px;resize:vertical;font:inherit}
.z-wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.z-etyk{width:46px;color:var(--szary);font-weight:600}
.z-wiersz select,.z-wiersz input{border:1px solid var(--linia);border-radius:7px;padding:4px 6px;background:#fff;font:inherit;font-size:12.5px}
.z-wiersz input[type=text]{flex:1;min-width:160px}.z-wiersz input[type=number]{width:64px}
.z-on{display:inline-flex;align-items:center;gap:4px}.z-dol{display:flex;gap:6px;align-items:center}

/* widok: statystyki */
.statystyki h3{font-size:14px;margin:18px 0 8px}.statystyki h3 small{font-weight:400;color:var(--szary)}
.st-kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:12px}
.st-kafel{background:#fff;border:1px solid var(--linia);border-radius:12px;padding:12px 14px}
.st-kafel b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}.st-kafel span{color:var(--szary);font-size:12.5px}
.st-wykres{display:flex;align-items:flex-end;gap:3px;height:150px;background:#fff;border:1px solid var(--linia);border-radius:12px;padding:12px}
.st-wykres div{flex:1;display:flex;flex-direction:column-reverse;min-width:3px;height:100%;position:relative}
.st-wykres i{display:block;background:var(--granat);border-radius:3px 3px 0 0}.st-wykres i.bez{background:var(--czeka);border-radius:0}
.st-dwa{display:grid;grid-template-columns:1fr 2fr;gap:18px}
.statystyki table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linia);border-radius:12px;overflow:hidden;font-size:13px}
.statystyki td,.statystyki th{padding:7px 10px;border-bottom:1px solid var(--linia);text-align:left}.statystyki th{color:var(--szary);font-weight:600}
.statystyki td.l{text-align:right;font-variant-numeric:tabular-nums}
.link-czatu{display:flex;gap:6px;align-items:center;margin-top:12px}.link-czatu input{flex:1;border:1px solid var(--linia);border-radius:8px;padding:6px 8px;background:var(--tlo)}
@media (max-width:900px){.st-dwa{grid-template-columns:1fr}}
.zamowienia li{background:var(--tlo);border-radius:8px;padding:7px 9px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
.zamowienia li b{font-size:13px}.zamowienia li .st{font-size:11.5px;background:#E8F6EF;color:#167a52;border-radius:6px;padding:1px 7px;justify-self:end}
.zamowienia li small{color:var(--szary)}.zamowienia li.info{display:block;color:var(--szary);font-size:12.5px;background:none;padding:2px 0}
/* asystent AI (makieta A): szkic ze źródłami — wstawia go człowiek */
.tryby .ai{color:#5b4bb5;margin-left:2px}.tryby .ai:first-of-type{margin-left:auto}.tryby .ai[disabled]{opacity:.5;cursor:wait}
.szkic{background:#F3F0FF;border:1px solid #DDD6FB;border-radius:10px;padding:9px 11px;margin-bottom:7px;font-size:13.5px}
.szkic-gora{display:flex;justify-content:space-between;gap:8px;color:#5b4bb5;font-size:12.5px}
.szkic-gora button{border:0;background:none;padding:0;color:#5b4bb5;font-weight:700;font-size:12.5px}
.szkic p{margin:5px 0;white-space:pre-wrap}.szkic-zrodla{display:flex;flex-wrap:wrap;gap:5px}
.szkic-zrodla span{background:#fff;border:1px solid #DDD6FB;border-radius:6px;padding:1px 7px;font-size:11.5px;color:var(--szary)}
/* przesuwanie rozmów palcem (Tomek 15.10.2026): w prawo = archiwizuj, w lewo = do kosza (znika po 10 dniach) */
#rozmowy{position:relative}.lista li:not(.sekcja){position:relative;z-index:1;background:#fff;touch-action:pan-y}
.lista li.wybrana{background:var(--niebieski-jasny)}
.sw-tlo{position:absolute;left:0;right:0;z-index:0;display:flex;align-items:center;padding:0 18px;color:#fff;font-weight:700;font-size:14px}
.sw-tlo.archiwum{background:#1F9D6B;justify-content:flex-start}.sw-tlo.kosz{background:var(--czeka);justify-content:flex-end}
.lista li.sekcja.przelacz{gap:6px;justify-content:flex-start}
.przelacz button{border:0;background:none;padding:3px 9px;border-radius:7px;font-weight:600;font-size:12.5px;color:var(--szary)}
.przelacz button[aria-pressed=true]{background:var(--niebieski-jasny);color:var(--granat)}.przelacz .wroc{margin-left:auto}
.toast{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);z-index:40;background:var(--granat);color:#F6F0FA;border-radius:12px;
  padding:10px 14px;display:flex;gap:14px;align-items:center;font-size:14px;box-shadow:0 10px 30px rgba(26,16,36,.3)}
.toast button{border:0;background:none;color:var(--bursztyn);font-weight:800;padding:0}
@media (min-width:901px){.toast{bottom:24px}}
.odw.g-tlo{opacity:.55}.odw.g-tlo .av::after{background:#D9D2E0}
.odw .gk .karty{font-size:11px;color:var(--szary);font-weight:600;background:var(--tlo);border-radius:6px;padding:0 5px}
.st-diag{max-width:560px}
/* profil konsultanta */
.profil-gora{display:flex;gap:16px;align-items:center}
.kadr{width:min(420px,96vw)}
.kadr-plotno{display:block;width:min(320px,100%);height:auto;aspect-ratio:1;margin:0 auto;border-radius:10px;background:#1A1024;touch-action:none;cursor:grab}
.kadr-plotno:active{cursor:grabbing}
.kadr-zoom{display:flex;align-items:center;gap:10px;max-width:320px;margin:12px auto 0;font-size:18px;font-weight:700;color:var(--szary)}
.kadr-zoom input{flex:1;min-width:0}
.kadr-przyciski{display:flex;justify-content:flex-end;gap:8px;margin:14px 0 0}
.profil-foto{width:84px;height:84px;border-radius:50%;flex:none;background:#33244A center/cover no-repeat;color:#fff;font-size:30px;font-weight:800;display:grid;place-items:center}
.przycisk-plik{display:inline-block;border:1px solid var(--linia);border-radius:8px;cursor:pointer;background:#fff;margin-right:6px}
.pole-profil{display:block;font-size:13px;font-weight:600;margin:0 0 10px}.pole-profil small{font-weight:400;color:var(--szary)}
.pole-profil input{display:block;width:100%;margin-top:4px;border:1px solid var(--linia);border-radius:8px;padding:7px 9px;font:inherit;font-weight:400}
.ja{background-size:cover;background-position:center}.ja.z-foto #ja-litera{visibility:hidden}
/* prośba o powiadomienia: pasek na górze, aż osoba je włączy (albo odłoży na 3 dni) */
.baner-push{position:fixed;left:50%;transform:translateX(-50%);top:58px;z-index:35;width:min(680px,calc(100vw - 20px));display:flex;gap:12px;align-items:center;
  background:var(--granat);color:#F6F0FA;border-radius:14px;padding:12px 14px;box-shadow:0 14px 40px rgba(26,16,36,.35);border:1px solid #33244A}
.bp-ikona{font-size:26px;flex:none}.bp-tekst{flex:1;min-width:0;font-size:13.5px;line-height:1.4}.bp-tekst b{display:block;font-size:15px;margin-bottom:2px}
.bp-przyciski{display:flex;flex-direction:column;gap:6px;flex:none}
.bp-przyciski button{border-radius:8px;padding:7px 14px;font-weight:700;white-space:nowrap}
#bp-pozniej{background:none;border:1px solid #4A3A60;color:#D4C8DF;font-weight:600}
@media (max-width:900px){.baner-push{top:calc(52px + env(safe-area-inset-top))}}
.eksport{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 10px;font-size:13.5px;align-items:center}
.eksport input[type=date]{border:1px solid var(--linia);border-radius:8px;padding:5px 8px;font:inherit;margin-left:4px}
.eksport label{display:inline-flex;align-items:center;gap:5px}
/* telefon: ekran rozmowy mieści się w szerokości (POMYSLY pkt 1) — kolumna nie rozpycha się do zawartości */
.g-wiecej,.menu-rozmowy{display:none}
.glowa{position:relative}
@media (max-width:900px){
  .aplikacja,.aplikacja.bez-karty{grid-template-columns:minmax(0,1fr)}
  .aplikacja>*{min-width:0}
  .gorna{overflow:hidden}.gorna-sklep{max-width:42vw;min-width:0}
  .glowa{gap:8px;padding:8px 10px}
  .glowa>button:not(.wstecz):not(.g-wiecej),.sklep-plakietka{display:none!important}
  .kto{min-width:0;flex:1}.kto b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .g-wiecej{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--linia);border-radius:10px;background:#fff;font-size:22px;line-height:1;padding:0}
  .menu-rozmowy:not([hidden]){display:flex;flex-direction:column;position:absolute;right:10px;top:52px;z-index:20;background:#fff;border:1px solid var(--linia);
    border-radius:12px;box-shadow:0 12px 30px rgba(26,16,36,.2);padding:6px;min-width:210px}
  .menu-rozmowy button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:8px;font-size:15px}
  .menu-rozmowy button:active{background:var(--tlo)}.menu-rozmowy .czerwony{color:var(--czeka)}
  .wiadomosci{min-width:0}.m{max-width:85%}.m.notatka{max-width:100%}
  .m,.m .meta{overflow-wrap:anywhere}
  .odpowiedz{padding:6px 10px 8px}
  .tryby{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tryby::-webkit-scrollbar{display:none}
  .tryby button{flex:none;white-space:nowrap}.tryby .ai:first-of-type{margin-left:6px}
  .odpowiedz textarea{min-height:52px}
  .przyciski{flex-wrap:nowrap;gap:6px}#wyslij-zamknij{display:none}
  .uwaga{min-width:0!important;flex:1;font-size:11.5px;line-height:1.3}
  .przyciski .glowny{flex:none}
}
.pw-stan{font-size:13px;margin-right:8px}

/* rozwinięty pasek klienta (POMYSLY pkt 4) */
.odw.klik{cursor:pointer}.odw.klik:hover{background:#FBF8FD}.odw.klik:focus-visible{outline:3px solid #ffbf47;outline-offset:-3px}
.odw[aria-expanded=true]{background:#FBF8FD;grid-template-areas:"av kto strona czas skad wiz czaty akcja" "sz sz sz sz sz sz sz sz"}
.odw .strona .tytul{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odw .ma-notatke{font-size:11px;flex:none}
.odw-szczegoly{grid-area:sz;cursor:default;margin:8px 0 4px;padding:10px 12px;background:#fff;border:1px solid var(--linia);border-radius:10px;font-size:13px;min-width:0}
.odw-szczegoly dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 12px;margin:0 0 8px}
.odw-szczegoly dt{color:var(--szary)}.odw-szczegoly dd{margin:0;min-width:0;overflow-wrap:anywhere}
.odw-szczegoly .otworz-strone{text-decoration:none;font-weight:700;color:var(--niebieski);padding:0 4px}
.odw-szczegoly button.link{border:0;background:none;padding:0;color:var(--niebieski);text-decoration:underline;font-size:13px;cursor:pointer}
.odw-historia{margin:4px 0 8px;padding-left:18px;max-height:160px;overflow:auto}
.odw-notatka{display:block}.odw-notatka b{display:block;margin-bottom:4px}
.odw-notatka textarea,.notatka-klienta{width:100%;box-sizing:border-box;border:1px solid var(--linia);border-radius:8px;padding:6px 8px;font:inherit;resize:vertical;background:#FFFBEA}
@media (max-width:900px){.odw[aria-expanded=true]{grid-template-areas:"av strona czas akcja" "av meta meta meta" "sz sz sz sz"}
  .odw-szczegoly dl{grid-template-columns:minmax(0,1fr)}.odw-szczegoly dt{margin-top:4px}}
.odw .flaga{flex:none;font-size:14px;line-height:1}
.odw-licencja{font-size:11px;color:var(--szary);margin:8px 2px 0}.odw-licencja a{color:inherit}

/* etykiety klientów (POMYSLY pkt 5): kolor z etykiety w --ety; automatyczne = obrys */
.ety{--ety:#6B6478;display:inline-flex;align-items:center;gap:3px;max-width:130px;padding:1px 7px;border-radius:9px;background:var(--ety);color:#fff;
  font-size:11px;font-weight:700;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.ety.auto{background:#fff;color:var(--ety);border:1px solid var(--ety);font-weight:600}
.etykiety{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle;min-width:0;flex:none}
.ety-wiecej{font-size:11px;color:var(--szary);font-weight:700}
.ety-edytor{display:flex;flex-wrap:wrap;gap:5px;align-items:center;position:relative;margin:4px 0}
.ety-x{border:0;background:none;color:inherit;font-size:13px;line-height:1;padding:0 0 0 2px;cursor:pointer}
.ety-plus{border:1px dashed var(--linia);background:#fff;border-radius:9px;padding:1px 8px;font-size:11.5px;color:var(--szary);cursor:pointer}
.ety-menu{position:absolute;z-index:30;top:100%;left:0;margin-top:4px;width:240px;max-width:80vw;background:#fff;border:1px solid var(--linia);
  border-radius:10px;box-shadow:0 8px 24px rgba(26,16,36,.18);padding:8px}
.ety-menu input{width:100%;box-sizing:border-box;border:1px solid var(--linia);border-radius:7px;padding:5px 7px;font:inherit;font-size:13px}
.ety-opcje{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-height:220px;overflow:auto}
.ety-opcje button{border:0;background:none;text-align:left;padding:4px;border-radius:6px;cursor:pointer}.ety-opcje button:hover{background:#FBF8FD}
.ety-nowa{font-size:12.5px;color:var(--niebieski);font-weight:600}
.odw-etykiety{margin:0 0 8px}.odw-etykiety b{display:block;margin-bottom:2px}
.ety-wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--linia)}
.ety-wiersz input{flex:1 1 160px;min-width:0;border:1px solid var(--linia);border-radius:7px;padding:5px 7px;font:inherit}
.ety-kolory{display:flex;gap:4px}.ety-kolor{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--linia);cursor:pointer;padding:0}
.ety-kolor[aria-pressed=true]{box-shadow:0 0 0 2px var(--granat)}
.lista .nazwa .etykiety{margin-left:5px}
.gorna-etykieta{max-width:22vw}
@media (max-width:900px){
  /* telefon: zamiast napisów same kolorowe kropki, żeby nic się nie ucinało */
  .etykiety .ety{width:9px;height:9px;padding:0;font-size:0;border-radius:50%}.etykiety{gap:2px}
  .gorna-etykieta{display:none}
}

/* opiekun rozmowy (POMYSLY pkt 8) */
.lista li .prawa{display:inline-flex;align-items:center;gap:6px;justify-self:end}
.opiekun{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E7E1EE;color:var(--granat);font-size:10.5px;
  font-weight:800;overflow:hidden;flex:none;border:1.5px solid #fff;box-shadow:0 0 0 1px var(--linia)}
.opiekun.ja{box-shadow:0 0 0 1.5px var(--bursztyn)}.opiekun img{width:100%;height:100%;object-fit:cover}
.r-opiekun{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--szary);white-space:nowrap;flex:none}
.opiekun-info{margin:0;padding:4px 16px;font-size:12px;color:var(--szary);background:#FBF8FD;border-top:1px solid var(--linia)}
@media (max-width:900px){.r-opiekun span{display:none}}

/* kontakty (POMYSLY pkt 10): ta sama ramka co lista gości */
.kontakty{grid-column:2/-1;overflow-y:auto;padding:16px 20px;min-width:0}
.kon-wiersz{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(90px,.8fr) 120px 60px minmax(0,1.4fr);column-gap:12px;align-items:center;
  padding:7px 14px;border-bottom:1px solid var(--linia);border-left:4px solid transparent;font-size:13.5px;min-width:0}
.kon-wiersz:last-child{border-bottom:0}.kon-wiersz.klik{cursor:pointer}.kon-wiersz.klik:hover{background:#FBF8FD}
.kon-naglowek{font-size:12px;font-weight:600;color:var(--szary);background:#FBF8FD;border-left-color:transparent!important}
.kon-kto{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.kon-kto b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kon-kto small{color:var(--szary)}
.kon-sklep,.kon-data{color:var(--szary);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kon-ile{font-weight:700;text-align:center}
.kon-notatka{color:var(--szary);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:900px){
  .kontakty{grid-column:1;grid-row:2;padding:10px 10px 14px;overflow-x:hidden}
  .kon-naglowek{display:none}
  .kon-wiersz{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kto data" "notatka ile";row-gap:2px;padding:8px 10px}
  .kon-kto{grid-area:kto}.kon-data{grid-area:data}.kon-ile{grid-area:ile;font-size:12px;color:var(--szary)}.kon-notatka{grid-area:notatka}
  .kon-sklep{display:none}
}

/* podział list na sklepy (POMYSLY pkt 12): nagłówek z logo, cienka linia w kolorze sklepu, „N czeka” na czerwono */
.sklep-naglowek{display:flex!important;align-items:center;gap:7px;padding:6px 12px!important;border-top:2px solid var(--szary);
  border-left:0!important;background:#fff;cursor:default!important;font-size:12.5px;min-width:0;white-space:nowrap}
.sklep-naglowek b{font-size:13px;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sklep-logo{width:20px;height:20px;border-radius:5px;flex:none;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:800;font-size:11px}
.sklep-logo img{width:100%;height:100%;object-fit:contain}
.sklep-ile{color:var(--szary);font-size:12px;margin-left:auto}
.sklep-czeka{background:var(--czeka);color:#fff;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:700;flex:none}
.lista li.sklep-zamk{font-weight:500;font-size:12px;padding:5px 12px}
.odw-lista .sklep-naglowek{padding:7px 14px!important}

/* „Do kontaktu” (POMYSLY pkt 13): ikonka skrzynka (obrys Tabler), zakładki ekranu Klienci, karty spraw */
.ikona svg.obrys{fill:none;stroke:var(--lawenda);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ikona.aktywna svg.obrys{fill:none;stroke:var(--bursztyn)}
.kl-zakladki{display:flex;gap:4px;margin:0 0 12px;border-bottom:1px solid var(--linia)}
.kl-zakladki button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:8px 12px;font-weight:600;color:var(--szary)}
.kl-zakladki button[aria-selected=true]{color:var(--granat);border-bottom-color:var(--bursztyn)}
.kl-ile:not(:empty){background:var(--czeka);color:#fff;border-radius:9px;padding:0 6px;font-size:11px;margin-left:3px}
.dk-podsumowanie{color:var(--szary);font-size:13.5px;font-weight:600}
.dk-filtry{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.dk-filtry button{padding:4px 10px;font-size:13px;border-radius:16px}
.dk-filtry button[aria-pressed=true]{background:var(--granat);color:#fff;border-color:var(--granat)}
.dk-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.dk-lista .sklep-naglowek{border-radius:8px;margin-top:6px}
.dk{background:#fff;border:1px solid var(--linia);border-left:4px solid var(--szary);border-radius:10px;padding:10px 14px;min-width:0}
.dk-gora{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.dk-kto{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}
.dk-sklep{color:var(--szary);font-size:12.5px}.dk-kiedy{color:var(--szary);font-size:12.5px;margin-left:auto;white-space:nowrap}
.dk-znaczki{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.dk-tag{font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 7px;background:var(--niebieski-jasny);color:var(--szary)}
.dk-tag.nowe{background:var(--czeka);color:#fff}.dk-tag.przyp{background:#FFF1D6;color:#8A5A00}
.dk-tag.toku{background:#E3F4EC;color:#14724D}.dk-tag.zal{background:#E3F4EC;color:#14724D;font-weight:600}
.dk-sprawa{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 0 2px;font-size:14px;color:var(--tekst);min-width:0}
.dk-sprawa q{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.dk-sprawa:hover q{text-decoration:underline}
.dk-strona{display:block;font-size:12.5px;color:var(--szary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-notatka{margin:4px 0 0;font-size:12.5px;color:var(--szary);overflow-wrap:anywhere}
.dk-akcje{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.dk-duzy{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-weight:700;font-size:14px;text-decoration:none;
  background:var(--bursztyn);color:var(--granat);border:1px solid var(--bursztyn)}
.dk-duzy.drugi{background:#fff;border-color:var(--linia)}
.dk-akcje .zal{margin-left:auto;background:#1F9D6B;color:#fff;border-color:#1F9D6B;font-weight:700}
.dk-wyniki{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;padding:8px;background:#F3FAF6;border-radius:8px;font-size:13px}
.dk-zalatwione{opacity:.85}
@media (max-width:900px){
  .dk{padding:9px 10px}
  .dk-kiedy{margin-left:0}
  .dk-duzy{flex:1 1 100%;justify-content:center}        /* telefon: duży przycisk na całą szerokość — kciukiem */
  .dk-akcje .zal{margin-left:0}
  .dk-filtry{margin-left:0;width:100%}
}

/* roboty (POMYSLY pkt 14): „może robot” na szaro, pewne roboty schowane pod przyciskiem */
.odw.g-robot{opacity:.55}
.odw-roboty{list-style:none;margin:0 0 12px;padding:6px 14px;background:#fff;border:1px dashed var(--linia);border-radius:12px;font-size:12.5px;color:var(--szary)}
.odw-roboty li{display:flex;gap:10px;padding:4px 0;min-width:0;flex-wrap:wrap}.odw-roboty span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}


/* wzmianki @osoba w notatkach (POMYSLY pkt 18) */
.m.notatka .wzm{color:#8A5A00;font-weight:800}
.znak-wzm{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--bursztyn);color:var(--granat);font-weight:800;font-size:12px;flex:none}

/* Ustawienia jako widok panelu (POMYSLY pkt 17 + 29): główne menu zostaje, spis działów stoi, przewija się tylko treść */
.widok-ustawien{grid-column:2/-1;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:0;overflow:hidden;background:var(--tlo)}
.u-nav{border-right:1px solid var(--linia);background:#fff;overflow-y:auto;padding:14px 0 20px;display:flex;flex-direction:column;min-height:0}
.u-nav h2{font-size:18px;margin:0 18px 6px}
.u-nav b{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--szary);padding:14px 18px 4px}
.u-nav a{color:var(--tekst);text-decoration:none;padding:8px 18px 8px 20px;font-size:14px;border-left:3px solid transparent}
.u-nav a:hover{background:var(--tlo)}.u-nav a.aktywna{border-left-color:var(--bursztyn);font-weight:700;background:var(--niebieski-jasny)}
.u-tresc{overflow-y:auto;min-width:0;padding:22px 28px 90px;position:relative}
.u-tresc>section{max-width:960px;font-size:14px}
.u-nag{margin:0 0 18px}.u-nag h2{margin:0 0 4px;font-size:20px}.u-nag p{margin:0;color:var(--szary);font-size:14px;max-width:720px}
.u-podtytul{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--szary);margin:22px 0 8px}
.u-tresc .pomoc{font-size:13px}
.u-wstecz{display:none;border:0;background:none;color:var(--granat);font-weight:700;padding:0 0 12px;font-size:15px}
.u-sklep{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px;padding:10px 14px;background:#fff;border:1px solid var(--linia);border-radius:10px;max-width:960px}
.u-sklep label{font-weight:700;display:flex;gap:8px;align-items:center}.u-sklep select{border:1px solid var(--linia);border-radius:8px;padding:5px 8px;background:#fff;max-width:60vw}
.u-sklep small{color:var(--szary);font-size:13px}
/* wspólny wzór wiersza: nazwa + opis po lewej, kontrolka po prawej */
.u-wiersz{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border:1px solid var(--linia);border-radius:10px;margin-bottom:8px}
.u-opis{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.u-opis b{font-size:14.5px}
.u-opis small{font-size:13px;color:#5A4F66;line-height:1.4}
.u-kontrolka{display:flex;align-items:center;gap:8px;flex:none}
.u-kontrolka select{border:1px solid var(--linia);border-radius:8px;padding:5px 8px;background:#fff;max-width:300px}
.u-wiersz .przel{margin:0!important}
.u-wiersz.u-pod{flex-direction:column;align-items:stretch;margin-top:-4px}
.u-pp-pola{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;align-items:center}
.u-pp-pola label{font-size:13px;color:#5A4F66}.u-pp-pola input{border:1px solid var(--linia);border-radius:8px;padding:6px 8px;font:inherit;font-size:14px;width:100%;min-width:0}
/* Przyciski na stronie: podgląd przycisku „jesteśmy” / „po godzinach” — jak na karcie produktu sklepu */
.u-pp-pomoc{font-size:12px!important;color:var(--szary);line-height:1.4}
.pp-podglad{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
.pp-stan small{display:block;font-size:12px;color:var(--szary);margin-bottom:4px}
.pp-btn{min-height:48px;border:1px solid #111;border-radius:5px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px;font-size:13px;font-weight:700}
.pp-btn .pp-t{display:flex;flex-direction:column;line-height:1.25;text-align:left;min-width:0}.pp-btn .pp-t small{font-weight:400;font-size:10px;color:#666;margin:0}
.pp-d{position:relative;flex:0 0 21px;height:21px;border-radius:50%;background:var(--granat)}.pp-d i{position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;border-radius:50%;background:#2bb24c;border:1.5px solid #fff}
@media (max-width:600px){.pp-podglad,.u-pp-pola{grid-template-columns:1fr}}
.u-tematy{width:100%;border:1px solid var(--linia);border-radius:8px;padding:8px;font:inherit;font-size:14px}
.plakietka{display:inline-block;font-size:12px;font-weight:700;border-radius:6px;padding:1px 8px;margin-left:2px;background:var(--niebieski-jasny);color:var(--szary)}
.plakietka.dobra{background:#E3F4EC;color:#14724D}.plakietka.zla{background:#FDE8E8;color:#B42323}.plakietka.szara{background:#F1EBF6;color:#5A4F66;font-weight:600}
/* automatyczne wiadomości: karty w kolejności rozmowy */
.u-karta-tekstu{background:#fff;border:1px solid var(--linia);border-radius:10px;padding:12px 16px;margin-bottom:8px}
.u-karta-tekstu.wyl{opacity:.55}
.ut-gora{display:flex;align-items:center;gap:12px}.ut-opis{flex:1;display:flex;flex-direction:column;gap:2px}.ut-opis b{font-size:14.5px}
.ut-opis small{font-size:13px;color:#5A4F66}
.ut-opis input[type=number]{width:58px;font-size:14px;font-weight:700;border:1px solid var(--linia);border-radius:7px;padding:3px 6px;margin:0 4px;text-align:center}
.ut-podglad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:left;border:1px dashed var(--linia);
  background:var(--tlo);border-radius:8px;padding:8px 10px 2px;margin-top:8px;font-size:14px;color:var(--tekst);line-height:1.4;max-height:calc(2.8em + 12px)}
.ut-podglad:hover{border-color:var(--bursztyn)}
.u-karta-tekstu textarea{width:100%;margin-top:8px;border:1px solid var(--bursztyn);border-radius:8px;padding:8px;font:inherit;font-size:14px;resize:vertical}
/* zaczepki: karta z podsumowaniem, rozwijana */
.zaczepka{background:#fff;padding:12px 14px;font-size:13.5px}.zaczepka.wyl .z-opis{opacity:.55}
.z-gora{align-items:flex-start}.z-opis{flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:4px}
.z-opis b{font-size:14.5px}.z-podglad{color:#5A4F66;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.z-plakietki{display:flex;flex-wrap:wrap;gap:4px}.z-plakietki .plakietka{margin:0}
.z-stat{font-size:12.5px}
.z-szczegoly{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--linia);padding-top:10px;margin-top:4px}
/* godziny pracy: zwarta tabela */
.godz-akcje{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.godziny{display:block;background:#fff;border:1px solid var(--linia);border-radius:10px;padding:6px 14px;max-width:640px}
.godz-wiersz{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--linia);flex-wrap:wrap}.godz-wiersz:last-child{border-bottom:0}
.godz-wiersz>b{width:34px}.godz-wiersz .przel{margin:0!important}
.godz-zakres{display:inline-flex;align-items:center;gap:5px}
.godz-wiersz.wolne .godz-zakres,.godz-wiersz.wolne .godz-plus{opacity:.35;pointer-events:none}
.godz-plus{width:26px;height:26px;padding:0;border-radius:50%;font-weight:700;line-height:1}
/* pasek niezapisanych zmian */
.u-pasek{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;max-width:960px;margin-top:16px;padding:10px 16px;background:var(--granat);
  color:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(26,16,36,.25);z-index:3}
.u-pasek span{flex:1;font-weight:600}.u-pasek .maly{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.u-zapisane{position:sticky;bottom:0;margin:16px 0 0;display:inline-block;padding:8px 14px;background:#E3F4EC;color:#14724D;border-radius:10px;font-weight:700}
.profil-gora{margin-bottom:14px}
@media (max-width:900px){
  .widok-ustawien{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr)}
  /* telefon: albo spis działów, albo jedna sekcja */
  .widok-ustawien:not(.u-lista) .u-nav{display:none}
  .widok-ustawien.u-lista .u-tresc{display:none}
  .u-nav{border-right:0}.u-nav a{padding:13px 18px;font-size:15.5px;border-bottom:1px solid var(--linia)}
  .u-nav a.aktywna{background:#fff;border-left-color:transparent;font-weight:400}
  .u-tresc{padding:14px 12px 90px}.u-wstecz{display:block}
  .u-wiersz{padding:10px 12px;gap:10px}
  .u-kontrolka select{max-width:150px}
  .z-gora{flex-wrap:wrap}.z-stat{width:100%;padding-left:44px}
}

/* link do czatu i kod QR (POMYSLY pkt 16) */
.qr-uklad{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;background:#fff;border:1px solid var(--linia);border-radius:10px;padding:16px;margin-bottom:8px}
.qr-podglad{display:flex;flex-direction:column;gap:6px;width:200px}.qr-podglad img{width:200px;height:200px;border:1px solid var(--linia);border-radius:8px}
.qr-podglad small{font-size:12px;color:var(--szary);overflow-wrap:anywhere}
.qr-akcje{flex:1;min-width:240px}.qr-akcje p{margin:0 0 8px}
a.przycisk{display:inline-block;text-decoration:none;color:var(--tekst);border:1px solid var(--linia);border-radius:8px;padding:7px 12px;background:#fff;font-weight:600}
a.przycisk.glowny{background:var(--bursztyn);border-color:var(--bursztyn);color:var(--granat)}
#qr-wlasna{border:1px solid var(--linia);border-radius:8px;padding:5px 8px;width:130px}

/* goście na sklepach (POMYSLY pkt 22) */
.st-trzy{grid-template-columns:repeat(3,minmax(0,1fr))}
.sg-wykres i{background:var(--bursztyn)!important}
@media (max-width:900px){.st-trzy{grid-template-columns:minmax(0,1fr)}}

/* statystyki: zakładki Ogólne / Zespół (POMYSLY pkt 24) */
.st-zakladki{margin-left:auto}
.statystyki.tryb-zespol>:not(.odw-gora):not(#st-zespol){display:none!important}
.statystyki:not(.tryb-zespol) #st-zespol{display:none}
.st-zespol{margin-top:12px;overflow-x:auto}
.st-szeroka{width:100%;background:#fff;border:1px solid var(--linia);border-radius:12px;border-collapse:separate;border-spacing:0;font-size:13.5px}
.st-szeroka th,.st-szeroka td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--linia);white-space:nowrap}

/* „Na sklepach teraz”: logo sklepu w kółku przy gościu, przerwa między sklepami (Tomek 15.10.2026) */
.odw .av.z-logo{box-shadow:inset 0 0 0 1px var(--linia)}.odw .av img{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:3px}
.odw-lista .sklep-odstep{height:44px;background:var(--tlo);border-top:1px solid var(--linia)}
/* Ustawienia → Logo i kolory */
.logo-podglad{width:44px;height:44px;border-radius:50%;border:1px solid var(--linia);display:grid;place-items:center;overflow:hidden;font-weight:800;background:#fff;flex:none}
.logo-podglad img{width:100%;height:100%;object-fit:contain;padding:4px}
.u-kontrolka input[type=color]{width:44px;height:32px;border:1px solid var(--linia);border-radius:8px;padding:2px;background:#fff;cursor:pointer}
.u-kontrolka input[type=color]:disabled{opacity:.35;cursor:default}
.u-kontrolka code{font-size:12px;color:var(--szary);min-width:62px}
.w-podglad{width:300px;max-width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(26,16,36,.18);background:#fff;font-size:13px}
.wp-g{display:flex;align-items:center;gap:10px;padding:12px 14px}.wp-g b{font-size:15px}
.wp-av{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;color:#1A1024;font-weight:800;flex:none}
.wp-av img{width:100%;height:100%;object-fit:contain;padding:3px}
.wp-w{padding:12px;display:flex;flex-direction:column;gap:8px;min-height:120px}
.wp-w p{margin:0;padding:8px 11px;border-radius:14px;max-width:80%}.wp-ms{background:#fff;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.wp-mk{align-self:flex-end}
.wp-f{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #eee}.wp-f span{flex:1;border:1px solid #d6d8dc;border-radius:18px;padding:7px 12px;color:#999}
.wp-f i{width:32px;height:32px;border-radius:50%;flex:none}

/* baza wiedzy (POMYSLY pkt 30) */
/* Baza wiedzy (przebudowa 15.10.2026): zakładki sklepów · lista po kategoriach (wiersz + rozwinięcie) · stałe dane sklepu obok */
.wiedza-widok{grid-column:2/-1}
.wd-naglowek{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.wd-naglowek h2{margin:0;font-size:19px;letter-spacing:-.01em}
.wd-sklepy{display:flex;gap:6px;flex-wrap:wrap}
.wd-zakladka{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--linia);background:#fff;font-size:13.5px}
.wd-zakladka b{font-weight:700}.wd-zak-ile{font-size:12px;color:var(--szary);font-variant-numeric:tabular-nums}
.wd-zakladka[aria-selected=true]{border-color:var(--sklep);box-shadow:inset 0 0 0 1px var(--sklep);background:color-mix(in srgb,var(--sklep) 13%,#fff)}
.wd-zakladka[aria-selected=false]{opacity:.8}.wd-zakladka:hover{opacity:1}
.wd-logo{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;overflow:hidden;flex:none;background:#fff}
.wd-logo.z-logo{border:1px solid var(--linia)}.wd-logo img{width:100%;height:100%;object-fit:contain}
.wd-akcje{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.wd-akcje small{font-weight:400;color:var(--szary)}
.wd-pomoc{margin:6px 0 12px;font-size:12.5px;max-width:760px}
.wd-uklad{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;max-width:1320px}
.wd-pasek{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 4px}
.wd-pasek input[type=search]{flex:1;min-width:180px;max-width:340px;border:1px solid var(--linia);border-radius:8px;padding:7px 10px;background:#fff}
.wd-pasek .dk-filtry{margin-left:0}.wd-pasek .dk-filtry span{opacity:.7;font-variant-numeric:tabular-nums}
.wd-grupa h3{margin:16px 0 6px 2px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--szary)}
.wd-grupa h3 span{margin-left:6px;font-weight:600;opacity:.75}
.wd-wpisy{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--linia);border-radius:12px;overflow:hidden}
.wd-wpis{border-bottom:1px solid var(--linia);border-left:3px solid transparent}.wd-wpis:last-child{border-bottom:0}
.wd-wpis.otwarty{background:#FCFAFD;border-left-color:var(--bursztyn)}.wd-wpis.otwarty .wd-srodek small{display:none}
.wd-wiersz{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto 38px;align-items:center;gap:10px;padding:8px 12px 8px 9px;
  border:0;border-radius:0;background:none;text-align:left}
.wd-wiersz:hover{background:#FBF8FD}
.wd-ikona{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--niebieski-jasny);color:var(--granat)}
.wd-wpis.fakty .wd-ikona{background:#FFF1D6;color:#8A5A00}
.wd-srodek{min-width:0;display:flex;flex-direction:column}
.wd-srodek b,.wd-srodek small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-srodek b{font-size:14px;font-weight:700}.wd-srodek small{font-size:12.5px;color:var(--szary);margin-top:1px}
.wd-plakietki{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.wd-plakietki .plakietka{margin:0;white-space:nowrap}
.wd-plakietki code{font-size:11.5px;background:var(--tlo);border:1px solid var(--linia);border-radius:5px;padding:0 5px;color:var(--granat)}
.plakietka.okno{background:#E3F4EC;color:#14724D}
.plakietka.wszystkie{background:var(--granat);color:var(--bursztyn)}
.wd-uzycia{font-family:var(--mono);font-size:12px;text-align:right;color:var(--tekst);font-variant-numeric:tabular-nums}.wd-uzycia.zero{color:var(--off)}
.wd-szczegoly{padding:2px 14px 12px 43px;display:flex;flex-direction:column;gap:8px}
.wd-pelna{margin:0;font-size:14px;line-height:1.5;white-space:pre-line;max-width:760px}
.wd-pelna mark{background:#FFF1D6;color:inherit;border-radius:4px;padding:0 3px;font-weight:600}.wd-pelna mark.brak{background:#FDE8E8;color:#B42323}
.wd-tez{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.wd-tez small{color:var(--szary);margin-right:2px}
.wd-tez span{font-size:12.5px;background:#fff;border:1px solid var(--linia);border-radius:12px;padding:1px 9px}
.wd-stopka{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wd-stopka small{flex:1;min-width:180px;color:var(--szary);font-size:12px}
.wd-stopka .usun{color:#B42323}
.wd-tabela{border-collapse:collapse;font-size:12.5px;max-width:100%}
.wd-tabela th,.wd-tabela td{border:1px solid var(--linia);padding:3px 8px;text-align:left}.wd-tabela th{background:var(--tlo)}
.plakietka.uwaga{background:#FFF1D6;color:#8A5A00}
/* stałe dane sklepu — tabelka do edycji w miejscu */
.wd-dane{position:sticky;top:0;background:#fff;border:1px solid var(--linia);border-radius:12px;padding:14px 14px 12px}
.wd-dane h3{margin:0;font-size:15px}.wd-dane h3 span{color:var(--szary);font-weight:600}
.wd-dane>.pomoc{font-size:12.5px;margin:4px 0 8px}.wd-dane code{font-family:var(--mono);font-size:11.5px}
.wd-zm{width:100%;border-collapse:collapse}
.wd-zm td{padding:2px 0;border-bottom:1px solid #F3EEF7;vertical-align:middle}
.wd-zm-nazwa{width:46%;padding-right:6px!important;line-height:1.25}
.wd-zm-nazwa code{color:var(--granat);background:var(--niebieski-jasny);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wd-zm-nazwa small{display:block;font-size:10.5px;color:#8A5A00;margin-top:1px}
.wd-zm td:nth-child(2){position:relative}
.wd-zm input{width:100%;border:1px solid transparent;border-radius:6px;padding:4px 18px 4px 6px;font-size:13px;background:transparent}
.wd-zm input:hover{border-color:var(--linia)}.wd-zm input:focus{border-color:var(--bursztyn);background:#fff}
.wd-zm-stan{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800}
.wd-zm-stan.ok{color:var(--dostepny)}.wd-zm-stan.zle{color:var(--czeka)}
.wd-zm-usun{border:0;background:none;color:var(--off);padding:2px 6px;font-size:15px;line-height:1}.wd-zm-usun:hover{color:var(--czeka)}
.wd-zm-dodaj{display:grid;grid-template-columns:46% minmax(0,1fr) auto;gap:4px;margin-top:8px}
.wd-zm-dodaj input{min-width:0;border:1px dashed var(--lawenda);border-radius:6px;padding:5px 6px;font-size:12.5px}
.wd-zm-dodaj .wynik{grid-column:1/-1}
/* okienka: formularz wpisu i import */
.wd-okno{width:min(720px,96vw)}
.wd-edytor{display:flex;flex-direction:column;gap:12px;border-bottom:0!important}
.wd-glowne{display:flex;flex-direction:column;gap:10px}
.wd-pole{display:flex;flex-direction:column;gap:4px}.wd-pole b{font-size:13.5px}.wd-pole small{font-size:12px;color:#5A4F66}
.wd-pole input,.wd-pole textarea,.wd-pole select{border:1px solid var(--linia);border-radius:8px;padding:8px 10px;font-size:14px;resize:vertical;background:#fff}
.wd-pole input:focus,.wd-pole textarea:focus{border-color:var(--bursztyn)}
.wd-okno ::placeholder{color:#A99BB8}
.wd-sklep-pole{flex-direction:row;align-items:center;gap:10px}.wd-sklep-pole select{min-width:200px}
.wd-chipy{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:-4px}.wd-chipy small{color:var(--szary);font-size:12px;margin-right:2px}
.wd-chipy .plakietka{border:0;cursor:pointer;font-family:var(--mono);font-size:11.5px}.wd-chipy .plakietka:hover{background:#FFE1A3;color:var(--granat)}
.wd-wiecej{border:1px solid var(--linia);border-radius:10px;padding:0 12px}
.wd-wiecej summary{cursor:pointer;padding:9px 0;font-size:13.5px;font-weight:700;color:var(--niebieski)}
.wd-wiecej[open]{padding-bottom:12px}.wd-wiecej[open]>*+*{margin-top:10px}
.wd-check{display:block;font-size:13.5px}
.wd-dol{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wd-podglad-tab{overflow-x:auto}
.wdi-krok h3{display:flex;align-items:center;gap:8px}
.wdi-nr{width:22px;height:22px;border-radius:50%;background:var(--bursztyn);color:var(--granat);display:grid;place-items:center;font-size:12px;font-weight:800}
.wdi-krok .pomoc{font-size:12.5px}
.przycisk-link{display:inline-block;border:1px solid var(--linia);border-radius:8px;padding:7px 12px;background:#fff;color:var(--tekst);text-decoration:none;font-weight:600;margin-right:4px}
.przycisk-link:hover{border-color:var(--bursztyn)}
.wdi-krok textarea{width:100%;border:1px solid var(--linia);border-radius:8px;padding:8px 10px;resize:vertical;font-size:13px}
.wdi-plik{display:flex;align-items:center;gap:8px;margin:0 0 8px}.wdi-plik .przycisk-plik{padding:7px 12px;font-weight:600}
.wdi-sklep{font-size:13.5px}.wdi-sklep select{border:1px solid var(--linia);border-radius:8px;padding:4px 8px;background:#fff}
.wdi-wynik h4{margin:12px 0 6px;font-size:13.5px}
.wdi-liczniki{display:flex;gap:10px;flex-wrap:wrap}
.wdi-licznik{display:flex;align-items:baseline;gap:8px;border-radius:10px;padding:8px 14px}
.wdi-licznik b{font-size:26px;font-weight:800;letter-spacing:-.02em}.wdi-licznik span{font-size:13px}
.wdi-licznik.ok{background:#E3F4EC;color:#14724D}.wdi-licznik.zle{background:#FDE8E8;color:#B42323}
.wdi-bledy{border-collapse:collapse;width:100%;font-size:12.5px}
.wdi-bledy th,.wdi-bledy td{border-bottom:1px solid var(--linia);padding:4px 6px;text-align:left;vertical-align:top}
.wdi-bledy th{color:var(--szary);font-weight:600}.wdi-bledy td:first-child{font-family:var(--mono);width:52px}.wdi-bledy td:last-child{color:#B42323}
.wdi-przyklady{margin:0;padding-left:18px;font-size:13px}.wdi-przyklady small{color:var(--szary);margin-left:6px}
.wdi-wynik .wd-dol{margin-top:12px}
@media (max-width:1100px){.wd-uklad{grid-template-columns:minmax(0,1fr)}.wd-dane{position:static}}
@media (max-width:900px){
  .wd-akcje{margin-left:0;width:100%}.wd-akcje button{flex:1;padding:7px 8px}.wd-akcje small{display:none}
  .wd-wiersz{grid-template-columns:22px minmax(0,1fr) 30px;grid-template-areas:"ik sr uz" "ik pl pl"}
  .wd-ikona{grid-area:ik}.wd-srodek{grid-area:sr}.wd-uzycia{grid-area:uz}.wd-plakietki{grid-area:pl;justify-content:flex-start}
  .wd-plakietki:empty{display:none}.wd-szczegoly{padding-left:14px}
}
/* Asysta w prawym panelu rozmowy */
.as-zakladki{display:flex;gap:2px;margin:-4px 0 12px;border-bottom:1px solid var(--linia)}
.as-zakladki button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:7px 10px;font-weight:600;color:var(--szary);font-size:13.5px}
.as-zakladki button[aria-selected=true]{color:var(--granat);border-bottom-color:var(--bursztyn)}
.as-do{font-size:12.5px;color:var(--szary);margin:0 0 8px}
.as-wyniki{display:flex;flex-direction:column;gap:8px}
.as-karta{border:1px solid var(--linia);border-radius:10px;padding:10px 12px;background:#fff;display:flex;flex-direction:column;gap:6px}
.as-gora{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.as-gora b{font-size:13.5px}
.as-tekst{margin:0;font-size:13px;color:#3d3348;white-space:pre-line;max-height:9em;overflow:auto}
.as-karta .maly.glowny{align-self:flex-start}
/* cennik rozmiaru w Podpowiedziach (16.10.2026) */
.as-cennik{border-color:var(--bursztyn)}
.cn-tabela{border-collapse:collapse;font-size:12.5px;width:100%}
.cn-tabela td{padding:3px 4px;border-bottom:1px solid var(--linia);vertical-align:top}
.cn-tabela tr:last-child td{border-bottom:0}
.cn-tabela a{color:var(--granat);text-decoration:none}.cn-tabela a:hover{text-decoration:underline}
.cn-tabela small{color:var(--szary)}
.cn-cena{text-align:right;white-space:nowrap;font-weight:700}
.cn-cena s{display:block;font-weight:400;color:var(--szary);font-size:11px}
.cn-oglada td{background:#FFF8E8}
.cn-brak td{opacity:.5}
#as-szukaj{width:100%;border:1px solid var(--linia);border-radius:8px;padding:7px 10px;font:inherit;margin-bottom:10px}
/* zerwany internet — pasek zamiast okienka „Failed to fetch” (16.10.2026) */
#brak-sieci{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--czeka);color:#fff;font-size:13px;font-weight:600;text-align:center;padding:6px 12px}
#brak-sieci[hidden]{display:none}
/* pożegnanie z „Zakończ i archiwizuj” — u klienta informacja systemowa (16.10.2026) */
.m.koniec{align-self:center;background:transparent;border:1px dashed var(--linia);color:var(--szary);font-size:12.5px;text-align:center}
.m.koniec::before{content:"✓ zakończenie · klient widzi";display:block;font-size:11px;margin-bottom:2px}
/* Etap B: baza uczy się z rozmów (16.10.2026) */
.m .do-bazy{display:none;margin-left:8px;font-size:11px;padding:0 6px;border-radius:6px;border:1px solid var(--linia);background:#fff;color:var(--szary);cursor:pointer;vertical-align:middle}
.m.obsluga .do-bazy{background:transparent;color:#D9CDE6;border-color:rgba(255,255,255,.3)}
.m:hover .do-bazy,.m .do-bazy:focus{display:inline-block}
@media (hover:none){.m .do-bazy{display:inline-block}}
.menu-do-bazy{position:fixed;z-index:900;background:#fff;border:1px solid var(--linia);border-radius:10px;box-shadow:0 8px 24px rgba(26,16,36,.18);padding:4px;display:flex;flex-direction:column;min-width:260px}
.menu-do-bazy[hidden]{display:none}
.menu-do-bazy button{text-align:left;background:none;border:0;padding:8px 10px;border-radius:6px;font:inherit;cursor:pointer}
.menu-do-bazy button:hover{background:#F6F1FA}
.as-ucz{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--szary);border-top:1px dashed var(--linia);padding-top:6px}
.dp-lista{list-style:none;margin:8px 0;padding:0;max-height:320px;overflow:auto;border:1px solid var(--linia);border-radius:8px}
.dp-lista li{border-bottom:1px solid var(--linia)}.dp-lista li:last-child{border-bottom:0}
.dp-lista button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 12px;font:inherit;cursor:pointer}
.dp-lista button:hover{background:#F6F1FA}.dp-lista small{color:var(--szary)}
.wd-z-rozmowy{background:#FFF8E6;border-radius:8px;padding:8px 10px}
.wd-brak{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 12px;flex-wrap:wrap}
.wd-brak-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.wd-brak-tekst small{color:var(--szary)}
.wd-brak-przyciski{display:flex;gap:6px;flex-wrap:wrap}
.wd-stat-kafle{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.wd-stat-kafel{border:1px solid var(--linia);border-radius:10px;padding:10px 14px;background:#fff;display:flex;flex-direction:column;min-width:130px}
.wd-stat-kafel b{font-size:22px}.wd-stat-kafel span{color:var(--szary);font-size:12.5px}
.wd-stat-tyg td,.wd-stat-tyg th{text-align:left}
.wd-stat-lista{list-style:none;margin:0;padding:0}.wd-stat-lista li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--linia)}
.wd-stat-lista button{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--tekst)}.wd-stat-lista button:hover{text-decoration:underline}
/* pkt 33: etykieta i notatka u anonimowego gościa — „tylko ta wizyta” (16.10.2026) */
.ety-wizyta{margin-left:4px;font-size:12px;cursor:help}
.ety-wizyta-opis{display:block;color:var(--szary);font-size:12px;margin:2px 0;cursor:help}
.wo-sekcja{margin-top:22px}.wo-sekcja h3{font-size:15px;margin:0 0 4px}
/* Etap C: produkty w Asystencie i karta w rozmowie (16.10.2026) */
.pr-oglada{margin-bottom:8px}.pr-oglada .as-do{display:block;margin-bottom:4px}
.pr-karta.pr-teraz{border-color:var(--bursztyn)}
.pr-gora{display:flex;gap:10px;align-items:flex-start}
.pr-gora img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none;background:#F6F1FA}
.pr-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.pr-tekst a{font-weight:700;color:var(--tekst);text-decoration:none}.pr-tekst a:hover{text-decoration:underline}
.pr-tekst small{color:var(--szary);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pr-cena{font-weight:700;color:#14724D}.pr-cena s{margin-left:6px;color:var(--szary);font-weight:400}
.pr-przyciski{display:flex;gap:6px;flex-wrap:wrap}
.pr-stopka{margin-top:8px}.link-przycisk{background:none;border:0;padding:0;color:#B97800;text-decoration:underline;cursor:pointer;font:inherit}
#pr-szukaj{width:100%;box-sizing:border-box;margin-bottom:8px}
.m.z-karta{padding:6px}
.m-karta{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;background:#fff;border-radius:10px;padding:6px 10px 6px 6px;min-width:220px}
.m-karta img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:none}
.m-karta span{display:flex;flex-direction:column;gap:2px;color:var(--tekst)}.m-karta small{color:#14724D;font-weight:700}
/* pkt 37 — ton i głośność dzwonka w profilu (16.10.2026, sesja TC) */
.p-dzwiek-ust{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px;font-size:13px}
.p-dzwiek-ust label{display:flex;align-items:center;gap:6px}.p-dzwiek-ust input[type=range]{width:140px}
/* pkt 37: dźwięk uśpiony przez przeglądarkę — widoczny przycisk w pasku bocznym (16.10.2026) */
.dzwiek-uspiony{border:0;background:#FFF1D6;color:#8A5A00;font:inherit;font-size:11px;font-weight:700;border-radius:6px;padding:3px 5px;cursor:pointer;line-height:1.2;margin-bottom:4px}
.dzwiek-uspiony[hidden]{display:none}
#p-dzwiek-test{margin-top:6px}