.whatsapp-inbox-nav-item{position:relative}.whatsapp-inbox-trigger{display:flex !important;align-items:center;gap:8px;position:relative}.whatsapp-inbox-badge{position:absolute;top:-5px;right:-10px;min-width:20px;height:20px;padding:0 6px;background:#ff4444;color:white;font-size:11px;font-weight:bold;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,0.2);animation:badgeAppear 0.3s ease}.whatsapp-inbox-badge.pulse{animation:badgePulse 0.5s ease}@keyframes badgeAppear{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.whatsapp-inbox-dropdown{position:absolute;top:100%;left:0;width:320px;max-height:400px;background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.15);z-index:9999;display:none;flex-direction:column;overflow:hidden;border:1px solid #e0e0e0}.whatsapp-inbox-dropdown.open{display:flex;animation:dropdownSlide 0.2s ease}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.whatsapp-inbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#25d366;color:white;font-weight:600;font-size:14px}.whatsapp-inbox-refresh{background:none;border:none;color:white;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.whatsapp-inbox-refresh:hover{background:rgba(255,255,255,0.2)}.whatsapp-inbox-refresh i{font-size:20px}.whatsapp-inbox-list{flex:1;overflow-y:auto;max-height:340px}.whatsapp-inbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background 0.2s;border-bottom:1px solid #f0f0f0}.whatsapp-inbox-item:hover{background:#f5f5f5}.whatsapp-inbox-item:last-child{border-bottom:none}.inbox-item-avatar{width:45px;height:45px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.inbox-item-avatar img{width:100%;height:100%;object-fit:cover}.inbox-item-avatar .avatar-initial{color:white;font-size:18px;font-weight:bold}.inbox-item-content{flex:1;min-width:0}.inbox-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.inbox-item-name{font-weight:600;font-size:14px;color:#303030;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-badge{min-width:22px;height:22px;padding:0 6px;background:#25d366;color:white;font-size:12px;font-weight:bold;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inbox-item-phone{font-size:12px;color:#667781}.whatsapp-inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#667781}.whatsapp-inbox-empty i{font-size:48px;margin-bottom:12px;color:#ccc}.whatsapp-inbox-empty p{font-size:14px;margin:0}.whatsapp-inbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#667781}.whatsapp-inbox-loading .spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#25d366;border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.whatsapp-inbox-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0}}.sidenav .whatsapp-inbox-nav-item{overflow:visible}.sidenav .whatsapp-inbox-dropdown{left:100%;top:0;margin-left:10px}@media (max-width: 992px){.sidenav .whatsapp-inbox-dropdown{left:10px;top:100%;margin-left:0;margin-top:5px}}.wa-conv-header{background:#f0f2f5;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9edef;flex-shrink:0}.wa-conv-header-left{display:flex;align-items:center;gap:12px}.wa-conv-avatar{width:40px;height:40px;background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px}.wa-conv-info{display:flex;flex-direction:column;gap:2px}.wa-conv-info strong{font-size:16px;color:#111b21}.wa-conv-phone{font-size:13px;color:#667781}.wa-conv-actions{display:flex;align-items:center;gap:8px}.wa-action-btn{background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;color:#54656f}.wa-action-btn:hover{background:rgba(0,0,0,0.05)}.wa-action-btn.close:hover{background:rgba(255,0,0,0.1);color:#dc3545}.wa-action-btn i{font-size:22px}.wa-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#667781}.wa-loading-spinner{width:40px;height:40px;border:3px solid #e9edef;border-top:3px solid #25D366;border-radius:50%;animation:wa-spin 1s linear infinite}@keyframes wa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wa-error{padding:20px}.wa-messages{flex:1;overflow-y:auto;padding:20px;background:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c5beb6' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.message-bubble{margin-bottom:8px;display:flex;position:relative}.message-bubble.sent{justify-content:flex-end}.message-bubble.received{justify-content:flex-start}.message-content{max-width:65%;padding:8px 12px;border-radius:8px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.message-bubble.sent .message-content{background:#d9fdd3;border-bottom-right-radius:2px}.message-bubble.received .message-content{background:#ffffff;border-bottom-left-radius:2px}.message-bubble.new-message{animation:wa-msg-slide 0.3s ease-out}@keyframes wa-msg-slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-text{margin:0;font-size:14px;line-height:1.4;color:#111b21;word-wrap:break-word}.message-text .message-link{color:#027eb5;text-decoration:underline;word-break:break-all}.message-text .message-link:hover{color:#025f8a;text-decoration:underline}.message-time{display:block;font-size:16px;color:#667781;margin-top:4px;text-align:right}.message-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity 0.15s;z-index:10}.message-bubble:hover .message-actions{opacity:1}.message-dropdown-btn{width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,0.05);color:#667781;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.message-bubble.sent .message-dropdown-btn{background:rgba(0,0,0,0.08)}.message-dropdown-btn:hover{background:rgba(0,0,0,0.12)}.message-dropdown-btn i{font-size:18px}.message-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:white;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.15);min-width:160px;overflow:hidden;z-index:100}.message-dropdown-menu.open{display:block}.message-dropdown-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:transparent;color:#111b21;font-size:14px;cursor:pointer;text-align:left;transition:background 0.15s}.message-dropdown-menu button:hover{background:#f0f2f5}.message-dropdown-menu button i{font-size:18px;color:#667781}.message-dropdown-menu button.delete-message-btn{color:#dc3545}.message-dropdown-menu button.delete-message-btn:hover{background:#fff5f5}.message-dropdown-menu button.delete-message-btn i{color:#dc3545}.quoted-message{display:flex;gap:8px;padding:8px 10px;margin-bottom:6px;background:rgba(0,0,0,0.05);border-radius:6px;cursor:pointer;max-width:100%;overflow:hidden;border-left:3px solid #25d366}.message-bubble.sent .quoted-message{background:rgba(0,0,0,0.06)}.quoted-bar{width:4px;min-height:100%;background:#25d366;border-radius:2px;flex-shrink:0}.message-bubble.received .quoted-bar{background:#00a884}.quoted-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.quoted-sender{font-size:12px;font-weight:600;color:#00a884;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble.sent .quoted-sender{color:#25d366}.quoted-text{font-size:13px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.quoted-media-icon{font-size:14px;color:#667781}.load-more-indicator{display:flex;justify-content:center;align-items:center;padding:12px 16px;margin-bottom:8px;color:#667781;font-size:12px}.load-more-indicator .load-more-text{background:rgba(0,0,0,0.06);padding:6px 12px;border-radius:12px}.load-more-indicator i{font-size:16px;margin-right:6px}.load-more-indicator i.rotating{animation:wa-spin 1s linear infinite}.reply-preview{display:none;padding:8px 16px;background:#f0f2f5;border-bottom:1px solid #e9edef}.reply-preview.visible{display:flex;align-items:center;gap:10px}.reply-preview-bar{width:4px;height:40px;background:#25d366;border-radius:2px;flex-shrink:0}.reply-preview-content{flex:1;min-width:0;background:white;padding:8px 12px;border-radius:8px}.reply-preview-sender{display:block;font-size:12px;font-weight:600;color:#25d366;margin-bottom:2px}.reply-preview-text{display:block;font-size:13px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#667781;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reply-preview-close:hover{background:rgba(0,0,0,0.05);color:#111b21}.reply-preview-close i{font-size:20px}.wa-input-area{padding:10px 16px;background:#f0f2f5;flex-shrink:0}.wa-input-container{display:flex;align-items:flex-end;gap:10px;background:white;border-radius:8px;padding:6px 6px 6px 16px}.wa-message-input{flex:1;border:none;outline:none;resize:none;font-size:14px;line-height:1.4;max-height:120px;min-height:24px;padding:6px 0;background:transparent;font-family:inherit}.wa-message-input::placeholder{color:#667781}.wa-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:#25D366;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0}.wa-send-btn:hover{background:#128C7E;transform:scale(1.05)}.wa-send-btn i{font-size:20px}.wa-sending{text-align:center;padding:4px;font-size:12px;color:#667781}.message-document{margin-bottom:6px}.document-link{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(0,0,0,0.04);border-radius:8px;text-decoration:none;color:inherit;transition:background 0.2s;min-width:200px}.document-link:hover{background:rgba(0,0,0,0.08)}.document-icon{width:40px;height:40px;background:linear-gradient(135deg, #ff5722, #ff9800);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.document-icon i{color:white;font-size:22px}.document-info{flex:1;min-width:0}.document-name{display:block;font-size:13px;font-weight:500;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.document-action{display:block;font-size:11px;color:#667781;margin-top:2px}.document-download{color:#25d366;font-size:20px;flex-shrink:0}.message-media{margin-bottom:8px}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.05);border-radius:8px;padding:20px 30px;min-width:150px;min-height:100px;color:#8b8b8b}.media-placeholder[data-loading="true"]{animation:wa-pulse 1.5s ease-in-out infinite}@keyframes wa-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.media-placeholder i{font-size:32px;margin-bottom:8px}.media-placeholder span{font-size:12px}.message-image{display:block;max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;transition:transform 0.2s}.message-image:hover{transform:scale(1.02)}.message-audio{min-width:200px;max-width:280px}.audio-player-container{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,0.05);border-radius:20px;min-width:180px}.sent .audio-player-container{background:rgba(255,255,255,0.3)}.audio-play-btn{width:36px;height:36px;border-radius:50%;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s, background 0.2s;flex-shrink:0}.audio-play-btn:hover{transform:scale(1.1);background:#128c7e}.audio-play-btn i{color:white;font-size:20px}.audio-progress-container{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.audio-progress-bar{height:4px;background:rgba(0,0,0,0.2);border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.sent .audio-progress-bar{background:rgba(255,255,255,0.4)}.audio-progress-fill{height:100%;background:#25d366;border-radius:2px;width:0%;transition:width 0.1s linear}.audio-time{font-size:11px;color:#667781;white-space:nowrap}.sent .audio-time{color:rgba(0,0,0,0.6)}.wa-messages::-webkit-scrollbar{width:6px}.wa-messages::-webkit-scrollbar-track{background:transparent}.wa-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}.wa-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}.wa-customer-modal-wrapper{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;z-index:9999 !important;pointer-events:none;background:transparent}.wa-customer-modal{position:fixed !important;top:64px;right:16px;bottom:16px;left:auto;width:420px;background:#ffffff;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.2);overflow:hidden;animation:wa-modal-slide-in 0.3s ease-out;pointer-events:auto;z-index:10000}@keyframes wa-modal-slide-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width: 768px){.wa-customer-modal{top:0;right:0;bottom:0;left:0;width:100%;border-radius:0}}.wa-customer-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#1976d2;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.wa-customer-badge i{font-size:10px;color:white}.wa-chat-item.has-customer{background:linear-gradient(90deg, rgba(25,118,210,0.05) 0%, transparent 100%)}.wa-chat-item.has-customer:hover{background:linear-gradient(90deg, rgba(25,118,210,0.1) 0%, #f5f6f6 100%)}.wa-customer-link{margin-top:4px}.wa-customer-link-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#1976d2;color:white !important;font-size:11px;font-weight:500;border-radius:12px;text-decoration:none !important;transition:all 0.2s ease}.wa-customer-link-btn:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(25,118,210,0.3)}.wa-customer-link-btn i{font-size:12px}.wa-customer-link-btn span{white-space:nowrap}.wa-lead-link{margin-left:4px;display:inline-block}.wa-lead-btn{background:#2e7d32 !important}.wa-lead-btn:hover{background:#1b5e20 !important;box-shadow:0 2px 4px rgba(46,125,50,0.3) !important}.wa-quick-messages-dropdown{position:absolute;bottom:100%;left:0;right:0;background:white;border:1px solid #e9edef;border-radius:8px 8px 0 0;box-shadow:0 -4px 12px rgba(0,0,0,0.15);max-height:800px;overflow:hidden;z-index:1000;padding-bottom:20px;overflow:auto}.wa-quick-messages-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0f2f5;border-bottom:1px solid #e9edef;font-weight:500;color:#1976d2}.wa-quick-messages-header i{font-size:18px}.wa-quick-messages-header span{flex:1}.wa-quick-messages-close{background:none;border:none;cursor:pointer;padding:4px;color:#667781;border-radius:50%;display:flex;align-items:center;justify-content:center}.wa-quick-messages-close:hover{background:#e9edef;color:#111b21}.wa-quick-messages-list{max-height:100%;overflow-y:auto}.wa-quick-message-item{display:flex;flex-direction:column;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f2f5;transition:background 0.15s ease}.wa-quick-message-item:hover,.wa-quick-message-item.selected{background:#f0f2f5}.wa-quick-message-item:last-child{border-bottom:none}.wa-quick-message-shortcut{display:flex;align-items:center;gap:8px;margin-bottom:4px}.wa-quick-message-shortcut code{background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:4px;font-size:20px;font-weight:600}.wa-quick-message-shortcut .title{font-weight:500;color:#111b21}.wa-quick-message-body{font-size:18px;color:#667781;white-space:pre-wrap;word-wrap:break-word;line-height:1.4;margin-top:4px}.wa-quick-messages-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;border-bottom:1px solid #e9edef;background:#f8f9fa}.wa-quick-messages-tab{padding:6px 12px;border:1px solid #d1d7db;border-radius:16px;background:#fff;color:#54656f;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.wa-quick-messages-tab:hover{background:#e9edef;border-color:#c1c7cb}.wa-quick-messages-tab.active{background:#25d366;border-color:#25d366;color:#fff}.wa-quick-messages-items{max-height:400px;overflow-y:auto}.wa-quick-messages-empty{padding:20px;text-align:center;color:#667781}.wa-quick-messages-empty i{font-size:32px;margin-bottom:8px;display:block}.message-bubble.message-deleted{position:relative;opacity:0.85}.message-bubble.message-deleted .message-text{text-decoration:line-through;text-decoration-color:rgba(0,0,0,0.3)}.deleted-indicator{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:8px;background:rgba(0,150,136,0.12);border-left:3px solid #009688;border-radius:4px;font-size:11px;color:#00796b}.deleted-indicator i{font-size:16px;color:#009688}.deleted-indicator span{font-style:italic;font-weight:500}.message-bubble.sent.message-deleted .deleted-indicator{background:rgba(0,150,136,0.18)}.message-bubble.message-deleted:hover{opacity:1}.message-bubble.message-deleted:hover .message-text{text-decoration:none}.message-bubble.message-deleted::after{content:"Conteúdo preservado para auditoria";position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:100}.message-bubble.message-deleted:hover::after{opacity:1}.date-separator{display:flex;justify-content:center;align-items:center;margin:16px 0;position:relative}.date-separator-pill{background-color:rgba(225,245,254,0.92);color:#54656f;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,0.08);text-transform:capitalize;letter-spacing:0.2px}.wa-chat-avatar{position:relative}.wa-chat-dropdown{position:absolute;top:8px;right:8px;z-index:10;opacity:0;transition:opacity 0.15s ease}.wa-chat-item:hover .wa-chat-dropdown{opacity:1}.wa-chat-dropdown.open{opacity:1}.wa-chat-dropdown-btn{width:24px;height:24px;border:none;background:rgba(255,255,255,0.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px rgba(0,0,0,0.15);transition:all 0.15s ease}.wa-chat-dropdown-btn:hover{background:white;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.wa-chat-dropdown-btn i{font-size:18px;color:#667781}.wa-chat-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:200px;background:white;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.15);display:none;overflow:hidden;z-index:100}.wa-chat-dropdown.open .wa-chat-dropdown-menu{display:block;animation:dropdownFadeIn 0.15s ease}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wa-chat-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#3b4a54;text-align:left;transition:background 0.15s ease}.wa-chat-dropdown-item:hover{background:#f0f2f5}.wa-chat-dropdown-item i{font-size:20px;color:#667781}.wa-chat-dropdown-item span{flex:1}.wa-section-header.wa-pinned{background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color:#1565c0}.wa-section-header.wa-pinned i{color:#1976d2}.wa-badge.wa-pinned{background:#1976d2;color:white}.wa-chat-item.wa-pinned{background:#e3f2fd}.wa-chat-item.wa-pinned:hover{background:#bbdefb}.wa-instance-tabs{display:flex;background:#ffffff;border-bottom:1px solid #e9edef;padding:0 16px;gap:4px}.wa-instance-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;color:#667781;text-decoration:none;font-size:14px;font-weight:500;border-bottom:3px solid transparent;transition:all 0.2s ease;position:relative}.wa-instance-tab:hover{color:#111b21;background:#f5f6f6}.wa-instance-tab.active{color:#075e54;border-bottom-color:#25d366;background:#f0f2f5}.wa-instance-tab i{font-size:20px}.wa-instance-tab.active i{color:#25d366}.wa-tab-status{font-size:10px;margin-left:4px}.wa-tab-status.connected{color:#25d366}.wa-tab-status.disconnected{color:#ff5722}.wa-web-container{display:flex;height:calc(100vh - 64px);background:#f0f2f5;overflow:hidden}.wa-instance-tabs+.wa-web-container{height:calc(100vh - 200px)}.wa-sidebar{min-width:320px;max-width:500px;background:#ffffff;border-right:1px solid #e9edef;display:flex;flex-direction:column;flex-shrink:0}.wa-sidebar-header{background:linear-gradient(135deg, #075e54 0%, #128c7e 50%, #25d366 100%);padding:12px 16px;flex-shrink:0}.wa-header-content{display:flex;align-items:center;gap:12px}.wa-header-icon{width:42px;height:42px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.wa-header-icon i{font-size:24px;color:white}.wa-header-text{flex:1}.wa-header-text h4{color:white;margin:0;font-weight:600;font-size:18px}.wa-header-text p{color:rgba(255,255,255,0.85);margin:0;font-size:12px}.wa-refresh-btn{background:rgba(255,255,255,0.2);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center}.wa-refresh-btn:hover{background:rgba(255,255,255,0.3);transform:rotate(180deg)}.wa-refresh-btn i{color:white;font-size:20px}.wa-search-box{padding:8px 12px;background:#f0f2f5;flex-shrink:0;position:relative;overflow:visible}.wa-search-wrapper{display:flex;align-items:center;background:white;border-radius:8px;padding:0 12px}.wa-search-wrapper i{color:#54656f;font-size:18px}.wa-search-wrapper input{flex:1;border:none;padding:10px 12px;font-size:14px;background:transparent;margin:0 !important}.wa-search-wrapper input:focus{outline:none}.wa-search-wrapper input::placeholder{font-size:13px}.wa-search-btn{width:36px;height:36px;border:none;background:#25d366;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;transition:background 0.2s;flex-shrink:0;margin-left:8px}.wa-search-btn:hover{background:#128c7e}.wa-search-btn i{font-size:18px}.wa-search-dropdown{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 200px);min-height:300px;background:white;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;display:flex;flex-direction:column;border-radius:0 0 8px 8px}.wa-search-content{overflow-y:auto;flex:1;background:white}.wa-search-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e9edef;background:#f0f2f5}.wa-search-tabs{display:flex;gap:4px}.wa-search-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;border-radius:16px;font-size:13px;color:#54656f;cursor:pointer;transition:all 0.2s}.wa-search-tab i{font-size:16px}.wa-search-tab:hover{background:#e9edef}.wa-search-tab.active{background:#25d366;color:white}.wa-search-close{width:32px;height:32px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#54656f;transition:background 0.2s}.wa-search-close:hover{background:#e9edef}.wa-search-tab-content{display:none;padding:8px 0}.wa-search-tab-content.active{display:block}.wa-search-hint{display:flex;align-items:center;gap:8px;padding:16px;color:#667781;font-size:13px}.wa-search-hint i{font-size:18px;color:#25d366}.wa-search-result{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background 0.2s;border-bottom:1px solid #f0f2f5}.wa-search-result:hover{background:#f5f6f6}.wa-search-result:last-child{border-bottom:none}.wa-search-result-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #075e54, #25d366);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:16px;flex-shrink:0;margin-right:12px}.wa-search-result-avatar.group{background:linear-gradient(135deg, #00bcd4, #009688)}.wa-search-result-info{flex:1;min-width:0}.wa-search-result-name{font-weight:600;color:#111b21;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-search-result-phone{font-size:12px;color:#667781}.wa-search-result-preview{font-size:12px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.wa-search-result-preview mark{background:#fff59d;color:#111b21;padding:0 2px;border-radius:2px}.wa-search-result-time{font-size:11px;color:#667781;flex-shrink:0;margin-left:8px}.wa-search-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#667781;font-size:13px}.wa-search-loading i{animation:wa-search-spin 1s linear infinite;margin-right:8px}@keyframes wa-search-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.wa-search-empty{text-align:center;padding:24px 16px;color:#667781}.wa-search-empty i{font-size:48px;color:#e9edef;margin-bottom:8px}.wa-search-empty p{margin:0;font-size:13px}.wa-search-results{margin-top:8px;background:white;border-radius:8px;max-height:250px;overflow-y:auto}.wa-stats-bar{padding:8px 16px;background:white;border-bottom:1px solid #e9edef;display:flex;align-items:center;gap:12px;font-size:12px;flex-shrink:0}.wa-stat{display:flex;align-items:center;gap:4px;color:#667781}.wa-stat i{font-size:16px;color:#075e54}.wa-stat strong{color:#075e54}.wa-stat-divider{color:#ccc}.wa-contacts-list{flex:1;overflow-y:auto;overflow-x:hidden}.wa-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f0f2f5;font-size:13px;font-weight:600;color:#075e54;position:sticky;top:0;z-index:5}.wa-section-header span{display:flex;align-items:center;gap:6px}.wa-section-header i{font-size:16px}.wa-section-header.wa-pinned{background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color:#1565c0}.wa-section-header.wa-pinned i{color:#1976d2}.wa-section-header.unread{color:#ff5722}.wa-section-header.unread i{color:#ff5722}.wa-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:bold}.wa-badge.unread{background:#ff5722;color:white}.wa-badge.wa-pinned{background:#1976d2;color:white}.wa-badge.recent{background:#e8f5e9;color:#2e7d32}.wa-chat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background 0.15s;border-bottom:1px solid #f0f2f5;position:relative}.wa-chat-item:hover{background:#f5f6f6}.wa-chat-item.active{background:#f0f2f5}.wa-chat-item.unread{background:#fff8e1}.wa-chat-item.unread:hover{background:#fff3e0}.wa-chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #075e54, #25d366);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:18px;flex-shrink:0;position:relative}.wa-chat-item.unread .wa-chat-avatar{background:linear-gradient(135deg, #ff5722, #ff9800)}.wa-chat-item.group .wa-chat-avatar{background:linear-gradient(135deg, #00bcd4, #009688)}.wa-chat-item.group.unread .wa-chat-avatar{background:linear-gradient(135deg, #ff5722, #ff9800)}.wa-chat-avatar.group-avatar{background:linear-gradient(135deg, #00bcd4, #009688) !important}.wa-unread-badge{display:none}.wa-chat-info{flex:1;min-width:0}.wa-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.wa-chat-name{font-weight:600;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px}.wa-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;margin-left:8px}.wa-chat-time{font-size:11px;color:#667781}.wa-chat-item.unread .wa-chat-time{color:#25d366;font-weight:600}.wa-unread-count{min-width:20px;height:20px;background:#25d366;border-radius:10px;color:white;font-size:11px;font-weight:bold;display:flex;align-items:center;justify-content:center;padding:0 6px}.wa-unread-count.wa-marked-unread{background:#25d366}.wa-chat-preview{color:#667781;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-item.unread .wa-chat-preview{color:#111b21;font-weight:500}.wa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#667781}.wa-empty-state i{font-size:40px;margin-bottom:10px;opacity:0.5}.wa-empty-state p{margin:0;font-size:13px}.wa-main-area{flex:1;display:flex;flex-direction:column;background:#efeae2;position:relative;min-width:0}.wa-empty-conversation{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, #f0f2f5 0%, #d9dbd5 100%)}.wa-empty-content{text-align:center;color:#667781}.wa-empty-icon{width:100px;height:100px;background:rgba(37,211,102,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.wa-empty-icon i{font-size:50px;color:#25d366}.wa-empty-content h3{margin:0 0 10px 0;font-size:28px;font-weight:300;color:#41525d}.wa-empty-content p{margin:0;font-size:14px}.wa-conversation-panel{flex:1;display:flex;flex-direction:column;height:100%}.wa-conv-header{background:#f0f2f5;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9edef;flex-shrink:0}.wa-conv-header-left{display:flex;align-items:center;gap:12px}.wa-conv-avatar{width:40px;height:40px;background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px}.wa-conv-info{display:flex;flex-direction:column;gap:2px}.wa-conv-info strong{font-size:16px;color:#111b21}.wa-conv-phone{font-size:13px;color:#667781}.wa-conv-actions{display:flex;align-items:center;gap:8px}.wa-action-btn{background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;color:#54656f}.wa-action-btn:hover{background:rgba(0,0,0,0.05)}.wa-action-btn.close:hover{background:rgba(255,0,0,0.1);color:#dc3545}.wa-action-btn i{font-size:22px}.wa-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#667781}.wa-loading-spinner{width:40px;height:40px;border:3px solid #e9edef;border-top:3px solid #25D366;border-radius:50%;animation:wa-spin 1s linear infinite}@keyframes wa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wa-error{padding:20px}.wa-messages{flex:1;overflow-y:auto;padding:20px;background:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c5beb6' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.message-bubble{margin-bottom:8px;display:flex;position:relative}.message-bubble.sent{justify-content:flex-end}.message-bubble.received{justify-content:flex-start}.message-content{max-width:65%;padding:8px 12px;border-radius:8px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.message-bubble.sent .message-content{background:#d9fdd3;border-bottom-right-radius:2px}.message-bubble.received .message-content{background:#ffffff;border-bottom-left-radius:2px}.message-bubble.new-message{animation:wa-msg-slide 0.3s ease-out}@keyframes wa-msg-slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-text{margin:0;font-size:24px;line-height:1.4;color:#111b21;word-wrap:break-word}.message-time{display:block;font-size:16px;color:#667781;margin-top:4px;text-align:right}.quoted-message{display:flex;gap:8px;padding:8px 10px;margin-bottom:6px;background:rgba(0,0,0,0.05);border-radius:6px;cursor:pointer;max-width:100%;overflow:hidden;border-left:3px solid #25d366}.message-bubble.sent .quoted-message{background:rgba(0,0,0,0.06)}.quoted-bar{width:4px;min-height:100%;background:#25d366;border-radius:2px;flex-shrink:0}.message-bubble.received .quoted-bar{background:#00a884}.quoted-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.quoted-sender{font-size:12px;font-weight:600;color:#00a884;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble.sent .quoted-sender{color:#25d366}.quoted-text{font-size:13px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.quoted-media-icon{font-size:14px;color:#667781}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:-8px;padding-left:8px;position:relative;z-index:1}.message-bubble.sent .message-reactions{justify-content:flex-end;padding-right:8px;padding-left:0}.message-bubble.received .message-reactions{justify-content:flex-start}.reaction-bubble{display:inline-flex;align-items:center;gap:2px;background:#ffffff;border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:2px 6px;box-shadow:0 1px 3px rgba(0,0,0,0.12);cursor:default;transition:transform 0.15s ease;position:absolute;top:50%;font-size:32px;right:-28px;height:53px}.reaction-bubble:hover{transform:scale(1.1)}.reaction-count{font-size:11px;color:#667781;font-weight:500;margin-left:1px}.message-status{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.message-status i{font-size:20px;line-height:1}.message-status.pending i{color:#8696a0;font-size:12px}.message-status.sent i{color:#8696a0}.message-status.delivered i{color:#8696a0}.message-status.read i{color:#53bdeb}.load-more-indicator{display:flex;justify-content:center;align-items:center;padding:12px 16px;margin-bottom:8px;color:#667781;font-size:12px}.load-more-indicator .load-more-text{background:rgba(0,0,0,0.06);padding:6px 12px;border-radius:12px}.load-more-indicator i{font-size:16px;margin-right:6px}.load-more-indicator i.rotating{animation:wa-rotate 1s linear infinite}@keyframes wa-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.message-document{margin-bottom:6px}.document-link{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(0,0,0,0.04);border-radius:8px;text-decoration:none;color:inherit;transition:background 0.2s;min-width:200px}.document-link:hover{background:rgba(0,0,0,0.08)}.document-icon{width:40px;height:40px;background:linear-gradient(135deg, #ff5722, #ff9800);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.document-icon i{color:white;font-size:22px}.document-info{flex:1;min-width:0}.document-name{display:block;font-size:13px;font-weight:500;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.document-action{display:block;font-size:11px;color:#667781;margin-top:2px}.document-download{color:#25d366;font-size:20px;flex-shrink:0}.document-link.document-loading{cursor:wait;opacity:0.7}.document-link.document-ready{cursor:pointer}.document-link.document-error .document-icon{background:linear-gradient(135deg, #9e9e9e, #757575)}.spinning{animation:wa-rotate 1s linear infinite}.pdf-viewer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:10000;display:flex;flex-direction:column;animation:wa-fadeIn 0.2s ease-out}.pdf-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1f2937;color:white;flex-shrink:0}.pdf-viewer-title{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.pdf-viewer-actions{display:flex;gap:8px}.pdf-viewer-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.1);color:white;border:none;cursor:pointer;transition:background 0.2s;text-decoration:none}.pdf-viewer-btn:hover{background:rgba(255,255,255,0.2)}.pdf-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.pdf-viewer-iframe{width:100%;height:100%;max-width:900px;border:none;border-radius:8px;background:white}@keyframes wa-fadeIn{from{opacity:0}to{opacity:1}}.message-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity 0.15s;z-index:10}.message-bubble:hover .message-actions{opacity:1}.message-dropdown-btn{width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,0.05);color:#667781;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.message-bubble.sent .message-dropdown-btn{background:rgba(0,0,0,0.08)}.message-dropdown-btn:hover{background:rgba(0,0,0,0.12)}.message-dropdown-btn i{font-size:18px}.message-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:white;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.15);min-width:160px;overflow:hidden;z-index:100}.message-dropdown-menu.open{display:block}.message-dropdown-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:transparent;color:#111b21;font-size:14px;cursor:pointer;text-align:left;transition:background 0.15s}.message-dropdown-menu button:hover{background:#f0f2f5}.message-dropdown-menu button i{font-size:18px;color:#667781}.reply-preview{display:none;padding:8px 16px;background:#f0f2f5;border-bottom:1px solid #e9edef}.reply-preview.visible{display:flex;align-items:center;gap:10px}.reply-preview-bar{width:4px;height:40px;background:#25d366;border-radius:2px;flex-shrink:0}.reply-preview-content{flex:1;min-width:0;background:white;padding:8px 12px;border-radius:8px}.reply-preview-sender{display:block;font-size:12px;font-weight:600;color:#25d366;margin-bottom:2px}.reply-preview-text{display:block;font-size:13px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#667781;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reply-preview-close:hover{background:rgba(0,0,0,0.05);color:#111b21}.reply-preview-close i{font-size:20px}.wa-input-area{padding:10px 16px;background:#f0f2f5;flex-shrink:0;position:relative}.wa-input-container{display:flex;align-items:flex-end;gap:10px;background:white;border-radius:8px;padding:6px 6px 6px 16px}.wa-message-input{flex:1;border:none;outline:none;resize:none;font-size:20px;line-height:1.4;max-height:120px;min-height:24px;padding:3px 0;background:transparent;font-family:inherit}.wa-message-input::placeholder{color:#667781}.wa-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:#25D366;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0}.wa-send-btn:hover{background:#128C7E;transform:scale(1.05)}.wa-send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.wa-send-btn i{font-size:22px;margin-left:2px}.wa-emoji-btn{width:42px;height:42px;border-radius:50%;border:none;background:transparent;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0}.wa-emoji-btn:hover{color:#25D366;background:rgba(37,211,102,0.1)}.wa-emoji-btn i{font-size:24px}.wa-emoji-picker{position:absolute;bottom:100%;left:0;right:0;background:#202c33;border-radius:8px 8px 0 0;box-shadow:0 -2px 12px rgba(0,0,0,0.2);max-height:320px;display:flex;flex-direction:column;z-index:100;margin-bottom:8px;max-width:500px}.wa-emoji-header{display:flex;align-items:center;padding:10px 12px;gap:8px;border-bottom:1px solid #374045}.wa-emoji-search{flex:1;background:#2a3942;border:none;border-radius:8px;padding:8px 12px;font-size:14px;color:#e9edef;outline:none}.wa-emoji-search::placeholder{color:#8696a0}.wa-emoji-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center}.wa-emoji-close:hover{background:rgba(255,255,255,0.1);color:#e9edef}.wa-emoji-categories{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid #374045;overflow-x:auto}.wa-emoji-cat{width:36px;height:36px;border-radius:8px;border:none;background:transparent;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s;flex-shrink:0}.wa-emoji-cat:hover{background:rgba(255,255,255,0.1)}.wa-emoji-cat.active{background:#00a884}.wa-emoji-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(8, 1fr);gap:4px;max-height:200px}.wa-emoji-item{width:30px;height:30px;aspect-ratio:1;border:none;background:transparent;font-size:24px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.1s}.wa-emoji-item:hover{background:rgba(255,255,255,0.1);transform:scale(1.15)}.wa-emoji-category-title{grid-column:1 / -1;font-size:12px;color:#8696a0;padding:8px 4px 4px;text-transform:uppercase;letter-spacing:0.5px}.wa-sending{text-align:center;padding:4px;font-size:12px;color:#667781}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#667781;text-align:center;padding:40px}.no-messages i{font-size:60px;margin-bottom:16px;opacity:0.5}.no-messages p{font-size:16px;margin-bottom:8px}.error-message{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px;text-align:center;color:#856404}.error-message i{font-size:40px;margin-bottom:10px;display:block}.error-message p{margin:10px 0;font-size:14px}.error-message button{margin-top:10px;background:#25D366 !important}.wa-error-fullscreen{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.api-error-card{background:white;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,0.08);border-left:4px solid #f44336;max-width:500px}.api-error-card>i{font-size:60px;color:#f44336;margin-bottom:15px}.api-error-card h5{margin:0 0 10px 0;color:#333;font-size:20px}.api-error-card .error-detail{color:#f44336;font-family:monospace;background:#ffebee;padding:8px 12px;border-radius:4px;display:inline-block;margin-bottom:20px}.api-error-card .error-help{color:#666;font-size:14px}.api-error-card .error-help p{margin:5px 0}.api-error-card .btn-small{margin-top:15px;background:#075e54}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.05);border-radius:8px;padding:20px 30px;min-width:150px;min-height:100px;color:#667781}.media-placeholder[data-loading="true"]{animation:wa-pulse 1.5s ease-in-out infinite}@keyframes wa-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.media-placeholder i{font-size:32px;margin-bottom:8px}.media-placeholder span{font-size:12px}.message-image{display:block;max-width:100%;max-height:300px;border-radius:8px;cursor:pointer}.audio-player-container{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,0.05);border-radius:20px;min-width:200px}.sent .audio-player-container{background:rgba(255,255,255,0.3)}.audio-play-btn{width:36px;height:36px;border-radius:50%;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audio-play-btn i{color:white;font-size:20px}.audio-progress-container{flex:1;display:flex;flex-direction:column;gap:4px}.audio-progress-bar{height:4px;background:rgba(0,0,0,0.2);border-radius:2px;cursor:pointer}.audio-progress-fill{height:100%;background:#25d366;border-radius:2px;width:0%}.audio-time{font-size:11px;color:#667781}.wa-contacts-list::-webkit-scrollbar,.wa-messages::-webkit-scrollbar{width:6px}.wa-contacts-list::-webkit-scrollbar-track,.wa-messages::-webkit-scrollbar-track{background:transparent}.wa-contacts-list::-webkit-scrollbar-thumb,.wa-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}.wa-contacts-list::-webkit-scrollbar-thumb:hover,.wa-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}@media (max-width: 992px){.wa-sidebar{width:320px;min-width:280px}}@media (min-width: 1200px){.wa-web-container{max-width:1400px;margin:0 auto;height:calc(100vh - 160px)}}@media (max-width: 768px){.wa-web-container{flex-direction:column}.wa-sidebar{width:100%;max-width:none;height:50vh;border-right:none;border-bottom:1px solid #e9edef}.wa-main-area{height:50vh}.message-content{max-width:85%}}.search-item{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;border-radius:8px;transition:background 0.15s}.search-item:hover{background:#f0f0f0}.search-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #075e54, #25d366);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.search-info{flex:1}.search-name{font-weight:600;font-size:14px;color:#111b21}.search-phone{font-size:12px;color:#667781}.wa-conv-edit-form{display:flex;align-items:center;gap:8px;flex:1}.wa-edit-fields{display:flex;flex-direction:column;gap:4px;flex:1}.wa-edit-input{padding:6px 10px;border:1px solid #e9edef;border-radius:6px;font-size:13px;outline:none;transition:border-color 0.2s, box-shadow 0.2s;background:white}.wa-edit-input:focus{border-color:#25d366;box-shadow:0 0 0 2px rgba(37,211,102,0.1)}.wa-edit-input.wa-edit-name{font-weight:600}.wa-edit-input.wa-edit-phone{font-size:12px;color:#667781}.wa-edit-input::placeholder{color:#aab8c2}.wa-edit-actions{display:flex;gap:4px}.wa-edit-btn{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.wa-edit-btn i{font-size:18px}.wa-edit-btn.wa-edit-save{background:#25d366;color:white}.wa-edit-btn.wa-edit-save:hover{background:#128c7e;transform:scale(1.05)}.wa-edit-btn.wa-edit-cancel{background:#f0f2f5;color:#667781}.wa-edit-btn.wa-edit-cancel:hover{background:#e4e6eb;color:#54656f}.wa-edit-contact-btn{background:#f0f2f5 !important;color:#54656f !important}.wa-edit-contact-btn:hover{background:#e4e6eb !important;color:#333 !important}.wa-edit-contact-btn[title]:hover::after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:100}@media (max-width: 768px){.wa-conv-edit-form{flex-direction:column;align-items:stretch}.wa-edit-fields{flex-direction:column}.wa-edit-actions{justify-content:flex-end;margin-top:4px}}.wa-ai-btn{background:linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;margin-right:8px}.wa-ai-btn:hover{background:linear-gradient(135deg, #ab47bc 0%, #8e24aa 100%);transform:scale(1.05);box-shadow:0 2px 8px rgba(156,39,176,0.4)}.wa-ai-btn:active{transform:scale(0.95)}.wa-ai-btn i{color:white;font-size:20px}.wa-ai-btn.loading{pointer-events:none;opacity:0.7}.wa-ai-btn.loading i{animation:pulse 1s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.wa-ai-suggestions-modal{position:absolute;bottom:100%;left:0;right:0;background:white;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:1000;max-height:850px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp 0.2s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wa-ai-suggestions-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);color:white;font-weight:500;font-size:14px}.wa-ai-suggestions-header i{font-size:20px}.wa-ai-suggestions-close{margin-left:auto;background:rgba(255,255,255,0.2);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s}.wa-ai-suggestions-close:hover{background:rgba(255,255,255,0.3)}.wa-ai-suggestions-close i{font-size:18px;color:white}.wa-ai-suggestions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;color:#666;font-size:14px}.wa-ai-loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#9c27b0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wa-ai-suggestions-list{display:flex;flex-direction:column;overflow-y:auto;max-height:280px}.wa-ai-suggestion-item{padding:14px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background 0.15s;display:flex;align-items:flex-start;gap:12px}.wa-ai-suggestion-item:last-child{border-bottom:none}.wa-ai-suggestion-item:hover{background:#f5f0f7}.wa-ai-suggestion-item:active{background:#ede7f0}.wa-ai-suggestion-number{background:linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.wa-ai-suggestion-text{flex:1;font-size:20px;line-height:1.5;color:#333}.wa-ai-refine-container{padding:10px 12px;background:#f9f5fb;border-bottom:1px solid #e8e0ed}.wa-ai-refine-input-wrapper{display:flex;gap:8px;align-items:center}.wa-ai-refine-input{flex:1;padding:8px 12px;border:1px solid #d0c0d8;border-radius:20px;font-size:13px;outline:none;transition:border-color 0.2s}.wa-ai-refine-input:focus{border-color:#9c27b0}.wa-ai-refine-input::placeholder{color:#999;font-size:12px}.wa-ai-refine-btn{background:linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;flex-shrink:0}.wa-ai-refine-btn:hover{transform:scale(1.05);box-shadow:0 2px 6px rgba(156,39,176,0.4)}.wa-ai-refine-btn:active{transform:scale(0.95)}.wa-ai-refine-btn i{color:white;font-size:18px}.wa-ai-refine-btn.loading{pointer-events:none;opacity:0.7}.wa-ai-refine-btn.loading i{animation:spin 1s linear infinite}.wa-improve-btn{background:linear-gradient(135deg, #2196f3 0%, #1976d2 100%);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;margin-right:4px}.wa-improve-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(33,150,243,0.4)}.wa-improve-btn:active{transform:scale(0.95)}.wa-improve-btn i{color:white;font-size:20px}.wa-improve-btn.loading{pointer-events:none;opacity:0.7}.wa-improve-btn.loading i{animation:spin 1s linear infinite}.wa-improve-header{background:linear-gradient(135deg, #2196f3 0%, #1976d2 100%) !important}.wa-improve-original{padding:10px 12px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.wa-improve-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:0.5px;display:block;margin-bottom:4px}.wa-improve-text{font-size:13px;color:#333;margin:0;line-height:1.4;font-style:italic;max-height:60px;overflow-y:auto}.wa-attach-btn{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#54656f;transition:all 0.2s ease}.wa-attach-btn:hover{background:rgba(0,0,0,0.05);color:#00a884}.wa-attach-btn i{font-size:22px;transform:rotate(45deg)}.wa-attach-menu{position:absolute;bottom:100%;left:40px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:8px;display:flex;flex-direction:column;gap:4px;z-index:100;min-width:140px;margin-bottom:8px}.wa-attach-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#333;font-size:14px;transition:background 0.2s;width:100%;text-align:left}.wa-attach-option:hover{background:#f0f2f5}.wa-attach-option i{font-size:20px;color:#00a884}.wa-attach-option[data-file-type="image"] i{color:#7c3aed}.wa-attach-option[data-file-type="video"] i{color:#ef4444}.wa-attach-option[data-file-type="document"] i{color:#3b82f6}.wa-media-preview{display:flex;flex-direction:column;background:#f0f2f5;border-radius:12px;margin:8px 12px;padding:12px;gap:10px}.wa-media-preview-content{display:flex;align-items:center;gap:12px}.wa-media-preview-image{width:60px;height:60px;border-radius:8px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;overflow:hidden}.wa-media-preview-image img{width:100%;height:100%;object-fit:cover}.wa-media-preview-image i{font-size:28px;color:#666}.wa-media-preview-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wa-media-preview-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-media-preview-size{font-size:12px;color:#667781}.wa-media-preview-remove{width:32px;height:32px;border:none;background:rgba(0,0,0,0.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all 0.2s}.wa-media-preview-remove:hover{background:rgba(239,68,68,0.2);color:#ef4444}.wa-media-preview-remove i{font-size:18px}.wa-media-caption-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;resize:none;background:white;font-family:inherit}.wa-media-caption-input:focus{outline:none;border-color:#00a884}.wa-media-caption-input::placeholder{color:#999}.wa-ai-suggestions-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px 20px;color:#d32f2f;font-size:14px}.wa-ai-suggestions-error i{font-size:24px}.media-caption{margin:8px 0 4px 0;padding:0;font-size:20px;line-height:1.4;color:#303030;word-wrap:break-word}.message-bubble.sent .media-caption{color:#303030}.message-bubble.received .media-caption{color:#303030}.message-media-sent .media-placeholder.media-sent{background:linear-gradient(135deg, #dcf8c6 0%, #c5e1a5 100%);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px}.message-media-sent .media-placeholder.media-sent i{font-size:32px;color:#25d366}.message-media-sent .media-placeholder.media-sent span{font-size:13px;color:#667781}.message-document-sent .document-link.document-sent{background:#f0f2f5;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px}.message-document-sent .document-link.document-sent .document-icon{background:#25d366;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.message-document-sent .document-link.document-sent .document-icon i{color:white;font-size:20px}.message-document-sent .document-link.document-sent .document-info{flex:1;display:flex;flex-direction:column;gap:2px}.message-document-sent .document-link.document-sent .document-name{font-size:14px;font-weight:500;color:#303030}.message-document-sent .document-link.document-sent .document-action{font-size:12px;color:#25d366}.message-document-sent .document-link.document-sent .document-download{color:#25d366;font-size:24px}