/* 4.69.0 — asystent „Pogadaj z nami”: przycisk i wysuwany czat w stylu strony (morze, szkło, mięta, złoty akcent). */
.zsma{--zsma-mint:#aeefe5;--zsma-aqua:#69e0d5;--zsma-gold:#f0c66f;--zsma-ink:#03292b;--zsma-text:#f6ffff;--zsma-soft:#c9e3df;--zsma-edge:rgba(174,239,229,.22);position:fixed;z-index:99990;font-family:Inter,"Noto Sans","Open Sans",system-ui,sans-serif;color:var(--zsma-text)}
.zsma.is-site{left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.zsma.is-panel{right:18px;bottom:calc(22px + env(safe-area-inset-bottom,0px))}
/* Telefon: lewy dolny róg zajmują przyciski radia strony, więc przycisk czatu stoi po prawej. */
@media(max-width:720px){.zsma.is-site{left:auto;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.zsma.is-site .zsma-launch{min-height:46px;padding:9px 16px 9px 12px;font-size:14.5px}.zsma.is-panel{right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
.zsma-launch{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px 10px 14px;border:0;border-radius:999px;background:linear-gradient(135deg,#d6fbf4,#aeefe5 40%,#69e0d5);color:var(--zsma-ink);font:inherit;font-size:15px;font-weight:850;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 34px -14px rgba(105,224,213,.9),0 0 0 5px rgba(174,239,229,.12);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .3s;-webkit-tap-highlight-color:transparent}
.zsma-launch:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 20px 40px -14px rgba(105,224,213,1),0 0 0 6px rgba(174,239,229,.16)}
.zsma-launch:active{transform:scale(.96)}
.zsma-launch:focus-visible,.zsma button:focus-visible,.zsma a:focus-visible,.zsma input:focus-visible{outline:3px solid var(--zsma-gold);outline-offset:3px}
.zsma-launch-dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--zsma-ink);box-shadow:0 0 0 3px rgba(3,41,43,.18)}
.zsma-launch-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(3,41,43,.35);animation:zsma-pulse 2.4s ease-out 1.5s 3}
@keyframes zsma-pulse{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
.zsma.is-open .zsma-launch{opacity:0;pointer-events:none;transform:scale(.9)}
.zsma-panel{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;width:min(390px,calc(100vw - 24px));height:min(620px,calc(100svh - 36px));overflow:hidden;border:1px solid var(--zsma-edge);border-radius:24px;background:linear-gradient(170deg,rgba(12,74,71,.97) 0%,rgba(5,48,47,.98) 55%,rgba(3,39,42,.99) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 90px -30px rgba(0,0,0,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:zsma-in .4s cubic-bezier(.2,.8,.2,1) both}
.zsma.is-site .zsma-panel{right:auto;left:18px}
.zsma-panel[hidden]{display:none}
@keyframes zsma-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:720px){.zsma-panel,.zsma.is-site .zsma-panel{left:0;right:0;bottom:0;width:100%;height:min(86svh,680px);border-radius:24px 24px 0 0;border-bottom:0}}
.zsma-head{display:flex;align-items:center;gap:12px;padding:16px 14px 14px 18px;border-bottom:1px solid rgba(174,239,229,.1)}
.zsma-head>div{display:grid;gap:2px;flex:1;min-width:0}
.zsma-head strong{font-size:17px;color:#fff}
.zsma-head small{color:var(--zsma-soft);font-size:12.5px;line-height:1.35}
.zsma-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d6fbf4,#69e0d5);color:var(--zsma-ink);font-size:11px;font-weight:900;box-shadow:0 0 0 4px rgba(174,239,229,.12)}
.zsma-x{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(174,239,229,.08);color:#fff;font:inherit;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(174,239,229,.25)}
.zsma-x:hover{background:rgba(174,239,229,.18)}
.zsma-log{flex:1;overflow-y:auto;padding:16px 14px;display:grid;align-content:start;gap:10px;overscroll-behavior:contain}
.zsma-msg{display:grid;gap:8px;max-width:88%;padding:11px 14px;border-radius:18px;font-size:15px;line-height:1.5;animation:zsma-msg .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes zsma-msg{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.zsma-msg p{margin:0}
.zsma-msg.is-bot{justify-self:start;background:rgba(174,239,229,.09);box-shadow:inset 0 0 0 1px rgba(174,239,229,.14);border-bottom-left-radius:6px}
.zsma-msg.is-me{justify-self:end;background:linear-gradient(135deg,#d6fbf4,#aeefe5);color:var(--zsma-ink);font-weight:700;border-bottom-right-radius:6px}
.zsma-msg a{color:var(--zsma-mint);font-weight:800}
.zsma-wait{color:var(--zsma-soft)}
.zsma-chips{display:flex;flex-wrap:wrap;gap:6px}
.zsma-chip{min-height:36px;padding:7px 12px;border:0;border-radius:999px;background:rgba(2,26,28,.5);color:#fff;font:inherit;font-size:13.5px;font-weight:700;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(174,239,229,.3);transition:background .2s,box-shadow .2s,transform .15s}
.zsma-chip:hover{background:rgba(174,239,229,.16);box-shadow:inset 0 0 0 1px rgba(174,239,229,.7)}
.zsma-chip:active{transform:scale(.96)}
.zsma-acts{display:flex;flex-wrap:wrap;gap:6px}
.zsma-act{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border:0;border-radius:999px;background:linear-gradient(135deg,#d6fbf4,#aeefe5 40%,#69e0d5);color:var(--zsma-ink)!important;font:inherit;font-size:14px;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px -10px rgba(105,224,213,.9);transition:transform .15s}
.zsma-act:active{transform:scale(.96)}
.zsma-act:disabled{opacity:.7}
.zsma-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(174,239,229,.1)}
.zsma-input{flex:1;min-width:0;min-height:46px;padding:10px 14px;border:1px solid rgba(174,239,229,.35);border-radius:999px;background:rgba(1,20,22,.55);color:#fff;font:inherit;font-size:16px}
.zsma-input:focus{outline:0;border-color:var(--zsma-mint);box-shadow:0 0 0 4px rgba(174,239,229,.16)}
.zsma-send{display:grid;place-items:center;flex:none;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:linear-gradient(135deg,#d6fbf4,#69e0d5);color:var(--zsma-ink);font-size:17px;cursor:pointer;box-shadow:0 10px 22px -12px rgba(105,224,213,.9)}
.zsma-send:active{transform:scale(.94)}
.zsma-note{margin:0;padding:0 16px 12px;color:var(--zsma-soft);font-size:12px;line-height:1.4;text-align:center}
@media(prefers-reduced-motion:reduce){.zsma *,.zsma *::after,.zsma-panel{animation:none!important;transition:none!important}}
/* Panel na telefonie: krótki przycisk „Czat”, żeby nie zasłaniał kafli (pełna nazwa zostaje dla czytników ekranu). */
.zsma-launch-short{display:none}
.zsma-launch-tip{display:none} /* 5.8.1: dymek tylko w stylu strony (calm-agency); bez niego jeden podpis, nie „Porozmawiajmy CzatPorozmawiajmy” */
@media(max-width:720px){.zsma.is-panel .zsma-launch{min-height:46px;padding:9px 14px 9px 12px}.zsma.is-panel .zsma-launch-text{display:none}.zsma.is-panel .zsma-launch-short{display:inline}}
/* 4.70.0: kolory po najechaniu i przy fokusie trzymamy sami. Motyw (Astra: button:hover) zmieniał napis na biały na miętowym tle. */
.zsma .zsma-launch:is(:hover,:focus,:focus-visible,:active),.zsma .zsma-send:is(:hover,:focus,:focus-visible,:active),.zsma a.zsma-act:is(:link,:visited,:hover,:focus,:active),.zsma button.zsma-act:is(:hover,:focus,:focus-visible,:active){color:var(--zsma-ink)}
.zsma .zsma-chip:is(:hover,:focus,:focus-visible,:active),.zsma .zsma-x:is(:hover,:focus,:focus-visible,:active),.zsma .zsma-msg a:is(:hover,:focus){color:#fff}
.zsma .zsma-send:hover{background:linear-gradient(135deg,#e6fdf8,#7fe8de)}
/* Drugi przycisk w odpowiedzi (np. „Zadzwoń”, strona klienta): spokojny, obrysowany. */
/* 4.77.0: biały tekst wygrywa z ciemnym kolorem przycisków (!important), inaczej „LinkedIn” i adresy serwisów są nieczytelne */
.zsma .zsma-act.is-quiet,.zsma a.zsma-act.is-quiet:is(:link,:visited,:hover,:focus,:active),.zsma button.zsma-act.is-quiet:is(:hover,:focus,:active){background:rgba(174,239,229,.1);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(174,239,229,.45)}
.zsma .zsma-act.is-quiet:hover{background:rgba(174,239,229,.2);box-shadow:inset 0 0 0 1px rgba(174,239,229,.8)}
/* 4.70.0: „pisze…”, listy w odpowiedziach, podpowiedź „A może chodziło o”. */
.zsma-msg.is-typing{padding:12px 16px}
.zsma-typing{display:inline-flex;gap:5px;align-items:center;height:14px}
.zsma-typing i{width:7px;height:7px;border-radius:50%;background:var(--zsma-mint);opacity:.3;animation:zsma-dot 1s ease-in-out infinite}
.zsma-typing i:nth-child(2){animation-delay:.15s}
.zsma-typing i:nth-child(3){animation-delay:.3s}
@keyframes zsma-dot{0%,80%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-3px)}}
.zsma-list{display:grid;gap:5px;margin:0;padding:0 0 0 18px}
.zsma-list li{margin:0;padding-left:2px}
.zsma-list li::marker{color:var(--zsma-mint)}
.zsma-near{margin:0;color:var(--zsma-soft);font-size:13.5px}