/* Okienko czatu UrbanaFlex. Kolory marki: navy #20204A, lime #D1E633. */
#uf-czat{--n:#20204A;--l:#D1E633;--g:#f3f4f6;font-family:Kanit,system-ui,sans-serif;position:fixed;right:20px;bottom:20px;z-index:9990}
#uf-czat *{box-sizing:border-box}
.ufc-btn{width:60px;height:60px;border-radius:50%;border:0;background:var(--n);color:#fff;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;position:relative}
.ufc-btn svg{width:28px;height:28px}
.ufc-btn .ufc-kropka{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:#9ca3af}
.ufc-btn .ufc-kropka.on{background:var(--l)}
.ufc-btn .ufc-licz{position:absolute;top:-4px;left:-4px;min-width:20px;height:20px;border-radius:10px;background:#dc2626;color:#fff;font-size:12px;line-height:20px;text-align:center;padding:0 5px;display:none}
.ufc-okno{position:absolute;right:0;bottom:76px;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);display:none;flex-direction:column;overflow:hidden}
#uf-czat.otwarte .ufc-okno{display:flex}
.ufc-glowa{background:var(--n);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
.ufc-glowa b{display:block;font-size:16px;font-weight:600}
.ufc-glowa small{font-size:12px;opacity:.85}
.ufc-glowa button{margin-left:auto;background:none;border:0;color:#fff;font-size:22px;cursor:pointer;line-height:1}
.ufc-lista{flex:1;overflow-y:auto;padding:14px;background:var(--g);display:flex;flex-direction:column;gap:8px}
.ufc-m{max-width:82%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}
.ufc-m small{display:block;font-size:11px;opacity:.6;margin-top:3px}
.ufc-m.klient{align-self:flex-end;background:var(--n);color:#fff;border-bottom-right-radius:4px}
.ufc-m.firma{align-self:flex-start;background:#fff;color:#111;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ufc-info{font-size:13px;color:#4b5563;text-align:center;padding:4px 8px}
.ufc-stopka{border-top:1px solid #e5e7eb;padding:10px;background:#fff}
.ufc-stopka form{display:flex;gap:8px;align-items:flex-end}
.ufc-stopka textarea,.ufc-dane input{flex:1;width:100%;border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;resize:none}
.ufc-stopka textarea{height:42px;max-height:120px}
.ufc-wyslij{background:var(--l);color:var(--n);border:0;border-radius:10px;padding:0 14px;height:42px;font-weight:600;cursor:pointer}
.ufc-wyslij:disabled{opacity:.5;cursor:default}
.ufc-dane{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.ufc-rodo{font-size:11px;color:#6b7280;margin-top:6px;line-height:1.35}
.ufc-rodo a,.ufc-off a{color:var(--n);text-decoration:underline}
.ufc-koniec{border-top:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;gap:8px;color:#374151;font-size:14px}
.ufc-koniec b{font-size:16px;color:var(--n)}
.ufc-koniec .ufc-cta{border:0;cursor:pointer;font:inherit;background:var(--l);color:var(--n);font-weight:600;border-radius:999px;padding:10px 22px}
.ufc-off{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:12px;color:#374151}
.ufc-off b{font-size:17px;color:var(--n)}
.ufc-off .ufc-cta{display:inline-block;background:var(--l);color:var(--n);text-decoration:none;font-weight:600;border-radius:999px;padding:10px 22px}
@media (max-width:480px){#uf-czat{right:12px;bottom:12px}.ufc-okno{height:calc(100vh - 100px)}}