.chat-footer{height:68px;width:100%;display:flex;align-items:center;padding:2px 20px 5px;background-color:var(--surface-raised);border-top:1px solid var(--border);position:relative}.chat-footer-qr{opacity:.5}.chat-footer .icon-button{width:40px;height:40px;flex-shrink:0;background:var(--accent);border:none;border-radius:var(--radius-full);font-size:20px;color:var(--accent-on);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-base) var(--ease-standard)}.chat-footer .icon-button:hover{background:var(--accent-hover)}.chat-footer .icon-button-ia{width:40px;height:40px;flex-shrink:0;background:var(--surface-flat);border:1px solid var(--border);border-radius:var(--radius-full);font-size:20px;color:var(--text-body);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-base) var(--ease-standard)}.chat-footer .icon-button-ia:hover{background:var(--surface-sunken)}.chat-footer .chat-footer-input{flex:1 1;padding:12px 14px 12px 48px;border:1px solid transparent;outline:none;font-size:14px;background-color:var(--surface-sunken);color:var(--text-ink);border-radius:var(--radius-lg);margin:5px 14px;transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.chat-footer .chat-footer-input::-moz-placeholder{color:var(--text-muted)}.chat-footer .chat-footer-input::placeholder{color:var(--text-muted)}.chat-footer .chat-footer-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.chat-footer .chat-footer-input:disabled{color:var(--text-muted)}.plus-button.rotated .chat-footer-plus-icon{transform:rotate(45deg);transition:transform .3s ease}.chat-footer-plus-icon{transition:transform .3s ease}.icon-button{cursor:pointer}.send-icon{height:22px;width:30px}.file-inputs{position:absolute;bottom:50px;left:10px;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:5px;display:flex;flex-direction:column;border-radius:var(--radius-lg)}.file-inputs label{display:flex;align-items:center;padding:5px;cursor:pointer;font-size:var(--text-base);color:var(--text-body)}.chat-footer-buttons{display:flex;flex-direction:row;gap:10px}.icon-button-sticker{position:absolute;border:none!important;background:none;left:45px;cursor:pointer}.footer-file-upload-options{width:225px;position:absolute;bottom:70px;left:10px;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:10px;display:flex;flex-direction:column;gap:10px;border-radius:var(--radius-lg);z-index:10}.footer-file-upload-options-text:hover{background:var(--surface-flat);border-radius:var(--radius-sm)}.footer-file-upload-options-text{font-size:var(--text-base);display:flex;align-items:center;gap:5px;cursor:pointer;height:35px;padding-left:7px;color:var(--text-body)}.footer-file-upload-options-icons{width:24px;height:24px}.chat-footer .icon-button-sticker{position:static;left:auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-body);flex-shrink:0;transition:background-color var(--dur-base) var(--ease-standard)}.chat-footer .icon-button-sticker:hover{background:var(--surface-flat)}.attach-wrap{position:relative;flex-shrink:0}.chat-footer .icon-button-attach{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:var(--radius-full);color:var(--text-body);transition:background-color var(--dur-base) var(--ease-standard)}.chat-footer .icon-button-attach:hover{background:var(--surface-flat)}.chat-footer .icon-button-attach:disabled{opacity:.5;cursor:default}.chat-footer .chat-footer-input{padding-left:14px}.attach-menu{position:absolute;bottom:48px;left:0;min-width:184px;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:20}.attach-item{display:flex;align-items:center;gap:10px;padding:9px 10px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-body);border-radius:var(--radius-sm);text-align:left}.attach-item:hover{background:var(--surface-flat)}.attach-ico{font-size:16px;width:20px;text-align:center}.rec-status{flex:1 1;display:flex;align-items:center;gap:10px;margin:5px 14px;padding:0 6px;font-size:14px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--status-lost);animation:rec-pulse 1.1s ease-in-out infinite;flex-shrink:0}.rec-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-ink);font-weight:var(--weight-medium)}.rec-label{color:var(--text-muted)}.chat-footer .icon-button.rec-cancel{background:var(--surface-flat);color:var(--text-body);border:1px solid var(--border)}.chat-footer .icon-button.rec-cancel:hover{background:var(--surface-sunken)}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.chat-footer-stack{display:flex;flex-direction:column}.reply-preview{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface-raised);border-top:1px solid var(--border)}.reply-preview-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px;padding:4px 10px;border-radius:6px;background:var(--accent-tint);border-left:3px solid var(--accent)}.reply-preview-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--accent)}.reply-preview-text{font-size:12px;color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-cancel{flex-shrink:0;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:14px;border-radius:var(--radius-full)}.reply-preview-cancel:hover{background:var(--surface-flat);color:var(--text-body)}.emoji-container{display:flex;flex-direction:column;background:var(--surface);border-radius:12px;padding:12px;position:absolute;bottom:4rem;left:-9rem;box-shadow:0 2px 5px rgba(23,18,14,.26),0 2px 10px rgba(23,18,14,.16);max-width:500px;max-height:400px;width:100%;overflow-x:hidden}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));grid-gap:6px;gap:6px;justify-content:center;align-items:center;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:0}.emoji{cursor:pointer;transition:transform .2s;align-items:center;display:flex;justify-content:center;align-self:center}.emoji:hover{transform:scale(1.2)}.chat-list{width:100%;max-width:434px;min-width:434px;height:100%;background-color:var(--surface-raised);border-right:1px solid var(--border)}.chat-list,.chat-list-header{display:flex;flex-direction:column}.chat-list-header{margin:0 0 1px 10px}.chat-list-header-content{height:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chat-list-header-title{font-size:18px;color:var(--text-ink);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);white-space:nowrap}.chat-list-icon-content{height:100%;align-items:center;display:flex;padding:8px 10px 8px 8px;flex:1 1;justify-content:flex-end;gap:15px}.chat-qr-icon,.chat-qr-icon-more,.chat-reset-icon{width:24px;height:24px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.chat-list-header-status{font-size:14px;display:flex;flex-direction:row;gap:5px;align-items:center}.chat-list-header-status-green{height:10px;width:10px;background:green;border-radius:20px}.chat-list-header-search{height:55px}.chat-list-search-content{height:38px;border-radius:var(--radius-lg);background:var(--surface-sunken);border:1px solid transparent;margin-right:10px;display:flex;flex-direction:row;align-items:center;transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.chat-list-search-content:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.chat-list-search-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);margin-left:15px;flex-shrink:0}.chat-list-search-input{background:none;border:0;margin-left:15px;width:100%;margin-right:15px;word-break:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:14px;white-space:pre!important;color:var(--text-ink)}.chat-list-search-input::-moz-placeholder{color:var(--text-muted)}.chat-list-search-input::placeholder{color:var(--text-muted)}.chat-list-search-input:active,.chat-list-search-input:focus{border:0;outline:none}.chat-list-header-hr{width:calc(100% + 10px);height:1px;background-color:var(--border);margin-left:-10px}.chat-list-item>div:first-child .chat-item-content{border-top:none}.chat-list-empty{height:250px;font-size:14px;color:var(--text-muted);text-align:center;justify-content:center;display:flex;align-items:center;flex-direction:column;gap:1rem;padding:0 16px}.chat-list-empty-connect{margin:0;max-width:240px;line-height:1.5}.chat-list-empty-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;width:100%}.chat-list-empty-phase{min-width:0;flex:0 1 auto}.chat-list-empty-dropdown.dropdown-container{width:auto;max-width:min(280px,100%)}.chat-list-empty-dropdown.dropdown-container .dropdown-header{border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 10px;box-sizing:border-box}.chat-list-empty-dropdown.dropdown-container .dropdown-header.open{border-color:var(--accent)}.chat-list-empty-dropdown.dropdown-container .dropdown-header.disabled{border-color:var(--border)}.chat-list-empty-button{background:var(--accent);color:var(--accent-on);font-weight:var(--weight-medium);padding:7px 20px;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background-color var(--dur-base) var(--ease-standard)}.chat-list-empty-button:hover{background:var(--accent-hover)}.chat-list-item{margin-bottom:4rem;flex-grow:1;overflow-y:auto;background-color:var(--surface-raised);display:flex;flex-direction:column;justify-content:flex-start}.chat-list-item::-webkit-scrollbar{width:5px;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.chat-list-item:hover::-webkit-scrollbar{opacity:1}.chat-list-item::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-sm)}.chat-list--agent-inactive .chat-list-item{opacity:.55;pointer-events:none}.chat-list-empty-button--disabled{opacity:.45;pointer-events:none;cursor:not-allowed}@media (max-width:768px){.chat-list{max-width:100%;min-width:100%;height:calc(100vh - 93px);border-right:none}}.chat-item{display:flex;align-items:center;width:100%;height:65px;cursor:pointer;border-left:2px solid transparent;transition:background-color var(--dur-base) var(--ease-standard)}.chat-item:hover:not(.chat-item-selected):not(.chat-item-updating){background-color:var(--hover-bg)}.chat-item-avatar-container{height:100%;display:flex;flex:none;align-items:center;padding:0 15px 0 13px}.chat-item-avatar{width:49px;height:49px;border-radius:50%;-o-object-fit:cover;object-fit:cover;visibility:visible;border-bottom-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%}.chat-item-content{display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;justify-content:center;min-width:0;padding-right:15px;border-top:1px solid var(--border);height:100%}.chat-item-header{display:flex;justify-content:space-between;align-items:center;max-width:100%}.chat-item-header,.chat-item-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-item-name{font-weight:var(--weight-medium);font-size:14px;color:var(--text-ink)}.chat-item-phone{font-size:var(--text-2xs);color:var(--text-muted)}.chat-item-time{margin-top:3px;margin-left:6px;font-size:12px;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-item-content-message{font-size:14px!important;display:flex;align-items:center;max-width:100%;gap:1px}.chat-item-content-message,.chat-item-message{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-item-message{flex:1 1;font-size:14px;color:var(--text-muted)}.chat-item-content-message:after{color:var(--text-muted);font-size:18px;margin-left:10px;opacity:0;transition:opacity .2s ease-in-out}.chat-item:hover .chat-item-content-message:after{opacity:1}.hover-icon{height:19px;width:20px;margin-right:5px}.chat-item-qr{background-color:var(--surface-flat)}.chat-item-qr:hover{background-color:var(--color-neutral-200)}.chat-item-avatar-qr{opacity:.5}.chat-item-message-qr,.chat-item-name-qr,.chat-item-time-qr{color:var(--text-muted)}.hover-icon-qr{height:7px;width:13px;margin-right:5px}.chat-item-message-multimedia{display:flex;flex-direction:row;gap:5px;align-items:center}.chat-item-message-updating{font-size:14px;color:var(--text-accent);font-weight:var(--weight-medium);animation:messageUpdate .6s ease-in}.chat-item-updating .chat-item-time{color:var(--text-accent);font-weight:var(--weight-semibold)}.chat-item-updating{transition:background-color .3s ease-in}.chat-item-updating,.chat-item-updating:hover{background-color:var(--accent-tint)!important}.chat-item:not(.chat-item-updating):not(.chat-item-selected){background-color:transparent;transition:background-color .3s ease-in}.chat-item.chat-item-qr:not(.chat-item-updating):not(.chat-item-selected){background-color:var(--surface-flat)}.chat-item:not(.chat-item-updating):not(.chat-item-selected):hover{background-color:var(--hover-bg)}.chat-item.chat-item-qr:not(.chat-item-updating):not(.chat-item-selected):hover{background-color:var(--color-neutral-200)}.chat-item.chat-item-selected:not(.chat-item-updating){background-color:var(--surface-flat);border-left-color:var(--accent)}.chat-item.chat-item-selected:not(.chat-item-updating):hover{background-color:var(--surface-flat)}.chat-item:not(.chat-item-updating) .chat-item-message,.chat-item:not(.chat-item-updating) .chat-item-time{color:var(--text-muted);font-weight:400}@keyframes messageUpdate{0%{opacity:.5;transform:translateX(5px)}50%{opacity:1;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}.read-status{transition:all .3s ease-in-out}.read-status-updating{animation:readStatusPulse 1s ease-in-out}@keyframes readStatusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.chat-item-updating:before{animation:newMessageIndicator 1s ease-in}@keyframes newMessageIndicator{0%{opacity:0;width:0}20%{opacity:1;width:3px}80%{opacity:1;width:3px}to{opacity:0;width:0}}.chat-item-message,.chat-item-name,.chat-item-time{transition:color .2s ease-in-out,font-weight .2s ease-in-out}.chat-item:not(.chat-item-qr) .chat-item-message:not(.chat-item-message-qr){position:relative}.dropdown{position:relative}.dropdown,.dropdown-card{display:flex;flex-direction:column}.dropdown-card{height:auto;position:absolute;background:var(--surface);top:30px;box-shadow:0 2px 5px 0 rgba(23,18,14,.26),0 2px 10px 0 rgba(23,18,14,.16);right:0;border-radius:3px;z-index:1002;white-space:nowrap}.dropdown-trigger{background:none;padding:0;display:inline-flex}.dropdown-item,.dropdown-trigger{border:none;cursor:pointer;align-items:center}.dropdown-item{height:40px;display:flex;padding:0 18px;font-size:14.5px;color:var(--warm-500);background:#fff;border-radius:4px}.dropdown-item:hover{background:var(--surface-flat);color:var(--warm-900)}