.chat-fab{position:fixed;right:22px;bottom:22px;z-index:1040;border:0;border-radius:50%;width:58px;height:58px;background:#0d6efd;color:#fff;box-shadow:0 8px 24px #0003;font-size:22px}.chat-panel{position:fixed;right:22px;bottom:92px;z-index:1041;width:min(370px,calc(100vw - 30px));height:520px;background:#fff;border-radius:18px;box-shadow:0 14px 45px #0003;overflow:hidden;display:none;border:1px solid #e7ebf0}.chat-panel.is-open{display:flex;flex-direction:column}.chat-head{background:#0d6efd;color:#fff;padding:17px 18px;display:flex;justify-content:space-between;align-items:center}.chat-head small{display:block;opacity:.82}.chat-close{background:none;border:0;color:#fff;font-size:20px}.chat-body{padding:14px;overflow:auto;flex:1;background:#f6f8fb}.chat-bubble{max-width:86%;padding:10px 12px;border-radius:14px;margin:7px 0;white-space:pre-wrap;word-break:break-word;font-size:14px}.chat-bubble.cliente{margin-left:auto;background:#dbeafe}.chat-bubble.admin,.chat-bubble.sistema{background:#fff;border:1px solid #e6eaf0}.chat-time{display:block;font-size:10px;color:#8993a3;margin-top:4px}.chat-form{padding:11px;border-top:1px solid #e7ebf0;background:#fff}.chat-form textarea{resize:none}.chat-start{padding:20px}.chat-start h6{font-weight:700}.chat-admin-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.chat-list{max-height:620px;overflow:auto}.chat-list-item{padding:13px;border-bottom:1px solid #edf0f4;cursor:pointer}.chat-list-item:hover,.chat-list-item.active{background:#f0f6ff}.chat-admin-messages{height:450px;overflow:auto;background:#f6f8fb;padding:18px}.chat-status{font-size:11px;padding:4px 8px;border-radius:12px;background:#e9ecef}.chat-status.aberta,.chat-status.aguardando{background:#fff3cd}.chat-status.em_atendimento{background:#d1e7dd}.chat-status.encerrada{background:#e2e3e5}@media(max-width:700px){.chat-admin-layout{grid-template-columns:1fr}.chat-admin-messages{height:380px}}
.chat-attachment{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-top:7px;border-radius:9px;background:#ffffffaa;border:1px solid #d9e2ef;white-space:normal}.chat-attachment i{font-size:18px}.chat-attachment small{display:block;color:#64748b}.chat-file-label{cursor:pointer}.chat-file-name{font-size:11px;color:#64748b;display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{display:flex;justify-content:space-between;align-items:center}.chat-image-preview{max-width:100%;max-height:160px;border-radius:8px;margin-top:6px}
.chat-online{color:#198754;font-weight:600}.chat-offline{color:#6c757d}.chat-hours{font-size:12px;line-height:1.5;color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 10px;margin-bottom:12px}.chat-hours strong{color:#0f172a}
.chat-origin{font-size:11px;border-radius:10px;padding:2px 7px;margin-left:5px;background:#e0f2fe;color:#075985}.chat-origin.visitante{background:#fef3c7;color:#92400e}