.wa-container{display:grid;grid-template-columns:72px var(--sidebar-width, 360px) 4px 1fr;grid-template-rows:1fr;height:100%;min-height:0;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;text-align:left;background:var(--wa-app-bg);color:var(--wa-text);box-sizing:border-box}.wa-container.wa-container--collapsed{grid-template-columns:72px 1fr}.wa-container *,.wa-container *:before,.wa-container *:after{box-sizing:border-box}.wa-nav{display:flex;flex-direction:column;align-items:center;background:var(--wa-panel-bg);border-right:1px solid var(--wa-border);padding:10px 0}.wa-nav-top{margin-bottom:10px}.wa-nav-bottom{margin-top:auto}.wa-nav-icons{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;width:100%}.wa-nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:transparent;color:var(--wa-icon);cursor:pointer;transition:background .15s}.wa-nav-btn:hover{background:var(--wa-input-bg)}.wa-nav-btn--active{color:var(--wa-icon-active)}.wa-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;--av-bg: var(--wa-avatar-bg)}.wa-avatar--self{width:36px;height:36px}.wa-avatar--sm{width:40px;height:40px}.wa-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.wa-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--av-bg, var(--wa-avatar-bg));color:var(--wa-avatar-text);font-size:14px;font-weight:600;border-radius:50%}.wa-avatar-initials--group{background:var(--av-bg, var(--wa-group-avatar-bg));font-size:12px}.wa-resizer{cursor:col-resize;background:transparent;transition:background .15s;z-index:10}.wa-resizer:hover,.wa-resizer:active{background:var(--wa-accent)}.wa-chatlist{display:flex;flex-direction:column;background:var(--wa-app-bg);border-right:1px solid var(--wa-border);overflow:hidden;min-height:0;min-width:0}.wa-chatlist-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--wa-panel-bg);flex-shrink:0}.wa-wordmark{font-size:19px;font-weight:600;color:var(--wa-text);margin:0}.wa-header-actions{display:flex;align-items:center;gap:2px}.wa-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--wa-icon);cursor:pointer;flex-shrink:0;transition:background .15s}.wa-icon-btn:hover{background:var(--wa-input-bg)}.wa-icon-btn--sm{width:32px;height:32px}.wa-search-wrap{display:flex;align-items:center;gap:6px;padding:8px 12px;flex-shrink:0}.wa-search{display:flex;align-items:center;gap:8px;background:var(--wa-panel-bg);border-radius:8px;padding:7px 12px;flex:1}.wa-search-icon{color:var(--wa-muted);flex-shrink:0}.wa-search-input{background:none;border:none;outline:none;color:var(--wa-text);font-size:14px;width:100%}.wa-search-input::placeholder{color:var(--wa-muted)}.wa-filters{display:flex;align-items:center;gap:6px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.wa-filters::-webkit-scrollbar{display:none}.wa-pill{white-space:nowrap;border:none;border-radius:999px;padding:5px 14px;font-size:13px;cursor:pointer;background:var(--wa-panel-bg);color:var(--wa-muted);transition:background .15s,color .15s}.wa-pill--active{background:var(--wa-accent);color:var(--wa-accent-text);font-weight:600}.wa-pill:hover:not(.wa-pill--active){background:var(--wa-input-bg);color:var(--wa-text)}.wa-pill-add{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background:var(--wa-panel-bg);color:var(--wa-muted);cursor:pointer;flex-shrink:0}.wa-pill-add:hover{background:var(--wa-input-bg)}.wa-chats-ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--wa-scroll) transparent}.wa-chats-ul::-webkit-scrollbar{width:4px}.wa-chats-ul::-webkit-scrollbar-thumb{background:var(--wa-scroll);border-radius:4px}.wa-chat-row{display:flex;align-items:center;gap:12px;padding:9px 16px;cursor:pointer;border-bottom:1px solid var(--wa-border);transition:background .1s;outline:none}.wa-chat-row:hover{background:var(--wa-panel-bg)}.wa-chat-row--active{background:var(--wa-input-bg)}.wa-chat-row:focus-visible{box-shadow:inset 0 0 0 2px var(--wa-accent)}.wa-chat-info{flex:1;min-width:0}.wa-chat-row-top,.wa-chat-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.wa-chat-row-bottom{margin-top:2px}.wa-chat-name{font-size:14.5px;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:left}.wa-chat-time{font-size:12px;color:var(--wa-muted);flex-shrink:0}.wa-chat-time--unread{color:var(--wa-accent)}.wa-preview-wrap{display:flex;align-items:center;gap:3px;min-width:0;flex:1}.wa-chat-preview{font-size:13px;color:var(--wa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-preview--typing{color:var(--wa-typing)}.wa-tick{font-size:12px;color:var(--wa-muted);flex-shrink:0}.wa-tick--read{color:var(--wa-tick-read)}.wa-chat-badges{display:flex;align-items:center;gap:5px;flex-shrink:0}.wa-meta-icon{color:var(--wa-muted);flex-shrink:0}.wa-badge{background:var(--wa-badge-bg);color:var(--wa-badge-text);font-size:11px;font-weight:700;border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}.wa-empty-state{padding:24px 16px;color:var(--wa-muted);font-size:13px;text-align:center}.wa-chat-id-badge{background-color:var(--wa-accent);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;cursor:pointer;margin-right:4px;white-space:nowrap;font-family:monospace}.wa-chat-id-badge:hover{filter:brightness(1.1)}.wa-chat{display:flex;flex-direction:column;background:var(--wa-chat-bg);overflow:hidden;min-height:0;min-width:0}.wa-chat-header{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--wa-panel-bg);border-bottom:1px solid var(--wa-border);flex-shrink:0}.wa-chat-header-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(-1px)}.wa-chat-header-name{font-size:15px;font-weight:600;color:var(--wa-text);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-header-sub{font-size:12px;color:var(--wa-muted);margin:2px 0 0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-header-sub.wa-typing-status{color:var(--wa-typing)!important;font-weight:500}.wa-chat-header-actions{display:flex;align-items:center;gap:2px}.wa-pinned-banner{display:flex;align-items:center;gap:10px;background:var(--wa-panel-bg);border-bottom:1px solid var(--wa-border);padding:7px 16px;flex-shrink:0;cursor:pointer;transition:background .15s}.wa-pinned-banner:hover{background:var(--wa-input-bg)}.wa-pinned-line{width:3px;height:30px;background:var(--wa-accent);border-radius:2px;flex-shrink:0}.wa-pinned-content{display:flex;flex-direction:column;flex:1;min-width:0}.wa-pinned-sender{font-size:12px;font-weight:600;color:var(--wa-accent)}.wa-pinned-text{font-size:13px;color:var(--wa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-messages{flex:1;min-height:0;overflow-y:auto;padding:14px 48px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:var(--wa-scroll) transparent}.wa-messages::-webkit-scrollbar{width:4px}.wa-messages::-webkit-scrollbar-thumb{background:var(--wa-scroll);border-radius:4px}.wa-date-divider{display:flex;align-items:center;justify-content:center;margin:10px 0}.wa-date-divider span{background:var(--wa-date-bg);color:var(--wa-muted);font-size:12px;padding:4px 14px;border-radius:8px;border:1px solid var(--wa-border)}.wa-system-msg{background:var(--wa-date-bg);color:var(--wa-muted);font-size:12.5px;padding:5px 14px;border-radius:8px;align-self:center;max-width:70%;text-align:center;margin:3px 0}.wa-msg-time-inline{font-size:11px}.wa-msg-row{display:flex;align-items:flex-end;gap:6px;max-width:68%;margin:2px 0}.wa-msg-row--in{align-self:flex-start}.wa-msg-row--out{align-self:flex-end;flex-direction:row-reverse}.wa-msg-av{width:27px;height:27px;border-radius:50%;background:var(--wa-avatar-bg);color:var(--wa-avatar-text);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;align-self:flex-end;overflow:hidden}.wa-msg-av-img{width:100%;height:100%;object-fit:cover}.wa-bubble{background:var(--wa-bubble-in);border-radius:0 8px 8px;padding:6px 10px 4px;max-width:100%;word-break:break-word;position:relative}.wa-bubble--out{background:var(--wa-bubble-out);border-radius:8px 8px 0}.wa-bubble--hl{background:var(--wa-bubble-hl);border-left:3px solid var(--wa-accent);border-radius:0 8px 8px 0}.wa-sender-name{display:block;font-size:12px;font-weight:600;color:var(--wa-sender);margin-bottom:2px;text-align:left}.wa-bubble-img{display:block;max-width:240px;max-height:180px;border-radius:6px;margin-bottom:4px;object-fit:cover}.wa-bubble-text{font-size:14px;color:var(--wa-text);margin:0 0 14px;white-space:pre-line;line-height:1.45}.wa-msg-time{font-size:11px;color:var(--wa-muted);float:right;margin-top:-12px;margin-left:8px;display:flex;align-items:center;gap:2px}.wa-msg-time--below{float:none;margin-top:3px;margin-left:0;display:flex;align-items:center;gap:3px;font-size:11px;color:var(--wa-muted)}.wa-msg-time--out{justify-content:flex-end}.wa-sticker-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.wa-sticker-col--out{align-items:flex-end}.wa-sticker{display:inline-flex;flex-direction:column;border-radius:12px;overflow:hidden}.wa-sticker-img{width:120px;height:120px;object-fit:contain;background:var(--wa-sticker-bg)}.wa-sticker-emoji{font-size:80px;line-height:1;padding:10px;background:var(--wa-sticker-bg)}.wa-sticker-emoji--labeled{border-radius:12px 12px 0 0}.wa-sticker-label{background:var(--wa-bubble-in);color:var(--wa-text);font-size:13px;font-weight:600;text-align:center;padding:5px 14px}.wa-input-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--wa-panel-bg);border-top:1px solid var(--wa-border);flex-shrink:0}.wa-text-input{flex:1;background:var(--wa-input-bg);border:none;border-radius:8px;padding:9px 14px;font-size:14px;color:var(--wa-text);outline:none;min-width:0;transition:background .15s}.wa-text-input::placeholder{color:var(--wa-muted)}.wa-text-input:focus{background:var(--wa-input-bg)}.wa-empty-chat{flex:1;display:flex;align-items:center;justify-content:center;color:var(--wa-muted);font-size:14px}.disabled{cursor:default!important;opacity:.4!important}.disabled:hover{background:transparent!important}