.ssd-chat-fab{position:fixed;right:24px;bottom:24px;z-index:999999;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#1769ff,#0b4fd6);border-radius:999px;padding:12px 18px 12px 13px;font:700 14px Inter,system-ui,sans-serif;box-shadow:0 15px 35px rgba(23,105,255,.30);transition:.2s}
.ssd-chat-fab:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(23,105,255,.36)}
.ssd-chat-fab-icon{width:38px;height:38px;display:grid;place-items:center;background:rgba(255,255,255,.16);border-radius:50%;font-size:18px}
.ssd-chat-window{position:fixed;right:24px;bottom:88px;z-index:999998;width:390px;height:590px;max-width:calc(100vw - 28px);max-height:calc(100vh - 105px);background:#fff;border:1px solid #e6eaf0;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.20);display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;animation:ssdChatIn .22s ease-out}
@keyframes ssdChatIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.ssd-chat-header{position:relative;padding:19px 18px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(75,140,255,.45),transparent 35%),linear-gradient(135deg,#0b1733,#123b8e)}
.ssd-chat-brand{display:flex;align-items:center;gap:11px}.ssd-chat-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:#1769ff;font-weight:900;font-size:13px}
.ssd-chat-title{font-weight:800;font-size:15px}.ssd-chat-status{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#cbd8f3}.ssd-online-dot{width:7px;height:7px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 4px rgba(53,208,127,.12)}
.ssd-chat-close{position:absolute;right:13px;top:12px;width:35px;height:35px;border:0;border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font-size:23px;cursor:pointer}
.ssd-chat-body{flex:1;overflow:auto;background:#f7f9fc;padding:17px}.ssd-welcome{background:#fff;border:1px solid #e6eaf0;border-radius:17px;padding:15px;margin-bottom:13px;box-shadow:0 5px 16px rgba(16,24,40,.04)}
.ssd-welcome-title{font-weight:800;font-size:15px}.ssd-welcome-copy{font-size:13px;color:#667085;line-height:1.5;margin-top:5px}
.ssd-chat-field{width:100%;height:44px;padding:0 12px;border:1px solid #d8dee8;border-radius:11px;background:#fff;outline:0;font-size:13px;margin-bottom:8px}
.ssd-chat-field:focus{border-color:#8bb2ff;box-shadow:0 0 0 4px rgba(23,105,255,.08)}
.ssd-topic-list{display:grid;gap:9px}.ssd-topic{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;border:1px solid #e6eaf0;background:#fff;border-radius:14px;cursor:pointer;transition:.18s}
.ssd-topic:hover{border-color:#a9c5ff;transform:translateY(-1px);box-shadow:0 7px 20px rgba(16,24,40,.06)}.ssd-topic-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef4ff;font-size:16px}.ssd-topic-text{font-weight:700;font-size:13px;color:#1d2939}.ssd-topic-arrow{margin-left:auto;color:#98a2b3;font-size:18px}
.ssd-conversation-topic{font-size:12px;font-weight:800;color:#1769ff;margin-bottom:12px;display:inline-flex;background:#eef4ff;border-radius:999px;padding:6px 9px}
.ssd-msg-row{display:flex;margin:9px 0}.ssd-msg-row.visitor{justify-content:flex-end}.ssd-msg-bubble{max-width:82%;padding:10px 12px;border-radius:15px;font-size:13px;line-height:1.5;white-space:pre-wrap}.ssd-msg-row.agent .ssd-msg-bubble{background:#fff;border:1px solid #e6eaf0;border-bottom-left-radius:5px;color:#344054}.ssd-msg-row.visitor .ssd-msg-bubble{background:linear-gradient(135deg,#1769ff,#4389ff);color:#fff;border-bottom-right-radius:5px}
.ssd-chat-compose{display:flex;gap:8px;padding:11px;border-top:1px solid #e6eaf0;background:#fff}.ssd-chat-compose textarea{flex:1;min-height:45px;max-height:95px;resize:none;border:1px solid #d8dee8;border-radius:13px;padding:11px 12px;outline:0;font-size:13px}.ssd-send{width:45px;height:45px;border:0;border-radius:13px;background:#1769ff;color:#fff;font-size:17px;cursor:pointer;font-weight:800}
@media(max-width:560px){.ssd-chat-fab{right:14px;bottom:14px}.ssd-chat-window{right:7px;bottom:68px;width:calc(100vw - 14px);height:calc(100vh - 82px);max-height:none;border-radius:20px}}