#whatsapp-panel { --wa-bg:#f5f8f6; --wa-line:#cbd7ce; --wa-text:#163022; --wa-muted:#42594b; }
#whatsapp-panel [hidden] { display:none !important; }
body[data-office-theme="dark"] #whatsapp-panel { --wa-bg:#15241c; --wa-line:#43594a; --wa-text:#e1f0e5; --wa-muted:#b9cbbb; }
.wa-layout { display:grid; grid-template-columns:minmax(220px,1fr) minmax(0,2fr); gap:1rem; margin-top:1rem; }
.wa-conversations,.wa-transcript { max-height:26rem; overflow:auto; border:1px solid var(--wa-line); border-radius:8px; padding:.75rem; color:var(--wa-text); background:var(--wa-bg); }
.wa-chat { display:block; width:100%; text-align:left; padding:.8rem; border:1px solid var(--wa-line); border-radius:6px; margin-bottom:.5rem; color:var(--wa-text); background:var(--wa-bg); }
.wa-chat[aria-pressed="true"] { outline:2px solid #00856a; outline-offset:-2px; }
.wa-chat:focus-visible,#whatsapp-panel button:focus-visible { outline:3px solid #00856a;outline-offset:2px; }
.wa-bubble { border:1px solid var(--wa-line); border-radius:8px; padding:.7rem; margin-bottom:.6rem; overflow-wrap:anywhere; }
.wa-bubble p { white-space:pre-wrap; margin-top:.4rem; }.wa-bubble small {color:var(--wa-muted);}
.wa-assistant,.wa-office { margin-left:1rem; border-left:4px solid #00856a; }
.wa-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin:.75rem 0; }
#wa-reply textarea { width:100%; min-height:7rem; color:var(--wa-text); background:var(--wa-bg); border:1px solid var(--wa-line);border-radius:8px;padding:.75rem; }
#wa-settings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;}
#wa-settings label {display:flex;flex-direction:column;gap:.3rem;color:var(--wa-text);}
#wa-settings input {min-width:0;}#wa-settings input[type="checkbox"]{align-self:flex-start;width:1.25rem;height:1.25rem;}
#wa-settings p {grid-column:1/-1;}.wa-owner-tools {margin-top:1.5rem;}
@media(max-width:700px){.wa-layout,#wa-settings{grid-template-columns:1fr;}.wa-conversations{max-height:14rem;}}