.whatsapp-page{max-width:900px;margin:0 auto;padding:1rem;display:grid;gap:1rem}
.whatsapp-page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.whatsapp-page-head h2{margin:.2rem 0;font-size:2rem}
.whatsapp-eyebrow{font-size:.7rem;letter-spacing:1.5px;color:#25d366;font-weight:900}
.whatsapp-connection-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:99px;padding:.5rem .8rem;font-size:.76rem;font-weight:850;white-space:nowrap}
.whatsapp-connection-pill.is-offline{background:rgba(148,163,184,.12);color:#94a3b8}
.whatsapp-connection-pill.is-pending{background:rgba(245,158,11,.13);color:#fbbf24}
.whatsapp-connection-pill.is-online{background:rgba(34,197,94,.14);color:#86efac}
.whatsapp-connection-pill.is-error{background:rgba(239,68,68,.14);color:#fca5a5}
.whatsapp-card{background:var(--bg-card,#201416);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:20px;padding:1.2rem;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.whatsapp-card-heading{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}
.whatsapp-card-heading h3{margin:.1rem 0 .25rem;font-size:1.15rem}
.whatsapp-card-heading p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.4}
.whatsapp-card-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:12px;background:rgba(37,211,102,.14);color:#25d366;font-size:1.25rem;flex:none}
.whatsapp-qr-empty,.whatsapp-qr-box{border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;box-sizing:border-box}
.whatsapp-qr-empty{min-height:100px;border:1px dashed rgba(148,163,184,.32);gap:.3rem}
.whatsapp-qr-empty small,.whatsapp-qr-box small{color:var(--text-muted);font-size:.72rem;line-height:1.4}
.whatsapp-qr-box{background:#fff;border:1px solid #e2e8f0;gap:.45rem}
.whatsapp-qr-box img{width:min(100%,260px);display:block}
.whatsapp-qr-box small{color:#334155;font-weight:700}
.whatsapp-qr-empty[hidden],.whatsapp-qr-box[hidden]{display:none!important}
.whatsapp-connection-details{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start;min-height:2.5rem;padding:.8rem 0 .25rem;font-size:.78rem;font-weight:750}
.whatsapp-error-text{max-width:65%;color:#fca5a5;text-align:right;font-weight:600}
.whatsapp-card-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.7rem}
.whatsapp-card-actions button{flex:1;justify-content:center}
.whatsapp-bot-control{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 0;border-top:1px solid var(--border-color,rgba(255,255,255,.1));border-bottom:1px solid var(--border-color,rgba(255,255,255,.1))}
.whatsapp-bot-control>div{display:flex;flex-direction:column;gap:.25rem}
.whatsapp-bot-status{font-size:.75rem;font-weight:800}
.whatsapp-bot-status.is-active{color:#86efac}
.whatsapp-bot-status.is-paused{color:#94a3b8}
.whatsapp-bot-status.is-waiting{color:#fbbf24}
.whatsapp-bot-control button{flex:0 0 auto}
.whatsapp-diagnostics-list{display:grid;gap:0;margin:0}
.whatsapp-diagnostics-list>div{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:1rem;padding:.7rem 0;border-top:1px solid var(--border-color,rgba(255,255,255,.08))}
.whatsapp-diagnostics-list dt{font-size:.75rem;color:var(--text-muted)}
.whatsapp-diagnostics-list dd{margin:0;font-size:.78rem;overflow-wrap:anywhere}
#whatsappDiagFailure{color:#fca5a5}
@media(max-width:600px){.whatsapp-page{padding:.8rem}.whatsapp-page-head{align-items:flex-start}.whatsapp-connection-details{flex-direction:column}.whatsapp-error-text{max-width:none;text-align:left}.whatsapp-diagnostics-list>div{grid-template-columns:1fr;gap:.25rem}}