.app{height:100dvh}.main:before{content:"";z-index:6;height:env(safe-area-inset-top);background:var(--bg);flex:none;display:block;position:sticky;top:0}.topo{top:env(safe-area-inset-top)}.main{padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.sb{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left)}.drawer{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0}.modal-fundo{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}@media (min-width:901px){.app{grid-template-columns:calc(240px + env(safe-area-inset-left)) 1fr}.app.mini{grid-template-columns:calc(64px + env(safe-area-inset-left)) 1fr}}@media (min-width:901px) and (max-height:500px) and (pointer:coarse){.kpis,.kpis.k3{grid-template-columns:1fr 1fr}.topo-in{flex-wrap:wrap;row-gap:8px;height:auto;min-height:56px;padding-top:8px;padding-bottom:8px}.topo-r{flex-wrap:wrap;flex:0 auto;row-gap:8px;min-width:0;max-width:100%}}@media (max-width:900px){.main{padding-left:env(safe-area-inset-left)}.topo .icon-btn,.topo-r .icon-btn{width:40px;height:40px}.topo-in{column-gap:10px}.topo-r{gap:6px}.menu-btn{margin-left:-8px}.topo-r .vistas a{height:40px}.sb{width:calc(280px + env(safe-area-inset-left))}.sb .icon-btn{width:40px;height:40px}.sb-top .logo{min-height:40px}.sb-top .recolhe{display:none}.ni,.sub .ni{height:40px}.sb-foot{padding-top:8px;padding-bottom:8px}.sb-foot .quem{height:40px}.app.gaveta{cursor:pointer;-webkit-tap-highlight-color:transparent}.app.gaveta .sb{cursor:auto}.app.gaveta:after{content:"";z-index:39;background:#0000008c;position:fixed;inset:0}.drawer .icon-btn{width:40px;height:40px}}@media (max-width:900px),(pointer:coarse){.inp{height:44px;font-size:16px}.crm-cx textarea,.crm-cx select{font-size:16px}}.auth{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}@media (max-width:900px){.btn.lg{height:44px}.auth .btn,.conta-tela .btn,.auth-pe .lnk,.auth .lnk,.conta-tela .lnk{min-height:40px}.fa-chave summary{align-items:center;min-height:40px;display:flex}.fa-guardei{min-height:40px}.fa-guardei .chk{width:20px;height:20px}}.fa-so-cel{display:none}@media (max-width:700px) and (pointer:coarse),(max-height:500px) and (pointer:coarse){.fa-app{display:inline-flex}.auth-card.largo:has(.fa-app){flex-direction:column;display:flex}.auth-card.largo .fa-app{order:-1}.auth-card.largo>.logo,.auth-card.largo>h1,.auth-card.largo>.sub{order:-3}.auth-card.largo>.fa-passos{order:-2}.form-col:has(>.fa-app){flex-direction:column;display:flex}.form-col:has(>.fa-app)>.msg{order:-3}.form-col:has(>.fa-app)>.fa-passos{order:-2}.form-col:has(>.fa-app)>.fa-app{order:-1}.form-col:has(>.fa-app)>.linha-bts .btn{flex:100%;justify-content:center;height:44px}.fa-so-tela{display:none}.fa-so-cel{display:list-item}}.crm-c .so-fone,.kb-abas{display:none}.crm-c .hd-quem{display:contents}.crm-cx .cx-env-cel{display:none}@media (max-width:480px){.topo:has(.vistas) .crumb{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:900px){:is(.main:has(>.crm-wrap),.main:has(>.kb-content)){flex-direction:column;display:flex}:is(.main:has(>.crm-wrap)>.topo,.main:has(>.kb-content)>.topo){flex:none}.crm-wrap,.kb-content{min-width:0;margin-left:0;margin-right:0}.crm-wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.crm{flex:auto;height:auto;min-height:0}.crm .seg a{height:40px}.crm-l .hd{padding:8px 12px}.main:has(.crm.com-conversa)>.topo{display:none}.crm-c .hd{gap:8px;min-height:0;padding:8px 12px}.crm-c .hd>*{order:9}.crm-c .hd>.voltar{order:1;width:40px;height:40px;margin-left:-6px}.crm-c .hd>.av{order:2}.crm-c .hd>.hd-quem{flex:auto;order:3;align-items:baseline;gap:8px;min-width:0;display:flex}.crm-c .hd-quem b{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.crm-c .hd-quem .fim{white-space:nowrap;flex:none}.crm-c .hd>.so-fone{order:4;width:40px;height:40px;display:inline-flex}.crm-c .hd>.so-cel{order:5}.crm-c .hd>.esp{flex:0 0 100%;order:6;height:0}.crm-c .hd .btn{height:40px}.crm-c .hd .mais summary{width:40px;height:40px}.crm-c .hd .mais-m{top:44px}.crm-c .hd .mais-m button{height:44px}.faixa-c{padding:8px 12px}.crm-mails .lnk{min-height:40px;padding:0 4px}.crm-cx{gap:6px;padding:8px 12px 10px}.crm-cx .cx-l{gap:6px 8px}.crm-cx .cx-campo{align-items:flex-end;gap:8px;display:flex}.crm-cx textarea{resize:none;field-sizing:content;flex:auto;min-width:0;height:auto;min-height:44px;max-height:132px;padding:10px 12px}.crm-cx .cx-env-cel{border-radius:22px;flex:none;justify-content:center;width:44px;height:44px;padding:0;display:inline-flex}.crm-cx .cx-env-cel svg.ic{width:20px;height:20px}.crm-cx .cx-b .btn{display:none}.crm-cx .cx-b:not(:has(.cx-av,.cx-n)){display:none}.crm-cx select,.crm-cx .cx-conv .btn{height:44px}.crm-cx .cx-conv{gap:8px}.crm-cx .cx-conv select{flex:160px;min-width:0}.crm-cx .cx-conv .btn{flex:100%;justify-content:center}html.teclado .app{left:0;right:0;top:var(--vv-top,0px);height:var(--vv-h,100dvh);position:fixed}html.teclado .main{padding-bottom:0}html.teclado .crm-cx .cx-l .cx-s{display:none}.kb-content{flex-direction:column;flex:auto;min-height:0;padding-bottom:8px;display:flex}.kb-wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.kb{grid-template-columns:repeat(6, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right) - 26px));flex:auto;height:auto;min-height:340px}.kcol{scroll-snap-stop:always}.kb-abas{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin:0 12px 10px;display:grid}.kb-abas button{border:1px solid var(--line);min-height:44px;color:var(--tx2);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:1px;display:flex}.kb-abas button b{color:var(--tx);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:1.2}.kb-abas button span{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;line-height:1.2;overflow:hidden}.kb-abas button.on{background:var(--pu-bg);color:var(--tx);border-color:#0000}.kb-abas button.zero b{color:var(--tx3);font-weight:500}.kc .r1{padding-right:36px}.kc-m{top:2px;right:2px}.kc-m summary{width:40px;height:40px}.kc-m .mais-m{top:42px}.kc-m .mais-m button{height:44px}.kmais{min-height:40px}}
