#view-whatsapp:not(.hidden){display:flex;flex-direction:column;height:100%;min-height:640px;gap:12px;margin:0;max-width:none}#view-whatsapp>*{margin-top:0!important}.wa-pro-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-shrink:0;position:relative;padding-right:155px;margin-bottom:0!important}.wa-pro-heading h2{font-size:23px!important}.wa-pro-heading>p{display:none}.wa-pro-heading-tools{position:absolute;right:0;top:5px}.wa-pro-heading>div:first-child{display:none}#wa-status{flex-shrink:0;padding:9px 13px;font-size:10px;margin-bottom:2px}.wa-pro-button{padding:8px 11px;border:1px solid #d8e3eb;border-radius:8px;font-size:11px;color:#416178;background:#fff;cursor:pointer;white-space:nowrap}.wa-pro-button:hover{background:#f1f6f9}.wa-pro-new{width:100%;padding:11px 14px;background:#175e81;color:white;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:18px}.wa-pro-layout{display:grid;grid-template-columns:260px minmax(320px,1fr) 290px;position:relative;flex:1;min-height:0;border:1px solid #dbe5ec;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 20px -14px #28485f30}.wa-pro-inbox{padding:19px 15px;min-height:0;overflow:hidden;background:#f8fafc;border-right:1px solid #dfe7ed;display:flex;flex-direction:column;gap:10px}.wa-pro-inbox h3{font-size:14px;font-weight:650}.wa-pro-inbox #wa-open{padding:12px;background:#ecf2f6;border-radius:10px}.wa-pro-inbox #wa-open:not(.hidden){display:flex;flex-direction:column}.wa-pro-inbox #wa-open button{width:100%;font-size:11px}.wa-pro-inbox #wa-search{display:flex;gap:5px}.wa-pro-inbox #wa-search button{font-size:10px;padding:7px;border:0;color:#40617a}.wa-pro-inbox input,.wa-pro-inbox select{min-height:34px!important;font-size:11px!important;padding:7px!important}.wa-pro-inbox #wa-filter{max-width:165px}.wa-pro-inbox #wa-sync{font-size:9px;min-height:12px}.wa-pro-inbox>p:last-child{font-size:9px;line-height:1.6;color:#738797}.wa-pro-inbox #wa-conversations{flex:1;min-height:80px;max-height:none;overflow:auto;margin:0 -7px;padding:0 7px}.wa-pro-inbox #wa-conversations>button{position:relative;margin-bottom:8px;padding:13px 11px;border-radius:9px}.wa-pro-inbox #wa-conversations>button>p:first-child{font-size:11px}.wa-pro-inbox #wa-conversations>button>p:nth-child(2){font-size:9px}.wa-pro-inbox #wa-conversations>button>p:nth-child(3){font-size:10px}.wa-pro-inbox #wa-conversations>button>p:nth-child(4){font-size:9px}
.wa-pro-chat{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;overflow:hidden;background:#fff}.wa-pro-chat-header{padding:16px 20px;display:flex;align-items:center;gap:12px;min-height:76px;flex-shrink:0;border-bottom:1px solid #e7edf2}.wa-pro-contact-avatar{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;background:#e4f0eb;color:#34755a;border-radius:50%;font-size:11px;font-weight:700}.wa-pro-contact-name{min-width:0;flex:1}.wa-pro-contact-name h3{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#24465e}.wa-pro-contact-name p{font-size:9px;line-height:1.5;color:#6b8596;margin-top:4px}.wa-pro-chat #wa-window{margin:0;padding:8px 20px;background:#f9fbfc;font-size:9px;flex-shrink:0}.wa-pro-chat #wa-older{font-size:10px;flex-shrink:0;padding:7px;text-align:center}.wa-pro-chat #wa-messages{flex:1;min-height:110px;max-height:none;overflow:auto;border-radius:0;margin:0;padding:22px 20px;scrollbar-gutter:stable;background-color:#eef3f2;background-image:radial-gradient(#c5d6d055 .8px,transparent .8px);background-size:17px 17px}.wa-pro-chat #wa-messages>div{max-width:87%;font-size:12px}.wa-pro-chat #wa-messages .wa-pro-message-operator{color:#39755b;font-size:9px;font-weight:650;margin-bottom:5px}.wa-pro-chat #wa-messages>div>p{line-height:1.65}.wa-pro-chat #wa-messages>div>p.wa-pro-log-error{font-size:10px;color:#a43840}.wa-pro-chat #wa-compose{padding:13px 18px 14px;border-top:1px solid #dde6eb;margin:0;flex-shrink:0;overflow:auto;max-height:48%;background:#fff}.wa-pro-chat #wa-compose>label:first-child{font-size:10px}.wa-pro-chat #wa-type{min-height:31px;font-size:10px;padding:6px 9px;max-width:100%}.wa-pro-chat #wa-text-box{font-size:10px}.wa-pro-chat #wa-text{font-size:12px;min-height:78px;max-height:160px;padding:10px;border-radius:10px;background:#f9fbfc;resize:vertical}.wa-pro-chat #wa-quick{font-size:10px;min-height:29px;padding:5px 8px}.wa-pro-chat #wa-text-box>div{margin:5px 0}.wa-pro-chat #wa-compose>button{font-size:11px;min-height:35px;padding:8px 14px}.wa-pro-chat #wa-result{padding:5px 18px;font-size:10px;max-height:65px;overflow:auto;flex-shrink:0;margin:0}.wa-pro-chat>p:last-child{font-size:9px;line-height:1.5;padding:5px 18px 10px;margin:0;color:#708697;flex-shrink:0}.wa-pro-chat #wa-preview{max-height:55%;overflow:auto;margin:0;border-radius:0;border:0;border-top:1px solid #d7e6ee;flex-shrink:0;padding:18px}.wa-pro-chat #wa-preview h4{font-size:13px}.wa-pro-chat #wa-preview-body{font-size:12px}.wa-pro-chat:not(.has-contact) #wa-compose,.wa-pro-chat:not(.has-contact)>p:last-child{display:none}.wa-pro-chat:not(.has-contact) #wa-messages{display:flex;align-items:center;justify-content:center}.wa-pro-empty{text-align:center;color:#5e7a8c;font-size:13px;line-height:1.9;padding:35px;max-width:360px;background:transparent!important;border:0!important;box-shadow:none!important}
.wa-pro-inspector{min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid #e0e8ee;background:#fbfcfd}.wa-pro-inspector-title{padding:18px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:67px;color:#36556d;font-size:12px}.wa-pro-inspector-title button{font-size:23px;color:#6a8397;line-height:1;padding:4px}.wa-pro-tabs{display:flex;padding:0 12px;gap:5px;border-bottom:1px solid #e0e8ee;background:#fff}.wa-pro-tabs button{padding:12px 13px;font-size:11px;border-bottom:2px solid transparent;color:#6c8395}.wa-pro-tabs button[aria-selected=true]{color:#205b81;border-bottom-color:#c4943c;font-weight:650}.wa-pro-panel{flex:1;min-height:0;overflow:auto;padding:16px}.wa-pro-panel #wa-workspace{padding:0;border:0;background:transparent;border-radius:0}.wa-pro-panel #wa-workspace>div:first-child{display:grid;grid-template-columns:1fr;gap:12px}.wa-pro-panel #wa-workspace input,.wa-pro-panel #wa-workspace select,.wa-pro-panel #wa-workspace textarea{font-size:11px;min-height:35px;padding:8px}.wa-pro-panel #wa-workspace label{font-size:10px}.wa-pro-panel #wa-client-label{font-size:12px;line-height:1.6;padding:13px 0;border-top:1px solid #e2eaf0}.wa-pro-panel #wa-workspace>div:nth-of-type(2){display:flex;flex-direction:column;align-items:stretch;gap:7px}.wa-pro-panel #wa-workspace>div:nth-of-type(2)>input{max-width:none!important}.wa-pro-panel #wa-workspace button{font-size:10px;padding:8px;min-height:33px}.wa-pro-panel #wa-workspace details{border-top:1px solid #e1e8ef;padding-top:13px}.wa-pro-panel #wa-workspace summary{font-size:11px;line-height:1.6}.wa-pro-panel #wa-consent-state{font-size:11px;line-height:1.7}.wa-pro-help{font-size:10px;color:#708696;line-height:1.75;margin-bottom:12px}.wa-pro-panel>.wa-pro-button{margin-bottom:12px}.wa-pro-log-card{border:1px solid #dfe7ed;border-radius:9px;background:white;padding:13px;margin-bottom:10px;font-size:11px;overflow-wrap:anywhere}.wa-pro-log-card strong{font-size:11px;color:#32536b}.wa-pro-log-status{font-size:10px;font-weight:650;color:#26714f}.wa-pro-log-status.is-error,.wa-pro-log-error{color:#a43b44;font-size:10px;line-height:1.7}.wa-pro-log-meta{font-size:9px!important;line-height:1.7;color:#718697;margin:6px 0}.wa-pro-log-body{font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px;color:#38576f}.wa-pro-log-card summary{font-size:10px;cursor:pointer;color:#38657e;margin-top:9px}.wa-pro-dialog{width:min(800px,95vw);max-height:88dvh;padding:23px;border-radius:15px;border:1px solid #dfe7ed;overflow:auto;color:#29495f}.wa-pro-dialog::backdrop{background:#0f293e88;backdrop-filter:blur(4px)}.wa-pro-dialog>#wa-settings{border:0;padding:18px 0;margin-top:10px}.wa-pro-dialog #wa-settings>summary{display:none}.wa-pro-dialog:not([open]){display:none}
@media(min-width:1500px){#wa-pro-details,#wa-pro-close-details{display:none}}
@media(max-width:1499px){.wa-pro-layout{grid-template-columns:260px minmax(320px,1fr)}.wa-pro-inspector{display:none}.wa-pro-layout.wa-pro-details-open .wa-pro-inspector{display:flex;position:absolute;right:0;top:0;bottom:0;width:310px;z-index:20;box-shadow:-12px 0 30px #16334b20}}
@media(max-width:1100px){.wa-pro-layout{grid-template-columns:230px minmax(280px,1fr)}.wa-pro-chat-header{padding:13px}.wa-pro-chat-header .wa-pro-button{font-size:10px;padding:7px}.wa-pro-contact-avatar{width:32px;height:32px}.wa-pro-inbox{padding:16px 11px}}
@media(max-width:760px){#view-whatsapp:not(.hidden){height:auto;min-height:0}.wa-pro-layout{display:flex;flex-direction:column;min-height:850px;overflow:visible}.wa-pro-inbox{max-height:330px;border-right:0;border-bottom:1px solid #dce6ed;border-radius:14px 14px 0 0;overflow:auto;flex:none}.wa-pro-new{width:auto;margin-bottom:3px;font-size:11px;padding:8px}.wa-pro-inbox #wa-conversations{min-height:70px;max-height:170px;flex:none}.wa-pro-inbox #wa-search{flex-shrink:0}.wa-pro-inbox>p:last-child{display:none}.wa-pro-chat{height:680px;flex:none;border-radius:0 0 14px 14px}.wa-pro-chat #wa-messages{min-height:150px;padding:15px 13px}.wa-pro-chat #wa-compose{padding:12px}.wa-pro-chat #wa-result{padding:5px 12px}.wa-pro-layout.wa-pro-details-open .wa-pro-inspector{position:fixed;top:64px;bottom:0;right:0;width:min(350px,95vw);z-index:80;border-radius:0}.wa-pro-heading{padding-right:105px}.wa-pro-heading-tools button{font-size:10px;padding:8px}.wa-pro-contact-name h3{font-size:12px}.wa-pro-contact-name p{font-size:9px}.wa-pro-chat-header{gap:8px}.wa-pro-chat #wa-text{min-height:74px}.wa-pro-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.wa-pro-layout *{scroll-behavior:auto!important}}
html:has(#app-container:not(.hidden)),body:has(#app-container:not(.hidden)){height:100%;overflow:clip}
#app-container:not(.hidden){width:100%;max-width:100%;flex:0 0 100dvh;overflow:clip}
#wa-conversations>button.wa-pro-current{background:#edf5f7;border-color:#b8d0dc;border-left-color:#c5953c}