.wa-status-bar{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem}.wa-status-dot{display:inline-block;width:10px;height:10px;background:var(--muted);flex-shrink:0}.wa-status-dot.is-connected{background:var(--success, #5FD08A)}.wa-status-dot.is-connecting{background:var(--warn, #E3B341);animation:wa-pulse 1.2s ease-in-out infinite}.wa-status-dot.is-error{background:var(--danger, #FF6B6B)}@keyframes wa-pulse{0%,to{opacity:1}50%{opacity:.3}}.wa-qr-section{display:flex;justify-content:center;padding:2rem var(--page-pad)}.wa-qr-card{background:var(--panel);border:1px solid var(--line);padding:2rem;text-align:center;max-width:400px;width:100%}.wa-qr-card h2{font-family:var(--font-ui);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.wa-qr-card .muted{color:var(--muted);font-size:.8125rem;line-height:1.5;margin:0 0 1.5rem}.wa-qr-container{display:flex;justify-content:center;align-items:center;min-height:264px;background:#fff;padding:1rem;margin-bottom:1rem}.wa-qr-container img,.wa-qr-container canvas{max-width:232px;max-height:232px;image-rendering:pixelated}.wa-qr-hint{color:var(--muted);font-size:.8125rem;margin:0}.wa-chat-section{padding:0}.wa-layout{display:flex;height:calc(100vh - 160px);min-height:400px;border:1px solid var(--line);background:var(--bg)}.wa-sidebar{width:340px;min-width:280px;max-width:380px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.wa-sidebar-header{padding:.75rem;border-bottom:1px solid var(--line);flex-shrink:0}.wa-search-input{width:100%;height:var(--tap-sm);padding:0 .75rem;background:var(--panel-strong);border:1px solid var(--line);color:var(--text);font-size:.875rem;outline:none}.wa-search-input::placeholder{color:var(--muted)}.wa-search-input:focus{border-color:var(--accent)}.wa-chat-list{flex:1;overflow-y:auto;overflow-x:hidden}.wa-chat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-bottom:1px solid var(--line);transition:background .12s;min-height:var(--tap)}.wa-chat-item:hover{background:var(--panel-strong)}.wa-chat-item.is-active{background:var(--accent-soft, rgba(183, 46, 42, .18));border-left:3px solid var(--accent)}.wa-chat-avatar{width:40px;height:40px;flex-shrink:0;background:var(--panel-strong);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1rem;font-weight:600;text-transform:uppercase}.wa-chat-body{flex:1;min-width:0}.wa-chat-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.125rem}.wa-chat-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.wa-chat-time{font-size:.6875rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.wa-chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wa-chat-preview{font-size:.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.wa-chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--accent);color:#fff;font-size:.6875rem;font-weight:700;flex-shrink:0}.wa-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.wa-main-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;min-height:var(--tap)}.wa-main-header .wa-back-to-list{display:none}.wa-contact-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.wa-contact-info strong{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact-info .muted{font-size:.75rem;color:var(--muted)}.wa-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.375rem}.wa-empty-state{color:var(--muted);text-align:center;padding:3rem 1rem;font-size:.875rem;margin:0}.wa-date-divider{text-align:center;padding:.75rem 0;position:relative}.wa-date-divider span{display:inline-block;background:var(--panel-strong);color:var(--muted);font-size:.6875rem;padding:.25rem .75rem;position:relative;z-index:1}.wa-date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.wa-bubble-row{display:flex;max-width:75%}.wa-bubble-row.is-sent{align-self:flex-end}.wa-bubble-row.is-received{align-self:flex-start}.wa-bubble{padding:.5rem .75rem;font-size:.875rem;line-height:1.45;word-wrap:break-word;overflow-wrap:break-word;position:relative;max-width:100%}.wa-bubble-row.is-sent .wa-bubble{background:var(--accent);color:#fff}.wa-bubble-row.is-received .wa-bubble{background:var(--panel-strong);color:var(--text)}.wa-bubble-text{white-space:pre-wrap}.wa-bubble-media{display:block;max-width:280px;max-height:280px;object-fit:cover;margin-bottom:.25rem;cursor:pointer;border:1px solid var(--line)}.wa-bubble-media-slot{position:relative;display:inline-block;cursor:pointer}.wa-bubble-media-slot.is-loading{opacity:.5}.wa-bubble-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:160px;padding:1.25rem .75rem;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:.8125rem;margin-bottom:.25rem;text-align:center}.wa-media-label{color:var(--text)}.wa-media-sub{font-size:.75rem;word-break:break-all}.wa-media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none;font-size:1.75rem;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.8)}.wa-bubble-meta{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.25rem}.wa-bubble-time{font-size:.6875rem;opacity:.7}.wa-bubble-row.is-received .wa-bubble-time{color:var(--muted)}.wa-bubble-row.is-sent .wa-bubble-time{color:#ffffffb3}.wa-bubble-sender{font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:.125rem}.wa-load-more{text-align:center;padding:.5rem}.wa-load-more button{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);padding:.375rem 1rem;font-size:.8125rem;cursor:pointer;min-height:var(--tap-sm)}.wa-load-more button:hover{background:var(--panel);color:var(--text)}.wa-readonly-note{padding:.6rem 1rem;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.75rem;text-align:center;flex-shrink:0}.wa-composer{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--line);background:var(--panel);flex-shrink:0}.wa-composer textarea{flex:1;resize:none;min-height:var(--tap-sm);max-height:120px;padding:.5rem .75rem;background:var(--panel-strong);border:1px solid var(--line);color:var(--text);font-size:.875rem;line-height:1.4;outline:none;overflow-y:auto}.wa-composer textarea::placeholder{color:var(--muted)}.wa-composer textarea:focus{border-color:var(--accent)}.wa-send-btn{min-height:var(--tap-sm);padding:0 1.25rem;flex-shrink:0}@media(max-width:680px){.wa-layout{height:calc(100vh - 140px)}.wa-sidebar{width:100%;max-width:none;min-width:0;border-right:none}.wa-main,.wa-layout.is-chat-open .wa-sidebar{display:none}.wa-layout.is-chat-open .wa-main{display:flex}.wa-layout.is-chat-open .wa-main-header .wa-back-to-list{display:inline-flex}.wa-bubble-row{max-width:88%}.wa-bubble-media{max-width:220px}}.wa-chat-list::-webkit-scrollbar,.wa-messages::-webkit-scrollbar{width:6px}.wa-chat-list::-webkit-scrollbar-track,.wa-messages::-webkit-scrollbar-track{background:transparent}.wa-chat-list::-webkit-scrollbar-thumb,.wa-messages::-webkit-scrollbar-thumb{background:var(--line-strong)}.wa-lightbox{position:fixed;inset:0;z-index:9999;background:#000000e6;display:flex;align-items:center;justify-content:center;cursor:pointer}.wa-lightbox img,.wa-lightbox video{max-width:90vw;max-height:90vh;object-fit:contain}.wa-lightbox audio{width:min(90vw,420px)}.wa-thread{border:1px solid var(--line);background:var(--bg-soft);display:flex;flex-direction:column}.wa-thread-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);font-size:.8125rem;min-height:2.5rem}.wa-thread-title{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.wa-thread-note{color:var(--muted);flex:1;white-space:nowrap}.wa-thread-note.is-error{color:var(--danger)}.wa-thread-open{margin-left:auto;text-decoration:none;white-space:nowrap}.wa-thread .wa-messages{flex:none;max-height:min(60vh,34rem);min-height:8rem}.wa-thread .wa-empty-state{padding:1.5rem 1rem}.wa-thread-numbers{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:var(--panel)}.wa-number-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.35rem .65rem;border:1px solid var(--line);background:var(--panel-strong);color:var(--muted-strong);font:inherit;font-size:.8rem;line-height:1.2;cursor:pointer;max-width:100%}.wa-number-chip:hover{border-color:var(--line-strong);color:var(--text)}.wa-number-chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.wa-number-label{font-weight:600;letter-spacing:.02em}.wa-number-sub{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.wa-number-chip.is-active .wa-number-sub{color:var(--muted-strong)}.wa-search-scope{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.wa-scope-chip{padding:.3rem .6rem;border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);font:inherit;font-size:.75rem;line-height:1.2;cursor:pointer}.wa-scope-chip:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.wa-scope-chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.wa-scope-chip:disabled{opacity:.4;cursor:default}.wa-result-group{position:sticky;top:0;z-index:1;padding:.4rem .75rem;background:var(--bg-soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.wa-result-empty{padding:1rem!important}.wa-result-item{padding:.6rem .75rem;border-bottom:1px solid var(--line);cursor:pointer;min-height:var(--tap-sm)}.wa-result-item:hover{background:var(--panel-strong)}.wa-result-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.wa-result-chat{color:var(--text);font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.wa-result-text{margin-top:.15rem;color:var(--muted-strong);font-size:.8125rem;line-height:1.4;word-break:break-word}.wa-result-me{color:var(--muted)}.wa-result-text mark{background:var(--accent-soft);color:var(--text);padding:0 .1rem}.wa-bubble-row.is-search-hit .wa-bubble{outline:2px solid var(--accent);outline-offset:2px}.wa-jump-footer{position:sticky;bottom:0;background:var(--bg-soft)}.wa-thread-search{height:2rem;min-width:8rem;max-width:14rem;flex:1 1 8rem;padding:0 .5rem;background:var(--panel-strong);border:1px solid var(--line);color:var(--text);font:inherit;font-size:.8125rem;outline:none}.wa-thread-search::placeholder{color:var(--muted)}.wa-thread-search:focus{border-color:var(--accent)}.wa-thread .wa-results{flex:none;overflow-y:auto;max-height:min(60vh,34rem);min-height:8rem;background:var(--bg-soft)}.wa-results-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem}.wa-results-head button{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);font:inherit;font-size:.75rem;padding:.25rem .6rem;cursor:pointer}.wa-results-head button:hover{color:var(--text)}.customer-profile.no-wa{grid-template-columns:minmax(0,1fr)}.customer-profile.no-wa .customer-profile-side{display:none}