#view-whatsapp { padding: 0 !important; }
#whatsapp-inbox-root { --wa-ink:#173b3a; --wa-muted:#718684; --wa-line:#dfe9e6; --wa-green:#0d756a; --wa-soft:#eef8f5; min-height:calc(100vh - 150px); color:var(--wa-ink); font-family:Inter,system-ui,sans-serif; }
.wa-inbox { max-width:1540px; margin:0 auto; padding:22px 24px 30px; }
.wa-page-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; }
.wa-page-head h1 { margin:3px 0 2px; font-size:clamp(1.7rem,3vw,2.35rem); letter-spacing:-.04em; }
.wa-page-head p { margin:0; color:var(--wa-muted); }
.wa-eyebrow { color:#718684; font-size:.68rem; font-weight:900; letter-spacing:.18em; }
.wa-page-actions,.wa-primary,.wa-secure { display:flex; align-items:center; gap:9px; }
.wa-primary { border:0; border-radius:13px; padding:11px 16px; background:var(--wa-green); color:#fff; font:inherit; font-weight:800; cursor:pointer; box-shadow:0 9px 22px rgba(13,117,106,.2); }
.wa-primary:hover { filter:brightness(.96); transform:translateY(-1px); }
.wa-primary .material-symbols-outlined { font-size:19px; }
.wa-secure { color:#37736d; font-size:.78rem; font-weight:800; }
.wa-secure .material-symbols-outlined { font-size:18px; }
.wa-sections { display:flex; gap:6px; margin-bottom:12px; }
.wa-sections button { display:flex; align-items:center; gap:7px; border:0; border-radius:12px; padding:9px 13px; background:transparent; color:#718684; font:inherit; font-weight:800; cursor:pointer; }
.wa-sections button.active { background:#e5f4f0; color:#08675f; }
.wa-sections .material-symbols-outlined { font-size:19px; }
.wa-workspace { display:grid; grid-template-columns:minmax(280px,350px) minmax(0,1fr); min-height:660px; height:calc(100vh - 270px); border:1px solid var(--wa-line); border-radius:23px; overflow:hidden; background:#fff; box-shadow:0 18px 55px rgba(25,66,62,.08); }
.wa-sidebar { display:flex; flex-direction:column; min-width:0; border-right:1px solid var(--wa-line); background:#fbfdfc; }
.wa-search { display:flex; align-items:center; gap:8px; margin:18px 16px 10px; padding:10px 12px; border:1px solid var(--wa-line); border-radius:13px; background:#fff; }
.wa-search .material-symbols-outlined { color:#879b99; font-size:20px; }
.wa-search input { width:100%; border:0; outline:0; background:transparent; color:var(--wa-ink); font:inherit; }
.wa-filter-row { display:flex; justify-content:space-between; align-items:center; padding:8px 18px 11px; font-size:.8rem; }
.wa-filter-row button { display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:10px; background:transparent; color:#708684; cursor:pointer; }
.wa-filter-row button:hover { background:#edf5f3; }
.wa-filter-row .material-symbols-outlined { font-size:18px; }
.wa-conversation-list { overflow:auto; padding:0 9px 12px; }
.wa-conversation { display:flex; width:100%; gap:11px; align-items:center; padding:12px 10px; border:0; border-radius:15px; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.wa-conversation:hover { background:#f0f7f5; }
.wa-conversation.active { background:#dff2ed; }
.wa-avatar { flex:0 0 auto; display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:#b97859; color:#fff; font-size:.82rem; font-weight:900; }
.wa-conversation:nth-child(3n+2) .wa-avatar { background:#4e7c81; }
.wa-conversation:nth-child(3n+3) .wa-avatar { background:#7d6ba3; }
.wa-conversation-copy { min-width:0; flex:1; }
.wa-conversation-top,.wa-conversation-bottom { display:flex; justify-content:space-between; gap:8px; min-width:0; }
.wa-conversation-top strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.88rem; }
.wa-conversation-top time { color:#8a9b99; font-size:.69rem; }
.wa-conversation-bottom { margin-top:4px; align-items:center; color:#7b8f8d; font-size:.76rem; }
.wa-conversation-bottom>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wa-conversation-bottom b { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:#19a974; color:#fff; font-size:.66rem; }
.wa-list-empty,.wa-empty-chat,.wa-scheduled-empty { display:grid; place-items:center; align-content:center; min-height:220px; padding:28px; text-align:center; color:#819492; }
.wa-list-empty .material-symbols-outlined,.wa-empty-chat .material-symbols-outlined,.wa-scheduled-empty .material-symbols-outlined { font-size:44px; color:#9cbab5; }
.wa-list-empty p,.wa-empty-chat p,.wa-scheduled-empty p { margin:5px 0 0; }
.wa-list-empty button { margin-top:10px; border:0; border-radius:10px; padding:8px 12px; background:#e5f4f0; color:#08675f; font-weight:800; cursor:pointer; }
.wa-chat-panel { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-width:0; background-color:#f5faf8; background-image:radial-gradient(rgba(13,117,106,.07) 1px,transparent 1px); background-size:18px 18px; }
.wa-chat-panel>.wa-empty-chat { grid-row:1/-1; }
.wa-empty-chat h3 { margin:12px 0 0; color:#315451; }
.wa-chat-head { display:flex; align-items:center; gap:12px; padding:13px 18px; border-bottom:1px solid var(--wa-line); background:rgba(255,255,255,.94); backdrop-filter:blur(12px); }
.wa-chat-head>div { min-width:0; }
.wa-chat-head strong,.wa-chat-head small { display:block; }
.wa-chat-head small { margin-top:2px; color:#829492; font-size:.74rem; }
.wa-live { display:flex; align-items:center; gap:6px; margin-left:auto; color:#438078; font-size:.72rem; font-weight:800; }
.wa-live i { width:8px; height:8px; border-radius:50%; background:#27af72; box-shadow:0 0 0 4px #def6e9; }
.wa-messages { display:flex; flex-direction:column; gap:7px; overflow:auto; padding:22px clamp(18px,4vw,52px); }
.wa-message { max-width:min(76%,650px); padding:10px 12px 7px; border-radius:15px; box-shadow:0 3px 12px rgba(25,66,62,.07); }
.wa-message p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45; }
.wa-message small { display:block; margin-top:4px; color:#7d918e; font-size:.65rem; text-align:right; }
.wa-message.inbound { align-self:flex-start; border-bottom-left-radius:4px; background:#fff; }
.wa-message.outbound { align-self:flex-end; border-bottom-right-radius:4px; background:#d9f4ea; }
.wa-no-messages { margin:auto; padding:8px 13px; border-radius:20px; background:rgba(255,255,255,.8); color:#829492; font-size:.78rem; }
.wa-composer { display:flex; gap:10px; align-items:flex-end; padding:12px 16px; border-top:1px solid var(--wa-line); background:#fff; }
.wa-composer textarea { flex:1; min-height:43px; max-height:130px; resize:vertical; border:1px solid var(--wa-line); border-radius:14px; padding:11px 13px; outline:0; color:var(--wa-ink); font:inherit; }
.wa-composer textarea:focus { border-color:#6bb5aa; box-shadow:0 0 0 3px rgba(13,117,106,.1); }
.wa-composer button { display:grid; place-items:center; width:45px; height:45px; border:0; border-radius:14px; background:var(--wa-green); color:#fff; cursor:pointer; }
.wa-composer button:disabled { opacity:.55; cursor:wait; }
.wa-scheduled { min-height:600px; border:1px solid var(--wa-line); border-radius:23px; overflow:hidden; background:#fff; box-shadow:0 18px 55px rgba(25,66,62,.08); }
.wa-scheduled-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 30px; border-bottom:1px solid var(--wa-line); }
.wa-scheduled-head small { color:#718684; font-weight:900; letter-spacing:.14em; }
.wa-scheduled-head h2 { margin:4px 0; }
.wa-scheduled-head p { margin:0; color:#718684; }
.wa-scheduled-list { padding:16px; }
.wa-scheduled-list article { display:flex; align-items:center; gap:14px; padding:15px; border-bottom:1px solid #edf2f1; }
.wa-scheduled-list article>.material-symbols-outlined { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#edf7f4; color:#0d756a; }
.wa-scheduled-list article div { flex:1; }
.wa-scheduled-list article strong,.wa-scheduled-list article small { display:block; }
.wa-scheduled-list article small { margin-top:3px; color:#7b8f8d; }
.wa-scheduled-list article>b { padding:6px 10px; border-radius:20px; background:#fff3d9; color:#9c6a00; font-size:.7rem; }
.wa-scheduled-list article>b.sent { background:#e5f7eb; color:#267342; }
@media(max-width:800px){.wa-inbox{padding:14px 10px}.wa-page-head{align-items:flex-start}.wa-secure{display:none}.wa-workspace{grid-template-columns:1fr;height:auto;min-height:640px}.wa-sidebar{border-right:0;border-bottom:1px solid var(--wa-line);max-height:310px}.wa-chat-panel{min-height:520px}.wa-page-actions .wa-primary{font-size:0;width:44px;padding:11px;justify-content:center}.wa-page-actions .wa-primary .material-symbols-outlined{font-size:21px}.wa-message{max-width:88%}.wa-scheduled-head{padding:20px;align-items:flex-start}.wa-scheduled-head .wa-primary{font-size:0;padding:11px}.wa-scheduled-head .wa-primary .material-symbols-outlined{font-size:20px}}
[data-theme="dark"] #whatsapp-inbox-root { --wa-ink:#e5f1ef; --wa-muted:#9db0ad; --wa-line:#304b48; }
[data-theme="dark"] .wa-workspace,[data-theme="dark"] .wa-sidebar,[data-theme="dark"] .wa-scheduled,[data-theme="dark"] .wa-search,[data-theme="dark"] .wa-chat-head,[data-theme="dark"] .wa-composer { background:#172826; }
[data-theme="dark"] .wa-chat-panel { background-color:#10201e; }
[data-theme="dark"] .wa-conversation:hover { background:#203a36; }
[data-theme="dark"] .wa-conversation.active { background:#244b45; }
[data-theme="dark"] .wa-message.inbound { background:#253b38; }
[data-theme="dark"] .wa-message.outbound { background:#175c50; }