.crm-whatsapp{--crm-ink:#111b21;--crm-muted:#667781;--crm-line:#e9edef;--crm-accent:#008069;color:var(--crm-ink);font-family:Arial,sans-serif}.content:has(.crm-whatsapp){height:calc(100dvh - 68px);padding:0;overflow:hidden}.crm-whatsapp.crm-page{background:#fff;flex-direction:column;height:100dvh;min-height:0;padding:0;display:flex}.content .crm-whatsapp.crm-page{height:100%}.crm-whatsapp .crm-header{border-bottom:1px solid var(--crm-line);background:#fff;flex:none;min-height:52px;margin:0;padding:8px 18px}.content .crm-whatsapp .crm-header{min-height:52px;margin:0}.content .crm-whatsapp .crm-header h1,.crm-whatsapp .crm-header h1{color:#111b21;margin:0;font:600 22px/1.3 Arial,sans-serif}.crm-whatsapp .crm-header p{display:none}.crm-whatsapp .crm-live{color:#087f66;background:#e7f5ee}.content .crm-whatsapp .crm-layout,.crm-whatsapp .crm-layout{border:0;border-radius:0;flex:1;grid-template-columns:320px minmax(0,1fr);width:100%;min-width:0;max-height:none;display:grid;height:0!important;min-height:0!important}.crm-whatsapp .crm-inbox{border-right:1px solid var(--crm-line);background:#fff;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden!important}.crm-whatsapp .crm-mobile-section-title{background:#fff;border:0;flex:none;align-items:center;gap:10px;min-height:60px;padding:6px 16px;display:flex}.crm-whatsapp .crm-mobile-section-title strong{flex:1;font-size:21px}.crm-whatsapp .crm-mobile-section-title>span{color:#667781;background:#f0f2f5;border-radius:16px;padding:4px 8px;font-size:12px}.crm-whatsapp .crm-icon-button{color:#54656f;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:25px;display:grid}.crm-whatsapp .crm-inbox-tools{background:#fff;flex:none;padding:0 12px 8px;position:static}.crm-whatsapp .crm-inbox-tools input{background:#f0f2f5;border:0;border-radius:9px;width:100%;min-height:44px;padding:10px 12px;font-size:15px}.crm-whatsapp .crm-new-chat{grid-template-columns:1fr;gap:8px;padding-top:8px}.crm-whatsapp .crm-new-chat button{color:#fff;background:#008069;border:0;border-radius:9px;min-height:44px}.crm-whatsapp .crm-inbox nav{scrollbar-width:none;background:#fff;flex-direction:row;flex:none;gap:7px;padding:4px 12px 12px;overflow-x:auto}.crm-whatsapp .crm-inbox nav button{color:#54656f;background:#f0f2f5;width:auto;min-height:36px;padding:8px 12px;font-size:13px}.crm-whatsapp .crm-inbox nav button.active{color:#006b52;background:#d9fdd3}.crm-whatsapp .crm-chat-list{overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.content .crm-whatsapp .crm-chat,.crm-whatsapp .crm-chat{background:#fff;border-bottom:1px solid #f0f2f5;grid-template-columns:50px minmax(0,1fr) 42px;gap:10px;min-height:78px;padding:10px 12px;display:grid}.crm-whatsapp .crm-chat.selected{box-shadow:none;background:#f0f2f5}.crm-whatsapp .crm-avatar{width:48px;height:48px;color:#54656f!important;background-color:#dfe5e7!important;font-size:19px!important}.crm-whatsapp .crm-chat-copy{grid-column:2;gap:5px;min-width:0;display:grid}.crm-whatsapp .crm-chat-copy strong{color:#111b21;font-size:16px;font-weight:500}.crm-whatsapp .crm-chat-copy small{color:#667781;font-size:13px;display:block}.crm-whatsapp .crm-chat-time{color:#667781;grid-area:1/3;align-self:start;margin-top:4px;font-size:11px;position:static}.crm-whatsapp .crm-chat i{color:#073c2a;background:#25d366;width:auto;min-width:20px;height:20px;padding:0 5px;font-size:11px;top:auto;bottom:12px;right:14px}.crm-whatsapp .crm-conversation{background:#efeae2;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.crm-whatsapp .crm-conversation>header{background:#f0f2f5;flex-direction:row;flex:none;align-items:center;gap:8px;min-height:64px;padding:8px 12px;display:flex;position:relative}.crm-whatsapp .crm-conversation>header>div:not(.crm-conversation-tools){flex:1;min-width:0}.crm-whatsapp .crm-conversation>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.crm-whatsapp .crm-conversation>header span{color:#667781;font-size:12px}.crm-whatsapp .crm-header-avatar{width:40px;height:40px;display:grid}.crm-whatsapp button.crm-mobile-details,.crm-whatsapp button.crm-mobile-back{color:#54656f;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.crm-whatsapp .crm-conversation-tools{display:none}.crm-whatsapp .crm-conversation-tools.is-open{z-index:3;background:#f0f2f5;gap:8px;padding:10px;display:flex;position:absolute;top:100%;left:0;right:0}.crm-whatsapp .crm-conversation-tools input{flex:1;width:100%;min-width:0;height:44px;font-size:16px}.crm-whatsapp .crm-conversation-tools select{max-width:120px;height:44px}.content .crm-whatsapp .crm-messages,.crm-whatsapp .crm-messages{overscroll-behavior:contain;background:#efeae2;flex:1;gap:9px;width:100%;min-height:0;padding:18px clamp(12px,3vw,42px);overflow:auto}.crm-whatsapp .crm-messages p{border:0;border-radius:8px;flex:none;max-width:85%;padding:9px 11px 6px;font-size:15px;line-height:1.45;box-shadow:0 1px 1px #0b141a14}.crm-whatsapp .crm-messages .incoming{background:#fff}.crm-whatsapp .crm-messages .outgoing{background:#d9fdd3}.crm-whatsapp .crm-sender-name{color:#008069;padding-right:0;font-size:12px}.crm-whatsapp .crm-day-separator{color:#54656f;background:#fff;border:0;border-radius:7px;padding:5px 12px;font-size:12px}.crm-whatsapp .crm-bubble-actions{border:0;justify-content:flex-end;padding:0;display:flex;position:static}.crm-whatsapp .crm-bubble-actions button{color:#667781;background:0 0;border:0;width:44px;min-width:44px;height:44px;padding:0;font-size:19px}.crm-whatsapp .crm-bubble-actions button>span:last-child{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.crm-whatsapp .crm-media{max-width:320px}.crm-whatsapp .crm-media img{object-fit:contain;border-radius:6px;width:100%;height:auto;max-height:360px}.crm-whatsapp video.crm-media{aspect-ratio:4/3;background:#111b21;border-radius:7px;width:280px}.crm-whatsapp .crm-audio{width:280px;min-width:0}.crm-whatsapp .crm-compose{background:#f0f2f5;border:0;flex:none;align-items:center;grid-template-rows:auto!important;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px!important;gap:5px!important;padding:8px!important;display:grid!important}.crm-whatsapp .crm-connection-warning{color:#7a4b25;background:#fff4e8;border-top:1px solid #ead5c3;margin:0;padding:9px 14px;font-size:11px;line-height:1.45}.crm-whatsapp .crm-compose textarea{field-sizing:content;background:#fff;border:0;border-radius:24px;height:46px;line-height:1.4;resize:none!important;grid-area:1/3!important;min-height:46px!important;max-height:130px!important;padding:12px!important;font-size:16px!important}.crm-whatsapp .crm-compose .crm-compose-options{color:#54656f;background:0 0;width:44px;min-width:0;height:44px;padding:0;grid-area:1/1!important;font-size:26px!important}.crm-whatsapp .crm-compose button:after{content:none!important}.crm-whatsapp .crm-compose .crm-attach{background:0 0;border:0;grid-area:1/2!important;width:44px!important;height:44px!important;padding:0!important;font-size:21px!important}.crm-whatsapp .crm-attach span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.crm-whatsapp .crm-compose .crm-audio-button{color:#54656f;background:0 0;width:44px;height:44px;min-height:44px;padding:0;grid-area:1/4!important;min-width:0!important;font-size:0!important}.crm-whatsapp .crm-compose .crm-audio-button:after{content:none!important}.crm-whatsapp .crm-compose .crm-send-button{color:#fff;background:#008069;border-radius:50%;width:44px;min-width:0;height:44px;min-height:44px;padding:0;grid-area:1/5!important;font-size:21px!important}.crm-whatsapp .crm-compose .crm-video-attach{display:none}.crm-whatsapp .crm-details{background:#fff;min-width:0;display:none;overflow-y:auto}.crm-whatsapp .crm-mobile-details+.crm-details{display:none}.crm-whatsapp.crm-view-details .crm-layout{grid-template-columns:320px minmax(0,1fr)}.crm-whatsapp.crm-view-details .crm-conversation{display:none}.crm-whatsapp.crm-view-details .crm-details{height:100%;display:flex}.crm-whatsapp .crm-shared-media>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.crm-whatsapp .crm-shared-media button{aspect-ratio:1;color:#111b21;background:#e9edef;min-width:0;padding:0;overflow:hidden}.crm-whatsapp .crm-shared-media img{object-fit:cover;width:100%;height:100%}.crm-media-viewer{color:#fff;background:#111b21;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.crm-media-viewer::backdrop{background:#111b21e8}.crm-media-viewer[open]{flex-direction:column;display:flex}.crm-media-viewer header,.crm-media-viewer footer{flex:none;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.crm-media-viewer header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crm-media-viewer button{color:#fff;background:#fff2;border:0;border-radius:50%;width:44px;height:44px;font-size:28px}.crm-media-stage{flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.crm-media-stage img,.crm-media-stage video{object-fit:contain;width:100%;height:100%;min-height:0}.crm-media-viewer footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.crm-media-viewer footer span{max-height:90px;font-size:14px;overflow:auto}.crm-media-viewer a{color:#87edd0;flex:none}@media (max-width:900px){.content .crm-whatsapp .crm-layout,.crm-whatsapp .crm-layout{width:100%;display:block}.crm-whatsapp .crm-layout>.crm-inbox,.crm-whatsapp .crm-layout>.crm-conversation,.crm-whatsapp .crm-layout>.crm-details{width:100%;height:100%;display:none}.crm-whatsapp .crm-mobile-list>.crm-inbox,.crm-whatsapp .crm-mobile-chat>.crm-conversation,.crm-whatsapp .crm-mobile-details>.crm-details{display:flex}.crm-whatsapp.crm-view-chat,.crm-whatsapp.crm-view-details{z-index:60;top:var(--chat-viewport-top,0px);width:100%;position:fixed;left:0;height:var(--chat-viewport-height,100dvh)!important;padding:0!important}.crm-whatsapp.crm-view-chat>.crm-header,.crm-whatsapp.crm-view-details>.crm-header{display:none}.crm-whatsapp .crm-conversation>header{min-height:60px;padding:6px}.crm-whatsapp .crm-messages p{max-width:90%}.crm-whatsapp .crm-compose{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.crm-whatsapp .crm-conversation-tools.is-open{flex-direction:row}}@media (max-width:720px){body:has(.crm-whatsapp){padding-bottom:0;overflow:hidden}.app:has(.crm-whatsapp){height:100dvh;min-height:0;overflow:hidden}.app:has(.crm-whatsapp) .topbar{display:none}.content:has(.crm-whatsapp){height:calc(100dvh - 68px - env(safe-area-inset-bottom));overflow:hidden;padding:0!important}.content .crm-whatsapp .crm-header{min-height:44px;padding:8px 16px}.content .crm-whatsapp .crm-header h1{font-size:18px}.crm-whatsapp .crm-header>strong{max-width:170px;font-size:9px}.crm-whatsapp .crm-conversation>header .crm-header-avatar{display:grid}.crm-whatsapp .crm-chat-copy strong{font-size:16px}.crm-whatsapp .crm-bubble-actions{gap:0}}.crm-whatsapp .crm-chat-copy small:first-child{display:none!important}.crm-whatsapp .crm-chat-copy small:last-child{display:block!important}.crm-whatsapp .crm-day-separator{align-self:center;width:fit-content;max-width:90%}.crm-whatsapp .crm-messages>:first-child{margin-top:auto}.crm-whatsapp .crm-compose{grid-template-columns:44px minmax(0,1fr) 44px 44px!important}.crm-whatsapp .crm-compose textarea{scrollbar-width:none;min-width:0;overflow-y:auto;grid-column:2!important}.crm-whatsapp .crm-compose .crm-audio-button{grid-column:3!important}.crm-whatsapp .crm-compose .crm-send-button{grid-column:4!important}.crm-whatsapp .crm-compose .crm-attach{display:none!important}.crm-whatsapp .crm-compose.options-open .crm-attach{grid-area:2/1!important;display:flex!important}.crm-whatsapp .crm-compose.options-open .crm-video-attach{color:#006b52;cursor:pointer;background:#d9fdd3;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-weight:700;grid-area:2/2/auto/5!important;display:flex!important}.crm-whatsapp .crm-video-attach input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:720px){.app:has(.crm-whatsapp) .main{padding-top:0!important;padding-bottom:0!important}}@media (max-width:900px){:is(.app:has(.crm-view-chat) .sidebar,.app:has(.crm-view-details) .sidebar,.app:has(.crm-view-chat) .topbar,.app:has(.crm-view-details) .topbar){display:none!important}:is(body:has(.crm-view-chat),body:has(.crm-view-details)){overflow:hidden}}.crm-whatsapp .crm-avatar{position:relative;overflow:hidden}.crm-whatsapp .crm-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.crm-whatsapp .crm-messages p{width:fit-content}@media (min-width:901px){.crm-whatsapp .crm-conversation>header>.crm-mobile-back{display:none}}@media (min-width:1200px){.crm-whatsapp.crm-view-details .crm-layout{grid-template-columns:320px minmax(0,1fr) 300px}.crm-whatsapp.crm-view-details .crm-conversation{display:flex}}.crm-whatsapp .crm-media-download{color:#006b52;overflow-wrap:anywhere;justify-self:start;align-items:center;gap:6px;min-height:44px;padding:6px 8px;font-size:13px;text-decoration:underline;display:inline-flex}.crm-forward-dialog{color:#173b32;background:#fff;border:1px solid #d6e2de;border-radius:16px;width:min(94vw,520px);max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 16px 60px #0004}.crm-forward-dialog::backdrop{background:#142b2977}.crm-forward-dialog h2{margin:0 0 16px}.crm-forward-dialog>label{gap:8px;display:grid}.crm-forward-dialog input:not([type=radio]){border:1px solid #cad9d4;border-radius:8px;width:100%;padding:12px}.crm-forward-destinations{border-block:1px solid #e0e8e5;max-height:34dvh;margin:12px 0;overflow:auto}.crm-forward-destinations label{cursor:pointer;align-items:center;gap:12px;min-height:58px;padding:10px;display:flex}.crm-forward-destinations small{color:#536e65;display:block}.crm-forward-dialog footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.crm-forward-dialog button{cursor:pointer;border:1px solid #bbd4c9;border-radius:8px;min-height:44px;padding:10px 14px}.crm-forward-dialog button:last-child{color:#fff;background:#007c64}.crm-forward-dialog button:disabled{opacity:.5;cursor:wait}.crm-forward-dialog [role=alert]{color:#a12c24}.crm-forward-files{border:1px solid #cad9d4;border-radius:8px;max-height:25dvh;margin:12px 0;padding:8px;overflow:auto}.crm-forward-files label{overflow-wrap:anywhere;align-items:center;gap:12px;min-height:44px;padding:8px;display:flex}.crm-forward-files small{color:#007c64;display:block}.crm-forward-files input[type=checkbox]{flex:none;width:18px;height:18px}