.cms-customer-chat{--chat-accent:#0f766e;--chat-dark:#0f2d3a;--chat-soft:#e8f5f1;--chat-launcher-size:46px;position:fixed;z-index:1048;font-family:"Trebuchet MS",Verdana,sans-serif;color:#172033}
.cms-customer-chat.chat-theme-forest{--chat-accent:#2f855a;--chat-dark:#173e2a}.cms-customer-chat.chat-theme-sunset{--chat-accent:#dc6b2f;--chat-dark:#572b28}.cms-customer-chat.chat-theme-graphite{--chat-accent:#566274;--chat-dark:#202734}
.chat-position-right-bottom{right:18px;bottom:18px}.chat-position-left-bottom{left:18px;bottom:18px}.chat-position-right-middle{right:18px;top:50%;transform:translateY(-50%)}.chat-position-left-middle{left:18px;top:50%;transform:translateY(-50%)}
.cms-chat-launcher{width:var(--chat-launcher-size);height:var(--chat-launcher-size);border:1px solid rgba(255,255,255,.32);border-radius:calc(var(--chat-launcher-size) * .35);background:linear-gradient(145deg,var(--chat-dark),var(--chat-accent));color:#fff;box-shadow:0 12px 35px rgba(15,35,55,.28);font-size:calc(var(--chat-launcher-size) * .44);cursor:pointer;position:relative}
.cms-chat-launcher:hover{transform:translateY(-2px)}.cms-chat-unread{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;line-height:20px}
.cms-chat-panel{position:absolute;width:min(388px,calc(100vw - 28px));height:min(570px,calc(100vh - 90px));background:rgba(255,255,255,.985);border:1px solid rgba(148,163,184,.34);border-radius:24px;box-shadow:0 26px 76px rgba(15,23,42,.3);overflow:hidden;bottom:calc(var(--chat-launcher-size) + 12px);right:0;display:grid;grid-template-rows:auto auto minmax(150px,1fr) auto auto}
.chat-position-left-bottom .cms-chat-panel,.chat-position-left-middle .cms-chat-panel{left:0;right:auto}.chat-position-right-middle .cms-chat-panel,.chat-position-left-middle .cms-chat-panel{bottom:auto;top:50%;transform:translateY(-50%)}
.cms-chat-panel[hidden]{display:none}.cms-chat-panel header{display:flex;align-items:center;gap:12px;padding:15px 16px;background:radial-gradient(circle at 85% -15%,rgba(255,255,255,.26),transparent 42%),linear-gradient(125deg,var(--chat-dark),var(--chat-accent));color:#fff}.cms-chat-panel header>div{min-width:0;flex:1}.cms-chat-panel header strong{display:block;font-size:16px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cms-chat-panel header small{display:block;opacity:.76;margin-top:2px}.cms-chat-presence{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;white-space:nowrap}.cms-chat-presence i{width:7px;height:7px;border-radius:50%;background:#82f5b5;box-shadow:0 0 0 3px rgba(130,245,181,.16)}.cms-chat-panel header button{flex:0 0 auto;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:30px;height:30px;font-size:21px;line-height:28px;cursor:pointer}
.cms-chat-profile{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 11px 9px;background:linear-gradient(180deg,#fff,var(--chat-soft));border-bottom:1px solid rgba(148,163,184,.22)}.cms-chat-profile input{min-width:0;border:1px solid #cedbe2;border-radius:11px;padding:8px 9px;background:rgba(255,255,255,.94);font:inherit;font-size:12px;outline:none;transition:border-color .16s,box-shadow .16s}.cms-chat-profile input:focus{border-color:var(--chat-accent);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.cms-chat-profile #cmsChatWebsite{position:absolute;left:-9999px;width:1px;height:1px}
.cms-chat-messages{overflow:auto;padding:13px 14px;background:linear-gradient(145deg,rgba(248,250,252,.98),rgba(237,246,243,.96));scrollbar-width:thin}.cms-chat-message{max-width:84%;padding:9px 11px;border-radius:14px;margin:0 0 9px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45;box-shadow:0 3px 12px rgba(31,51,69,.05)}.cms-chat-message.visitor{margin-left:auto;background:linear-gradient(135deg,var(--chat-accent),var(--chat-dark));color:#fff;border-bottom-right-radius:4px}.cms-chat-message.ai,.cms-chat-message.admin{margin-right:auto;background:#fff;border:1px solid #dbe5e8;border-bottom-left-radius:4px}.cms-chat-message.system{max-width:96%;margin:5px auto 10px;text-align:center;background:transparent;color:#667085;font-size:12px;box-shadow:none}.cms-chat-message time{display:block;font-size:10px;opacity:.62;margin-top:4px}
.cms-chat-form{display:grid;grid-template-columns:1fr 42px;gap:7px;padding:9px 10px 7px;background:#fff;border-top:1px solid rgba(148,163,184,.18)}.cms-chat-form textarea{resize:none;border:1px solid #cad6df;border-radius:12px;padding:9px;font:inherit;font-size:13px;outline:none}.cms-chat-form textarea:focus{border-color:var(--chat-accent);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.cms-chat-form button{border:0;border-radius:12px;background:linear-gradient(145deg,var(--chat-accent),var(--chat-dark));color:#fff;font-size:20px;cursor:pointer}.cms-chat-form button:disabled{opacity:.5}
.cms-chat-status{min-height:18px;padding:0 12px 9px;background:#fff;color:#748191;font-size:10px;line-height:1.35}
@media(max-width:575.98px){.cms-customer-chat{bottom:10px;top:auto;transform:none}.chat-position-left-bottom,.chat-position-left-middle{left:10px;right:auto}.chat-position-right-bottom,.chat-position-right-middle{right:10px;left:auto}.cms-chat-panel{position:fixed;left:10px!important;right:10px!important;bottom:72px!important;top:auto!important;transform:none!important;width:auto;height:min(620px,calc(100vh - 92px));border-radius:18px}.cms-chat-profile{grid-template-columns:1fr}.cms-chat-panel header{padding:13px 14px}.cms-chat-presence{display:none}}
@media(prefers-reduced-motion:no-preference){.cms-chat-launcher{transition:transform .18s ease}.cms-chat-panel:not([hidden]){animation:cms-chat-in .2s ease-out}@keyframes cms-chat-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}