.wa-web-page{padding:0!important;overflow:hidden}.wa-web-page #view{height:100%;min-height:0}.wa-web{height:100%;min-height:0!important;grid-template-columns:350px minmax(0,1fr)}.wa-web .wa-web-threads{display:flex;flex-direction:column;min-height:0;background:#fff}.wa-web-list-head{display:flex;align-items:center;gap:10px;padding:16px;background:#f0f2f5;border-bottom:1px solid #e9edef;min-height:64px}.wa-web-list-head h2{margin:0;font-size:19px;color:#111b21}.wa-web-icon{border:0;background:transparent;min-width:32px;padding:5px;color:#54656f;font-size:24px}.wa-web-icon svg{width:22px;height:22px}.wa-web-list-head .wa-web-icon{margin-inline-start:auto}.wa-web-list-tools{padding:12px;display:grid;gap:10px;border-bottom:1px solid #edf0f2}.wa-web-list-tools input{background:#f0f2f5;border:0;border-radius:8px}.wa-web-tabs{display:flex;gap:8px}.wa-web-tabs button{border:0;border-radius:22px;background:#f0f2f5;padding:6px 14px}.wa-web-tabs button.selected{color:#007c66;background:#d9fdd3}.wa-web .thread-list{flex:1;overflow:auto;min-height:0}.wa-web-thread{width:100%;display:flex;text-align:start;align-items:center;gap:12px;border:0;border-radius:0;background:white;padding:14px 12px;min-height:94px;border-bottom:1px solid #f0f2f5}.wa-web-thread:hover{background:#f5f6f6}.wa-web-thread.selected{background:#e9edef}.wa-web-avatar{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#dfe5e7;color:#54656f;font-size:20px}.wa-web-thread-copy{min-width:0;flex:1;display:grid;gap:4px}.wa-web-thread-top{display:flex;align-items:center;gap:8px;justify-content:space-between}.wa-web-thread-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#111b21}.wa-web-thread-top time{font-size:11px;color:#667781;white-space:nowrap}.wa-web-preview{display:flex;gap:4px;color:#667781;font-size:13px;min-width:0}.wa-web-preview>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-web-thread-copy>small{font-size:11px;color:#667781}.wa-web-preview .wa-message-checks{color:#8696a0}.wa-web-preview .wa-message-checks.is-read{color:#53bdeb}.wa-web-list-foot{font-size:11px;text-align:center;color:#667781;padding:10px;border-top:1px solid #edf0f2}.wa-web-chat{display:flex;flex-direction:column;min-height:0;background:#efeae2}.wa-web-chat-head{min-height:74px;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#f0f2f5;border-bottom:1px solid #d1d7db;flex-shrink:0}.wa-web-chat-identity{display:grid;gap:3px;flex:1;min-width:0}.wa-web-chat-identity small{color:#667781;font-size:12px}.wa-web-menu{position:relative}.wa-web-menu>summary{list-style:none;cursor:pointer;font-size:26px;color:#54656f;padding:0 10px}.wa-web-menu>div{position:absolute;inset-inline-end:0;top:100%;z-index:12;min-width:210px;padding:8px;display:grid;box-shadow:0 4px 16px #111b2120}.wa-web-menu button{border:0;text-align:start;background:white;padding:12px}.wa-web .messages{flex:1;min-height:0;overflow:auto;padding:24px 6%;background-color:#efeae2;background-image:radial-gradient(#c7c2b870 .7px,transparent .7px);background-size:20px 20px;gap:10px}.wa-web .messages .bubble{max-width:78%;font-size:14px;line-height:1.8;border-radius:8px;background:#fff;border:0;padding:8px 12px;box-shadow:0 1px 1px #0b141a22}.wa-web .messages .bubble.outgoing{background:#d9fdd3;color:#111b21}.wa-web .messages .bubble small{display:flex;justify-content:flex-end;align-items:center;gap:3px;color:#667781;font-size:11px}.wa-web .messages .bubble.note{background:#fff6ce}.wa-web .wa-message-checks{color:#8696a0}.wa-web .wa-message-checks.is-read{color:#53bdeb}.wa-web-body{white-space:pre-wrap;overflow-wrap:anywhere}.wa-web .composer{background:#f0f2f5;border-top:1px solid #d1d7db}.wa-web .composer textarea{background:white;border-radius:8px}.wa-web-welcome{margin:auto;text-align:center;padding:24px;color:#667781}.wa-web-welcome h2{color:#41525d;font-size:28px;font-weight:400}.wa-web-welcome-mark{display:inline-grid;place-items:center;background:#d9fdd3;border-radius:50%;width:100px;height:100px;color:#00a884;margin-bottom:20px}.wa-web-welcome-mark svg{width:45px;height:45px}.wa-web-find{padding:10px;background:#f0f2f5;flex-shrink:0}.wa-web-find[hidden]{display:none}.wa-web .bubble[hidden]{display:none}.wa-web .message-date{background:#fff;color:#54656f;font-size:11px}.wa-web-page .inbox{border:0}@media(max-width:900px){.wa-web{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:700px){.wa-web{display:flex}.wa-web .threads{width:100%}.wa-web:not(.selected) .chat{display:none}.wa-web.selected .threads{display:none}.wa-web.selected .chat{width:100%}.wa-web .mobile-back{display:block}.wa-web .messages .bubble{max-width:90%}}

.content.wa-web-page .inbox.wa-web{grid-template-columns:350px minmax(0,1fr)}@media(max-width:900px){.content.wa-web-page .inbox.wa-web{grid-template-columns:300px minmax(0,1fr)}}

.wa-web-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wa-web-list-head>button[data-action="wa-web-sync"]{font-size:12px;padding:7px;white-space:nowrap}.wa-web-list-head{flex-wrap:wrap}.wa-web-chat-head>button[data-action="exact-chat-assign"]{font-size:12px;white-space:nowrap}

.wa-directory-person{display:flex;align-items:center;gap:12px;text-align:start;border:0;border-bottom:1px solid #edf0f2;background:white;width:100%;padding:12px}.wa-directory-person>span:last-child{display:grid;gap:5px}#wa-directory-list{max-height:55dvh;overflow:auto}.wa-web-list-head>button[data-action="wa-web-contacts"]{font-size:12px;padding:7px;white-space:nowrap}

/* Compact list toolbar; reserve the remaining height for independent chat scrolling. */
.content .wa-web .wa-web-list-head{display:flex;flex-wrap:nowrap;justify-content:space-between;min-height:60px;height:60px;flex:0 0 60px;padding:10px 12px;box-sizing:border-box;gap:8px}
.wa-web-list-title,.wa-web-list-actions{display:flex;align-items:center;gap:8px;min-width:0}.wa-web-list-title h2{white-space:nowrap;font-size:18px}.wa-web-list-title .badge{min-width:24px;text-align:center;margin:0}.wa-web-list-actions{flex-shrink:0}.content .wa-web-list-actions .wa-web-icon{display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:6px;margin:0;border:0;background:transparent}.wa-web-list-actions svg{width:21px;height:21px}
.wa-web .wa-web-list-tools,.wa-web .wa-web-list-foot{flex-shrink:0}.wa-web .wa-web-list-tools{padding:10px;gap:8px}.wa-web .wa-web-threads{overflow:hidden}.wa-web .thread-list{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}.wa-web .wa-web-list-foot{padding:7px}