/* Winel chat widget: floating launcher and chat panel */
.zi-chat-launcher{position:fixed;right:22px;bottom:22px;z-index:75;display:grid;place-items:center;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(145deg,#2fd3c4,#1aa89c);color:#fff;box-shadow:0 14px 34px #0b153055,0 3px 8px #0b153033;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.zi-chat-launcher:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 18px 40px #0b153066,0 4px 10px #0b153033}
.zi-chat-launcher svg{width:30px;height:30px}
.zi-chat-launcher::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #2fd3c4;opacity:0;animation:zi-pulse 2.8s ease-out 1.2s 3}
.zi-chat-launcher[aria-expanded="true"]::after{animation:none}
.zi-chat-launcher i{position:absolute;right:4px;top:4px;width:13px;height:13px;border-radius:50%;background:#ed625c;border:2px solid #fff}
.zi-chat-launcher i[hidden]{display:none}
@keyframes zi-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.45);opacity:0}}

.zi-chat[hidden],.zi-chat-contact[hidden],.zi-chat-compose[hidden],.zi-chat-cta button[hidden],.zi-chat-team[hidden]{display:none!important}
.zi-chat{position:fixed;right:22px;bottom:96px;z-index:80;display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto auto;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100dvh - 120px));overflow:hidden;border-radius:20px;background:#fff;color:#17223b;box-shadow:0 30px 70px #07122555,0 4px 14px #07122522;font:400 .9rem/1.5 Inter,"Segoe UI",system-ui,sans-serif;animation:zi-rise .22s ease-out}
@keyframes zi-rise{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

.zi-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px 14px 16px;background:linear-gradient(120deg,#0b1530,#1f2d58);color:#fff}
.zi-chat-id{display:flex;align-items:center;gap:11px;min-width:0}
.zi-chat-id>div{display:grid;gap:1px;min-width:0}
.zi-chat-id strong{font-size:1rem;letter-spacing:-.01em}
.zi-chat-id small{display:flex;align-items:center;gap:6px;color:#b8c5dc;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zi-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#35e0a1;box-shadow:0 0 0 3px #35e0a133}
[data-mode="waiting"] .zi-dot,[data-mode="after_hours"] .zi-dot{background:#f5b94a;box-shadow:0 0 0 3px #f5b94a33}
[data-mode="closed"] .zi-dot{background:#9aa6b8;box-shadow:none}
.zi-chat-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#2fd3c4,#1aa89c);color:#fff;box-shadow:inset 0 0 0 2px #ffffff33}
.zi-chat-tools{display:flex;gap:4px}
.zi-chat-tools button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#dce5f5;cursor:pointer}
.zi-chat-tools button:hover{background:#ffffff1a;color:#fff}

.zi-chat-transcript{overflow-y:auto;padding:18px 14px 10px;background:#f4f6fa;scroll-behavior:smooth}
.zi-chat-row{display:flex;align-items:flex-end;gap:8px;margin:0 0 12px}
.zi-chat-row.from-visitor{justify-content:flex-end}
.zi-chat-row.failed .zi-chat-bubble{opacity:.55}
.zi-chat-mini{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#2fd3c4,#1aa89c);color:#fff}
.zi-chat-mini svg{width:15px;height:15px}
.zi-chat-mini.staff{background:#555aa7}
.zi-chat-bubble{max-width:82%;padding:10px 13px;border-radius:16px 16px 16px 5px;background:#fff;box-shadow:0 1px 3px #0b153014,0 4px 14px #0b15300d}
.zi-chat-bubble.visitor{border-radius:16px 16px 5px 16px;background:#0b1530;color:#fff}
.zi-chat-bubble.staff{border:1px solid #d9dcf5}
.zi-chat-bubble small{display:block;margin-bottom:2px;color:#555aa7;font-size:.66rem;font-weight:800}
.zi-chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.zi-chat-note{margin:2px auto;padding:6px 12px;max-width:92%;border-radius:10px;background:#e8ecf4;color:#4a5870;font-size:.74rem;text-align:center}
.from-system{justify-content:center}

.zi-chat-cta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.zi-chat-cta button{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe9e6;border-radius:999px;padding:6px 11px 6px 9px;background:#effaf9;color:#0b4a44;font:700 .75rem/1.2 Inter,"Segoe UI",system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.zi-chat-cta button:hover{background:#dff5f2;border-color:#2fd3c4}
.zi-chat-cta button svg{flex:none;color:#15998d}
.zi-chat-cta .zi-chat-cta-link{background:#0b1530;border-color:#0b1530;color:#fff}
.zi-chat-cta .zi-chat-cta-link svg{color:#7de6dd}
.zi-chat-cta .zi-chat-cta-link:hover{background:#1f2d58;border-color:#1f2d58}

.zi-chat-typing .zi-chat-bubble{display:flex;gap:4px;padding:13px 14px}
.zi-chat-typing .zi-chat-bubble span{width:7px;height:7px;border-radius:50%;background:#9aa6b8;animation:zi-typing 1.2s infinite ease-in-out}
.zi-chat-typing .zi-chat-bubble span:nth-child(2){animation-delay:.15s}
.zi-chat-typing .zi-chat-bubble span:nth-child(3){animation-delay:.3s}
@keyframes zi-typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}

.zi-chat-contact{display:grid;gap:8px;padding:12px 14px;border-top:1px solid #e3e7ee;background:#f7fbfa}
.zi-chat-contact strong{font-size:.8rem}
.zi-chat-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zi-chat-contact input{width:100%;min-height:38px;border:1px solid #cbd4df;border-radius:10px;padding:6px 10px;font:inherit;font-size:.82rem}
.zi-chat-contact button{min-height:38px;border:0;border-radius:10px;background:#0b1530;color:#fff;font-weight:750;cursor:pointer}

.zi-chat-compose{display:flex;align-items:flex-end;gap:8px;margin:10px 12px 4px;padding:6px 6px 6px 14px;border:1px solid #d6dde8;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s}
.zi-chat-compose:focus-within{border-color:#2fd3c4;box-shadow:0 0 0 3px #2fd3c422}
.zi-chat-compose textarea{flex:1;min-width:0;max-height:120px;border:0;outline:0;resize:none;padding:7px 0;background:transparent;color:#17223b;font:inherit;line-height:1.4}
.zi-chat-compose button{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:12px;background:#1aa89c;color:#fff;cursor:pointer;transition:background .15s}
.zi-chat-compose button:hover{background:#15998d}
.zi-chat-compose button:disabled{background:#9fd9d3;cursor:default}

.zi-chat footer{display:grid;gap:2px;padding:4px 14px 10px;text-align:center}
.zi-chat footer #ziChatFeedback{color:#b3423a;font-size:.72rem}
.zi-chat footer #ziChatFeedback:empty{display:none}
.zi-chat-privacy{color:#7a869b;font-size:.64rem}
.zi-chat-privacy a{color:#3f4f73;font-weight:700}

.zi-chat .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zi-chat button:focus-visible,.zi-chat input:focus-visible,.zi-chat-launcher:focus-visible{outline:3px solid #5f63ce;outline-offset:2px}

@media(max-width:520px){
  .zi-chat{inset:auto 0 0 0;width:100%;height:min(100dvh,720px);border-radius:20px 20px 0 0}
  .zi-chat-launcher{right:16px;bottom:16px;width:56px;height:56px}
  body.zi-chat-open .zi-chat-launcher{display:none}
}
@media(prefers-reduced-motion:reduce){.zi-chat,.zi-chat-launcher::after,.zi-chat-typing .zi-chat-bubble span{animation:none}}