.wpp-integration{max-width:none;margin:0}.wa-shell{max-width:1240px;margin:0 auto;padding:4px 0 28px;color:#102f57}.wa-head{position:relative;display:flex;align-items:center;min-height:130px;padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#092753,#125b78);color:#fff;overflow:hidden;box-shadow:0 14px 36px rgba(9,39,83,.18)}.wa-head:before{content:"";position:absolute;inset:0 0 0 auto;width:38%;background:radial-gradient(circle at center,rgba(37,211,102,.22),transparent 65%)}.wa-head>div{position:relative;z-index:1}.wa-head span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#d8bd62}.wa-head h2{margin:6px 0 5px;font-size:25px}.wa-head p{margin:0;color:#dceafb;font-size:13px}.wa-head img{width:64px;height:64px;margin-left:auto;padding:11px;border-radius:20px;background:#fff;z-index:1}.wa-live{position:absolute;right:27px;bottom:15px;font-size:11px;color:#8ff0b3;z-index:1}.wa-tabs{display:flex;gap:8px;margin:14px 0;padding:5px;border:1px solid #dfe7f0;border-radius:14px;background:#fff}.wa-tabs button{flex:0 1 180px;border:0;border-radius:10px;padding:11px 14px;background:transparent;color:#53657b;font-weight:800;cursor:pointer}.wa-tabs button.active{background:#092753;color:#fff}.wa-tabs i{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:7px;border-radius:10px;background:#25d366;color:#063d25;font-style:normal;font-size:10px}.wa-workspace{display:grid;grid-template-columns:350px minmax(0,1fr);height:min(680px,calc(100vh - 290px));min-height:500px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 26px rgba(9,39,83,.08)}.wa-list{border-right:1px solid #e2e8f0;overflow:auto;background:#f8fafc}.wa-search{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:2;padding:12px;background:#f8fafc}.wa-search input{width:100%;border:1px solid #d6e0ea;border-radius:11px;padding:11px 12px;background:#fff;color:#102f57;outline:none}.wa-search input:focus{border-color:#167b55;box-shadow:0 0 0 3px rgba(37,211,102,.12)}.wa-conversation{width:100%;display:flex;gap:10px;align-items:center;border:0;border-top:1px solid #e7edf3;padding:13px 12px;background:#fff;text-align:left;cursor:pointer}.wa-conversation:hover,.wa-conversation.active{background:#eef8f2}.wa-conversation.active{box-shadow:inset 4px 0 #25d366}.wa-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#0e4a78,#16855e);color:#fff;font-weight:900}.wa-conversation-copy{min-width:0;flex:1}.wa-conversation-copy b,.wa-conversation-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conversation-copy b{font-size:13px;color:#102f57}.wa-conversation-copy small{margin-top:5px;color:#748196;font-size:11px}.wa-conversation-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.wa-conversation-meta time{font-size:9px;color:#718096}.wa-conversation-meta i{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#25d366;color:#063d25;font-size:10px;font-style:normal;font-weight:900}.wa-chat{min-width:0;display:flex;flex-direction:column;background:#edf4ef}.wa-chat-head{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid #dce6df;background:#fff}.wa-chat-head>div:nth-child(2){min-width:0;flex:1}.wa-chat-head b,.wa-chat-head small{display:block}.wa-chat-head b{font-size:14px}.wa-chat-head small{margin-top:3px;color:#718096;font-size:10px}.wa-chat-actions button{border:1px solid #ccd9e4;border-radius:9px;padding:8px 11px;background:#fff;color:#123a67;font-size:11px;font-weight:800;cursor:pointer}.wa-messages{flex:1;overflow:auto;padding:20px;background-color:#edf4ef;background-image:radial-gradient(rgba(9,39,83,.045) 1px,transparent 1px);background-size:18px 18px}.wa-message{width:max-content;max-width:min(76%,560px);margin:7px 0;padding:9px 11px 6px;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.wa-message.out{margin-left:auto;border-radius:12px 12px 3px 12px;background:#d9fdd3}.wa-message p{margin:0;color:#172b3e;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.wa-message>span{display:block;margin-top:4px;color:#6a7886;font-size:8px;text-align:right}.wa-media{display:block;margin-bottom:5px;color:#35556d;font-size:10px;font-weight:800}.wa-composer{display:flex;align-items:flex-end;gap:9px;padding:12px;background:#fff;border-top:1px solid #dce6df}.wa-composer textarea{flex:1;min-height:42px;max-height:120px;resize:none;border:1px solid #d6e0df;border-radius:12px;padding:11px 13px;font:inherit;font-size:13px;outline:none}.wa-composer textarea:focus{border-color:#25a763}.wa-composer button{width:43px;height:43px;border:0;border-radius:50%;background:#138a4d;color:#fff;font-size:19px;cursor:pointer}.wa-panel{padding:22px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(9,39,83,.07)}.wa-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.wa-panel-title h3{margin:0;font-size:18px}.wa-panel-title p{margin:5px 0 0;color:#6b7b8f;font-size:12px}.wa-panel-title>b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:17px;background:#eef4fa}.wa-triage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.wa-triage{padding:15px;border:1px solid #dde6ee;border-radius:14px}.wa-triage-person{display:flex;gap:10px;align-items:center}.wa-triage-person>div{flex:1}.wa-triage-person b,.wa-triage-person small{display:block}.wa-triage-person small{margin-top:3px;color:#788698;font-size:10px}.wa-triage-person time{font-size:9px;color:#79879a}.wa-triage>p{min-height:36px;color:#465a6e;font-size:12px;line-height:1.45}.wa-triage>div:last-child,.wa-settings-actions{display:flex;gap:8px}.wa-btn{border:1px solid #d1dce6;border-radius:10px;padding:10px 13px;background:#fff;color:#29445f;font-weight:800;font-size:11px;cursor:pointer}.wa-btn.primary{border-color:#117a46;background:#117a46;color:#fff}.wa-btn.danger{color:#a33b3b;border-color:#edcaca}.wa-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.wa-details>div{padding:14px;border-radius:12px;background:#f4f7fb}.wa-details span,.wa-details b{display:block}.wa-details span{color:#78869a;font-size:10px}.wa-details b{margin-top:6px;font-size:12px}.wa-status{padding:7px 10px;border-radius:12px;background:#f5e8e8;color:#9b3535;font-size:10px;font-weight:900}.wa-status.ok{background:#e8f7ed;color:#147144}.wa-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;color:#708095}.wa-empty>span{font-size:28px}.wa-empty b{margin-top:9px;color:#173755}.wa-empty p{max-width:340px;margin:6px 0 0;font-size:12px;line-height:1.5}.wa-loading,.wa-alert{padding:16px;border-radius:12px;background:#f3f7fb;color:#53677c;text-align:center}.wa-alert{margin-bottom:12px;background:#fff2f2;color:#9b3636}
@media(max-width:700px){.wpp-integration{padding-bottom:95px}.wa-shell{padding:0 12px 100px}.wa-head{min-height:105px;padding:18px 20px;border-radius:17px}.wa-head h2{font-size:20px}.wa-head p{max-width:230px;font-size:11px}.wa-head img{width:51px;height:51px}.wa-live{right:19px;bottom:10px}.wa-tabs{overflow-x:auto}.wa-tabs button{min-width:max-content;padding:10px 12px}.wa-workspace{display:block;height:calc(100vh - 290px);min-height:480px}.wa-list{height:100%;border:0}.wa-chat{display:none;height:100%}.wa-workspace.chat-open .wa-list{display:none}.wa-workspace.chat-open .wa-chat{display:flex}.wa-chat-head:before{content:'‹';font-size:28px;cursor:pointer}.wa-chat-head{cursor:pointer}.wa-chat-head:before{pointer-events:auto}.wa-message{max-width:86%}.wa-panel{padding:16px}.wa-panel-title{align-items:flex-start}.wa-details{grid-template-columns:1fr}.wa-triage-grid{grid-template-columns:1fr}.wa-settings-actions,.wa-triage>div:last-child{flex-direction:column}.wa-btn{width:100%}}
@media(min-width:1024px){#page-whatsapp .subpage-top{max-width:1240px;margin-left:auto;margin-right:auto}}
.wa-chat-back{display:none;border:0;background:transparent;color:#123a67;font-size:28px;cursor:pointer}
@media(max-width:700px){.wa-chat-back{display:block}}