*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:transparent;font:14px/1.5 system-ui,sans-serif;color:#253248}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#launcher{position:absolute;bottom:4px;right:4px;width:64px;height:64px;border:0;border-radius:50%;background:#1769d2;color:#fff;box-shadow:0 3px 12px #172c5133;display:flex;flex-direction:column;align-items:center;justify-content:center}svg{width:27px;height:27px;fill:currentColor}#badge{position:absolute;right:0;top:0;color:#ef4444}#panel{height:calc(100% - 8px);margin:4px;background:#fff;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 2px 8px #172c5122;display:flex;flex-direction:column;overflow:hidden}header{background:#1769d2;color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}header strong{font-size:17px}header small{display:block;opacity:.85;font-size:12px}#close{background:none;border:0;color:white;font-size:28px;padding:0 5px}#status{margin:0;padding:8px 14px;font-size:12px;color:#596a80;background:#f3f6fa;overflow-wrap:anywhere}#messages{flex:1;overflow:auto;padding:14px;background:#f8fafc;min-height:0}.empty{color:#68788e}.message{margin-bottom:14px;display:flex;flex-direction:column;align-items:flex-start}.message.customer{align-items:flex-end}.message small{font-size:11px;color:#7a889b;margin-bottom:3px}.message p{margin:0;padding:9px 12px;border-radius:10px;max-width:90%;background:#fff;border:1px solid #e4eaf2;white-space:pre-wrap;overflow-wrap:anywhere}.message.customer p{background:#e9f2ff;border-color:#cee1ff}form{padding:12px;border-top:1px solid #e4eaf2}label{display:block;font-size:12px;color:#596a80;margin-bottom:5px}.composer{border:1px solid #ced8e6;border-radius:7px;overflow:hidden}.composer:focus-within{outline:2px solid #9dc5fa}textarea{display:block;width:100%;resize:none;padding:9px;border:0;border-radius:0;font:inherit;background:transparent}textarea:focus{outline:none}.actions{display:flex;justify-content:flex-end;padding:0 8px 8px}.actions button{border:0;border-radius:6px;padding:8px 16px;background:#edf2f8;color:#425570}#send{background:#1769d2;color:#fff}
html, body { overflow: hidden; }
#panel header, #panel > #status, #panel form { flex-shrink: 0; }
#messages { scrollbar-width: none; }
#messages::-webkit-scrollbar { display: none; }
.message a { color: #175ab7; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.message a:hover { color: #103c7a; }
.message a:focus-visible { outline: 2px solid #1769d2; outline-offset: 3px; border-radius: 2px; }