/* YOXOLO customer assistant: compact floating entry, full-featured readable chat. */
#yxwp-support .yxwp-support-panel{width:min(390px,calc(100vw - 22px));border:1px solid #d7e2ff;border-radius:21px;box-shadow:0 22px 75px #06163e55;background:#fff}
#yxwp-support .yxwp-support-panel header{padding:17px 18px;background:linear-gradient(118deg,#101f4b,#2f4fc0);min-height:78px}
#yxwp-support .yxwp-support-brand{display:flex;gap:12px;align-items:center}
#yxwp-support .yxwp-support-avatar{width:39px;height:39px;background:#f1f5ff22;display:grid;place-items:center;border-radius:12px;font-size:21px;border:1px solid #ffffff3d}
#yxwp-support .yxwp-support-brand strong{display:block;font-size:17px;letter-spacing:.02em}
#yxwp-support .yxwp-support-brand strong span{font-size:11px;padding:3px 6px;border-radius:8px;background:#9bb5ff55}
#yxwp-support .yxwp-support-brand small{display:block;opacity:.85;font-size:11px;margin-top:3px}
#yxwp-support .yxwp-support-close{width:31px;height:31px;border-radius:9px;background:#fff2;border:1px solid #fff3;line-height:1;font-size:23px}
#yxwp-support .yxwp-support-messages{background:linear-gradient(#f7f9ff,#f2f6fe);height:315px;max-height:38vh;padding:17px 15px;display:flex;flex-direction:column;gap:12px}
#yxwp-support .yxwp-support-messages p{margin:0;max-width:90%;line-height:1.8;font-size:13px;padding:12px 13px;box-shadow:0 3px 12px #192c6011;border-radius:15px}
#yxwp-support .yxwp-support-messages p.bot{align-self:flex-start;background:#fff;border:1px solid #e3eaf9}
#yxwp-support .yxwp-support-messages p.user{align-self:flex-end;background:#3459d9;color:#fff}
#yxwp-support .yxwp-support-messages p.pending{opacity:.75}
#yxwp-support .yxwp-support-suggestions{display:flex;flex-wrap:wrap;gap:7px;background:#f2f6fe;padding:3px 14px 12px}
#yxwp-support .yxwp-support-suggestions[hidden]{display:none}
#yxwp-support .yxwp-support-suggestions button{border:1px solid #cfdbf5;border-radius:18px;background:#fff;color:#24458e;font-family:inherit;font-weight:600;font-size:11px;line-height:1.5;cursor:pointer;padding:7px 10px}
#yxwp-support .yxwp-support-suggestions button:hover{background:#e8eeff}
#yxwp-support .yxwp-support-panel form{padding:13px 14px 4px}
#yxwp-support .yxwp-support-panel form label{color:#4f6390;margin-bottom:7px}
#yxwp-support .yxwp-support-compose{display:flex;gap:8px;align-items:flex-end;background:#f8faff;padding:7px;border:1px solid #d9e3f7;border-radius:13px}
#yxwp-support .yxwp-support-compose textarea{border:0!important;box-shadow:none!important;background:transparent!important;font-size:13px;min-height:41px;max-height:110px;resize:vertical;outline:none;color:#1a2c5d}
#yxwp-support .yxwp-support-compose button{flex:0 0 39px;width:39px;height:39px;margin:0;border-radius:11px;padding:0;background:linear-gradient(135deg,#4969ec,#304fbd);font-size:21px}
#yxwp-support .yxwp-support-compose button:disabled{opacity:.5;cursor:wait}
#yxwp-support .yxwp-support-note{font-size:10px;padding:9px 15px 13px;line-height:1.6;color:#7280a0}
#yxwp-support .yxwp-support-ai{background:linear-gradient(115deg,#4869ed,#2c47be);font-weight:800;box-shadow:0 10px 24px #1b317d4d}
#yxwp-support .yxwp-support-panel:not([hidden]){animation:yxwpSupportIn .17s ease-out}
@keyframes yxwpSupportIn{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){#yxwp-support .yxwp-support-panel{bottom:52px;left:0;max-height:80dvh}#yxwp-support .yxwp-support-messages{height:280px;max-height:33dvh}#yxwp-support .yxwp-support-ai{font-size:12px}}