/* =========================================================
   CALLZAP V3.8 - CENTRAL DE ATENDIMENTO SAAS
   PHP 7.4 | Desktop / Tablet / Mobile
   Mantém classes/IDs e AJAX legados.
========================================================= */
:root{
 --cz-green:#00a884;--cz-green-dark:#067a62;--cz-green-soft:#e8f7f1;
 --cz-navy:#0b2d26;--cz-text:#14251f;--cz-muted:#667a72;--cz-line:#e2ebe7;
 --cz-bg:#f3f6f5;--cz-white:#fff;--cz-chat:#efeae2;--cz-danger:#d94b3d;
}
*{box-sizing:border-box}
html,body.cz-atendimento{width:100%;height:100%;margin:0;overflow:hidden;background:var(--cz-bg);font-family:Arial,"Helvetica Neue",sans-serif;color:var(--cz-text)}
body.cz-atendimento .apptd{width:100%!important;height:100dvh!important;margin:0!important;background:var(--cz-bg)!important}

/* LOGIN: preserva comportamento e moderniza */
body.cz-atendimento .aln_login{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;margin:0!important;padding:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#082a23 0 45%,#edf4f1 45% 100%)!important}
body.cz-atendimento .ajusta{width:min(430px,100%)!important;margin:0!important;padding:34px!important;background:#fff!important;border:1px solid #dce7e2!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(8,42,35,.22)!important}
body.cz-atendimento .ajusta:before{content:"CALLZAP • BUSINESS INBOX";display:block;margin-bottom:18px;text-align:center;color:var(--cz-green-dark);font-size:10px;font-weight:900;letter-spacing:.13em}
body.cz-atendimento .ajusta img{display:block!important;max-width:125px!important;max-height:60px!important;width:auto!important;height:auto!important;margin:0 auto 14px!important;float:none!important}
body.cz-atendimento .lb_complet{width:100%!important;margin:0 0 22px!important;padding:0!important;float:none!important;background:transparent!important;color:var(--cz-text)!important;font-size:25px!important;font-weight:900!important;text-align:center!important}
body.cz-atendimento .cxform{width:100%!important;margin:0 0 12px!important;float:none!important}
body.cz-atendimento .formulario_caixa{width:100%!important;height:50px!important;margin:0!important;padding:0 14px!important;border:1px solid #d7e2dd!important;border-radius:12px!important;background:#fbfcfc!important;outline:0!important;font-size:14px!important}
body.cz-atendimento .formulario_caixa:focus{border-color:#72cdb0!important;box-shadow:0 0 0 4px rgba(0,168,132,.08)!important}
body.cz-atendimento .ld2,body.cz-atendimento .botao_continue{width:100%!important;margin:0!important;float:none!important}
body.cz-atendimento .ct_anuncio{width:100%!important;height:48px!important;margin:4px 0 0!important;border:0!important;border-radius:12px!important;background:var(--cz-green)!important;color:#fff!important;font-size:14px!important;font-weight:900!important}

/* APP */
body.cz-atendimento .whcp{width:100%!important;height:100dvh!important;margin:0!important;float:none!important;display:none;background:var(--cz-bg)!important;overflow:hidden!important}

/* Topbar */
body.cz-atendimento .bdtopo{width:100%!important;height:64px!important;margin:0!important;padding:0 16px!important;float:none!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto!important;align-items:center!important;gap:12px!important;background:#fff!important;border-bottom:1px solid var(--cz-line)!important;box-shadow:0 2px 12px rgba(10,44,36,.04)!important}
body.cz-atendimento .msgsd,body.cz-atendimento .strsd,body.cz-atendimento .conflk{width:auto!important;height:auto!important;margin:0!important;float:none!important;font-family:Arial,sans-serif!important}
body.cz-atendimento .msgsd{display:flex!important;align-items:center!important;gap:12px!important;color:var(--cz-text)!important;font-size:13px!important;font-weight:900!important}
body.cz-atendimento .msgsd:before{content:"";display:block;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:linear-gradient(145deg,#13ba7c,#008d70);box-shadow:0 6px 16px rgba(0,168,132,.18)}
body.cz-atendimento .msgsd:after{content:"Central de atendimento";margin-left:-4px;color:#82918b;font-size:10px;font-weight:600}
body.cz-atendimento .strsd{padding:8px 12px!important;border:1px solid #dbe9e3!important;border-radius:10px!important;background:#f5faf8!important;color:#60756c!important;font-size:10px!important}
body.cz-atendimento .strsd b{color:var(--cz-green-dark)!important}
body.cz-atendimento .conflk{padding:9px 13px!important;border:1px solid #eadeda!important;border-radius:10px!important;background:#fff9f8!important;color:#b74035!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important}

/* Workspace */
body.cz-atendimento .cpbaixo{width:100%!important;height:calc(100dvh - 64px)!important;margin:0!important;float:none!important;display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;overflow:hidden!important;background:var(--cz-bg)!important}

/* Sidebar */
body.cz-atendimento .lda1{position:relative!important;width:360px!important;height:100%!important;margin:0!important;padding:116px 10px 10px!important;float:none!important;overflow-y:auto!important;background:#fbfcfc!important;border-right:1px solid var(--cz-line)!important}
.cz-inbox-head{position:absolute;z-index:20;left:0;right:0;top:0;height:116px;padding:14px 14px 10px;background:#fff;border-bottom:1px solid var(--cz-line)}
.cz-inbox-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cz-inbox-title strong{font-size:18px;letter-spacing:-.3px}.cz-inbox-title span{padding:5px 8px;border-radius:999px;background:var(--cz-green-soft);color:var(--cz-green-dark);font-size:9px;font-weight:900}
.cz-search{position:relative}
.cz-search input{width:100%;height:38px;padding:0 36px 0 12px;border:1px solid #dce7e2;border-radius:11px;background:#f6f9f8;color:var(--cz-text);outline:0;font-size:12px}
.cz-search input:focus{border-color:#7bceb3;background:#fff;box-shadow:0 0 0 3px rgba(0,168,132,.07)}
.cz-search:after{content:"⌕";position:absolute;right:12px;top:7px;color:#71837b;font-size:19px}
.cz-filter-row{display:flex;gap:6px;margin-top:8px}
.cz-filter{border:0;border-radius:999px;padding:5px 9px;background:#f1f5f3;color:#60736b;font-size:9px;font-weight:800;cursor:pointer}
.cz-filter.active{background:var(--cz-green-soft);color:var(--cz-green-dark)}
body.cz-atendimento .lda1:before{display:none!important}
body.cz-atendimento .ldpfcp,body.cz-atendimento .ldpfcp2{position:relative!important;width:100%!important;min-height:72px!important;margin:0 0 6px!important;padding:10px 38px 10px 68px!important;float:none!important;border:1px solid transparent!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(10,44,36,.035)!important;cursor:pointer!important;transition:.15s ease!important}
body.cz-atendimento .ldpfcp:hover,body.cz-atendimento .ldpfcp2:hover{background:#eef8f4!important;border-color:#d4e9df!important;transform:translateY(-1px)}
body.cz-atendimento .ldpfcp.cz-selected,body.cz-atendimento .ldpfcp2.cz-selected{background:#e8f7f1!important;border-color:#c9e8da!important;box-shadow:inset 3px 0 0 var(--cz-green)!important}
body.cz-atendimento .imgcl{position:absolute!important;left:10px!important;top:10px!important;width:50px!important;height:50px!important;margin:0!important;float:none!important;border-radius:50%!important;overflow:hidden!important;background:#e3f3ec!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #dbe8e2!important}
body.cz-atendimento .imgcl img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.cz-atendimento .nmcl{width:100%!important;height:auto!important;margin:6px 0 0!important;padding:0!important;float:none!important;color:var(--cz-text)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cz-atendimento .nmcl:after{content:"Conversa em atendimento";display:block;margin-top:5px;color:#84938d;font-size:9px;font-weight:500}
body.cz-atendimento .opccl{position:absolute!important;right:10px!important;top:12px!important;min-width:20px!important;height:20px!important;margin:0!important;padding:3px 6px!important;float:none!important;border-radius:999px!important;background:var(--cz-green)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;text-align:center!important;box-shadow:none!important}
.cz-inbox-empty{display:none;padding:34px 18px;text-align:center;color:#819089;font-size:11px}

/* Chat */
body.cz-atendimento .lda2{position:relative!important;width:100%!important;height:100%!important;margin:0!important;float:none!important;display:grid!important;grid-template-rows:68px minmax(0,1fr) 72px!important;overflow:hidden!important;background:var(--cz-chat)!important}
.cz-chat-head{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;background:#f8faf9;border-bottom:1px solid #dce6e1;box-shadow:0 2px 10px rgba(10,44,36,.025);z-index:5}
.cz-chat-person{display:flex;align-items:center;min-width:0;gap:11px}.cz-chat-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d9f4e8,#c8eadc);color:var(--cz-green-dark);font-size:15px;font-weight:900}
.cz-chat-copy{min-width:0}.cz-chat-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.cz-chat-copy span{display:block;margin-top:3px;color:#75877f;font-size:9px}
.cz-chat-status{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#e9f7f1;color:#167b5d;font-size:9px;font-weight:800}.cz-chat-status i{width:6px;height:6px;border-radius:50%;background:#21b875}
.cz-chat-empty{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 40px));text-align:center;pointer-events:none}
.cz-chat-empty .cz-empty-icon{width:66px;height:66px;margin:0 auto 15px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(10,44,36,.08);color:var(--cz-green-dark);font-size:29px}
.cz-chat-empty strong{display:block;font-size:17px}.cz-chat-empty span{display:block;margin-top:7px;color:#72847c;font-size:11px;line-height:1.5}
body.cz-atendimento .cbmaior{grid-row:2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:20px clamp(18px,6vw,88px)!important;float:none!important;overflow-y:auto!important;background-color:#ece7df!important;background-image:linear-gradient(rgba(250,248,244,.63),rgba(250,248,244,.63)),url('../../midias/imagens/fundo_whatsapp.jpg')!important}
body.cz-atendimento .cbmaior:not(:empty) ~ .cz-chat-empty{display:none}
body.cz-atendimento .sptexe{width:100%!important;margin:5px 0!important;float:none!important}
body.cz-atendimento .msgexe,body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe4,body.cz-atendimento .msgexe5,body.cz-atendimento .msgexe6{max-width:min(72%,720px)!important;height:auto!important;margin:0!important;padding:9px 12px!important;float:none!important;border:0!important;border-radius:13px!important;box-shadow:0 1px 4px rgba(15,38,31,.13)!important;color:#1b2924!important;font-size:12px!important;line-height:1.48!important}
body.cz-atendimento .msgexe,body.cz-atendimento .msgexe4,body.cz-atendimento .msgexe6{background:#fff!important;border-top-left-radius:4px!important}
body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe5{margin-left:auto!important;background:#d9fdd3!important;border-top-right-radius:4px!important}
body.cz-atendimento .msgexe3{width:max-content!important;max-width:90%!important;margin:8px auto!important;padding:5px 9px!important;float:none!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;color:#74857e!important;font-size:9px!important;box-shadow:0 2px 7px rgba(15,38,31,.05)!important}

/* Composer */
body.cz-atendimento .cbmenor{grid-row:3!important;width:100%!important;height:72px!important;margin:0!important;padding:9px 12px!important;float:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;background:#f7f9f8!important;border-top:1px solid #dce6e1!important}
body.cz-atendimento .ldcxe{width:100%!important;height:52px!important;margin:0!important;float:none!important}
body.cz-atendimento .formulario_caixa2{width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:15px 16px!important;border:1px solid #d8e4de!important;border-radius:15px!important;background:#fff!important;outline:0!important;resize:none!important;color:var(--cz-text)!important;font:13px Arial,sans-serif!important;box-shadow:0 2px 8px rgba(10,44,36,.035)!important}
body.cz-atendimento .formulario_caixa2:focus{border-color:#75ccb0!important;box-shadow:0 0 0 4px rgba(0,168,132,.07)!important}
body.cz-atendimento .ldcxic{width:auto!important;height:52px!important;margin:0!important;float:none!important;display:flex!important;align-items:center!important;overflow:hidden!important;border:1px solid #d8e4de!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 8px rgba(10,44,36,.035)!important}
body.cz-atendimento .ic1,body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{position:relative!important;width:50px!important;height:52px!important;margin:0!important;float:none!important;display:grid!important;place-items:center!important;border:0!important;border-left:1px solid #edf1ef!important;background:#fff!important;cursor:pointer!important}
body.cz-atendimento .ic1:first-child{border-left:0!important}.ic1:hover,.ic2:hover,.ic4:hover{background:#edf8f3!important}.ic3:hover{background:#fff1ef!important}
body.cz-atendimento .icone_enviar,body.cz-atendimento .icone_imagem,body.cz-atendimento .icone_encerrar,body.cz-atendimento .icone_refresh{font-size:22px!important;line-height:1!important;text-shadow:none!important;color:#577069!important}
body.cz-atendimento .icone_enviar{color:var(--cz-green-dark)!important}body.cz-atendimento .icone_encerrar{color:var(--cz-danger)!important}
body.cz-atendimento .ic1:after,body.cz-atendimento .ic2:after,body.cz-atendimento .ic3:after,body.cz-atendimento .ic4:after{position:absolute;bottom:59px;left:50%;transform:translateX(-50%);display:none;padding:6px 8px;border-radius:7px;background:#17241f;color:#fff;font-size:9px;white-space:nowrap;z-index:100}
body.cz-atendimento .ic1:after{content:"Enviar"}body.cz-atendimento .ic2:after{content:"Anexar arquivo"}body.cz-atendimento .ic3:after{content:"Encerrar"}body.cz-atendimento .ic4:after{content:"Transferir"}body.cz-atendimento .ic1:hover:after,body.cz-atendimento .ic2:hover:after,body.cz-atendimento .ic3:hover:after,body.cz-atendimento .ic4:hover:after{display:block}
body.cz-atendimento .divup{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.uplo{z-index:160!important}

/* Transfer / popups */
body.cz-atendimento .sptbx{position:fixed!important;right:16px!important;top:76px!important;width:min(360px,calc(100% - 32px))!important;z-index:500!important}
body.cz-atendimento .slexibe{width:100%!important;padding:18px!important;border:1px solid var(--cz-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 24px 70px rgba(10,44,36,.18)!important}
body.cz-atendimento .cz-transfer-head strong{display:block;font-size:14px}.cz-transfer-head span{display:block;margin:4px 0 12px;color:var(--cz-muted);font-size:10px}
body.cz-atendimento .formulario_caixa3{width:100%!important;height:44px!important;margin:0 0 10px!important;padding:0 10px!important;border:1px solid #d9e4df!important;border-radius:10px!important;background:#fff!important}
body.cz-atendimento .ct_anuncio2{width:100%!important;height:42px!important;margin:0!important;border:0!important;border-radius:10px!important;background:var(--cz-green)!important;color:#fff!important;font-size:11px!important;font-weight:900!important}
body.cz-atendimento .fundo_en,body.cz-atendimento .fundo_en2{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(8,30,25,.58)!important;z-index:9999!important}
body.cz-atendimento .td_popup{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100% - 28px))!important;padding:20px!important;border-radius:17px!important;background:#fff!important}
body.cz-atendimento .msg_popup{width:100%!important;padding:8px!important;font-size:12px!important}.fc_popup{margin:12px auto 0!important;padding:8px 15px!important;border-radius:9px!important;background:var(--cz-green)!important;color:#fff!important;font-size:11px!important}

/* Som */
.cz36-sound-status{position:fixed;right:14px;bottom:82px;z-index:800;display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #d9e8e1;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(10,44,36,.06);color:#60746b;font:800 8px Arial;pointer-events:none}.cz36-sound-status i{width:6px;height:6px;border-radius:50%;background:#1ab66f}

/* Mobile back */
.cz-mobile-back{display:none}

/* TABLET */
@media(max-width:980px){
 body.cz-atendimento .cpbaixo{grid-template-columns:310px minmax(0,1fr)!important}
 body.cz-atendimento .lda1{width:310px!important}
 body.cz-atendimento .bdtopo{grid-template-columns:minmax(210px,1fr) auto auto!important;padding:0 10px!important}
 body.cz-atendimento .msgsd:after{display:none}
 body.cz-atendimento .cbmaior{padding:18px 24px!important}
}

/* MOBILE */
@media(max-width:700px){
 body.cz-atendimento .aln_login{padding:14px!important;background:linear-gradient(180deg,#082a23 0 25%,#edf4f1 25% 100%)!important}
 body.cz-atendimento .ajusta{padding:26px 20px!important;border-radius:18px!important}
 body.cz-atendimento .whcp{height:100dvh!important}
 body.cz-atendimento .bdtopo{height:60px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:0 8px!important;gap:6px!important}
 body.cz-atendimento .msgsd{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.cz-atendimento .msgsd:before{width:32px;height:32px;flex-basis:32px;border-radius:10px}
 body.cz-atendimento .msgsd:after{display:none}
 body.cz-atendimento .strsd{display:none!important}
 body.cz-atendimento .conflk{padding:8px 9px!important;font-size:9px!important}
 body.cz-atendimento .cpbaixo{height:calc(100dvh - 60px)!important;display:block!important}
 body.cz-atendimento .lda1{display:block!important;width:100%!important;height:100%!important;padding:112px 8px 8px!important;border-right:0!important}
 .cz-inbox-head{height:112px;padding:12px 10px 8px}.cz-inbox-title strong{font-size:18px}
 body.cz-atendimento .lda2{display:none!important;width:100%!important;height:100%!important;grid-template-rows:60px minmax(0,1fr) 64px!important}
 body.cz-atendimento.cz-chat-open .lda1{display:none!important}
 body.cz-atendimento.cz-chat-open .lda2{display:grid!important}
 body.cz-atendimento.cz-chat-open .msgsd{padding-left:39px!important}
 .cz-chat-head{padding:0 10px 0 48px}.cz-chat-avatar{width:36px;height:36px;flex-basis:36px;font-size:12px}.cz-chat-copy strong{font-size:11px}.cz-chat-status{display:none}
 body.cz-atendimento .cbmaior{padding:13px 9px 16px!important}
 body.cz-atendimento .msgexe,body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe4,body.cz-atendimento .msgexe5,body.cz-atendimento .msgexe6{max-width:88%!important;font-size:11px!important}
 body.cz-atendimento .cbmenor{height:64px!important;padding:6px!important;gap:5px!important}
 body.cz-atendimento .ldcxe,body.cz-atendimento .formulario_caixa2,body.cz-atendimento .ldcxic{height:50px!important}
 body.cz-atendimento .formulario_caixa2{min-height:50px!important;padding:14px 11px!important;border-radius:13px!important;font-size:12px!important}
 body.cz-atendimento .ldcxic{border-radius:13px!important}
 body.cz-atendimento .ic1,body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{width:38px!important;height:50px!important}
 body.cz-atendimento .icone_enviar,body.cz-atendimento .icone_imagem,body.cz-atendimento .icone_encerrar,body.cz-atendimento .icone_refresh{font-size:20px!important}
 body.cz-atendimento .ic1:after,body.cz-atendimento .ic2:after,body.cz-atendimento .ic3:after,body.cz-atendimento .ic4:after{display:none!important}
 .cz-mobile-back{position:fixed;z-index:900;left:7px;top:12px;width:35px;height:35px;display:none;border:1px solid #dce7e2;border-radius:10px;background:#fff;color:var(--cz-green-dark);box-shadow:0 3px 10px rgba(10,44,36,.08);font-size:24px;line-height:30px;cursor:pointer}
 body.cz-atendimento.cz-chat-open .cz-mobile-back{display:block}
 .cz36-sound-status{right:7px;bottom:68px}
}
@media(max-width:390px){
 body.cz-atendimento .msgsd{font-size:10px!important}.cz-filter{padding:5px 7px;font-size:8px}
 body.cz-atendimento .ic1,body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{width:35px!important}
}

/* =========================================================
   CALLZAP V3.8.1 - CORRECOES VISUAIS
   1) Marca CallZap visivel no topo
   2) Botao Enviar sempre visivel no composer
========================================================= */
body.cz-atendimento .msgsd:before{
  content:"CallZap"!important;
  width:auto!important;
  min-width:92px!important;
  height:38px!important;
  padding:0 14px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#10b981,#009b7a)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  box-shadow:0 6px 16px rgba(0,168,132,.18)!important;
}
body.cz-atendimento .icone_enviar:before{
  content:"➤"!important;
  display:block!important;
  color:#087a62!important;
  font-family:Arial,sans-serif!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:rotate(-8deg)!important;
}
body.cz-atendimento .ic1{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:50px!important;
}
@media(max-width:700px){
  body.cz-atendimento .msgsd:before{
    min-width:74px!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  body.cz-atendimento .ic1{min-width:38px!important}
  body.cz-atendimento .icone_enviar:before{font-size:21px!important}
}
@media(max-width:390px){body.cz-atendimento .ic1{min-width:35px!important}}

/* =========================================================
   V3.8.2 - BOTAO ENVIAR VISIVEL / DESKTOP + MOBILE
   ========================================================= */
body.cz-atendimento .ldcxic .ic1{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:96px!important;
  padding:0 15px!important;
  background:#00a884!important;
  border-left:0!important;
  color:#fff!important;
  border-radius:12px 0 0 12px!important;
  visibility:visible!important;
  opacity:1!important;
}
body.cz-atendimento .ldcxic .ic1:hover{background:#008f72!important}
body.cz-atendimento .ldcxic .ic1 .icone_enviar{display:flex!important;align-items:center!important;gap:7px!important;color:#fff!important}
body.cz-atendimento .ldcxic .ic1 .icone_enviar:before{content:"➤"!important;color:#fff!important;font-size:18px!important;transform:none!important}
body.cz-atendimento .ldcxic .ic1 .icone_enviar:after{content:"Enviar"!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1!important}
@media(max-width:700px){
 body.cz-atendimento .ldcxic .ic1{min-width:44px!important;width:44px!important;padding:0!important;border-radius:11px 0 0 11px!important}
 body.cz-atendimento .ldcxic .ic1 .icone_enviar:after{display:none!important}
 body.cz-atendimento .ldcxic .ic1 .icone_enviar:before{font-size:19px!important}
}

/* =========================================================
   CALLZAP V3.8.3 - COMPOSER SAAS MODERNO
   Mantem as classes e eventos legados: ic1/ic2/ic3/ic4.
   ========================================================= */
body.cz-atendimento .cbmenor{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 12px!important;
  background:#f7faf9!important;
  border-top:1px solid #e1ebe7!important;
  box-sizing:border-box!important;
}
body.cz-atendimento .ldcxe{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  float:none!important;
}
body.cz-atendimento .formulario_caixa2{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  max-height:120px!important;
  padding:15px 18px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid #dbe6e2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(20,54,44,.04)!important;
  font-family:Arial,sans-serif!important;
  font-size:14px!important;
  line-height:20px!important;
  resize:none!important;
  outline:none!important;
}
body.cz-atendimento .formulario_caixa2:focus{
  border-color:#00a884!important;
  box-shadow:0 0 0 3px rgba(0,168,132,.10)!important;
}
body.cz-atendimento .ldcxic{
  flex:0 0 auto!important;
  width:auto!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
body.cz-atendimento .ldcxic .ic1,
body.cz-atendimento .ldcxic .ic2,
body.cz-atendimento .ldcxic .ic3,
body.cz-atendimento .ldcxic .ic4{
  position:relative!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin:0!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dce7e3!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#46645b!important;
  cursor:pointer!important;
  box-shadow:0 2px 7px rgba(20,54,44,.04)!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
body.cz-atendimento .ldcxic .ic1{
  background:#00a884!important;
  border-color:#00a884!important;
  color:#fff!important;
  border-radius:14px!important;
}
body.cz-atendimento .ldcxic .ic1:hover{background:#008f72!important;border-color:#008f72!important;box-shadow:0 5px 14px rgba(0,168,132,.20)!important;transform:translateY(-1px)!important}
body.cz-atendimento .ldcxic .ic2:hover,
body.cz-atendimento .ldcxic .ic4:hover{background:#edf8f4!important;border-color:#bcded2!important;color:#087a62!important;transform:translateY(-1px)!important}
body.cz-atendimento .ldcxic .ic3{color:#d84b42!important;background:#fffafa!important;border-color:#f0d6d3!important}
body.cz-atendimento .ldcxic .ic3:hover{background:#fff0ee!important;border-color:#efc2bd!important;transform:translateY(-1px)!important}

/* Remove icones/emoji antigos e desenha SVGs modernos sem dependencias externas */
body.cz-atendimento .ldcxic .icone_enviar,
body.cz-atendimento .ldcxic .icone_imagem,
body.cz-atendimento .ldcxic .icone_encerrar,
body.cz-atendimento .ldcxic .icone_refresh{
  width:22px!important;height:22px!important;display:block!important;position:relative!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:22px 22px!important;
  font-size:0!important;color:transparent!important;
}
body.cz-atendimento .ldcxic .icone_enviar:before,
body.cz-atendimento .ldcxic .icone_enviar:after,
body.cz-atendimento .ldcxic .icone_imagem:before,
body.cz-atendimento .ldcxic .icone_imagem:after,
body.cz-atendimento .ldcxic .icone_encerrar:before,
body.cz-atendimento .ldcxic .icone_encerrar:after,
body.cz-atendimento .ldcxic .icone_refresh:before,
body.cz-atendimento .ldcxic .icone_refresh:after{content:none!important;display:none!important}
body.cz-atendimento .ldcxic .icone_enviar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")!important}
body.cz-atendimento .ldcxic .icone_imagem{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23087a62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")!important}
body.cz-atendimento .ldcxic .icone_encerrar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d84b42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='3'/%3E%3Cpath d='m9 9 6 6M15 9l-6 6'/%3E%3C/svg%3E")!important}
body.cz-atendimento .ldcxic .icone_refresh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23087a62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4-4 4'/%3E%3Cpath d='M3 7h18'/%3E%3Cpath d='m7 21-4-4 4-4'/%3E%3Cpath d='M21 17H3'/%3E%3C/svg%3E")!important}

/* Tooltips desktop */
body.cz-atendimento .ldcxic .ic1:after,
body.cz-atendimento .ldcxic .ic2:after,
body.cz-atendimento .ldcxic .ic3:after,
body.cz-atendimento .ldcxic .ic4:after{
  position:absolute!important;bottom:58px!important;left:50%!important;transform:translateX(-50%)!important;
  display:none!important;padding:7px 9px!important;border-radius:8px!important;background:#152a23!important;color:#fff!important;
  font:600 10px/1 Arial,sans-serif!important;white-space:nowrap!important;z-index:9999!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important
}
body.cz-atendimento .ldcxic .ic1:after{content:"Enviar mensagem"!important}
body.cz-atendimento .ldcxic .ic2:after{content:"Anexar arquivo"!important}
body.cz-atendimento .ldcxic .ic3:after{content:"Encerrar atendimento"!important}
body.cz-atendimento .ldcxic .ic4:after{content:"Transferir conversa"!important}
body.cz-atendimento .ldcxic .ic1:hover:after,
body.cz-atendimento .ldcxic .ic2:hover:after,
body.cz-atendimento .ldcxic .ic3:hover:after,
body.cz-atendimento .ldcxic .ic4:hover:after{display:block!important}

@media(max-width:700px){
 body.cz-atendimento .cbmenor{gap:6px!important;padding:7px 8px!important}
 body.cz-atendimento .formulario_caixa2{height:48px!important;min-height:48px!important;border-radius:14px!important;padding:13px 14px!important;font-size:14px!important}
 body.cz-atendimento .ldcxic{height:48px!important;gap:5px!important}
 body.cz-atendimento .ldcxic .ic1,body.cz-atendimento .ldcxic .ic2,body.cz-atendimento .ldcxic .ic3,body.cz-atendimento .ldcxic .ic4{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
 body.cz-atendimento .ldcxic .icone_enviar,body.cz-atendimento .ldcxic .icone_imagem,body.cz-atendimento .ldcxic .icone_encerrar,body.cz-atendimento .ldcxic .icone_refresh{width:20px!important;height:20px!important;background-size:20px 20px!important}
 body.cz-atendimento .ldcxic .ic1:after,body.cz-atendimento .ldcxic .ic2:after,body.cz-atendimento .ldcxic .ic3:after,body.cz-atendimento .ldcxic .ic4:after{display:none!important}
}
@media(max-width:430px){
 body.cz-atendimento .cbmenor{gap:4px!important;padding:6px!important}
 body.cz-atendimento .ldcxic{gap:3px!important}
 body.cz-atendimento .ldcxic .ic1,body.cz-atendimento .ldcxic .ic2,body.cz-atendimento .ldcxic .ic3,body.cz-atendimento .ldcxic .ic4{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:40px!important;min-height:40px!important;border-radius:11px!important}
 body.cz-atendimento .formulario_caixa2{height:44px!important;min-height:44px!important;padding:11px 12px!important}
}

/* =========================================================
   CALLZAP V3.8.4 - BOTAO ENVIAR VISIVEL E INDEPENDENTE
   ========================================================= */
body.cz-atendimento .ldcxic > .ic1.cz-send-legacy{display:none!important}
body.cz-atendimento .cz-send-button{
  flex:0 0 auto!important;height:48px!important;min-width:104px!important;padding:0 17px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid #00a884!important;border-radius:14px!important;background:#00a884!important;color:#fff!important;
  font:800 13px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 4px 12px rgba(0,168,132,.18)!important;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease!important;white-space:nowrap!important
}
body.cz-atendimento .cz-send-button:hover{background:#008f72!important;border-color:#008f72!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(0,168,132,.24)!important}
body.cz-atendimento .cz-send-button:active{transform:translateY(0)!important}
body.cz-atendimento .cz-send-icon{width:19px!important;height:19px!important;display:block!important;background:center/19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")!important}
@media(max-width:700px){
 body.cz-atendimento .cz-send-button{height:42px!important;min-width:42px!important;width:42px!important;padding:0!important;border-radius:12px!important}
 body.cz-atendimento .cz-send-label{display:none!important}
 body.cz-atendimento .cz-send-icon{width:20px!important;height:20px!important;background-size:20px 20px!important}
}
@media(max-width:430px){body.cz-atendimento .cz-send-button{height:40px!important;min-width:40px!important;width:40px!important;border-radius:11px!important}}


/* =========================================================
   CALLZAP V4.3.0 - BUSINESS INBOX PREMIUM
   Camada visual: preserva IDs/classes e AJAX legados.
========================================================= */
:root{
 --cz430-bg:#f7f9f8;--cz430-panel:#ffffff;--cz430-ink:#15251f;--cz430-muted:#72827b;
 --cz430-line:#e5ece9;--cz430-green:#0aad83;--cz430-green2:#078566;--cz430-soft:#eaf8f3;
 --cz430-in:#ffffff;--cz430-out:#dff7ed;--cz430-ai:#eef1ff;--cz430-system:#f4f6f5;
}
body.cz-atendimento .whcp{background:var(--cz430-bg)!important}
body.cz-atendimento .bdtopo{
 height:72px!important;min-height:72px!important;padding:0 18px!important;background:#fff!important;
 border-bottom:1px solid var(--cz430-line)!important;box-shadow:0 1px 0 rgba(15,45,35,.02)!important
}
body.cz-atendimento .msgsd{font-weight:850!important;color:var(--cz430-ink)!important}
body.cz-atendimento .strsd{background:#f7fbf9!important;border:1px solid #dfebe6!important;border-radius:12px!important;padding:9px 12px!important;color:#61736b!important}
body.cz-atendimento .strsd b{color:var(--cz430-green2)!important}
body.cz-atendimento .conflk{border:1px solid #f0d8d4!important;background:#fff9f8!important;color:#b83d31!important;border-radius:11px!important;font-weight:800!important}

/* coluna de contatos */
body.cz-atendimento .lda1{
 width:340px!important;min-width:340px!important;background:#fff!important;border-right:1px solid var(--cz430-line)!important;
 padding:10px!important;overflow-y:auto!important;scrollbar-width:thin!important
}
body.cz-atendimento .lda1:before{
 content:"Conversas";display:block;padding:8px 8px 13px;color:var(--cz430-ink);font-size:18px;font-weight:900;letter-spacing:-.02em
}
body.cz-atendimento .ldpfcp,body.cz-atendimento .ldpfcp2{
 position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;
 grid-template-rows:auto auto!important;column-gap:11px!important;align-items:center!important;
 width:100%!important;min-height:72px!important;height:auto!important;margin:0 0 7px!important;padding:10px 11px!important;
 background:#fff!important;border:1px solid transparent!important;border-radius:15px!important;
 box-shadow:none!important;transition:.18s ease!important;cursor:pointer!important;overflow:hidden!important
}
body.cz-atendimento .ldpfcp:hover{background:#f7fbf9!important;border-color:#e2eee9!important;transform:translateY(-1px)}
body.cz-atendimento .ldpfcp[data-ativo="true"]{background:#eaf8f3!important;border-color:#bce9d9!important;box-shadow:inset 3px 0 0 var(--cz430-green)!important}
body.cz-atendimento .imgcl{grid-row:1/3!important;width:48px!important;height:48px!important;margin:0!important;border-radius:50%!important;overflow:hidden!important;background:#e9f4ef!important;border:1px solid #dceae4!important}
body.cz-atendimento .imgcl img{width:100%!important;height:100%!important;object-fit:cover!important}
body.cz-atendimento .nmcl{grid-column:2!important;grid-row:1!important;width:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#182923!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important}
body.cz-atendimento .nmcl:after{content:"";display:block}
body.cz-atendimento .ldpfcp:after,body.cz-atendimento .ldpfcp2:after{
 content:attr(data-zap);grid-column:2!important;grid-row:2!important;color:#87968f!important;font-size:10px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body.cz-atendimento .opccl{grid-column:3!important;grid-row:1/3!important;align-self:center!important;position:static!important;width:auto!important;min-width:22px!important;height:22px!important;margin:0!important;padding:0 7px!important;border-radius:999px!important;background:var(--cz430-green)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:22px!important;text-align:center!important}

/* conversa */
body.cz-atendimento .lda2{background:#f5f7f6!important;min-width:0!important}
body.cz-atendimento .cbmaior{
 padding:24px clamp(18px,5vw,72px) 28px!important;background-color:#f4f6f5!important;
 background-image:radial-gradient(circle at 1px 1px,rgba(35,79,64,.045) 1px,transparent 0)!important;
 background-size:22px 22px!important;scrollbar-width:thin!important
}
body.cz-atendimento .sptexe{width:100%!important;min-height:0!important;margin:0 0 9px!important;padding:0!important;display:flex!important;clear:both!important;background:transparent!important}
body.cz-atendimento .sptexe:has(.msgexe2){justify-content:flex-start!important}
body.cz-atendimento .sptexe:has(.msgexe),body.cz-atendimento .sptexe:has(.msgexe6){justify-content:flex-end!important}
body.cz-atendimento .sptexe:has(.msgexe3),body.cz-atendimento .sptexe:has(.msgexe4){justify-content:center!important}

body.cz-atendimento .msgexe,body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe3,
body.cz-atendimento .msgexe4,body.cz-atendimento .msgexe5,body.cz-atendimento .msgexe6{
 position:relative!important;float:none!important;width:auto!important;height:auto!important;min-height:0!important;
 max-width:min(680px,78%)!important;margin:0!important;padding:11px 13px 24px!important;border-radius:14px!important;
 border:1px solid rgba(25,62,49,.09)!important;box-shadow:0 2px 7px rgba(25,52,43,.06)!important;
 color:#20302a!important;font-size:13px!important;line-height:1.48!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important
}
body.cz-atendimento .msgexe,body.cz-atendimento .msgexe6{background:var(--cz430-out)!important;border-bottom-right-radius:5px!important}
body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe5{background:#fff!important;border-bottom-left-radius:5px!important}
body.cz-atendimento .msgexe3{background:var(--cz430-system)!important;color:#65766f!important;border-radius:999px!important;max-width:70%!important;padding:7px 13px!important;font-size:10px!important;text-align:center!important}
body.cz-atendimento .msgexe4{background:var(--cz430-ai)!important;border-color:#dfe3ff!important;max-width:min(680px,78%)!important}
body.cz-atendimento .msgexe4:before{content:"IA";display:inline-flex;margin:0 7px 4px 0;padding:2px 6px;border-radius:999px;background:#dfe4ff;color:#4d5eb8;font-size:9px;font-weight:900;vertical-align:1px}
body.cz-atendimento .sptexe[title] .msgexe:after,body.cz-atendimento .sptexe[title] .msgexe2:after,
body.cz-atendimento .sptexe[title] .msgexe4:after,body.cz-atendimento .sptexe[title] .msgexe5:after,
body.cz-atendimento .sptexe[title] .msgexe6:after{
 content:attr(data-cz-time);position:absolute;right:10px;bottom:6px;color:#82928b;font-size:9px;font-weight:650;white-space:nowrap
}
/* horário é copiado do title do wrapper via JS */
body.cz-atendimento .msgexe audio,body.cz-atendimento .msgexe2 audio,body.cz-atendimento .msgexe5 audio,body.cz-atendimento .msgexe6 audio{
 display:block!important;width:min(330px,65vw)!important;height:42px!important;margin:2px 0 0!important
}
body.cz-atendimento .msgexe img,body.cz-atendimento .msgexe2 img,body.cz-atendimento .msgexe5 img,body.cz-atendimento .msgexe6 img{
 display:block!important;width:auto!important;max-width:min(360px,65vw)!important;max-height:330px!important;object-fit:cover!important;border-radius:10px!important;margin:0!important
}
body.cz-atendimento .cz-media-card{display:flex!important;align-items:center!important;gap:10px!important;min-width:230px!important;color:inherit!important;text-decoration:none!important}
body.cz-atendimento .cz-media-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef5f2;font-size:18px}
body.cz-atendimento .cz-media-copy{display:grid;gap:2px}.cz-media-copy strong{font-size:12px}.cz-media-copy span{font-size:10px;color:#788a82}

/* compositor */
body.cz-atendimento .cbmenor{min-height:76px!important;height:auto!important;padding:10px 14px!important;background:#fff!important;border-top:1px solid var(--cz430-line)!important;display:flex!important;align-items:center!important;gap:10px!important}
body.cz-atendimento .ldcxe{flex:1!important;width:auto!important;margin:0!important}
body.cz-atendimento .formulario_caixa2{width:100%!important;min-height:50px!important;max-height:120px!important;padding:14px 16px!important;border:1px solid #dce7e2!important;border-radius:15px!important;background:#f9fbfa!important;box-shadow:none!important;outline:none!important;font:13px Arial,sans-serif!important;resize:none!important}
body.cz-atendimento .formulario_caixa2:focus{border-color:#9bdac5!important;background:#fff!important;box-shadow:0 0 0 3px rgba(10,173,131,.08)!important}
body.cz-atendimento .ldcxic{width:auto!important;display:flex!important;gap:8px!important;align-items:center!important;margin:0!important}
body.cz-atendimento .ic1,body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{
 display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0!important;border-radius:14px!important;border:1px solid #dfe9e5!important;background:#fff!important;color:#365048!important;box-shadow:none!important
}
body.cz-atendimento .ic1{background:var(--cz430-green)!important;border-color:var(--cz430-green)!important;color:#fff!important}
body.cz-atendimento .ic3{color:#c64c40!important;background:#fff9f8!important;border-color:#f1dcd8!important}
body.cz-atendimento .ic1:hover{background:var(--cz430-green2)!important}
body.cz-atendimento .ic2:hover,body.cz-atendimento .ic4:hover{background:#f2f8f5!important}
body.cz-atendimento .icone_enviar,body.cz-atendimento .icone_imagem,body.cz-atendimento .icone_encerrar,body.cz-atendimento .icone_refresh,body.cz-atendimento .icone_cancela{font-size:22px!important;color:inherit!important;text-shadow:none!important;line-height:1!important}

@media(max-width:900px){
 body.cz-atendimento .lda1{width:100%!important;min-width:0!important;padding:8px!important}
 body.cz-atendimento .msgexe,body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe3,body.cz-atendimento .msgexe4,body.cz-atendimento .msgexe5,body.cz-atendimento .msgexe6{max-width:88%!important}
 body.cz-atendimento .cbmaior{padding:18px 12px 22px!important}
 body.cz-atendimento .cbmenor{padding:8px!important;gap:6px!important}
 body.cz-atendimento .ic1,body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{width:43px!important;height:43px!important;border-radius:12px!important}
}


/* =========================================================
   CALLZAP V4.3.1 - HOTFIX LAYOUT CONTATOS
   Corrige conflito entre a camada Premium e o cabeçalho
   fixo da caixa de entrada já existente na V3.8.
========================================================= */
body.cz-atendimento .lda1{
 width:360px!important;
 min-width:360px!important;
 padding:126px 10px 10px!important;
}
body.cz-atendimento .lda1:before{display:none!important;content:""!important}
body.cz-atendimento .ldpfcp,
body.cz-atendimento .ldpfcp2{
 position:relative!important;
 display:grid!important;
 grid-template-columns:48px minmax(0,1fr) auto!important;
 grid-template-rows:auto auto!important;
 padding:10px 11px!important;
 overflow:visible!important;
}
body.cz-atendimento .imgcl{
 position:static!important;
 left:auto!important;
 top:auto!important;
 grid-column:1!important;
 grid-row:1/3!important;
 align-self:center!important;
 width:48px!important;
 height:48px!important;
}
body.cz-atendimento .nmcl{
 position:static!important;
 grid-column:2!important;
 grid-row:1!important;
 align-self:end!important;
 margin:0!important;
 line-height:1.35!important;
}
body.cz-atendimento .nmcl:after{display:none!important;content:""!important}
body.cz-atendimento .ldpfcp:after,
body.cz-atendimento .ldpfcp2:after{
 position:static!important;
 grid-column:2!important;
 grid-row:2!important;
 align-self:start!important;
 content:attr(data-zap)!important;
 display:block!important;
 margin-top:3px!important;
 color:#87968f!important;
 font-size:10px!important;
 line-height:1.3!important;
}
body.cz-atendimento .opccl{
 position:static!important;
 right:auto!important;
 top:auto!important;
 grid-column:3!important;
 grid-row:1/3!important;
 align-self:center!important;
 justify-self:end!important;
}
@media(max-width:980px) and (min-width:701px){
 body.cz-atendimento .lda1{width:310px!important;min-width:310px!important;padding:126px 8px 8px!important}
}
@media(max-width:700px){
 body.cz-atendimento .lda1{width:100%!important;min-width:0!important;padding:122px 8px 8px!important}
}


/* =========================================================
   CALLZAP V4.5.4 - HOTFIX CENTRAL DE ATENDIMENTO
   Mobile real + composer + lista + popup
========================================================= */
body.cz-atendimento .fundo_en{display:none}
@media(max-width:700px){
 html,body.cz-atendimento{height:100%!important;min-height:100%!important;overflow:hidden!important}
 body.cz-atendimento .apptd,body.cz-atendimento .whcp{height:100dvh!important;min-height:100dvh!important}
 body.cz-atendimento .bdtopo{position:relative!important;height:58px!important;min-height:58px!important;padding:0 10px!important}
 body.cz-atendimento .cpbaixo{height:calc(100dvh - 58px)!important;min-height:0!important;overflow:hidden!important}
 body.cz-atendimento .lda1{
   position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;
   height:100%!important;max-height:none!important;padding:116px 10px 12px!important;overflow-y:auto!important;
   background:#fff!important
 }
 body.cz-atendimento .cz-inbox-head{
   position:absolute!important;left:0!important;right:0!important;top:0!important;height:116px!important;
   padding:12px 12px 9px!important;background:#fff!important;border-bottom:1px solid #e3ebe7!important;z-index:20!important
 }
 body.cz-atendimento .ldpfcp,body.cz-atendimento .ldpfcp2{
   width:100%!important;min-height:68px!important;margin:0 0 7px!important;padding:9px 10px!important;
   border:1px solid #e2ebe7!important;border-radius:14px!important;background:#fff!important
 }
 body.cz-atendimento .lda2{
   position:relative!important;width:100%!important;height:100%!important;min-height:0!important;
   grid-template-rows:58px minmax(0,1fr) auto!important;background:#f3f6f5!important
 }
 body.cz-atendimento.cz-chat-open .lda2{display:grid!important}
 body.cz-atendimento .cz-chat-head{height:58px!important;min-height:58px!important;padding:0 9px 0 50px!important}
 body.cz-atendimento .cbmaior{
   min-height:0!important;height:auto!important;padding:12px 9px 18px!important;overflow-y:auto!important;
   -webkit-overflow-scrolling:touch!important
 }
 body.cz-atendimento .cbmenor{
   min-height:64px!important;height:auto!important;padding:7px!important;display:flex!important;gap:6px!important;
   align-items:flex-end!important;background:#fff!important
 }
 body.cz-atendimento .ldcxe{height:auto!important;min-width:0!important;flex:1 1 auto!important}
 body.cz-atendimento .formulario_caixa2{height:46px!important;min-height:46px!important;max-height:96px!important;padding:13px 12px!important}
 body.cz-atendimento .cz-send-button{height:46px!important;min-height:46px!important;flex:0 0 auto!important}
 body.cz-atendimento .ldcxic{height:46px!important;flex:0 0 auto!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
 body.cz-atendimento .ldcxic .ic1{display:none!important}
 body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{
   width:42px!important;height:46px!important;border:1px solid #dfe8e4!important;border-radius:12px!important;background:#fff!important
 }
 body.cz-atendimento .msgexe,body.cz-atendimento .msgexe2,body.cz-atendimento .msgexe3,
 body.cz-atendimento .msgexe4,body.cz-atendimento .msgexe5,body.cz-atendimento .msgexe6{
   max-width:90%!important;font-size:12px!important;line-height:1.42!important;overflow-wrap:anywhere!important
 }
 body.cz-atendimento .sptbx{left:10px!important;right:10px!important;top:66px!important;width:auto!important}
 body.cz-atendimento .td_popup{width:calc(100% - 24px)!important;max-width:390px!important;padding:18px!important}
 body.cz-atendimento .cz36-sound-status{display:none!important}
 body.cz-atendimento .uplo{position:fixed!important}
}
@media(max-width:430px){
 body.cz-atendimento .cbmenor{gap:4px!important;padding:6px!important}
 body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{width:38px!important}
 body.cz-atendimento .cz-send-label{display:none!important}
 body.cz-atendimento .cz-send-button{width:42px!important;min-width:42px!important;padding:0!important}
}

.cz-newmsg-toast{position:fixed;right:16px;top:76px;z-index:12000;padding:11px 14px;border-radius:12px;background:#0b7d63;color:#fff;font:700 12px Arial;box-shadow:0 12px 30px rgba(0,0,0,.18)}@media(max-width:700px){.cz-newmsg-toast{left:10px;right:10px;top:66px;text-align:center}}

/* CALLZAP V4.5.5 - composer e mobile sem overflow */
body.cz-atendimento .cbmenor{box-sizing:border-box!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;overflow:hidden!important}
body.cz-atendimento .ldcxe{float:none!important;width:auto!important;min-width:0!important;flex:1 1 0!important;margin:0!important}
body.cz-atendimento .formulario_caixa2{box-sizing:border-box!important;width:100%!important}
body.cz-atendimento .cz-send-button{position:static!important;float:none!important;flex:0 0 auto!important;min-width:78px!important;height:46px!important;box-sizing:border-box!important}
body.cz-atendimento .ldcxic{float:none!important;width:auto!important;min-width:126px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important;margin:0!important}
body.cz-atendimento .msgexe3.cz-handoff{display:block!important;max-width:590px!important;width:auto!important;margin:8px auto!important;padding:11px 14px!important;border:1px solid #dce9e4!important;border-left:4px solid #08aa80!important;border-radius:13px!important;background:#f7fbf9!important;color:#40534c!important;font-size:11.5px!important;line-height:1.45!important;text-align:left!important;white-space:pre-line!important;box-shadow:0 3px 10px rgba(20,60,48,.05)!important}
@media(max-width:700px){
 html,body.cz-atendimento{width:100%!important;height:100%!important;overflow:hidden!important}
 body.cz-atendimento .bdtopo{height:56px!important;min-height:56px!important;padding:0 8px!important}
 body.cz-atendimento .cpbaixo{height:calc(100dvh - 56px)!important;min-height:0!important}
 body.cz-atendimento .lda1{width:100%!important;min-width:0!important;height:100%!important;padding:112px 8px 8px!important;overflow-y:auto!important;box-sizing:border-box!important}
 body.cz-atendimento .cz-inbox-head{height:112px!important;padding:9px!important;box-sizing:border-box!important}
 body.cz-atendimento .ldpfcp,body.cz-atendimento .ldpfcp2{width:100%!important;min-height:64px!important;margin:0 0 6px!important;box-sizing:border-box!important}
 body.cz-atendimento.cz-chat-open .lda1{display:none!important}
 body.cz-atendimento:not(.cz-chat-open) .lda2{display:none!important}
 body.cz-atendimento.cz-chat-open .lda2{display:grid!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:1000!important;grid-template-rows:58px minmax(0,1fr) 62px!important;background:#f5f8f7!important}
 body.cz-atendimento .cz-chat-head{grid-row:1!important;height:58px!important;min-height:58px!important;width:100%!important;padding:0 8px 0 48px!important;box-sizing:border-box!important;overflow:hidden!important}
 body.cz-atendimento .cbmaior{grid-row:2!important;width:100%!important;min-height:0!important;padding:10px 8px 14px!important;overflow-y:auto!important;box-sizing:border-box!important}
 body.cz-atendimento .cbmenor{grid-row:3!important;position:static!important;width:100%!important;height:62px!important;min-height:62px!important;padding:7px 5px!important;gap:4px!important;background:#fff!important;border-top:1px solid #dde8e3!important;overflow:hidden!important}
 body.cz-atendimento .ldcxe{min-width:0!important;flex:1 1 0!important}
 body.cz-atendimento .formulario_caixa2{height:46px!important;min-height:46px!important;padding:11px 9px!important}
 body.cz-atendimento .cz-send-button{display:flex!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important}
 body.cz-atendimento .cz-send-label{display:none!important}
 body.cz-atendimento .ldcxic{width:auto!important;min-width:0!important;flex:0 0 auto!important;height:46px!important;gap:3px!important}
 body.cz-atendimento .ldcxic .ic1{display:none!important}
 body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{float:none!important;position:static!important;display:flex!important;width:36px!important;min-width:36px!important;height:46px!important;margin:0!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
 body.cz-atendimento .msgexe3.cz-handoff{max-width:94%!important;padding:9px 10px!important;font-size:10.8px!important}
}
@media(max-width:390px){
 body.cz-atendimento .cbmenor{padding-left:3px!important;padding-right:3px!important;gap:2px!important}
 body.cz-atendimento .cz-send-button{width:38px!important;min-width:38px!important;max-width:38px!important}
 body.cz-atendimento .ic2,body.cz-atendimento .ic3,body.cz-atendimento .ic4{width:32px!important;min-width:32px!important}
}

/* CALLZAP V4.5.6 - hora sem sobrepor texto + handoff compacto */
body.cz-atendimento .msgexe,
body.cz-atendimento .msgexe2,
body.cz-atendimento .msgexe3,
body.cz-atendimento .msgexe4,
body.cz-atendimento .msgexe5,
body.cz-atendimento .msgexe6{position:relative!important;padding-bottom:22px!important}
body.cz-atendimento .cz-msg-time{
 display:block!important;position:absolute!important;right:9px!important;bottom:5px!important;
 font-size:9px!important;line-height:1!important;color:#71817b!important;opacity:.9!important;
 white-space:nowrap!important;font-weight:500!important
}
body.cz-atendimento .msgexe3.cz-handoff{
 max-width:560px!important;padding:10px 13px 26px!important;font-size:11px!important;line-height:1.35!important
}
@media(max-width:700px){
 body.cz-atendimento .msgexe3.cz-handoff{max-width:92%!important;font-size:10.5px!important;line-height:1.3!important}
 body.cz-atendimento .cz-msg-time{font-size:8px!important;right:7px!important;bottom:4px!important}
}
