/* Camada de apresentação: não altera mensagens, decisões ou ações do atendimento. */
:root{--muted-foreground:#61586b}
.pular-conteudo{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;padding:12px;border:2px solid var(--ring)}
.pular-conteudo:focus{top:8px}
:focus-visible{outline:3px solid #602889;outline-offset:3px}
.shell{max-width:1600px;grid-template-columns:218px minmax(0,1fr);gap:20px;padding:12px 22px 28px}
.side{position:sticky;top:74px;max-height:calc(100dvh - 90px);overflow:auto}
.side a{min-height:36px;font-size:14px}
.side .cli b{line-height:1.4}.side .cli small{font-size:13px}
.side .nav-futuras{margin-top:12px;border-top:1px solid var(--border);padding:10px 6px;color:var(--muted-foreground);font-size:13px}
.nav-futuras summary{cursor:pointer}.nav-futuras a{gap:6px;flex-wrap:wrap}.nav-futuras small{font-size:11px}
.crumb{max-width:1600px;padding-top:10px}
.pg-h{margin-bottom:14px;gap:12px}.pg-h h1{font-size:26px}.pg-h .sub{margin-top:3px}
.btn,button,input,select{scroll-margin:80px}.btn{min-height:36px}
summary{cursor:pointer;min-height:30px;padding:5px 0;line-height:1.5}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.55}
.registro-detalhe{margin-top:8px}.registro-detalhe pre{padding:12px;background:var(--muted);border-radius:8px}
.cv-paginas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;font-size:13px;border-top:1px solid var(--border)}
.cv-paginas span{margin-right:auto}
.main:has(.cv) .pg-h{margin-bottom:12px}
.cv{grid-template-columns:300px minmax(0,1fr);gap:14px}
.cv-col-lista{max-height:calc(100dvh - 215px);overflow:auto;scrollbar-gutter:stable}
.cv-col-lista .card-h{position:sticky;top:0;background:white;z-index:1;padding:14px}
.cv-col-lista h2{font-size:15px}.cv-item{padding:12px 14px}.cv-item small{font-size:13px}
.cv-ult{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv-col-conv .card-h{padding:14px;align-items:center}.cv-col-conv .card-h h2{font-size:18px}
.cv-chat{max-height:calc(100dvh - 308px);min-height:240px;padding:16px;background:#faf9fc;margin-top:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.cv-msg{font-size:15px;line-height:1.55;max-width:88%;padding:10px 13px}
.cv-msg small{font-size:12px;color:#61586b}
.cv-bast{width:90%;font-size:13px}.cv-bast summary{padding:8px 12px;min-height:36px}
.cv-bast dl{grid-template-columns:104px minmax(0,1fr);gap:8px}.cv-bast .mono{font-size:12px}
.cv-espera{padding:12px 14px}.cv-espera-item{display:block;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--foreground)}
.cv-espera-item small{display:block;color:var(--muted-foreground)}
.cv.lista-recolhida{grid-template-columns:minmax(0,1fr)}.cv.lista-recolhida .cv-col-lista{display:none}
.cv-vivo.cv-desatualizada{color:#9a410a;font-weight:600}
.cv-status-atual{font-size:13px;color:var(--muted-foreground)}
.cv-mais-recentes{display:block;margin:6px 14px 12px;width:calc(100% - 28px)}
.ph-resumo details summary{font-weight:500}.ph-row{align-items:start}.ph-status .badge{white-space:normal}
.rs-kpis{gap:12px}.rs [data-painel-bloco=vendas] .vo-kpi{padding:20px;margin-bottom:16px;background:#f6f1fa;border:1px solid #dfd1e9}
.rs [data-painel-bloco=compras]{margin-bottom:16px}.rs-table pre{max-width:420px}
#construtor .lc-muted{color:#61586b}#construtor .lc-nav{position:sticky;top:60px;z-index:5;background:white;flex-wrap:wrap}
#construtor .lc-main{padding:18px}#construtor .lc-heading h2{font-size:21px}
#construtor .lc-board{overflow:auto}#construtor .lc-bottom{font-size:13px}
#construtor .lc-agentbar{padding:12px 18px}#construtor .lc-small{font-size:13px}
@media(min-width:721px) and (max-width:1300px){.shell:has(#construtor){grid-template-columns:200px minmax(0,1fr)}#construtor .lc-node{width:19%;font-size:12px}#construtor .lc-node small{font-size:11px}#construtor .lc-two,#construtor .lc-labgrid{grid-template-columns:1fr}}
@media(max-width:1000px) and (min-width:721px){.cv{grid-template-columns:245px minmax(0,1fr)}.shell{grid-template-columns:190px minmax(0,1fr);gap:14px}.cv-col-conv .acts{gap:5px}.cv-msg{max-width:95%}}
@media(max-width:720px){
 .shell{grid-template-columns:minmax(0,1fr);padding:8px 12px 22px;gap:8px}.side{position:static;max-height:none;padding:8px 12px}
 .side .cli{display:none}.side .sel-cel{margin:0}.side details.nav-futuras,.side h4,.side>a{display:none}
 .crumb{padding:7px 12px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .pg-h{margin:4px 0 8px;gap:8px}.pg-h h1{font-size:22px}.pg-h .sub{display:none}
 .pg-h .acts{width:100%;gap:6px}.cv-busca{width:100%;gap:4px}.cv-vivo{font-size:11px}.cv-q input{height:40px}
 .cv{display:block}.cv-col-lista{max-height:none;overflow:visible}.cv-col-lista .card-h{position:static}
 .cv-oculta-lista{display:none}.cv-aberta .cv-col-lista{display:none}.cv-aberta .cv-col-conv{display:block}
 .cv-so-lista .cv-col-conv{display:none}.cv-chat{max-height:calc(100dvh - 355px);min-height:210px;overflow:auto;padding:12px}
 .cv-col-conv .card-h{padding:10px 12px}.cv-col-conv .card-h h2{font-size:17px}.cv-col-conv .card-h .acts{width:100%}
 .cv-volta{display:inline-block;font-size:13px}.cv-msg{max-width:94%;font-size:15px}.cv-bast{width:96%}
 .cv-bast dl{grid-template-columns:85px minmax(0,1fr)}
 .btn,button,input,select,summary{min-height:40px}.cv-mais-recentes{min-height:36px;font-size:13px}
 #construtor .lc-main{padding:12px}#construtor .lc-nav{top:54px;position:static}#construtor .lc-agentbar{flex-wrap:wrap}
 .ph-row{padding:14px}.rs-table-wrap{max-width:100%;overflow:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.ux-demo{font-size:12px;color:#5b3b76;background:#f4eef9;border:1px solid #dfd1e9;padding:7px 12px;border-radius:8px;margin:0 0 10px}
@media(min-width:721px){.cv-col-conv{display:flex;flex-direction:column;height:calc(100dvh - 245px);min-height:340px}.cv-col-lista{max-height:calc(100dvh - 245px)}.cv-chat{flex:1;max-height:none;min-height:180px}.cv-mais-recentes{flex-shrink:0}}
@media(max-width:720px){.cv-aberta .cv-col-conv{display:flex;flex-direction:column;height:calc(100dvh - 340px);min-height:380px}.cv-chat{flex:1;max-height:none;min-height:150px}.cv-mais-recentes{flex-shrink:0}}
/* Recolher a lista no desktop não esconde a lista de retorno no celular. */
@media(max-width:720px){.cv.lista-recolhida.cv-so-lista .cv-col-lista{display:block}}

/* Estrutura única: a navegação é a âncora; a área de trabalho usa toda a altura. */
body.app-estrutura{--nav-largura:248px;background:#f8f9fb}
body.app-estrutura.nav-recolhida{--nav-largura:72px}
.app-estrutura .shell{display:block;max-width:none;margin:0 0 0 var(--nav-largura);padding:0;min-height:100dvh}
.app-estrutura .area-trabalho{max-width:1800px;margin:0 auto;padding:20px 28px 28px;min-width:0}
.app-estrutura .crumb{padding:0 0 14px;margin:0;max-width:none}
.app-estrutura .app-side{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--nav-largura);height:100dvh;max-height:none;border:0;border-right:1px solid #e1e4ec;border-radius:0;background:#fff;padding:0;display:flex;flex-direction:column;overflow:visible}
.app-side .nav-marca{height:72px;flex:none;display:flex;align-items:center;padding:12px 14px;gap:8px;border-bottom:1px solid #eef0f5}
.app-side .marca{display:flex;padding:0;justify-content:flex-start;gap:10px;flex:1;min-width:0;min-height:36px;border-radius:0}
.marca-simbolo{font-family:Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-3px;color:#5a2382;width:30px;flex:none;line-height:1}
.marca-simbolo>span{color:#a977c6;font-size:24px}.nav-marca b{font-size:19px;letter-spacing:-.6px}
.app-side small{display:block;font-size:11px;line-height:1.4;color:#716d7d}.app-side .nav-texto{min-width:0;white-space:nowrap}
.nav-toggle,.nav-sair,.nav-abrir{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;border:0;background:transparent;border-radius:7px;cursor:pointer;color:#72697d;flex:none;padding:6px}
.nav-toggle:hover,.nav-sair:hover,.nav-abrir:hover{background:#eee9f5;color:#5a2382}
.nav-contexto{flex:none;padding:14px 14px 6px}.nav-campo{display:block;margin:0 0 10px}
.nav-campo>span{display:block;font-size:11px;font-weight:600;color:#716d7d;margin-bottom:4px}
.app-side .nav-campo select{position:static;opacity:1;display:block;height:36px;min-height:36px;width:100%;padding:6px 26px 6px 10px;background:#f8f8fb;border:1px solid #e5e3eb;border-radius:7px;font-size:13px;font-weight:500;color:#332c3e}
.app-side nav{flex:1;min-height:0;overflow-y:auto;padding:0 10px 12px;scrollbar-width:thin}
.nav-grupo+.nav-grupo{margin-top:13px}.app-side h4{display:block;font-size:10px;letter-spacing:1px;font-weight:600;color:#81788d;margin:12px 12px 7px}
.app-side .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:38px;padding:8px 12px;border-radius:7px;color:#625b6e;font-size:13px;line-height:1.3;position:relative;margin:2px 0}
.app-side .nav-item>.i{width:18px;height:18px;flex:none}.app-side .nav-item:hover{background:#f5f2f8;color:#4d1f70}
.app-side .nav-item.on{background:#efe6f7;color:#5b2385;font-weight:600}.app-side .nav-item.on:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#783ba3}
.app-side .cnt{margin-left:auto;min-width:19px;font-size:10px;padding:2px 5px;background:#fae9e4;color:#a14b36;border-radius:5px}
.nav-indisponivel{opacity:.45;cursor:default}.app-side .nav-indisponivel:hover{background:transparent}
.nav-conta{display:flex;align-items:center;gap:6px;padding:14px;border-top:1px solid #eceaf0;flex:none;background:white}
.app-side .eu{display:flex;justify-content:flex-start;gap:9px;min-width:0;flex:1;padding:0}.nav-conta b{font-size:13px;font-weight:600;color:#42374f}.nav-conta .avatar{height:30px;width:30px;font-size:11px}
.nav-abrir,.nav-fundo{display:none}
.nav-recolhida .app-side .nav-texto,.nav-recolhida .nav-contexto,.nav-recolhida .app-side h4,.nav-recolhida .nav-conta .nav-sair{display:none}
.nav-recolhida .nav-marca{height:110px;flex-direction:column;padding:14px 12px 8px;gap:10px}.nav-recolhida .nav-marca .marca{flex:none}.nav-recolhida .nav-toggle .i{transform:rotate(180deg)}
.nav-recolhida .app-side nav{padding:8px 12px}.nav-recolhida .nav-grupo+.nav-grupo{border-top:1px solid #eeebf2;margin-top:10px;padding-top:10px}
.nav-recolhida .app-side .nav-item{width:46px;height:42px;justify-content:center;padding:10px;margin:3px 0}.nav-recolhida .app-side .nav-item.on:before{left:-12px}.nav-recolhida .app-side .cnt{position:absolute;right:0;top:0;font-size:9px;padding:1px 3px;min-width:14px}
.nav-recolhida .nav-conta{justify-content:center;padding:16px 12px}.nav-recolhida .nav-conta .eu{justify-content:center;flex:none}
.app-estrutura #construtor .lc-nav{top:0}
@media(min-width:721px){.app-estrutura .cv-col-conv{height:calc(100dvh - 205px)}.app-estrutura .cv-col-lista{max-height:calc(100dvh - 205px)}}
@media(max-width:1000px) and (min-width:721px){.app-estrutura .area-trabalho{padding:16px 18px 24px}.app-estrutura .cv{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:720px){
 body.app-estrutura,body.app-estrutura.nav-recolhida{--nav-largura:52px}
 .app-estrutura .area-trabalho{padding:12px 10px 20px}.app-estrutura .crumb{padding:0 0 8px;font-size:10px}
 .app-estrutura .app-side{width:52px}.app-estrutura .app-side .nav-marca{height:64px;padding:16px 8px}.app-estrutura .marca-simbolo{font-size:27px}
 .app-estrutura:not(.nav-aberta) .app-side nav,.app-estrutura:not(.nav-aberta) .nav-contexto,.app-estrutura:not(.nav-aberta) .nav-conta,.app-estrutura:not(.nav-aberta) .nav-toggle,.app-estrutura:not(.nav-aberta) .nav-marca .nav-texto{display:none}
 .nav-abrir{position:fixed;display:flex;left:7px;top:76px;width:38px;height:40px;z-index:41;background:#f1eaf7;color:#5a2382}
 .nav-aberta{overflow:hidden}.nav-aberta .app-side{width:min(280px,calc(100vw - 45px));box-shadow:8px 0 30px #21172a22}.nav-aberta .nav-marca{height:72px;padding:12px 14px;flex-direction:row}
 .nav-aberta .nav-abrir{display:none}.nav-aberta .nav-marca .marca{flex:1}.nav-aberta .nav-marca .nav-texto{display:block}
 .nav-aberta .nav-fundo:not([hidden]){display:block;position:fixed;inset:0;background:#25203066;z-index:39}
 .app-side .nav-item{min-height:40px}.app-side .nav-campo select{height:40px}
 .app-estrutura .cv-aberta .cv-col-conv{height:calc(100dvh - 300px);min-height:380px}
 .app-estrutura #construtor .lc-main{padding:10px}.app-estrutura #construtor .lc-node{font-size:11px}
}

/* Uma faixa de trabalho: título, filtros e atualização; explicações sob demanda. */
.app-estrutura .area-trabalho{padding-top:18px}
.app-estrutura .pg-h{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 16px;min-height:36px}
.app-estrutura .pg-h .pg-identidade{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0}
.app-estrutura .pg-h h1{font-size:23px;line-height:1.25;gap:7px;margin:0}
.app-estrutura .pg-h h1 .badge{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;padding:3px 7px}
.app-estrutura .pg-h .acts{flex:0 1 auto;align-items:center;gap:10px;min-width:0}
.pg-ajuda{position:relative;flex:none;align-self:center}
.pg-ajuda>summary{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:4px;list-style:none;border-radius:6px;color:#82778f}
.pg-ajuda>summary::-webkit-details-marker{display:none}.pg-ajuda>summary:hover,.pg-ajuda[open]>summary{color:#602889;background:#eee7f5}
.app-estrutura .pg-ajuda .sub{display:block;position:absolute;left:0;top:34px;z-index:60;width:360px;max-width:calc(100vw - 100px);padding:14px;margin:0;background:white;border:1px solid #ddd5e6;border-radius:9px;box-shadow:0 8px 28px #271b3920;font-size:13px;line-height:1.6;font-weight:400}
.app-estrutura .pg-h .rs-filter{align-items:center;gap:7px;flex-wrap:nowrap}
.app-estrutura .pg-h .rs-filter label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}
.app-estrutura .pg-h .rs-filter select{min-height:32px;height:32px;padding:4px 28px 4px 9px;font-size:12px;max-width:170px}
.app-estrutura .pg-h .btn{min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}
.painel-atualizacao{display:flex;align-items:center;gap:8px;color:#81788d}
.painel-atualizacao small{font-size:11px;white-space:nowrap}
.app-estrutura .pg-h .painel-atualizar{padding:7px;width:32px;height:32px;flex:none;color:#766782;background:white}
.painel-atualizacao:has(.rs-warning){flex-basis:100%;color:#9a410a}.painel-atualizacao .rs-warning{white-space:normal;max-width:460px}
.nav-ambiente{display:flex;align-items:center;gap:7px;padding:7px 24px;color:#8a6c3f;font-size:10px;flex:none;white-space:nowrap}
.demo-dot{width:6px;height:6px;border-radius:50%;background:#bd923f;flex:none}.nav-recolhida .nav-ambiente{justify-content:center;padding:8px 0}
.vo-operacao{border:1px solid #e8dfce;border-radius:8px;background:#fffaf1;color:#6b5537;font-size:12px}
.vo-operacao>summary{display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:38px;list-style:none}
.vo-operacao>summary::-webkit-details-marker{display:none}.vo-operacao>summary:after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:4px;flex:none}
.vo-operacao[open]>summary:after{transform:rotate(225deg)}.vo-operacao-sinal{width:6px;height:6px;border-radius:50%;background:#b28b46;flex:none}
.vo-operacao-ver{margin-left:auto;font-size:11px;color:#8a775d;white-space:nowrap}.vo-operacao b{font-weight:500}
.vo-operacao-detalhe{padding:0 14px 12px;font-size:13px;line-height:1.7}.vo-operacao-detalhe p+p{margin-top:8px}
#construtor .lc-main{padding:14px}#construtor .lc-heading{margin-bottom:12px;gap:10px}#construtor .lc-heading h2{font-size:20px}
#construtor .lc-toolbar{padding:10px 12px;gap:8px}#construtor .lc-toolbar .lc-actions{gap:7px}#construtor .lc-toolbar .lc-btn{padding:7px 10px;font-size:12px;min-height:32px}
#construtor .lc-nav{padding-top:0;padding-bottom:0}#construtor .lc-nav button{padding-top:12px;padding-bottom:12px}
@media(min-width:721px){.app-estrutura .cv-col-conv{height:calc(100dvh - 110px)}.app-estrutura .cv-col-lista{max-height:calc(100dvh - 110px)}}
@media(max-width:1100px) and (min-width:721px){.app-estrutura .pg-h{gap:8px 12px}.app-estrutura .pg-h h1{font-size:21px}.painel-atualizacao small{font-size:10px}.app-estrutura .pg-h .acts{gap:8px}}
@media(max-width:720px){
 .app-estrutura .area-trabalho{padding-top:12px}.app-estrutura .pg-h{margin:0 0 12px;gap:10px;min-height:36px}
 .app-estrutura .pg-h .pg-identidade{flex-basis:100%;gap:4px}.app-estrutura .pg-h h1{font-size:21px;gap:6px}.app-estrutura .pg-h h1 .badge{font-size:10px}
 .app-estrutura .pg-h .acts{width:100%;gap:8px;justify-content:space-between}.app-estrutura .pg-h .acts .btn-pri{flex:none}
 .app-estrutura .pg-h .rs-filter label{gap:5px;font-size:11px}.app-estrutura .pg-h .rs-filter select{max-width:125px;height:40px;min-height:40px;font-size:12px}
 .app-estrutura .pg-h .btn{min-height:40px}.app-estrutura .pg-h .painel-atualizar{width:40px;height:40px}.painel-atualizacao small{font-size:10px;white-space:normal;max-width:65px;line-height:1.35}
 .app-estrutura .pg-ajuda .sub{left:auto;right:0;max-width:calc(100vw - 84px)}
 .app-estrutura:not(.nav-aberta) .nav-ambiente{display:none}.nav-aberta .nav-ambiente{display:flex}
 .vo-operacao-ver{display:none}.vo-operacao>summary{font-size:11px;padding:9px 10px;line-height:1.5}.vo-operacao>summary:after{margin-left:auto}
 #construtor .lc-main{padding:10px}#construtor .lc-toolbar{align-items:flex-start}#construtor .lc-toolbar>.lc-actions{width:100%;display:flex;flex-wrap:wrap;gap:6px}#construtor .lc-toolbar [data-draft-state]{order:3;width:100%;font-size:10px}
 .app-estrutura .cv-aberta .cv-col-conv{height:calc(100dvh - 195px);min-height:380px}
}
@media(max-width:720px){
 .app-estrutura .pg-h .rs-filter{width:auto;flex:1 1 auto;min-width:0}
 .app-estrutura .pg-h .rs-filter label{min-width:0;flex:0 1 auto;gap:0}
 .app-estrutura .pg-h .rs-filter-rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .app-estrutura .pg-h .rs-filter select{width:110px;max-width:110px}
 .app-estrutura .pg-h .painel-atualizacao{flex:none;gap:6px}
 .app-estrutura .vo-kpi{padding:13px;gap:8px}.app-estrutura .vo-value{font-size:23px;letter-spacing:-.03em}
}
@media(max-width:720px){
 #construtor .lc-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%}
 #construtor .lc-nav button{flex:none;white-space:nowrap}
 #construtor [data-screen="brain"] .lc-toolbar>.lc-actions{justify-content:space-between}
 #construtor [data-screen="brain"] .lc-toolbar [data-draft-state]{order:0;width:auto;align-self:center}
}
/* Falhas de leitura continuam visíveis e podem ocupar a largura necessária. */
.app-estrutura .pg-h .painel-atualizacao:has(.rs-warning){flex:1 1 100%;min-width:0;width:100%}
.app-estrutura .pg-h .painel-atualizacao .rs-warning{flex:1;min-width:0;max-width:none;white-space:normal}

/* Painéis gerais: resultado em destaque; atividade e custos lado a lado, sem cartões vazios. */
.vo-resumo{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,3fr);gap:12px;align-items:stretch}
.vo-resumo-direita{display:grid;gap:12px;min-width:0;align-content:start}
.vo-resumo .vo-atividade{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:12px}
.app-estrutura .vo-resumo .vo-kpi{padding:14px 16px;gap:7px;min-width:0}
.vo-resumo .vo-label{min-height:0;font-size:12px;line-height:1.4}
.vo-resumo .vo-value{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.2}
.vo-resumo .vo-kpi .vo-detail{margin-top:0;font-size:11px;line-height:1.45}
.vo-resumo>[data-vendas-url]{background:#faf7fe;border-color:#dfd1ed;gap:12px;padding:18px;justify-content:center}
.vo-resumo>[data-vendas-url] .vo-value{font-size:34px;color:#5b2385}
.vo-resumo>[data-vendas-url] .vo-detail{font-size:12px}
.vo-resumo>[data-vendas-url]>small{font-size:11px;line-height:1.45;color:#786b84}
.vo-financeiro{overflow:hidden;min-width:0}
.vo-custos-valores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0}
.app-estrutura .vo-custos-valores .vo-custo{padding:0 16px;gap:5px}
.vo-custo+.vo-custo{border-left:1px solid #ece8f1}.vo-custo .vo-value{font-size:23px}
.vo-custos-detalhes{border-top:1px solid #eeebf2;background:#fcfbfd;font-size:11px}
.vo-custos-detalhes>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;min-height:32px;color:#6c5b7c;list-style:none}
.vo-custos-detalhes>summary::-webkit-details-marker{display:none}
.vo-custos-detalhes>summary:after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);flex:none}
.vo-custos-detalhes[open]>summary:after{transform:rotate(225deg)}
.vo-custos-limite{margin-right:auto;color:#81748c;font-size:10px}
.vo-custos-detalhes dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 16px 14px;font-size:12px;line-height:1.6}
.vo-custos-detalhes dt{font-weight:600;color:#4c3a5e}.vo-custos-detalhes dd{margin:4px 0 0;color:#716479}
.vo-resumo~.vo-columns{gap:14px}.vo .vo-stack{gap:14px}.vo .vo-card-h{padding:14px 16px 0}.vo .vo-card>.card-b{padding:14px 16px}
@media(max-width:1100px) and (min-width:721px){
 .vo-resumo{grid-template-columns:minmax(180px,.9fr) minmax(0,2.5fr)}
 .app-estrutura .vo-resumo .vo-kpi{padding:12px;gap:6px}.vo-resumo .vo-value{font-size:25px}
 .vo-resumo>[data-vendas-url] .vo-value{font-size:29px}.app-estrutura .vo-custos-valores .vo-custo{padding:0 12px}.vo-custo .vo-value{font-size:21px}
}
@media(max-width:720px){
 .vo-resumo{grid-template-columns:minmax(0,1fr);gap:10px}.vo-resumo-direita{gap:10px}
 .app-estrutura .vo-resumo>[data-vendas-url]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px}
 .vo-resumo>[data-vendas-url] .vo-label{grid-column:1}.vo-resumo>[data-vendas-url] .vo-value{grid-column:2;grid-row:1/3;font-size:28px;align-self:center}
 .vo-resumo>[data-vendas-url] .vo-detail{grid-column:1;font-size:11px}.vo-resumo>[data-vendas-url]>small{grid-column:1/-1;border-top:1px solid #e9e0f0;padding-top:8px;font-size:10px}
 .vo-resumo .vo-atividade{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:9px;background:white;overflow:hidden}
 .app-estrutura .vo-atividade>.vo-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;border:0;border-radius:0;box-shadow:none}
 .vo-atividade>.vo-kpi+.vo-kpi{border-top:1px solid #eeeaf3}.vo-atividade .vo-label{grid-column:1}.vo-atividade .vo-detail{grid-column:1}
 .vo-atividade .vo-value{grid-column:2;grid-row:1/3;align-self:center;font-size:26px}
 .vo-custos-valores{grid-template-columns:minmax(0,1fr);padding:0}
 .app-estrutura .vo-custos-valores .vo-custo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:11px 14px;gap:10px}
 .vo-custo+.vo-custo{border-left:0;border-top:1px solid #eeeaf3}.vo-custo .vo-value{font-size:22px;flex:none}.vo-custo .vo-label{font-size:12px}
 .vo-custos-detalhes>summary{padding:10px 14px;flex-wrap:wrap;font-size:11px}.vo-custos-limite{font-size:10px}
 .vo-custos-detalhes dl{grid-template-columns:minmax(0,1fr);gap:10px;padding:4px 14px 14px}
}
@media(min-width:721px){
 .vo-atividade>.vo-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-content:start}
 .vo-atividade .vo-label,.vo-atividade .vo-detail{grid-column:1}
 .vo-atividade .vo-value{grid-column:2;grid-row:1/3;align-self:center}
}
@media(min-width:1101px){
 .app-estrutura .vo-custos-valores .vo-custo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
 .vo-custo .vo-value{flex:none;font-size:22px}
}
@media(max-width:720px){
 .vo-resumo>[data-vendas-url] .vo-value{grid-row:1}
 .vo-resumo>[data-vendas-url] .vo-detail{grid-column:1/-1}
}

/* A apresentação de Conversas está isolada em conversas-visual.css. */