.wa-inbox-page{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100vh - 114px);min-height:620px;margin:-10px 0 0;border:1px solid #dbe4ef;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 10px 32px #1835590d}
.wa-inbox-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid #dbe4ef;background:#fff}
.wa-inbox-sidebar-head,.wa-inbox-thread-head{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 14px;background:linear-gradient(115deg,#effff8,#fafffd);border-bottom:1px solid #d8eee5}
.wa-inbox-brand-icon,.wa-inbox-contact-avatar{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:14px;background:#00aa78;color:#fff;box-shadow:0 6px 13px #00a97b28}
.wa-inbox-brand-icon svg{width:21px;height:21px}.wa-inbox-sidebar-head h1,.wa-inbox-thread-head h2{margin:0;color:#10254a;font-size:14px;font-weight:800}.wa-inbox-sidebar-head p,.wa-inbox-thread-head p{margin:2px 0 0;color:#69809e;font-size:10px}
.wa-inbox-own-number{margin-left:auto;max-width:112px;padding:5px 8px;border:1px solid #92e8c5;border-radius:999px;background:#dffced;color:#00875d;font-size:9px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-inbox-search{display:flex;align-items:center;gap:8px;margin:11px 10px 7px;padding:9px 11px;border:1px solid #dce5f0;border-radius:14px;background:#f9fbfe;color:#7890ad}.wa-inbox-search:focus-within{border-color:#9fc6ee;box-shadow:0 0 0 3px #d9edff66}.wa-inbox-search svg{width:15px;height:15px}.wa-inbox-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#14294b;font-size:11px}
.wa-inbox-contacts{min-height:0;overflow:auto;padding:0 6px 12px}.wa-inbox-list-state{padding:25px 14px;color:#7286a2;text-align:center;font-size:11px}.wa-inbox-contact{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:15px;background:transparent;color:#11284d;text-align:left;cursor:pointer}.wa-inbox-contact:hover{background:#f4f9fc}.wa-inbox-contact.active{background:linear-gradient(115deg,#effff8,#f9fffc);box-shadow:inset 0 0 0 1px #82e4bd}
.wa-inbox-contact-avatar{width:42px;height:42px;border-radius:13px;font-size:11px;font-weight:800}.wa-inbox-contact-copy{min-width:0}.wa-inbox-contact-name,.wa-inbox-contact-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-inbox-contact-name{font-size:12px;font-weight:800}.wa-inbox-contact-preview{margin-top:3px;color:#71849f;font-size:9px}.wa-inbox-contact-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:#60829e;font-size:8px;white-space:nowrap}.wa-inbox-unread{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#00b67d;color:#fff;font-size:9px;font-weight:800}
.wa-inbox-thread{display:flex;min-width:0;min-height:0;flex-direction:column;background:#f8fbff}.wa-inbox-thread-head{background:linear-gradient(115deg,#f0fff8,#fbfffd)}.wa-inbox-thread-head>div:nth-child(2){min-width:0}.wa-inbox-thread-head h2,.wa-inbox-thread-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-inbox-connection{display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px 9px;border:1px solid #ffd5d5;border-radius:999px;background:#fff3f3;color:#bb4a4a;font-size:9px}.wa-inbox-connection i{width:6px;height:6px;border-radius:50%;background:currentColor}.wa-inbox-connection.connected{border-color:#a7edce;background:#eafff4;color:#00865d}
.wa-inbox-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:18px;background-color:#f8fbff;background-image:radial-gradient(#dfe7f3 1px,transparent 1px);background-size:17px 17px}.wa-inbox-empty{align-self:center;margin:auto;padding:10px 15px;border:1px solid #e1e8f3;border-radius:30px;background:#fff;color:#7185a2;font-size:11px;box-shadow:0 2px 4px #142c4808}
.wa-inbox-bubble{display:flex;flex-direction:column;gap:4px;max-width:min(72%,540px);padding:9px 12px;border:1px solid #dee8f5;border-radius:14px 14px 14px 3px;background:#fff;color:#172640;overflow-wrap:anywhere;box-shadow:0 1px 2px #17375c08}.wa-inbox-bubble.outbound{align-self:flex-end;border-color:#9ceac7;border-radius:14px 14px 3px 14px;background:#e9fff4}.wa-inbox-bubble p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.45}.wa-inbox-bubble .attachment{color:#075d73;font-size:11px;font-weight:800}.wa-inbox-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px}.wa-inbox-bubble time{color:#75869f;font-size:9px}.wa-inbox-ack{padding-right:3px;font-size:10px;letter-spacing:-3px}
.wa-inbox-bubble.outbound.document{width:max-content;min-width:245px;max-width:min(72%,440px);padding:6px 10px 5px;border:0;border-radius:11px 11px 4px 11px;background:linear-gradient(135deg,#00b786,#009d77);color:#fff;box-shadow:0 3px 8px #06856426}.wa-inbox-bubble.document .attachment{display:flex;align-items:center;min-height:24px;margin:0 0 2px;padding:3px 8px;border-radius:6px;background:#008f6c;color:#fff;text-decoration:none}.wa-inbox-bubble.document a.attachment:hover{text-decoration:underline;filter:brightness(1.08)}.wa-inbox-bubble.document a.attachment[aria-busy=true]{cursor:wait;opacity:.65}.wa-inbox-bubble.outbound.document time,.wa-inbox-bubble.outbound.document .wa-inbox-ack{color:#d9fff2}
.wa-inbox-bubble.image{max-width:min(72%,380px);padding:5px}.wa-inbox-bubble.image p{padding:1px 5px 0}.wa-inbox-image-link{display:block;overflow:hidden;border-radius:9px;background:#eaf1f9}.wa-inbox-image-link img{display:block;width:auto;max-width:100%;max-height:360px;object-fit:contain}.wa-inbox-image-unavailable{display:block;padding:30px 18px;border-radius:9px;background:#f4f7fc;color:#667d9b;text-align:center;font-size:11px}
.wa-inbox-error,.wa-inbox-permission-note{margin:0;padding:7px 16px;border-top:1px solid #ffd4d4;background:#fff4f4;color:#bd3434;font-size:10px}.wa-inbox-permission-note{border-color:#f0dfaa;background:#fffbea;color:#806219}.wa-inbox-compose{display:flex;gap:8px;padding:10px;border-top:1px solid #dce5f0;background:#fff}.wa-inbox-compose input{min-width:0;flex:1;padding:10px 14px;border:1px solid #d7e2ef;border-radius:14px;background:#f9fbfe;color:#152949;font-size:11px;outline:0}.wa-inbox-compose input:focus{border-color:#93c6ec;box-shadow:0 0 0 3px #d9edff66}.wa-inbox-compose button{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border:0;border-radius:14px;background:#00a879;color:#fff;cursor:pointer}.wa-inbox-compose button:hover{background:#008f69}.wa-inbox-compose button:disabled,.wa-inbox-compose input:disabled{cursor:not-allowed;opacity:.5}.wa-inbox-compose button svg{width:18px;height:18px}
.whatsapp-topbar-button{position:relative}.whatsapp-topbar-button.active{border-color:#62d7b2;background:#e8fff6;color:#00835d}.whatsapp-topbar-badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #132b56;border-radius:11px;background:#fff;color:#132b56;font-size:9px;line-height:1;font-style:normal}.whatsapp-topbar-badge[hidden]{display:none}
@media(max-width:900px){.wa-inbox-page{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:700px){.wa-inbox-page{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 100px)}.wa-inbox-sidebar{max-height:310px;border-right:0;border-bottom:1px solid #dbe4ef}.wa-inbox-thread{min-height:540px}.wa-inbox-bubble{max-width:88%}.wa-inbox-own-number{display:none}}