/* ===== GERADO por tools/gerar_painel_esboco_css.mjs a partir do estilo.css do esboço r6c — não editar à mão ===== */
/* --- tokens e base --- */
:root,:root[data-tema=claro]{--fundo:#F6F4F1;--superficie:#FFFFFF;--campo:#FFFFFF;--borda:#E4DED5;--borda-forte:#CFC7BC;--texto:#101112;--suave:#5C5752;--ativo:#C03C08;--laranja:#FE5411;--sobre-laranja:#101112;--gold:#805300;--ambar:#805300;--erro:#B42328;--ok:#1F6B3A;--marcado:#EFEBE6;--veu:rgba(16,17,18,.4);--sombra:0 12px 32px rgba(16,17,18,.14),0 2px 6px rgba(16,17,18,.08);--entrada:cubic-bezier(.16,1,.3,1);color-scheme:light;--b-azul:#1D5BC6;--b-verde:#1B7339;--b-vermelho:#BE2027;--b-perigo:#FBE7E8;--b-perigo-t:#A81E25;--b-perigo-b:#F0C4C6;--b-sobre:#FFFFFF;--ponto:#E0282F}
:root[data-tema=escuro]{--b-azul:#2B6BDB;--b-verde:#1E7F40;--b-vermelho:#C8262D;--b-perigo:#2E1416;--b-perigo-t:#FF9096;--b-perigo-b:#5A2226;--ponto:#FF4A52;--fundo:#000000;--superficie:#1A1B1E;--campo:#141518;--borda:#2A2B2F;--borda-forte:#3A3B40;--texto:#FFFFFF;--suave:#C9CACE;--ativo:#FE5411;--gold:#FFD24A;--ambar:#FFB020;--erro:#FF5A63;--ok:#5BD08A;--marcado:#0D0D0F;--veu:rgba(0,0,0,.75);--sombra:0 12px 32px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--fundo);color:var(--texto);font-family:Sora,Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;display:flex;flex-direction:column;font-size:15px;line-height:1.5}
::selection{background:var(--laranja);color:var(--sobre-laranja)}
button,input,select,textarea{font:inherit;color:inherit;border-radius:0}
input,textarea,select{caret-color:var(--laranja)}
button{cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform 120ms var(--entrada),background-color 120ms var(--entrada),border-color 120ms var(--entrada),color 120ms var(--entrada)}
button:active{transform:scale(.98)}
:focus-visible{outline:2px solid var(--ativo);outline-offset:2px}
.ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.logo{height:26px;width:101px;color:var(--texto);display:block;flex:none}
[hidden]{display:none!important}
.so-pc{}
@media (max-width:999px){
 .so-pc{display:none!important}
}
@media (min-width:1000px){
 .so-cel{display:none!important}
}
*{scrollbar-width:thin;scrollbar-color:var(--borda-forte) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--borda-forte);border:3px solid transparent;background-clip:padding-box}
::placeholder{color:var(--suave);opacity:1}
@keyframes janela{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@keyframes folha{from{transform:translateY(100%)}to{transform:none}}
@keyframes sobe{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes sobe-baixo{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes aparece{from{opacity:0}to{opacity:1}}
@keyframes entra-esq{from{transform:translateX(-100%)}to{transform:none}}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes troca{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition:none!important}
 button:active{transform:none}
}

/* --- casca: topo, barra de 5 abas, gaveta, sino, janela e toast --- */
#app{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.topo{flex:none;height:56px;display:flex;align-items:center;padding:0 8px 0 4px;background:var(--fundo);border-bottom:1px solid var(--borda);position:relative}
.bt-menu{display:flex;align-items:center;height:44px;min-width:44px;padding:0 10px;border:0;background:none;font-weight:700;font-size:15px}
.bt-menu span{margin-left:10px}
.bt-menu:hover{background:var(--marcado)}
.marca{display:flex;align-items:center;margin-left:8px}
.rotulo-painel{display:inline-flex;align-items:center;height:22px;padding:0 7px;margin-left:12px;background:var(--laranja);color:var(--sobre-laranja);font-size:12px;font-weight:700;white-space:nowrap}
.topo-titulo{margin:0 0 0 4px;font-size:19px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.topo-direita{margin-left:auto;display:flex;align-items:center}
.sino{position:relative;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;padding:0}
.sino i{position:absolute;top:6px;right:6px;min-width:16px;height:16px;border-radius:8px;background:var(--erro);color:#fff;font:700 11px/16px Sora,sans-serif;font-style:normal;text-align:center}
.saldo{display:flex;align-items:baseline;font-size:13px;color:var(--suave);white-space:nowrap;border:0;background:none;padding:0 8px;height:44px}
.saldo b{font-size:20px;color:var(--gold);margin-right:4px}
.saldo:hover{background:var(--marcado)}
#conteudo{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 16px 96px;-webkit-overflow-scrolling:touch}
.barra-baixo{flex:none;height:56px;display:grid;grid-template-columns:repeat(5,1fr);background:var(--superficie);border-top:1px solid var(--borda);padding-bottom:env(safe-area-inset-bottom)}
.barra-baixo button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:none;color:var(--suave);font-size:11px;line-height:1;padding:0}
.barra-baixo button .ic{margin-bottom:4px}
.barra-baixo [aria-current=page]{color:var(--ativo);font-weight:700}
@media (min-width:1000px){
 .topo{height:64px;padding:0 20px 0 12px}
 .topo-titulo{position:absolute;left:50%;transform:translateX(-50%);font-size:15px;margin:0}
 .marca{margin-left:16px}
 #conteudo{padding:28px 40px 56px}
 #conteudo>*:not(dialog){max-width:1440px}
 .barra-baixo{display:none}
}
.veu{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;background:var(--veu);display:flex;align-items:flex-end;justify-content:center;animation:aparece 200ms var(--entrada)}
.janela:focus,.gaveta:focus{outline:none}
.janela{position:relative;width:100%;max-height:92%;display:flex;flex-direction:column;background:var(--superficie);border-top:1px solid var(--borda);padding-bottom:env(safe-area-inset-bottom);animation:folha 260ms var(--entrada);outline:none}
.jan-cabeca{flex:none;display:flex;align-items:flex-start;padding:16px 16px 0}
.jan-cabeca h3{margin:0;font-size:20px;line-height:1.3}
.jan-cabeca p{margin:4px 0 0;font-size:13px;color:var(--suave)}
.jan-cabeca>div{flex:1;min-width:0}
.voltar-jan{display:inline-flex;align-items:center;height:32px;margin:-4px 0 4px -6px;padding:0 6px;border:0;background:none;color:var(--ativo);font-size:13px;font-weight:700}
.voltar-jan .ic{width:18px;height:18px;margin-right:2px}
.fechar{width:44px;height:44px;margin:-8px -8px 0 8px;display:grid;place-items:center;border:0;background:none;padding:0;flex:none}
.jan-corpo{flex:1;min-height:0;overflow-y:auto;padding:16px}
.jan-pe{flex:none;display:flex;padding:12px 16px 16px;border-top:1px solid var(--borda)}
.jan-pe .bt{flex:1;min-height:52px}
.jan-pe .bt+.bt{margin-left:8px}
@media (min-width:1000px){
 .veu{align-items:center}
 .janela{width:calc(100% - 64px);max-width:640px;max-height:calc(100% - 64px);border:1px solid var(--borda);box-shadow:var(--sombra);animation:janela 240ms var(--entrada)}
 .janela.larga{max-width:760px}
 .jan-cabeca{padding:22px 24px 0}
 .jan-corpo{padding:20px 24px}
 .jan-pe{padding:16px 24px 20px;justify-content:flex-end}
 .jan-pe .bt{flex:none;min-width:150px;min-height:48px}
}
.gaveta-veu{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;background:var(--veu);animation:aparece 180ms var(--entrada)}
.gaveta{position:absolute;top:0;left:0;bottom:0;width:86%;max-width:340px;display:flex;flex-direction:column;background:var(--superficie);border-right:1px solid var(--borda);box-shadow:var(--sombra);animation:entra-esq 240ms var(--entrada)}
.gav-topo{flex:none;display:flex;align-items:center;height:64px;padding:0 8px 0 16px;border-bottom:1px solid var(--borda)}
.gav-topo .fechar{margin:0 0 0 auto}
.gav-conta{flex:none;display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--borda)}
.gav-conta .avatar{margin-right:12px}
.gav-conta b{display:block;font-size:15px}
.gav-conta small{display:block;font-size:13px;color:var(--suave)}
.gav-conta .saldo-g{margin-left:auto;text-align:right;font-size:12px;color:var(--suave);line-height:1.2}
.gav-conta .saldo-g b{font-size:20px;color:var(--gold)}
.gav-lista{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 16px}
.grupo{padding:14px 12px 4px;font-size:12px;font-weight:700;color:var(--suave)}
.gav-lista button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;background:none;font-size:15px;font-weight:700;text-align:left}
.gav-lista button .ic{width:20px;height:20px;margin-right:14px;color:var(--suave)}
.gav-lista button span{flex:1}
.gav-lista button small{font-size:12px;color:var(--suave);font-weight:700;margin-left:8px}
.gav-lista button em{font-style:normal;font-size:11px;font-weight:700;color:var(--suave);border:1px solid var(--borda-forte);padding:1px 5px;margin-left:8px;white-space:nowrap}
.gav-lista button:hover{background:var(--marcado)}
.gav-lista button[aria-current=page]{background:var(--marcado);color:var(--ativo);box-shadow:inset 3px 0 0 var(--ativo)}
.gav-lista button[aria-current=page] .ic{color:var(--ativo)}
.gav-pe{flex:none;border-top:1px solid var(--borda);padding:8px}
.gav-pe button{display:flex;align-items:center;width:100%;min-height:48px;padding:0 12px;border:0;background:none;font-size:15px;font-weight:700;text-align:left}
.gav-pe button .ic{width:20px;height:20px;margin-right:14px;color:var(--suave)}
.gav-pe button span{flex:1}
@media (min-width:1000px){
 .gaveta{width:340px}
 .gav-lista{padding:8px 12px 16px}
 .gav-cols{display:block}
}
.toast{position:fixed;left:16px;right:16px;bottom:80px;z-index:70;display:flex;align-items:center;padding:14px 16px;background:var(--texto);color:var(--superficie);font-size:14px;line-height:1.45;box-shadow:var(--sombra);animation:sobe-baixo 200ms var(--entrada)}
.toast span{flex:1}
.toast button{border:0;background:none;color:var(--laranja);font-weight:700;padding:0 0 0 16px;min-height:36px}
@media (min-width:1000px){
 .toast{left:50%;right:auto;width:520px;margin-left:-260px;bottom:28px}
}
.pop-sino{position:absolute;right:8px;top:100%;margin-top:4px;z-index:30;width:340px;max-width:calc(100vw - 16px);background:var(--superficie);border:1px solid var(--borda-forte);box-shadow:var(--sombra);animation:sobe 160ms var(--entrada)}
.pop-sino h4{margin:0;padding:14px 16px 6px;font-size:15px}
.trocou{animation:troca 180ms var(--entrada)}
.ponto-novo{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ponto);margin-left:8px;vertical-align:2px}
.com-ponto{position:relative}
.barra-baixo .ponto-novo{position:absolute;top:-30px;left:50%;margin-left:6px;width:8px;height:8px}
.gav-principal button{min-height:48px;font-size:16px}
.gav-principal button .ic{width:22px;height:22px;color:var(--texto)}
.grupo .ic{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.gav-como{padding:4px 0 10px;margin-bottom:8px;border-bottom:1px solid var(--borda)}
.gav-lista .gav-como button{min-height:56px;background:var(--laranja);color:#101112;font-size:16px}
.gav-lista .gav-como button .ic{width:24px;height:24px;color:#101112}
.gav-lista .gav-como button small{color:#101112}
.gav-lista .gav-como button:hover{background:var(--laranja);filter:brightness(1.06)}
.gav-lista .gav-como button[aria-current=page]{background:var(--laranja);color:#101112;box-shadow:inset 0 0 0 2px #101112}
.gav-lista .gav-como button[aria-current=page] .ic{color:#101112}
.gav-pe{display:flex}
.gav-pe button{width:50%;min-height:44px}
.gav-principal button{min-height:44px}
.gav-lista .gav-como button{min-height:52px}
.gav-lista button{min-height:40px}
.gav-lista button em.trava-tag{margin-left:8px}
.gav-lista button .ic.trava{color:var(--suave)}

/* --- componentes de página (só dentro de .eb = tela já migrada para o esboço) --- */
.eb a{color:var(--ativo);text-underline-offset:3px}
.eb .cabeca{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.eb .cabeca h2{margin:0 auto 0 0;font-size:28px;line-height:1.2;letter-spacing:-.01em}
.eb .cabeca .sub{width:100%;margin:6px 0 0;font-size:14px;color:var(--suave);max-width:70ch}
.eb .botoes-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px;width:100%;margin-top:14px}
.eb .botoes-topo .bt{white-space:normal;line-height:1.2;text-align:center}
.eb .botoes-topo.um{grid-template-columns:1fr}
@media (max-width:999px){
 .eb .cabeca h2{display:none}
 .eb .botoes-topo{margin-top:0}
 .eb .cabeca .sub{order:-1;margin:0 0 12px}
}
.eb .bt{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid var(--borda-forte);background:var(--superficie);font-weight:700;font-size:15px;white-space:nowrap;text-decoration:none;color:var(--texto)}
.eb .bt .ic{width:20px;height:20px;margin-right:8px}
.eb .bt:hover{border-color:var(--texto)}
.eb .bt.principal{background:var(--laranja);border-color:var(--laranja);color:var(--sobre-laranja)}
.eb .bt.principal:hover{filter:brightness(.96)}
.eb .bt.perigo{color:var(--erro)}
.eb .bt.texto{border-color:transparent;background:none;color:var(--ativo);padding:0 8px}
.eb .bt.texto:hover{text-decoration:underline}
.eb .bt.pequeno{min-height:40px;font-size:13px;padding:0 12px}
.eb .bt.pequeno .ic{width:18px;height:18px;margin-right:6px}
@media (min-width:1000px){
 .eb .cabeca{flex-wrap:nowrap}
 .eb .cabeca h2{font-size:34px}
 .eb .cabeca .sub{display:none}
 .eb .sub-pc{margin:8px 0 0;font-size:15px;color:var(--suave);max-width:75ch}
 .eb .botoes-topo{display:flex;width:auto;margin:0}
 .eb .botoes-topo .bt{margin-left:8px}
}
@media (max-width:999px){
 .eb .sub-pc{display:none}
}
.eb .bloco{margin-top:24px;background:var(--superficie);border:1px solid var(--borda)}
.eb .bloco>h3,.eb .bloco-cabeca{margin:0;padding:16px 16px 0;font-size:17px;line-height:1.3}
.eb .bloco-cabeca{display:flex;align-items:center}
.eb .bloco-cabeca h3{margin:0 auto 0 0;font-size:17px}
.eb .bloco-corpo{padding:16px}
.eb .bloco>.nota{margin:4px 16px 0;font-size:13px;color:var(--suave)}
.eb .nota{font-size:13px;color:var(--suave);margin:8px 0 0;max-width:72ch}
.eb .nota b{color:var(--texto)}
.eb .duas{display:block}
@media (min-width:1000px){
 .eb .duas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:24px;align-items:start}
 .eb .duas.form{grid-template-columns:minmax(0,1fr) 380px}
 .eb .duas>*>.bloco:first-child,.eb .duas>.bloco{margin-top:24px}
 .eb .fixo-pc{position:-webkit-sticky;position:sticky;top:0}
}
.eb .campos{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px}
.eb .campos>*,.eb .duas>*,.eb .filtros-grade>*{min-width:0}
@media (min-width:640px){
 .eb .campos.dois{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .eb .campos .inteiro{grid-column:1/-1}
}
.eb .campo{display:block}
.eb .campo>span:first-child,.eb .rotulo{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.eb .campo small,.eb .ajuda{display:block;font-size:13px;color:var(--suave);margin-top:6px;line-height:1.45}
.eb .entrada,.eb .campo input:not([type=checkbox]):not([type=radio]),.eb .campo select,.eb .campo textarea{display:block;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--borda-forte);background:var(--campo);font-size:16px}
.eb .campo textarea{padding:12px 14px;min-height:96px;resize:vertical;line-height:1.5}
.eb .campo select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--suave) 50%),linear-gradient(135deg,var(--suave) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.eb .campo input:focus,.eb .campo select:focus,.eb .campo textarea:focus,.eb .busca input:focus{border-color:var(--texto);outline:none;box-shadow:0 0 0 1px var(--texto)}
.eb .campo input[readonly]{background:var(--marcado);color:var(--suave)}
.eb .com-botao{display:flex}
.eb .com-botao input{flex:1;min-width:0}
.eb .com-botao .bt{margin-left:-1px;min-height:48px}
.eb .prefixo{display:flex;align-items:center;border:1px solid var(--borda-forte);background:var(--campo);min-height:48px}
.eb .prefixo b{padding:0 0 0 14px;color:var(--suave);font-weight:400}
.eb .prefixo input{border:0!important;box-shadow:none!important;min-height:46px!important;padding-left:8px!important}
.eb .marcar{position:relative;display:block;min-height:44px;padding:10px 0 10px 32px;cursor:pointer;font-size:15px}
.eb .marcar input{position:absolute;left:0;top:11px;width:20px;height:20px;margin:0;accent-color:var(--laranja)}
.eb .marcar small{display:block;font-size:13px;color:var(--suave)}
.eb .auto{position:relative;display:block;padding:12px 14px 12px 46px;border:1px dashed var(--borda-forte);background:var(--marcado);font-size:14px;line-height:1.45}
.eb .auto .ic{position:absolute;left:14px;top:12px;width:20px;height:20px;color:var(--suave)}
.eb .auto b{margin-left:4px}
.eb .seg{display:flex;border:1px solid var(--borda-forte);background:var(--campo);overflow-x:auto;scrollbar-width:none}
.eb .seg::-webkit-scrollbar{display:none}
.eb .seg button{flex:1 1 0;min-height:44px;padding:6px 10px;line-height:1.25;border:0;border-right:1px solid var(--borda);background:none;font-size:14px;font-weight:700;color:var(--suave)}
.eb .seg button:last-child{border-right:0}
.eb .seg [aria-pressed=true]{background:var(--texto);color:var(--superficie)}
:root[data-tema=escuro] .eb .seg [aria-pressed=true]{background:var(--laranja);color:#101112}
.eb .chave{position:relative;flex:none;width:44px;height:24px;border-radius:12px;background:var(--borda-forte);border:0;padding:0}
.eb .chave::before{content:"";position:absolute;top:-10px;bottom:-10px;left:-8px;right:-8px}
.eb .chave::after{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform 160ms var(--entrada)}
.eb .chave[aria-checked=true]{background:var(--ativo)}
.eb .chave[aria-checked=true]::after{transform:translateX(20px)}
.eb .linha-chave{display:flex;align-items:center;min-height:56px;padding:10px 16px;border-top:1px solid var(--borda)}
.eb .linha-chave:first-child{border-top:0}
.eb .bloco>h3+.linha-chave{margin-top:12px}
.eb .linha-chave div{flex:1;min-width:0;padding-right:16px}
.eb .linha-chave b{display:block;font-size:15px}
.eb .linha-chave small{display:block;font-size:13px;color:var(--suave)}
.eb .linhas{list-style:none;margin:0;padding:0}
.eb .linha-ir{display:flex;align-items:center;width:100%;min-height:64px;padding:12px 16px;border:0;border-top:1px solid var(--borda);background:none;text-align:left}
.eb .linhas li:first-child .linha-ir{border-top:0}
.eb .linha-ir:hover{background:var(--marcado)}
.eb .linha-ir>.ic:first-child{margin-right:14px;color:var(--suave)}
.eb .linha-ir span{flex:1;min-width:0}
.eb .linha-ir b{display:block;font-size:15px}
.eb .linha-ir small{display:block;font-size:13px;color:var(--suave)}
.eb .linha-ir .num-tela{font-size:12px;color:var(--suave);font-weight:700;margin-left:8px}
.eb .linha-ir>.ic:last-child{color:var(--suave);width:20px;height:20px;margin-left:8px}
.eb .linha-ir.alerta b{color:var(--ativo)}
.eb .busca{position:relative;display:block;width:100%}
.eb .busca .ic{position:absolute;left:14px;top:50%;margin-top:-10px;width:20px;height:20px;color:var(--suave)}
.eb .busca input,.eb .campo .busca input{width:100%;min-height:48px;padding:0 14px 0 44px;border:1px solid var(--borda-forte);background:var(--campo);font-size:16px;-webkit-appearance:none;appearance:none}
.eb .abas{display:flex;overflow-x:auto;scrollbar-width:none;margin:16px -16px 0;padding:0 16px;border-bottom:1px solid var(--borda)}
.eb .abas::-webkit-scrollbar{display:none}
.eb .abas button{flex:none;display:flex;align-items:center;min-height:48px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--suave);font-size:13px;font-weight:700;margin-bottom:-1px}
.eb .abas button span{font-weight:400;margin-left:6px}
.eb .abas [aria-selected=true]{color:var(--texto);border-bottom-color:var(--ativo)}
.eb .filtros{margin-top:14px}
.eb .filtros-linha{display:flex}
.eb .filtros-linha .busca{flex:1;min-width:0}
.eb .bt-filtros{flex:none;margin-left:8px;position:relative}
.eb .bt-filtros i{font-style:normal;display:inline-block;min-width:20px;height:20px;line-height:20px;margin-left:6px;background:var(--laranja);color:#101112;font-size:12px;text-align:center}
.eb .filtros-grade{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;margin-top:12px;padding:14px;background:var(--superficie);border:1px solid var(--borda)}
.eb .filtros-grade .periodo{grid-column:1/-1}
.eb .periodo-campos{display:flex;align-items:center}
.eb .periodo-campos input{flex:1;min-width:0}
.eb .periodo-campos em{font-style:normal;color:var(--suave);padding:0 8px;font-size:13px}
.eb .campo input[type=date],.eb .filtros-grade input[type=date]{min-height:44px;font-size:14px;padding:0 8px}
.eb .filtros-grade select{min-height:44px;font-size:15px}
.eb .filtros-acoes{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--suave)}
.eb .filtros-acoes b{color:var(--texto)}
@media (min-width:1000px){
 .eb .filtros{margin-top:24px}
 .eb .filtros-grade{grid-template-columns:minmax(200px,1fr) minmax(320px,1.3fr) minmax(320px,1.3fr) 170px auto;align-items:end;margin-top:0;padding:16px}
 .eb .filtros-grade .periodo{grid-column:auto}
 .eb .filtros-acoes{grid-column:auto;display:block;padding-bottom:4px}
 .eb .filtros-acoes span{display:none}
 .eb .filtros-grade.tres{grid-template-columns:minmax(240px,1.2fr) minmax(320px,1.3fr) 200px auto}
 .eb .abas{margin:16px 0 0;padding:0}
}
.eb .situacao{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--borda);font-size:13px;font-weight:700;white-space:nowrap;line-height:1.4}
.eb .situacao::before{content:'';width:8px;height:8px;margin-right:6px;background:currentColor;flex:none}
.eb .situacao.vencendo,.eb .situacao.aviso{color:var(--ambar)}
.eb .situacao.vencido,.eb .situacao.erro{color:var(--erro);border-color:currentColor}
.eb .situacao.bloqueado{color:var(--suave)}
.eb .situacao.teste::before{background:var(--laranja)}
.eb .situacao.ok{color:var(--ok)}
.eb .quando{display:block;font-size:13px;color:var(--suave)}
.eb .quando.vencendo{color:var(--ambar);font-weight:700}
.eb .quando.vencido{color:var(--erro);font-weight:700}
.eb .acoes-linha{display:inline-grid;grid-auto-flow:column;grid-gap:4px;vertical-align:middle}
.eb .acoes-linha button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:56px;padding:0 2px;border:1px solid transparent;background:var(--marcado);color:var(--texto);font-size:13px;font-weight:700;line-height:1;letter-spacing:-.005em}
.eb .acoes-linha button .ic{width:20px;height:20px;margin-bottom:5px}
.eb .acoes-linha button:hover{filter:brightness(.92)}
.eb .acoes-linha .c-laranja{background:var(--laranja);color:var(--sobre-laranja)}
.eb .acoes-linha .c-azul{background:var(--b-azul);color:var(--b-sobre)}
.eb .acoes-linha .c-verde{background:var(--b-verde);color:var(--b-sobre)}
.eb .acoes-linha .c-vermelho{background:var(--b-vermelho);color:var(--b-sobre)}
.eb .acoes-linha .c-perigo{background:var(--b-perigo);color:var(--b-perigo-t);border-color:var(--b-perigo-b)}
.eb .acoes-linha .c-neutro{background:var(--superficie);border-color:var(--borda-forte);width:56px}
.eb .acoes-linha .c-neutro:hover{filter:none;border-color:var(--texto)}
.eb .acoes-linha [aria-expanded=true]{border-color:var(--texto);box-shadow:inset 0 0 0 1px var(--texto)}
.eb .acoes-linha.largo button{width:84px}
.eb .acoes-linha.largo .c-perigo{width:72px}
.eb .qtd{position:absolute;top:5px;left:50%;margin-left:7px;min-width:16px;height:16px;padding:0 4px;background:var(--superficie);color:var(--b-azul);font-size:11px;line-height:16px;font-weight:800}
.eb .bt.c-whats{background:var(--b-verde);border-color:var(--b-verde);color:var(--b-sobre)}
.eb .bt.c-whats:hover{filter:brightness(.94)}
.eb .cartoes{list-style:none;margin:0;padding:0}
.eb .cartao{padding:16px 0;border-bottom:1px solid var(--borda)}
.eb .cli-topo{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-column-gap:12px;grid-row-gap:2px;align-items:start}
.eb .avatar{width:40px;height:40px;display:grid;place-items:center;background:var(--marcado);border:1px solid var(--borda);font-weight:700;font-size:15px}
.eb .cli-topo>.avatar{grid-column:1;grid-row:1/3}
.eb .cli-topo>.nome{grid-column:2;grid-row:1}
.eb .cli-topo>.codigo{grid-column:2;grid-row:2}
.eb .cli-topo>.cli-sit{grid-column:3;grid-row:1/3;align-self:center}
.eb .nome{font-weight:700;font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eb .codigo{font-size:13px;color:var(--suave);letter-spacing:.04em}
.eb .cli-info{margin:10px 0 12px 52px;font-size:13px;color:var(--suave)}
.eb .cli-info span{display:inline-block;margin-right:12px}
.eb .cli-info b{color:var(--texto)}
.eb .cartao .ancora{display:block}
.eb .cartao .acoes-linha{display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr)) 52px;width:100%}
.eb .cartao .acoes-linha.quatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.eb .cartao .acoes-linha.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.eb .cartao .acoes-linha button{width:auto}
@media (max-width:400px){
 .eb .cartao .acoes-linha button,.eb .prox .acoes-linha button{letter-spacing:-.02em;padding:0}
}
@media (max-width:380px){
 .eb .cartao .acoes-linha button,.eb .prox .acoes-linha button{font-size:12px}
}
.eb .rodape-lista{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:13px;color:var(--suave)}
.eb .vazio{padding:32px 16px;text-align:center;color:var(--suave);font-size:14px}
.eb .vazio b{display:block;color:var(--texto);font-size:15px;margin-bottom:4px}
.eb .lixeira-linha{display:flex;align-items:center;width:100%;min-height:64px;padding:12px 0;border:0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);background:none;text-align:left;margin-top:8px}
.eb .lixeira-linha>.ic{margin-right:16px}
.eb .lixeira-linha span{flex:1}
.eb .lixeira-linha b{display:block;font-size:15px}
.eb .lixeira-linha small{font-size:13px;color:var(--suave)}
.eb .tabela-wrap{display:none}
@media (min-width:1000px){
 .eb .lista-cel{display:none}
 .eb .tabela-wrap{display:block;margin-top:16px;background:var(--superficie);border:1px solid var(--borda)}
 .eb .tabela-wrap.solta{margin-top:0;border:0}
 .eb table{width:100%;border-collapse:collapse;font-size:13px}
 .eb th{text-align:left;font-weight:700;color:var(--suave);padding:12px;border-bottom:1px solid var(--borda);white-space:nowrap}
 .eb th .ic{width:14px;height:14px;vertical-align:-2px;margin-left:2px}
 .eb td{padding:10px 12px;border-bottom:1px solid var(--borda);vertical-align:middle}
 .eb tbody tr:last-child td{border-bottom:0}
 .eb tbody tr:hover{background:var(--marcado)}
 .eb td.acoes,.eb th.acoes,.eb td.num,.eb th.num{text-align:right}
 .eb .t-cli{display:flex;align-items:center;min-width:0}
 .eb .t-cli .avatar{width:36px;height:36px;font-size:13px;margin-right:12px;flex:none}
 .eb .t-cli .nome{max-width:180px;display:block}
 .eb .t-grande{font-size:15px;font-weight:700}
 .eb .t-grande small{font-size:13px;font-weight:400;color:var(--suave)}
 .eb .t-data{font-size:15px;white-space:nowrap;display:block}
 .eb .rodape-lista{padding:14px 16px;border-top:1px solid var(--borda)}
 .eb .lixeira-linha{margin-top:24px}
}
@media (min-width:1600px){
 .eb .t-cli .nome{max-width:none}
}
.eb .tab-simples{width:100%;border-collapse:collapse;font-size:14px}
.eb .tab-simples th{text-align:left;font-size:13px;color:var(--suave);font-weight:700;padding:10px 16px;border-bottom:1px solid var(--borda);white-space:nowrap}
.eb .tab-simples td{padding:12px 16px;border-bottom:1px solid var(--borda);vertical-align:middle}
.eb .tab-simples tr:last-child td{border-bottom:0}
.eb .tab-simples .num{text-align:right;white-space:nowrap}
.eb .mais{color:var(--ok);font-weight:700}
.eb .menos{color:var(--texto);font-weight:700}
@media (max-width:999px){
 .eb .tab-simples thead{display:none}
 .eb .tab-simples,.eb .tab-simples tbody,.eb .tab-simples tr,.eb .tab-simples td{display:block;width:100%}
 .eb .tab-simples tr{padding:12px 16px;border-bottom:1px solid var(--borda);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:12px}
 .eb .tab-simples tr:last-child{border-bottom:0}
 .eb .tab-simples td{padding:0;border:0;font-size:13px;color:var(--suave)}
 .eb .tab-simples td:first-child{grid-column:1/-1;font-size:12px}
 .eb .tab-simples td.forte{color:var(--texto);font-size:15px;font-weight:700}
 .eb .tab-simples td.num{grid-column:2;grid-row:2/4;align-self:center;font-size:15px}
 .eb .tab-simples td.so-tab{display:none}
 .eb .tab-simples.par tr{display:flex;justify-content:space-between;align-items:center}
 .eb .tab-simples.par td:first-child{font-size:15px}
 .eb .tab-simples.par td.num{font-size:15px;color:var(--texto)}
}
.eb .numeros{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;background:var(--superficie);border:1px solid var(--borda)}
.eb .numeros button{display:block;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid var(--borda);border-right:1px solid var(--borda);background:none;min-height:84px}
.eb .numeros button:nth-child(2n){border-right:0}
.eb .numeros button:hover{background:var(--marcado)}
.eb .numeros span{display:block;font-size:13px;color:var(--suave);line-height:1.35}
.eb .numeros b{display:block;font-size:30px;line-height:1.15;margin-top:4px}
.eb .numeros .alerta b{color:var(--ativo)}
.eb .numeros .ambar b{color:var(--ambar)}
.eb .numeros button:last-child{grid-column:1/-1;border-bottom:0;border-right:0}
@media (min-width:1000px){
 .eb .numeros{grid-template-columns:repeat(5,1fr);margin-top:24px}
 .eb .numeros button,.eb .numeros button:nth-child(2n){border-bottom:0;border-right:1px solid var(--borda);padding:18px 20px;min-height:104px}
 .eb .numeros button:last-child{grid-column:auto;border-right:0}
 .eb .numeros b{font-size:38px}
}
.eb .atalhos{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;margin-top:16px}
.eb .atalhos .bt{min-height:64px;justify-content:flex-start;white-space:normal;text-align:left;line-height:1.25}
.eb .atalhos .bt .ic{width:24px;height:24px;margin-right:12px}
@media (min-width:1000px){
 .eb .atalhos{grid-template-columns:repeat(4,1fr);margin-top:16px}
 .eb .atalhos .bt{min-height:72px;padding:0 20px}
}
.eb .vence-hoje{margin:0 0 16px;font-size:15px}
.eb .vence-hoje b{color:var(--ambar)}
.eb .opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;margin:0;padding:0;border:0}
.eb .opcoes legend{font-size:13px;color:var(--suave);margin-bottom:8px;padding:0}
.eb .opcoes label{position:relative;display:block;padding:12px;border:1px solid var(--borda-forte);cursor:pointer;background:var(--campo)}
.eb .opcoes input{position:absolute;opacity:0;width:1px;height:1px}
.eb .opcoes .t{display:block;font-size:19px;font-weight:700;line-height:1.2;white-space:nowrap}
.eb .opcoes small{display:block;font-size:13px;color:var(--suave);white-space:nowrap}
.eb .opcoes label.marcado{border-color:var(--laranja);box-shadow:inset 0 0 0 1px var(--laranja)}
.eb .opcoes label.foco{outline:2px solid var(--ativo);outline-offset:2px}
.eb .opcoes.largas{grid-template-columns:1fr}
.eb .opcoes.largas small{white-space:normal}
@media (min-width:1000px){
 .eb .opcoes{grid-template-columns:repeat(4,minmax(0,1fr))}
 .eb .opcoes.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
 .eb .opcoes.largas{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.eb .conta{margin-top:16px;padding:14px 16px;background:var(--marcado);border:1px solid var(--borda)}
.eb .conta p{margin:0;font-size:15px}
.eb .contas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 10px;grid-gap:8px}
.eb .contas dt{font-size:13px;color:var(--suave)}
.eb .contas dd{margin:0;font-size:30px;font-weight:700;line-height:1.15;color:var(--gold)}
.eb .contas div:first-child dd{color:var(--texto)}
.eb .contas small{display:block;font-size:13px;font-weight:400;color:var(--suave);line-height:1.3}
.eb .conta .novo{font-size:15px;color:var(--suave);margin:0;padding-top:10px;border-top:1px solid var(--borda)}
.eb .conta .novo b{color:var(--texto)}
.eb .conta .novo+.novo{border-top:0;padding-top:2px}
.eb .dica-confianca{margin:14px 0 0;font-size:13px;color:var(--suave)}
.eb .link-bt{border:0;background:none;padding:0;color:var(--ativo);font-weight:700;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.eb .mensagem{margin:12px 0 0;padding:14px 16px;background:var(--marcado);border:1px solid var(--borda);font-size:14px;line-height:1.6;white-space:pre-line}
.eb .feito{display:flex;align-items:flex-start;margin-bottom:12px}
.eb .feito .ic{width:28px;height:28px;color:var(--ok);margin-right:12px;flex:none}
.eb .feito b{display:block;font-size:17px}
.eb .feito small{display:block;font-size:14px;color:var(--suave)}
.eb .listas-conta{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 12px;font-size:13px;color:var(--suave)}
.eb .listas-conta b{color:var(--texto)}
.eb .listas{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--borda)}
.eb .listas li{padding:14px 0;border-bottom:1px solid var(--borda)}
.eb .listas .l-nome{font-weight:700;display:flex;align-items:center;flex-wrap:wrap}
.eb .tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 6px;border:1px solid var(--borda-forte);color:var(--suave);letter-spacing:.02em;margin-left:8px}
.eb .listas .l-tipo{display:flex;align-items:center;font-size:13px;color:var(--suave);margin-top:2px;word-break:break-all}
.eb .listas .l-tipo .ic{width:16px;height:16px;margin-right:6px}
.eb .l-botoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;margin-top:10px}
.eb .l-botoes button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border:1px solid var(--borda-forte);background:var(--superficie);font-size:13px;font-weight:700}
.eb .l-botoes button .ic{width:18px;height:18px;margin-right:6px}
.eb .l-botoes button:hover{border-color:var(--texto)}
.eb .l-botoes .apagar{color:var(--erro)}
.eb .l-botoes .fixa{font-size:12px;color:var(--suave);align-self:center;line-height:1.35;text-align:center}
.eb .menu-mais{display:block}
.eb .menu-mais button{display:grid;grid-template-columns:24px minmax(0,1fr);grid-column-gap:14px;align-items:start;width:100%;padding:10px 16px;min-height:56px;border:0;border-bottom:1px solid var(--borda);background:none;text-align:left}
.eb .menu-mais button:last-child{border-bottom:0}
.eb .menu-mais button:hover{background:var(--marcado)}
.eb .menu-mais .ic{grid-row:1/3;width:22px;height:22px;margin-top:1px}
.eb .menu-mais b{font-size:15px;line-height:1.35}
.eb .menu-mais small{font-size:13px;color:var(--suave);line-height:1.4}
.eb .menu-mais em{font-style:normal;color:var(--ativo);font-weight:700}
.eb .ancora{position:relative;display:inline-block}
.eb .balao{position:absolute;right:0;top:100%;margin-top:6px;z-index:20;width:380px;background:var(--superficie);border:1px solid var(--borda-forte);box-shadow:var(--sombra);text-align:left;animation:sobe 160ms var(--entrada)}
.eb .balao.acima{top:auto;bottom:100%;margin:0 0 6px}
.eb .passos{display:flex;list-style:none;margin:16px 0 0;padding:0;border:1px solid var(--borda);background:var(--superficie);counter-reset:p}
.eb .passos li{flex:1;display:flex;align-items:center;padding:12px 14px;font-size:13px;color:var(--suave);font-weight:700;border-right:1px solid var(--borda)}
.eb .passos li:last-child{border-right:0}
.eb .passos li::before{counter-increment:p;content:counter(p);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border:1px solid var(--borda-forte);font-size:12px;flex:none}
.eb .passos .agora{color:var(--texto);box-shadow:inset 0 -2px 0 var(--laranja)}
.eb .passos .agora::before{background:var(--laranja);border-color:var(--laranja);color:#101112}
.eb .passos .feito-p::before{content:'✓';background:var(--marcado)}
.eb .de-para{display:grid;grid-template-columns:1fr;grid-gap:12px;align-items:end}
.eb .de-para .seta{display:none}
@media (min-width:1000px){
 .eb .de-para{grid-template-columns:1fr 40px 1fr}
 .eb .de-para .seta{display:grid;place-items:center;height:48px;color:var(--suave)}
}
.eb .contagem{font-size:28px;font-weight:700;line-height:1.2;margin:0}
.eb .contagem small{display:block;font-size:14px;font-weight:400;color:var(--suave);margin-top:4px}
.eb .servidor{padding:16px;border-top:1px solid var(--borda)}
.eb .servidor:first-child{border-top:0}
.eb .serv-topo{display:flex;align-items:flex-start}
.eb .serv-topo>div{flex:1;min-width:0}
.eb .serv-topo b{font-size:17px}
.eb .serv-topo small{display:block;font-size:13px;color:var(--suave);word-break:break-all}
.eb .serv-dados{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 16px;margin:14px 0;font-size:13px;color:var(--suave)}
.eb .serv-dados b{display:block;color:var(--texto);font-size:15px}
.eb .serv-dados .teste-auto b{color:var(--texto)}
.eb .serv-botoes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}
@media (min-width:1000px){
 .eb .serv-linha{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2.4fr) auto;grid-gap:24px;align-items:center}
 .eb .serv-dados{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
 .eb .serv-botoes{display:flex}
 .eb .serv-botoes .bt{margin-left:8px}
}
.eb .fatura-topo{display:block}
.eb .valor-grande{font-size:40px;font-weight:700;line-height:1.1;margin:4px 0 0}
.eb .valor-grande small{font-size:15px;font-weight:400;color:var(--suave);margin-left:6px}
.eb .dados{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 16px;margin:16px 0 0;font-size:13px;color:var(--suave)}
.eb .dados dt{font-size:13px}
.eb .dados dd{margin:2px 0 0;color:var(--texto);font-size:15px;font-weight:700}
.eb .dados div{min-width:0}
@media (min-width:1000px){
 .eb .dados{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.eb .qr{width:200px;height:200px;margin:4px auto 12px;display:grid;place-items:center;text-align:center;border:1px dashed var(--borda-forte);background:var(--marcado);color:var(--suave);font-size:13px;padding:16px}
.eb .qr .ic{width:40px;height:40px;margin:0 auto 8px;display:block}
.eb .copia-cola{font-size:12px;word-break:break-all;color:var(--suave);background:var(--marcado);border:1px solid var(--borda);padding:10px 12px;margin:0}
.eb .esperando{display:flex;align-items:center;font-size:14px;margin-top:12px;color:var(--suave)}
.eb .esperando::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--laranja);margin-right:10px;animation:pulsa 1.4s ease-in-out infinite}
.eb .chat{display:block;margin-top:16px}
.eb .chat-lista{background:var(--superficie);border:1px solid var(--borda)}
.eb .chat-item{display:flex;align-items:flex-start;width:100%;padding:12px 16px;border:0;border-top:1px solid var(--borda);background:none;text-align:left}
.eb .chat-item:first-child{border-top:0}
.eb .chat-item:hover,.eb .chat-item.aberto{background:var(--marcado)}
.eb .chat-item .avatar{margin-right:12px;flex:none}
.eb .chat-item>span{flex:1;min-width:0}
.eb .chat-item b{display:block;font-size:15px}
.eb .chat-item small{display:block;font-size:13px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eb .chat-item .hora{font-size:12px;color:var(--suave);text-align:right;margin-left:8px;white-space:nowrap}
.eb .chat-item .hora i{display:block;margin:4px 0 0 auto;width:20px;height:20px;line-height:20px;text-align:center;background:var(--laranja);color:#101112;font-style:normal;font-weight:700;font-size:12px;border-radius:10px}
.eb .conversa{display:flex;flex-direction:column;background:var(--superficie);border:1px solid var(--borda);min-height:520px}
.eb .conv-topo{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--borda)}
.eb .conv-topo .avatar{margin-right:12px;flex:none}
.eb .conv-topo>span{flex:1;min-width:0}
.eb .conv-topo b,.eb .conv-topo small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eb .conv-topo small{font-size:13px;color:var(--suave)}
.eb .msgs{flex:1;padding:16px;background:var(--fundo);overflow-y:auto}
.eb .msg{max-width:78%;padding:10px 12px;margin-bottom:8px;font-size:14px;line-height:1.45;background:var(--superficie);border:1px solid var(--borda)}
.eb .msg small{display:block;font-size:11px;color:var(--suave);margin-top:4px;text-align:right}
.eb .msg.minha{margin-left:auto;background:var(--marcado)}
.eb .msg-dia{text-align:center;font-size:12px;color:var(--suave);margin:4px 0 12px}
.eb .escrever{display:flex;padding:10px;border-top:1px solid var(--borda)}
.eb .escrever input{flex:1;min-width:0;min-height:48px;border:1px solid var(--borda-forte);background:var(--campo);padding:0 14px;font-size:16px}
.eb .escrever .bt{margin-left:8px}
.eb .escrever .anexo{width:48px;padding:0;margin:0 8px 0 0}
.eb .escrever .anexo .ic{margin:0}
@media (max-width:999px){
 .eb .chat-aberta .cabeca,.eb .chat-aberta .sub-pc{display:none}
 .eb .chat-aberta .chat{margin-top:0}
 .eb .chat-aberta .conversa{min-height:calc(100vh - 290px)}
}
@media (min-width:1000px){
 .eb .chat{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:16px}
 .eb .conversa{min-height:420px;height:calc(100vh - 420px)}
}
.eb .tv{position:relative;width:100%;padding-top:56.25%;background:#101113;border:8px solid #2A2B2F;color:#fff;overflow:hidden}
.eb .tv-dentro{position:absolute;top:0;left:0;right:0;bottom:0;display:flex}
.eb .tv-menu{width:24%;padding:10px 8px;background:#17181b;font-size:10px}
.eb .tv-menu .tv-logo{display:block;font-weight:800;font-size:12px;margin-bottom:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eb .tv-menu i{display:block;font-style:normal;padding:4px 6px;color:#C9CACE}
.eb .tv-menu i.f{color:#F3EADC;font-weight:700}
.eb .tv-conteudo{flex:1;padding:10px;min-width:0}
.eb .tv-banner{height:46%;background:linear-gradient(90deg,#3a2216,#1b1c1f);padding:10px;font-size:11px;display:flex;flex-direction:column;justify-content:flex-end}
.eb .tv-banner b{font-size:13px}
.eb .tv-fila{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;margin-top:10px}
.eb .tv-fila i{display:block;padding-top:140%;background:#2A2B2F}
.eb .tv-aviso{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%);background:#1A1B1E;border:1px solid #3A3B40;padding:12px;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.eb .tv-aviso b{display:block;font-size:13px;margin-bottom:4px}
.eb .tv-aviso .tv-bt{display:inline-block;margin-top:8px;background:#FE5411;color:#101112;font-weight:700;padding:4px 10px}
.eb .tv-faixa{position:absolute;left:0;right:0;bottom:0;background:#FE5411;color:#101112;font-size:11px;font-weight:700;padding:6px 10px}
.eb .tv-push{position:absolute;right:8px;top:8px;width:46%;background:#F6F4F1;color:#101112;padding:8px 10px;font-size:10px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.eb .tv-push b{display:block;font-size:11px}
.eb .legenda{font-size:13px;color:var(--suave);margin:8px 0 0}
.eb .entrar{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.eb .entrar-caixa{width:100%;max-width:420px}
.eb .entrar-caixa .logo{height:40px;width:155px;margin-bottom:12px}
.eb .entrar-caixa h2{margin:24px 0 4px;font-size:28px}
.eb .entrar-caixa>p{margin:0 0 24px;color:var(--suave)}
.eb .entrar-caixa .bt.principal{width:100%;margin-top:24px;min-height:52px}
.eb .entrar-caixa .esqueci{display:block;margin:16px auto 0;text-align:center}
.eb .entrar-pe{margin-top:40px;font-size:13px;color:var(--suave);text-align:center}
.eb .linha-bts{display:flex;flex-wrap:wrap;margin:16px -4px -4px}
.eb .linha-bts>*{margin:4px}
.eb .bloco-sub{margin:4px 16px 0!important}
.eb .situacao.breve{color:var(--suave)}
.eb .situacao.breve::before{background:none;border:1.5px solid currentColor;width:7px;height:7px}
.eb .resumo{margin-top:16px}
.eb .r-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.eb .r-item{padding:14px 16px;border-bottom:1px solid var(--borda);min-width:0}
.eb .r-item:nth-child(odd){border-right:1px solid var(--borda)}
.eb .r-item>span{display:block;font-size:13px;color:var(--suave)}
.eb .r-item>b{display:block;font-size:22px;line-height:1.2;margin-top:4px;letter-spacing:-.01em}
.eb .r-item>small{display:block;font-size:13px;color:var(--suave);margin-top:4px;line-height:1.4}
.eb .r-item>small b{color:var(--texto)}
.eb .r-item .link-bt{margin-top:6px;font-size:13px;min-height:32px}
.eb .r-fat>b{color:var(--gold)}
.eb .r-codigo{display:flex;align-items:center;flex-wrap:wrap;margin-top:4px}
.eb .r-codigo b{font-size:22px;line-height:1.2;letter-spacing:.06em;margin-right:10px}
.eb .r-codigo .bt{min-height:36px;padding:0 10px}
.eb .r-par{display:flex;margin-top:2px}
.eb .r-par button{display:block;border:0;background:none;padding:2px 16px 2px 0;text-align:left;font-size:13px;color:var(--suave)}
.eb .r-par button b{display:block;font-size:22px;line-height:1.2;color:var(--texto)}
.eb .r-par button:hover b{color:var(--ativo)}
.eb .r-aparelhos{padding:12px 16px 14px}
.eb .r-aparelhos .rotulo{font-weight:400;color:var(--suave);margin-bottom:6px}
.eb .r-aparelhos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:4px 16px}
.eb .r-aparelhos li{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;padding:4px 0;border-bottom:1px dashed var(--borda)}
.eb .r-aparelhos li b{font-size:15px;margin-left:8px}
@media (min-width:1000px){
 .eb .resumo{margin-top:24px}
 .eb .r-grade{grid-template-columns:1.1fr 1.2fr 1.1fr 1fr}
 .eb .r-item{padding:18px 20px;border-right:1px solid var(--borda)}
 .eb .r-item:last-child{border-right:0}
 .eb .r-item>b,.eb .r-codigo b,.eb .r-par button b{font-size:28px}
 .eb .r-aparelhos{display:flex;align-items:center;padding:12px 20px}
 .eb .r-aparelhos .rotulo{margin:0 20px 0 0;white-space:nowrap}
 .eb .r-aparelhos ul{display:flex;flex-wrap:wrap}
 .eb .r-aparelhos li{border:0;padding:2px 0;margin-right:24px}
}
.eb .prox-cab{display:grid;grid-template-columns:minmax(0,1fr) 150px 300px;grid-column-gap:12px;padding:16px 16px 8px;font-size:13px;font-weight:700;color:var(--suave)}
.eb .prox-cab span:last-child{text-align:right}
.eb .prox{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 12px;padding:14px 16px;border-top:1px solid var(--borda)}
.eb .prox-lista{margin-top:8px}
.eb .prox-quem{min-width:0}
.eb .link-usuario{display:inline-flex;align-items:center;border:0;background:none;padding:0;min-height:32px;color:var(--b-azul);font-weight:700;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;min-height:24px}
.eb .prox-nome{display:block;font-size:14px;color:var(--texto)}
.eb .prox-valor{display:block;font-size:13px;color:var(--suave)}
.eb .prox-valor b{color:var(--texto);font-weight:700}
.eb .prox-venc{text-align:right}
.eb .prox-venc .t-data{font-size:14px;white-space:nowrap;display:block}
.eb .prox .acoes-linha{grid-column:1/-1;display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;width:100%}
.eb .prox .acoes-linha button{width:auto}
@media (min-width:1000px){
 .eb .prox{grid-template-columns:minmax(0,1fr) 150px 300px;align-items:center}
 .eb .prox-venc{text-align:left}
 .eb .prox .acoes-linha{grid-column:auto;margin-top:0;display:inline-grid;grid-auto-flow:column;grid-template-columns:none;justify-self:end;width:auto}
 .eb .prox .acoes-linha button{width:72px}
}
:root[data-tema=escuro] .eb .link-usuario{color:#8DB4FF}
.eb .disp{list-style:none;margin:8px 0 0;padding:0}
.eb .disp li{display:flex;align-items:center;padding:10px 16px;border-top:1px solid var(--borda);font-size:14px;font-weight:700}
.eb .disp li .ic{width:20px;height:20px;color:var(--suave);margin-right:12px}
.eb .disp li span:not(.situacao){flex:1;min-width:0}
.eb .como{list-style:none;margin:16px 0 0;padding:0;max-width:880px;background:var(--superficie);border:1px solid var(--borda)}
.eb .como li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:4px 14px;padding:18px 16px;border-top:1px solid var(--borda);position:relative}
.eb .como li:first-child{border-top:0}
.eb .como-n{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;background:var(--laranja);color:var(--sobre-laranja);font-size:20px;font-weight:800}
.eb .como-t b{display:block;font-size:17px;line-height:1.3}
.eb .como-t p{margin:4px 0 0;font-size:14px;color:var(--suave);max-width:60ch}
.eb .como .bt{justify-self:start;margin-top:8px;min-height:44px;font-size:14px}
.eb .como .bt .num-tela{font-size:12px;color:var(--suave);margin-left:8px}
.eb .como .bt .ic:last-child{width:18px;height:18px;margin:0 0 0 6px}
@media (min-width:1000px){
 .eb .como{margin-top:24px}
 .eb .como li{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;padding:20px 24px}
 .eb .como-n{grid-row:auto;width:52px;height:52px;font-size:24px}
 .eb .como .bt{margin-top:0;justify-self:end}
}
.eb .seg.escolha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px;border:0;background:none;overflow:visible}
.eb .seg.escolha button{display:grid;grid-template-columns:24px minmax(0,1fr);grid-column-gap:10px;align-items:start;text-align:left;min-height:72px;padding:12px;border:1px solid var(--borda-forte);background:var(--campo);color:var(--texto)}
.eb .seg.escolha button .ic{grid-row:1/3;width:22px;height:22px;color:var(--suave)}
.eb .seg.escolha button b{font-size:15px;line-height:1.3}
.eb .seg.escolha button small{font-size:12px;font-weight:400;color:var(--suave);line-height:1.35}
.eb .seg.escolha [aria-pressed=true],:root[data-tema=escuro] .eb .seg.escolha [aria-pressed=true]{background:var(--campo);color:var(--texto);border-color:var(--laranja);box-shadow:inset 0 0 0 1px var(--laranja)}
.eb .seg.escolha [aria-pressed=true] .ic{color:var(--ativo)}
.eb .lista-simples{margin:8px 0 0;padding:0 16px 16px 34px;font-size:14px;color:var(--suave)}
.eb .lista-simples li{margin-top:6px}
.eb .lista-simples b{color:var(--texto)}
.eb .opcoes label>.ic{display:block;width:22px;height:22px;color:var(--suave);margin-bottom:8px}
.eb .opcoes label.marcado>.ic{color:var(--ativo)}
.eb .opcoes.largas .t{white-space:normal;font-size:17px}
.eb .opcoes.largas small{margin-top:4px;line-height:1.4}
.eb .tag.rec{border-color:var(--ok);color:var(--ok);vertical-align:3px}
@media (min-width:1000px){
 .eb .opcoes.largas.duas-col{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.eb .opcoes.bases .t{font-size:15px;word-break:break-all}
.eb .massa-campos{margin-top:20px;padding-top:20px;border-top:1px solid var(--borda)}
.eb .explica{background:var(--marcado)}
.eb .explica .bloco-corpo{display:flex;align-items:flex-start}
.eb .explica .bloco-corpo>.ic{width:28px;height:28px;color:var(--ativo);margin-right:14px;flex:none}
.eb .explica b{display:block;font-size:17px}
.eb .explica p{margin:4px 0 0;font-size:15px;max-width:70ch}
.eb .quem-cad{display:flex;align-items:center;margin-top:16px;padding:14px 16px;background:var(--marcado);border:1px solid var(--borda)}
.eb .quem-cad .avatar{margin-right:12px;flex:none}
.eb .quem-cad b{display:block;font-size:17px}
.eb .quem-cad small{display:block;font-size:13px;color:var(--suave)}
.eb .opcoes.pergunta legend{font-size:17px;font-weight:700;color:var(--texto);margin-bottom:12px}
.eb .pilha{display:grid;grid-gap:8px;margin-top:16px}
.eb .bt.largo{width:100%}
.eb .qtd-campo{max-width:240px}
.eb .qtd-campo input{text-align:center;font-size:18px!important;font-weight:700}
.eb .qtd-campo .bt{min-width:52px;font-size:20px;padding:0}
.eb .f-erro{display:block;color:var(--erro);font-size:13px;font-weight:700;margin:8px 0 0}
.eb .saldo-linha{font-size:13px;color:var(--suave);white-space:nowrap}
.eb .saldo-linha b{color:var(--gold)}
.eb .conta .total{font-size:24px;line-height:1.2}
.eb .tabela-faixas tr.atual{background:var(--marcado);box-shadow:inset 3px 0 0 var(--laranja)}
.eb .dois-bts{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;margin-top:16px;max-width:520px}
.eb .r-divide{display:flex;margin:10px 0 0;padding-top:8px;border-top:1px dashed var(--borda)}
.eb .r-divide div{margin-right:20px}
.eb .r-divide dt{font-size:12px;color:var(--suave)}
.eb .r-divide dd{margin:0;font-size:15px;font-weight:700}
.eb .r-aparelhos li{align-items:center;justify-content:flex-start}
.eb .r-aparelhos li .ic{width:20px;height:20px;color:var(--suave);margin-right:8px}
.eb .r-aparelhos li span{flex:1}
.eb .r-aparelhos li.zero{color:var(--suave)}
.eb .r-aparelhos li.zero b{color:var(--suave);font-weight:400}
.eb .atalhos .bt span{position:relative}
.eb .atalhos .ponto-novo{vertical-align:6px;margin-left:6px}
@media (min-width:1000px){
 .eb .r-aparelhos li span{flex:none}
 .eb .r-aparelhos li .ic{margin-right:8px}
}
.eb .f-inteiro{grid-column:1/-1}
.eb .lista-titulo{margin:16px 0 0;font-size:13px;color:var(--suave)}
.eb .lista-titulo b{color:var(--texto)}
.eb .nota-lixeira{margin-top:12px}
.eb .abas .aba-lixeira{margin-left:auto}
.eb .abas .aba-lixeira .ic{width:16px;height:16px;margin-right:6px}
.eb .cartao .linha-bts{margin:0 -4px}
.eb .dados-cli{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px;background:var(--marcado);border:1px solid var(--borda);margin-top:16px}
@media (min-width:640px){
 .eb .dados-cli{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.eb .listas-cab{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 0;font-size:15px}
.eb .listas-cab span{font-size:13px;color:var(--suave)}
.eb .listas-cab+.listas{margin-top:8px}
.eb .listas .tag+.tag{margin-left:6px}
.eb .l-botoes{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){
 .eb .l-botoes{grid-template-columns:repeat(2,minmax(0,160px))}
}
.eb .faixas{border:1px solid var(--borda)}
.eb .faixa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.1fr);grid-column-gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--borda)}
.eb .faixa.cab-f{border-top:0;font-size:12px;font-weight:700;color:var(--suave);padding-top:8px;padding-bottom:8px}
.eb .f-de{display:flex;flex-wrap:wrap;align-items:center}
.eb .f-de input{width:52px;min-height:40px;padding:0 6px;border:1px solid var(--borda-forte);background:var(--campo);font-size:15px;text-align:center}
.eb .f-de em{font-style:normal;color:var(--suave);padding:0 6px;font-size:13px}
.eb .f-de small{width:100%;font-size:12px;color:var(--suave);margin-top:2px}
.eb .f-paga{font-size:15px;font-weight:700}
.eb .f-paga small{display:block;font-size:12px;font-weight:400;color:var(--suave)}
.eb .faixa .prefixo{min-height:44px}
.eb .faixa .prefixo input{min-height:42px!important;width:100%;min-width:0;font-size:15px}
.eb .faixa .prefixo b{padding-left:10px}
.eb .prefixo.erro{border-color:var(--erro);box-shadow:inset 0 0 0 1px var(--erro)}
.eb .faixa .f-erro{grid-column:1/-1;margin-top:6px}
.eb .faixas>.bt{margin:8px 4px}
.eb .prefixo.sufixo{max-width:200px}
.eb .prefixo.sufixo input{padding-left:14px!important;flex:1;min-width:0}
.eb .prefixo.sufixo b{padding:0 14px 0 0}
.eb .extrato .detalhe{color:var(--suave)}
.eb .saldo-ad{white-space:nowrap}
.eb .saldo-ad span{color:var(--suave)}
.eb .saldo-ad .ic{width:14px;height:14px;margin:0 4px;vertical-align:-2px;color:var(--suave)}
.eb .saldo-ad b{font-weight:700}
@media (max-width:999px){
 .eb .extrato tr{grid-template-columns:minmax(0,1fr) auto}
 .eb .extrato td.forte{grid-column:1;grid-row:2}
 .eb .extrato td.detalhe{grid-column:1;grid-row:3}
 .eb .tab-simples.extrato td.num{grid-column:2;grid-row:2;align-self:end}
 .eb .tab-simples.extrato td.saldo-ad{grid-row:3;align-self:start;font-size:13px}
}
.eb .serv-urls{list-style:none;margin:10px 0 14px;padding:0}
.eb .serv-urls li{display:flex;align-items:center;font-size:14px;padding:3px 0;word-break:break-all}
.eb .serv-urls .ic{width:16px;height:16px;color:var(--suave);margin-right:8px;flex:none}
@media (min-width:1000px){
 .eb .serv-linha{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto}
 .eb .serv-urls{margin:0}
}
.eb .urls-edit{list-style:none;margin:0;padding:0}
.eb .urls-edit li{display:flex;margin-bottom:8px}
.eb .urls-edit input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--borda-forte);background:var(--campo);font-size:16px}
.eb .urls-edit .bt{margin-left:-1px;width:48px;padding:0}
.eb .urls-edit .bt .ic{margin:0}
.eb .bases .t{word-break:break-all}
.eb .conferir li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-column-gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--borda)}
.eb .conferir .avatar{width:32px;height:32px;font-size:13px}
.eb .cf-quem b{display:block;font-size:15px}
.eb .cf-quem small{display:block;font-size:12px;color:var(--suave)}
.eb .cf-ap{display:none}
.eb .conferir .tag{margin:0}
.eb .conferir .cf-mais{display:block;font-size:13px;color:var(--suave);padding:12px 16px}
@media (min-width:1000px){
 .eb .conferir li{grid-template-columns:32px minmax(0,1fr) 160px 60px}
 .eb .cf-ap{display:flex;align-items:center;font-size:14px}
 .eb .cf-ap .ic{width:18px;height:18px;margin-right:8px;color:var(--suave)}
}
.eb .escolhido{display:flex;align-items:center;padding:12px 14px;border:1px solid var(--laranja);box-shadow:inset 0 0 0 1px var(--laranja);background:var(--campo)}
.eb .escolhido>.ic:first-child{color:var(--suave);margin-right:12px}
.eb .escolhido>.ic:last-child{color:var(--ok);margin-left:8px}
.eb .escolhido span{flex:1;min-width:0}
.eb .escolhido b{display:block;font-size:15px}
.eb .escolhido small{display:block;font-size:13px;color:var(--suave)}
.eb .logo-linha{display:flex;align-items:center}
.eb .logo-prev{width:88px;height:88px;flex:none;display:grid;place-items:center;background:#101113;color:#fff;font-weight:800;font-size:13px;margin-right:16px;text-align:center;line-height:1.2}
.eb .banners{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px}
.eb .ban-img{position:relative;display:flex;align-items:flex-end;width:100%;padding-top:56.25%;color:#fff;overflow:hidden}
.eb .ban-img b{position:absolute;left:10px;right:10px;bottom:8px;font-size:13px;line-height:1.25}
.eb .ban-img.b1{background:linear-gradient(90deg,#3a2216,#1b1c1f)}
.eb .ban-img.b2{background:linear-gradient(90deg,#123824,#101113)}
.eb .ban-pe{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.eb .ban-pe small{font-size:12px;color:var(--suave)}
.eb .ban-pe .bt{min-height:36px;padding:0 4px;color:var(--erro)}
.eb .ban-vazio{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:96px;border:1px dashed var(--borda-forte);background:var(--marcado);color:var(--suave);font-size:13px;font-weight:700}
.eb .ban-vazio .ic{margin-bottom:4px}
.eb .ban-vazio:hover{border-color:var(--texto);color:var(--texto)}
.eb .ao-vivo{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ok);margin-right:10px;vertical-align:1px}
.eb .monitor .mac{font-size:13px;color:var(--suave);letter-spacing:.02em}
.eb .monitor .ap{white-space:nowrap}
.eb .monitor .ap .ic{width:18px;height:18px;vertical-align:-4px;margin-right:8px;color:var(--suave)}
.eb .monitor td.on{color:var(--ok);font-weight:700}
.eb .ponto-on{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px;vertical-align:1px}
@media (max-width:999px){
 .eb .tab-simples.monitor td:first-child{grid-column:1;grid-row:1;font-size:15px}
 .eb .tab-simples.monitor td.num{grid-column:2;grid-row:1;font-size:13px}
 .eb .tab-simples.monitor td.mac{grid-column:1;grid-row:2}
 .eb .tab-simples.monitor td.ap{grid-column:2;grid-row:2;text-align:right}
}
.eb .bloco-cabeca h3 .ic{width:20px;height:20px;vertical-align:-4px;margin-right:8px;color:var(--suave)}
.eb .passos-inst{margin:8px 0 0;padding:0 16px 16px 40px;font-size:15px}
.eb .passos-inst li{padding:8px 0}
.eb .cod-dl{display:flex;align-items:center;margin-top:8px}
.eb .cod-dl b{font-size:28px;letter-spacing:.08em;margin-right:12px}
.eb .campo .busca input{padding-left:44px!important}
@media (max-width:999px){
 .eb .r-divide{display:block}
 .eb .r-divide div{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 0}
 .eb .r-divide dd{font-size:14px;white-space:nowrap}
}
@media (min-width:1000px){
 .eb .banners{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.eb .f-de{flex-wrap:nowrap}
.eb .f-de input{width:46px;font-size:14px;padding:0 4px}
.eb .f-de em{padding:0 4px}
.eb .f-de{position:relative;padding-bottom:16px}
.eb .f-de small{position:absolute;left:0;bottom:-2px;width:auto}
.eb .prefixo.erro input{background:transparent}
.eb .achou{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;margin:0}
.eb .achou div{min-width:0}
.eb .achou dt{font-size:13px;color:var(--suave)}
.eb .achou dd{margin:2px 0 0;font-size:28px;font-weight:700;line-height:1.2}
.eb .plano-seu{display:flex;align-items:center}
.eb .plano-seu .rotulo{margin:0 12px 0 0}
.eb .chat-chave{margin-top:16px}
@media (max-width:999px){
 .eb .chat-aberta .chat-chave{display:none}
}
.eb .etiqueta-teste{display:flex;align-items:flex-start;margin:10px 16px 0;padding:8px 10px;border:1px solid var(--ambar);color:var(--ambar);font-size:13px;font-weight:700;line-height:1.4}
.eb .etiqueta-teste .ic{width:18px;height:18px;margin-right:8px;flex:none;margin-top:1px}
.eb .codigo-fixo{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:16px;border:1px solid var(--laranja);background:var(--marcado)}
.eb .codigo-fixo span{display:block;font-size:13px;font-weight:700;color:var(--suave)}
.eb .codigo-fixo b{display:block;font-size:28px;letter-spacing:.08em;line-height:1.2}
.eb .codigo-fixo small{display:block;font-size:13px;color:var(--suave)}
.eb .tutos{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:0 24px;align-items:start}
@media (min-width:1000px){
 .eb .tutos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.eb .tuto .bloco-cabeca{padding-bottom:0}
.eb .tuto-pe{padding:0 16px 16px}
.eb .tuto-nota{margin:8px 16px 16px}
.eb .tuto-breve .bloco-cabeca h3{color:var(--suave)}
.eb .integs{max-width:900px}
.eb .integ-topo{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--borda)}
.eb .integ-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-right:14px;background:var(--marcado);border:1px solid var(--borda)}
.eb .integ-ic .ic{width:22px;height:22px}
.eb .integ-tit{flex:1;min-width:0}
.eb .integ-tit h3{margin:0;font-size:17px;line-height:1.3}
.eb .integ-tit p{margin:2px 0 0;font-size:13px;color:var(--suave)}
.eb .integ-estado{display:flex;align-items:center;flex:none;margin-left:12px}
.eb .integ-estado .situacao{margin-right:10px}
@media (max-width:640px){
 .eb .integ-topo{flex-wrap:wrap}
 .eb .integ-tit{flex:1 1 calc(100% - 60px)}
 .eb .integ-estado{width:100%;margin:12px 0 0;justify-content:space-between}
 .eb .integ-estado .situacao{margin-right:0}
}
.eb .integ-passos{padding-top:8px}
.eb .integ-campo{display:flex;margin-top:8px}
.eb .integ-campo input,.eb .integ-srv input{display:block;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--borda-forte);background:var(--campo);font-size:16px}
.eb .integ-campo input[readonly]{background:var(--marcado);color:var(--suave)}
.eb .integ-srv{display:block;margin-top:8px}
.eb .integ-srv small{display:block;font-size:12px;font-weight:700;color:var(--suave);margin-bottom:4px}
.eb .pix-previa{margin-top:16px;padding:14px;border:1px dashed var(--borda-forte);background:var(--marcado)}
.eb .pix-previa-corpo{display:flex;align-items:flex-start;margin-top:8px}
.eb .qr-ilustrativo{flex:none;display:block;width:132px;height:132px;border:1px solid var(--borda-forte);margin-right:14px}
.eb .pix-previa-texto{flex:1;min-width:0}
.eb .pix-previa-texto .rotulo{margin-bottom:4px}
.eb .pix-previa-texto .copia-cola{margin-bottom:8px}
@media (max-width:480px){
 .eb .pix-previa-corpo{flex-direction:column}
 .eb .qr-ilustrativo{margin:0 0 12px}
}
@media (max-width:420px){
 .eb .atalhos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .eb .atalhos .bt{flex-direction:column;align-items:flex-start;justify-content:center;min-height:76px;padding:10px 14px}
 .eb .atalhos .bt .ic{margin:0 0 6px}
}
.eb .pix-auto{display:flex;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--suave)}
.eb .pix-auto span{margin-right:4px}
.eb .pix-auto .bt.texto{padding:0 4px}
.eb .link-extrato{display:inline-block;margin-left:10px;font-size:13px;min-height:32px}
.eb .acoes-linha .c-extrato{width:72px}
.eb .detalhe-fatura{list-style:none;margin:8px 0 0;padding:0;max-width:440px;font-size:14px;color:var(--suave)}
.eb .detalhe-fatura li{display:flex;justify-content:space-between;padding:4px 0}
.eb .detalhe-fatura b{color:var(--texto)}
.eb .nota-master{margin-top:16px}
.eb .nota-topo{margin:0 0 16px}
.eb .validade{display:flex;align-items:center;margin:12px 0 0;padding:12px 14px;border:1px solid var(--borda-forte);border-left:4px solid var(--gold);background:var(--campo);font-size:16px;line-height:1.35}
.eb .validade .ic{flex:none;width:22px;height:22px;margin-right:10px;color:var(--gold)}
.eb .validade b{font-size:18px}
.eb .integ-criar{margin-top:8px;min-height:52px}
.eb .integ-nota{display:block;margin-top:6px;font-size:12px;color:var(--suave)}
.eb .integ-salvar{margin-top:10px}
.eb .integ-salvar .bt{min-width:140px}
@media (max-width:640px){
 .eb .integ-salvar .bt{width:100%}
}
.eb .integ-criar{white-space:normal;height:auto;line-height:1.3;padding-top:10px;padding-bottom:10px;text-align:center}
.eb .detalhe-fatura b{white-space:nowrap;margin-left:12px}
.eb .valor-grande small{display:block;margin:6px 0 0}
.eb .tab-simples small.detalhe{font-size:13px;color:var(--suave)}
.eb .r-divide dd{white-space:nowrap}
@media (max-width:600px){
 .eb .linha-bts .bt{width:100%}
}
.eb .bt:disabled,.eb .bt[disabled]{background:var(--marcado);border-color:var(--borda);color:var(--suave);cursor:not-allowed;opacity:.85}
.eb .bt:disabled:hover{border-color:var(--borda);filter:none}
.eb .bt:disabled:active{transform:none}
.eb .auto-venc{margin-top:16px}
.eb .venc-linha{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:8px 8px 8px 12px;border:1px solid var(--borda);background:var(--marcado)}
.eb .venc-txt{display:flex;align-items:center;min-width:0;font-size:14px}
.eb .venc-txt .ic{width:20px;height:20px;margin-right:10px;color:var(--suave)}
.eb .venc-txt b{display:block;font-size:15px;line-height:1.3}
.eb .venc-txt small{display:block;font-size:13px;color:var(--suave);line-height:1.35}
.eb .venc-linha.vencendo{border-color:var(--ambar)}
.eb .venc-linha.vencendo b,.eb .venc-linha.vencendo small,.eb .venc-linha.vencendo .ic{color:var(--ambar)}
.eb .venc-linha.vencido{border-color:var(--erro)}
.eb .venc-linha.vencido b,.eb .venc-linha.vencido small,.eb .venc-linha.vencido .ic{color:var(--erro)}
.eb .venc-linha.vencendo small,.eb .venc-linha.vencido small{font-weight:700}
.eb .c-renovar{flex:none;margin-left:12px;border-color:var(--laranja)}
.eb .c-renovar:hover{border-color:var(--laranja);background:var(--marcado)}
.eb .t-venc{display:block}
.eb .t-venc .c-renovar{margin:8px 0 0;min-height:36px}
.eb .t-venc .quando{display:block}
.eb .quando.vencendo,.eb .quando.vencido{white-space:nowrap}
.eb .trava-lugar{margin-top:24px}
.eb .bloco-corpo .trava-lugar{margin-top:20px}
.eb .trava{border:1px solid var(--laranja);background:var(--marcado);padding:16px}
.eb .trava-cab{display:flex;align-items:center;margin-bottom:8px}
.eb .trava-cab .ic{width:22px;height:22px;margin-right:10px;color:var(--ativo)}
.eb .trava-cab h4{margin:0;font-size:16px;line-height:1.3}
.eb .trava-lista{margin:0;padding:0 0 0 20px;font-size:14px;line-height:1.5}
.eb .trava-lista li{margin-top:8px}
.eb .trava-lista b{color:var(--texto)}
.eb .trava-aceite{margin-top:12px;padding-top:12px;padding-bottom:0;min-height:0;border-top:1px solid var(--borda);font-weight:700}
.eb .trava-aceite input{top:13px}
.eb .aceite-dica{margin-top:12px}
.eb .regua{margin-top:16px;padding:12px 16px;border:1px solid var(--borda);background:var(--marcado)}
.eb .regua-t{margin:0 0 8px;font-size:13px;font-weight:700}
.eb .regua-passos{list-style:none;margin:0;padding:0}
.eb .regua-passos li{display:flex;align-items:baseline;padding:6px 0;border-top:1px solid var(--borda);font-size:14px}
.eb .regua-passos li:first-child{border-top:0}
.eb .regua-passos i{flex:none;width:56px;font-style:normal;font-weight:800;color:var(--ativo)}
.eb .regua-limite{display:flex;align-items:center;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--borda);font-size:14px}
.eb .regua-limite .ic{width:18px;height:18px;margin-right:8px;color:var(--suave);flex:none}
@media (min-width:700px){
 .eb .regua-passos{display:flex}
 .eb .regua-passos li{flex:1;display:block;border-top:0;padding:0 12px 0 0}
 .eb .regua-passos i{display:block;width:auto}
}
.eb .planos{display:block}
.eb .plano{display:flex;flex-direction:column;margin-top:16px;background:var(--superficie);border:1px solid var(--borda)}
.eb .plano.seu{border-color:var(--laranja)}
.eb .plano-cab{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}
.eb .plano-cab h3{margin:0;font-size:20px;line-height:1.25}
.eb .plano-resumo{margin:8px 0 0;padding:0 16px;font-size:14px;color:var(--suave)}
.eb .plano-resumo b{color:var(--texto)}
.eb .plano .tabela-faixas{margin:12px 0 0}
@media (min-width:1000px){
 .eb .plano .tab-simples td{padding-top:10px;padding-bottom:10px}
}
.eb .plano .tab-simples td.forte{font-weight:400}
@media (max-width:999px){
 .eb .plano .tab-simples.par tr{padding:9px 16px}
 .eb .plano .tab-simples.par td:first-child,.eb .plano .tab-simples.par td.num{font-size:14px}
}
.eb .plano-frase{margin:auto 0 0;padding:14px 16px;background:var(--marcado);border-top:1px solid var(--borda);font-size:14px;color:var(--suave)}
.eb .plano-frase b{display:block;color:var(--texto);margin-bottom:2px}
.eb .plano-pe{padding:12px 16px 16px;border-top:1px solid var(--borda)}
.eb .plano-pe .bt{width:100%;white-space:normal;text-align:center}
@media (min-width:1000px){
 .eb .planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;align-items:stretch}
 .eb .plano{margin-top:24px}
}
.eb .exs{display:block}
.eb .ex{margin-top:12px;border:1px solid var(--borda)}
.eb .ex:first-child{margin-top:0}
.eb .ex h4{margin:0;padding:12px 16px;font-size:17px;border-bottom:1px solid var(--borda);background:var(--marcado)}
.eb .ex dl{margin:0}
.eb .ex dl>div{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--borda)}
.eb .ex dl>div:first-child{border-top:0}
.eb .ex dt{font-size:15px;font-weight:700}
.eb .ex dt small{display:block;font-size:13px;font-weight:400;color:var(--suave)}
.eb .ex dd{margin:0;font-size:16px;font-weight:700;white-space:nowrap;text-align:right}
.eb .ex dd em{display:inline-block;margin-left:8px;padding:0 6px;border:1px solid currentColor;font-style:normal;font-size:12px;font-weight:700;color:var(--ok);vertical-align:2px}
.eb .ex .menor dd{color:var(--ok)}
@media (min-width:1000px){
 .eb .exs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}
 .eb .ex{margin-top:0}
}
.eb .t-data.vencendo{color:var(--ambar);font-weight:700}
.eb .t-data.vencido{color:var(--erro);font-weight:700}
.eb .regua-regra{display:flex;align-items:flex-start;margin:0;font-size:14px;line-height:1.5}
.eb .regua-regra .ic{width:18px;height:18px;margin:2px 10px 0 0;color:var(--ativo);flex:none}
.eb .regua-regra b{color:var(--texto)}
.eb .detalhe-fatura .desconto b,.eb .detalhe-fatura .desconto span{color:var(--ok)}
.eb .atalhos .bt:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:1000px){
 .eb .atalhos{grid-template-columns:repeat(5,minmax(0,1fr))}
 .eb .atalhos .bt:last-child:nth-child(odd){grid-column:auto}
 .eb .atalhos .bt{padding:0 14px}
}
.eb .botoes-topo.tres .bt:first-child{grid-column:1/-1}
.eb .cartao .acoes-linha.quatro .c-laranja{border-color:var(--laranja)}
.eb .vencido{align-items:flex-start}
.eb .vencido-caixa{max-width:460px;margin:auto}
.eb .venc-topo{display:flex;align-items:center;margin-bottom:28px}
.eb .venc-selo{margin-bottom:12px}
.eb .vencido-caixa h2{margin:0 0 6px}
.eb .venc-sub{margin:0 0 20px;color:var(--suave);font-size:15px}
.eb .venc-fatura{margin:0}
.eb .venc-fatura .bt.principal{width:100%;margin-top:20px;min-height:52px}
.eb .venc-fatura .valor-grande{margin:4px 0 0}
.eb .venc-pix{margin-top:16px}
.eb .venc-qr{display:flex;justify-content:center;margin-bottom:12px}
.eb .venc-qr .qr-ilustrativo{width:168px;height:168px;margin:0}
.eb .venc-pix .bt{width:100%;margin-top:10px}
.eb .venc-pix .texto{min-height:40px;font-size:13px;color:var(--suave)}
.eb .venc-volta{display:flex;align-items:flex-start;margin:20px 0 0;font-size:15px}
.eb .venc-volta .ic{width:22px;height:22px;margin-right:10px;color:var(--ok);flex:none}
.eb .venc-volta b{color:var(--texto)}
.eb .vencido-caixa .dados{grid-template-columns:auto auto;justify-content:start;grid-column-gap:32px}
.eb .vencido-caixa .dados dd{white-space:nowrap}
.eb .etq{display:inline-block;margin-left:8px;padding:0 6px;border:1px solid var(--borda-forte);font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.02em;color:var(--suave);vertical-align:1px;white-space:nowrap}
.eb .etq-exp{border-color:var(--laranja);color:var(--ativo)}
.eb .cli-info .etq{margin:0}
.eb .escada-lista{list-style:none;margin:0;padding:8px 16px 4px}
.eb .degrau{margin-top:8px;padding:12px 14px;border:1px solid var(--borda);background:var(--campo)}
.eb .degrau b{display:block;font-size:16px;line-height:1.3}
.eb .degrau span{display:block;margin-top:2px;font-size:14px;color:var(--suave)}
.eb .degrau.seu{border-color:var(--laranja);box-shadow:inset 0 0 0 1px var(--laranja)}
.eb .degrau .seu-plano{display:inline-block;margin-left:8px;padding:0 6px;font-style:normal;font-size:11px;font-weight:700;background:var(--laranja);color:#101112;vertical-align:2px}
.eb .degrau.d1{margin-left:16px}
.eb .degrau.d2{margin-left:32px}
@media (min-width:1000px){
 .eb .degrau.d1{margin-left:40px}
 .eb .degrau.d2{margin-left:80px}
}
.eb .escada-regra{display:flex;align-items:flex-start;margin:0;padding:14px 16px 16px;font-size:14px;line-height:1.5}
.eb .escada-regra .ic{width:18px;height:18px;margin:2px 10px 0 0;color:var(--ativo);flex:none}
.eb .escada-regra b{color:var(--texto)}
.eb .escada-regra.solta{margin-top:20px;padding:14px 16px;background:var(--marcado);border:1px solid var(--borda)}
.eb .como{margin-top:24px}
.eb .uso{margin-top:16px;padding:14px 16px;border:1px solid var(--borda-forte);background:var(--marcado)}
.eb .uso-aviso{border-color:var(--ambar)}
.eb .uso-cheio{border-color:var(--erro)}
.eb .uso-t{position:relative;margin:0;padding-right:48px;font-size:15px;line-height:1.5}
.eb .uso-pct{position:absolute;right:0;top:-2px;font-size:20px;font-weight:700}
.eb .uso-aviso .uso-pct{color:var(--ambar)}
.eb .uso-cheio .uso-pct{color:var(--erro)}
.eb .uso-barra{display:flex;height:14px;margin-top:10px;background:var(--superficie);border:1px solid var(--borda-forte);overflow:hidden}
.eb .uso-barra i{display:block;height:100%}
.eb .uso-barra.mini{height:8px;margin-top:8px}
.eb .u-pr{background:var(--laranja)}
.eb .u-co{background:var(--suave)}
.eb .uso-leg{list-style:none;display:flex;flex-wrap:wrap;margin:10px 0 0;padding:0;font-size:13px;color:var(--suave)}
.eb .uso-leg li{display:flex;align-items:center;margin-right:16px}
.eb .uso-leg i{display:inline-block;width:10px;height:10px;margin-right:6px}
.eb .uso-leg i.u-livre{background:var(--superficie);border:1px solid var(--borda-forte)}
.eb .uso-leg b{color:var(--texto);margin-left:4px}
.eb .uso-msg{display:flex;align-items:flex-start;margin:12px 0 0;padding:10px 12px;font-size:14px;line-height:1.45;border:1px solid currentColor;background:var(--superficie)}
.eb .uso-msg .ic{width:18px;height:18px;margin:2px 10px 0 0;flex:none}
.eb .uso-msg b{color:var(--texto)}
.eb .uso-msg.aviso{color:var(--ambar)}
.eb .uso-msg.erro{color:var(--erro)}
.eb .uso-bts{display:flex;align-items:center;flex-wrap:wrap;margin-top:14px}
.eb .uso-bts .bt{margin-right:12px}
.eb .uso-bts span{font-size:13px;color:var(--suave)}
.eb .auto-faixa{margin-top:16px;border-style:solid;border-color:var(--ambar)}
.eb .auto-faixa .ic{color:var(--ambar)}
.eb .auto-faixa.cheio{border-color:var(--erro)}
.eb .auto-faixa.cheio .ic{color:var(--erro)}
.eb .sim-uso{display:flex;align-items:center;flex-wrap:wrap;margin-top:14px;padding:8px 12px;border:1px dashed var(--borda-forte)}
.eb .sim-uso>span{font-size:12px;font-weight:700;color:var(--suave);margin-right:12px}
.eb .sim-uso .seg{flex:1;min-width:260px}
.eb .sim-uso .seg button{min-height:36px;font-size:13px}
.eb .cota-chips{display:flex;flex-wrap:wrap;margin:8px -4px 0}
.eb .chip{margin:4px;min-height:40px;padding:6px 16px;border:1px solid var(--borda-forte);background:var(--campo);font-size:14px;font-weight:700;color:var(--texto)}
.eb .chip[aria-pressed=true]{border-color:var(--laranja);box-shadow:inset 0 0 0 1px var(--laranja)}
.eb .cota-msg{margin:10px 0 0;font-size:14px;font-weight:700;line-height:1.4}
.eb .cota-msg.ok{color:var(--ok)}
.eb .cota-msg.erro{color:var(--erro)}
.eb .tabela-wrap td .uso-barra.mini{width:120px;margin:6px 0 4px}
.eb .tabela-wrap td .link-bt{font-size:13px;min-height:32px}
.eb .plano-sub-t{margin:14px 0 0;font-size:13px;font-weight:700;color:var(--suave)}
.eb .plano .plano-sub-t{margin:14px 16px 0}
.eb .plano-pode{list-style:none;margin:6px 0 0;padding:0}
.eb .plano .plano-pode{padding:0 16px}
.eb .plano-pode li{display:flex;align-items:flex-start;padding:5px 0;font-size:14px;line-height:1.45}
.eb .plano-pode .ic{width:18px;height:18px;margin:2px 10px 0 0;color:var(--ok);flex:none}
.eb .plano-pode b{color:var(--texto)}
.eb .plano .tabela-faixas{margin-top:14px}
.eb .tag-plano{font-size:12px;font-weight:700;color:var(--ativo);text-align:right}
.eb .link-bt.link-extrato{margin-left:10px}
.eb .t-cli .etq{display:table;margin:4px 0 0}
.eb .conta .total.total-sub{font-size:16px;color:var(--texto)}
.eb .conta .total.total-sub b{font-size:26px;margin-left:6px}
.eb .comp-lt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eb .comp-lugar{margin-top:6px}
.eb .comp{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.3}
.eb .comp th,.eb .comp td{padding:10px 3px;border-bottom:1px solid var(--borda);vertical-align:middle;text-align:center}
.eb .comp thead th{font-size:12px;font-weight:700;color:var(--suave);vertical-align:bottom;padding:8px 3px 8px;word-wrap:break-word}
.eb .comp thead th:first-child{width:33%}
.eb .comp tbody th{text-align:left;font-size:13px;font-weight:700;color:var(--texto);padding-right:6px}
.eb .comp tbody th small{display:block;font-size:12px;font-weight:400;color:var(--suave);margin-top:2px}
.eb .comp tbody tr:last-child th,.eb .comp tbody tr:last-child td{border-bottom:0}
.eb .comp .seu{background:var(--marcado)}
.eb .comp thead th.seu{box-shadow:inset 0 3px 0 var(--laranja);color:var(--texto)}
.eb .comp thead th em{display:block;font-style:normal;font-size:11px;font-weight:800;color:var(--ativo);margin-top:2px}
.eb .comp-sim{display:inline-flex}
.eb .comp-sim .ic{width:20px;height:20px;color:var(--ok)}
.eb .comp-nao{color:var(--suave);font-weight:700}
.eb .comp td b{display:block;font-size:13px;color:var(--texto)}
.eb .comp td small{display:block;font-size:11px;line-height:1.25;color:var(--suave);margin-top:2px}
@media (min-width:1000px){
 .eb .comp{font-size:14px}
 .eb .comp th,.eb .comp td{padding:12px 10px}
 .eb .comp thead th{font-size:14px}
 .eb .comp tbody th{font-size:14px}
 .eb .comp thead th:first-child{width:34%}
 .eb .comp td b{font-size:14px}
 .eb .comp td small{font-size:12px}
 .eb .comp-sim .ic{width:22px;height:22px}
}
.eb .tp-cab{display:flex;align-items:flex-start}
.eb .tp-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-right:14px;background:var(--marcado);border:1px solid var(--borda-forte);color:var(--ativo)}
.eb .tp-cab h3{margin:0;font-size:19px;line-height:1.3}
.eb .tp-cab p{margin:6px 0 0;color:var(--suave);font-size:14px}
.eb .trava-plano .plano-pode{margin-top:6px}
.eb .trava-plano .nota{margin-top:12px}
.eb .tp-bts{max-width:420px}
@media (min-width:1000px){
 .eb .trava-plano{max-width:640px}
}
.eb .atalhos .bt.travado,.eb .atalhos .bt.travado .ic{color:var(--suave)}
.eb .sub-passos{padding:0 0 0 20px;margin-top:12px}
.eb .serv-cota{margin-top:16px;padding:12px 16px;background:var(--superficie);border:1px solid var(--borda)}
.eb .serv-cota.cheio{border-color:var(--erro)}
.eb .serv-cota-t{display:flex;align-items:baseline;justify-content:space-between;margin:0;font-size:15px}
.eb .serv-cota-t span{font-size:13px;color:var(--suave)}
.eb .serv-cota .uso-barra.mini{margin-top:8px}
.eb .serv-cota .uso-msg{margin-top:12px}
.eb .plano-direto{margin:0 0 10px;text-align:center;font-size:13px;font-weight:700;color:var(--suave)}
.eb .comp thead th:first-child{width:30%}
.eb .comp thead th{font-size:11.5px;padding-left:1px;padding-right:1px;letter-spacing:-.01em}
@media (min-width:1000px){
 .eb .comp thead th{font-size:14px;letter-spacing:0}
 .eb .comp thead th:first-child{width:34%}
}
.eb .comp th{white-space:normal}
.eb .detalhe-fatura li.grupo-t{font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--suave);padding-top:12px}
.eb .detalhe-fatura li.grupo-t:first-child{padding-top:0}
/* ===== FIM DO GERADO ===== */

/* ===== PONTE L0 (escrita à mão): a casca do esboço convivendo com o painel.css antigo =====
   O painel.css antigo dá a todo <button> altura mínima 48, recheio, borda, fundo e negrito, e a todo <svg> 23 px.
   Aqui só se desfaz o que vaza nas peças da casca, para elas medirem igual ao esboço. Nada de cor ou tamanho novo. */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.bt-menu,.sino,.fechar{min-height:0}
.barra-baixo button{min-height:0;font-weight:400}
.sino i{padding:0}
.gav-conta .avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;background:var(--marcado);border:1px solid var(--borda);font-weight:700;font-size:15px}
.gav-conta>span:last-child{min-width:0}
.gav-conta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saldo-topo{display:none}
/* iPhone instalado e celular deitado: o topo e a barra crescem a área segura (sem área segura, 56 px como no esboço) */
.topo{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(4px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
.barra-baixo{height:calc(56px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.barra-baixo.quatro{grid-template-columns:repeat(4,1fr)}
#conteudo{height:auto;position:relative}
.gaveta-veu{position:fixed}
.gaveta{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
@media (min-width:1000px){.topo{height:64px;padding:0 20px 0 12px}}
/* Voltar (telas que ainda abrem por cima de outra, até o lote delas virar janela): no celular ele ocupa o lugar do Menu */
.bt-voltar span{margin-left:6px}
@media (max-width:999px){.topo.com-voltar #bt-menu{display:none}}
@media (min-width:1000px){.bt-voltar{margin-left:4px}}
/* Conversa aberta em tela cheia no celular (central.js): sem topo e sem barra, como antes */
@media (max-width:999px){body[data-ct-chat] .topo,body[data-ct-chat] .barra-baixo{display:none}}

/* ---- Janelas que já existem (<dialog>): casca da janela do esboço (folha que sobe no celular, central no PC) ---- */
dialog{background:var(--superficie);color:var(--texto)}
dialog::backdrop{background:var(--veu)}
dialog h2{font-size:20px;line-height:1.3}
dialog>.fechar,dialog .fechar{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:none;display:grid;place-items:center;color:var(--texto)}
dialog>.fechar{float:right;margin:-8px -8px 0 8px}
@media (max-width:999px){
 dialog:not(.menu-pc):not(.ct-visor){position:fixed;top:auto;right:0;bottom:0;left:0;margin:0;width:100%;max-width:none;max-height:92%;border:0;border-top:1px solid var(--borda);padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
 dialog[open]:not(.saindo):not(.menu-pc):not(.ct-visor){animation:folha 260ms var(--entrada)}
 dialog[open].saindo:not(.folha):not(.menu-pc):not(.ct-visor){animation:folha-sai var(--saida-janela) var(--saida) forwards}
 dialog.sv-janela:not(.menu-pc):not(.ct-visor){padding-bottom:0}   /* a troca tem a barra Voltar/Trocar presa no pé (o respiro mora nela) */
}
@media (min-width:1000px){
 dialog{width:calc(100% - 64px);max-width:640px;max-height:calc(100% - 64px);border:1px solid var(--borda);box-shadow:var(--sombra);padding:22px 24px 20px}
 dialog[open]:not(.folha):not(.saindo):not(.menu-pc){animation:janela 240ms var(--entrada)}
}
/* Confirmar (Cancelar · Confirmar): pé da janela do esboço, com a linha em cima e o botão laranja à direita */
#confirmacao #pergunta{margin:4px 0 0;font-size:15px}
#confirmacao .acoes{display:flex;flex-wrap:nowrap;margin:16px -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--borda)}
#confirmacao .acoes button{flex:1;min-height:52px;padding:0 16px;margin:0;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font-size:15px;font-weight:700}
#confirmacao .acoes button+button{margin-left:8px}
#confirmacao .acoes button[value=ok]{background:var(--laranja);border-color:var(--laranja);color:var(--sobre-laranja)}
@media (min-width:1000px){
 #confirmacao .acoes{justify-content:flex-end;margin:20px -24px -20px;padding:16px 24px 20px}
 #confirmacao .acoes button{flex:none;min-width:150px;min-height:48px}
}

/* ---- Aviso de baixo (toast, lixeira.js "Desfazer"): o do esboço; o texto vem num <p> ---- */
.toast{min-height:0}
.toast p{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.45}
@media (max-width:999px){.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}
/* "+ Ativar TV" de Clientes ficava escondido porque o "Ativar TV" flutuante fazia esse papel; o flutuante saiu da casca (L0),
   então o botão que já existe na lista volta a aparecer até o lote de Clientes (L6) trazer o "Adicionar cliente" do esboço. */
#conteudo .ativar-lista{display:block;width:100%;margin:0 0 16px}
@media (min-width:1000px){#conteudo .ativar-lista{width:auto}}
/* o "Painel Revenda" do antigo tem espaçamento entre letras; o do esboço não */
.topo .rotulo-painel,.gav-topo .rotulo-painel{letter-spacing:normal;line-height:normal}
/* o reset do esboço (font:inherit) apagava a letra de 16 px (20 no celular) dos campos das telas antigas no celular (o iPhone amplia abaixo de 16) */
input,select,textarea{font-size:16px}
@media (max-width:999px){input,select,textarea{font-size:20px}}

/* ---- L1 (03/11): Revendas 11, Renovar 11r e Faturas da revenda 11c (revendas.js). Os estilos de linha do esboço
   (style="…" no app.js) viraram classes; Renovar cinza = sem fatura de ciclo aberta (PLANO §5.1, decisão D12). ---- */
.eb .rv-lista{margin-top:8px}
.eb .rv-cli-txt{min-width:0}
.eb .auto-venc b,.eb .rv-auto b{margin:0}
.eb .acoes-linha .c-cinza{background:var(--marcado);color:var(--suave);border-color:var(--borda);cursor:default}
.eb .acoes-linha .c-cinza:hover{filter:none}
.eb .bt.rv-cinza{color:var(--suave);cursor:default}
.eb .rv-nota{margin:12px 4px 0}
.eb .rv-convites{margin-top:24px}
.rv-pergunta{margin:0 0 12px;font-size:16px;font-weight:700}
.eb .conta .novo.rv-primeira{border:0;padding:0}
.eb .quando.rv-q{display:inline}
.eb .rv-auto{margin-top:16px}
.eb .rv-pix{border-style:solid;border-color:var(--ambar)}
.eb .rv-pix .ic{color:var(--ambar)}
.rv-erro{margin:12px 0 0;color:var(--erro);font-size:14px}
.rv-erro:empty{display:none}
/* 11r = janela do esboço (jan-cabeca / jan-corpo / jan-pe) num <dialog>: o dialog não tem respiro próprio */
dialog.jan-eb:not(.menu-pc):not(.ct-visor){padding:0;overflow:hidden}
dialog.jan-eb[open]{display:flex;flex-direction:column}
dialog.jan-eb .jan-pe .bt[disabled]{opacity:.45;cursor:not-allowed}
/* Troca de servidor (sv-janela): a barra Voltar/Trocar presa no pé encosta nas laterais da janela do esboço
   (o respiro do <dialog> é 16 px no celular e 24 px no PC; a barra antiga contava 20 px e sobrava 4 px de cada lado) */
@media (max-width:999px){dialog.sv-janela:not(.folha) .sv-rodape{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
@media (min-width:1000px){dialog.sv-janela:not(.folha) .sv-rodape{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}
/* L1: o painel.css antigo vaza nas peças do esboço dentro de .eb (medido peça a peça, esboço × real, _logs/painel_l1/medidas):
   label em grade com margem e letra 13 cinza, .filtros em flex com margem, .venc-linha do Início antigo (coluna), .acoes em flex,
   .acoes-linha à direita, botão/campo com altura mínima 48, #conteudo limitado a 1200 px. Aqui volta ao que o esboço tem. */
.eb label{display:inline;grid-gap:normal;margin:0;font-size:inherit;color:inherit}
.eb button,.eb input,.eb select{min-height:0}
.eb .filtros{display:block;margin-bottom:0;grid-gap:normal;align-items:normal}
.eb .venc-linha{flex:none;flex-direction:row;grid-gap:normal;min-width:0;scroll-snap-align:none}
.eb .acoes-linha{justify-content:normal;align-items:normal}
.eb td.acoes{display:table-cell;grid-gap:normal;align-items:normal}
.eb .situacao{margin:0;background-color:transparent}
.jan-eb .jan-pe .bt{min-height:52px}
@media (min-width:1000px){
 body[data-tela=filhos] #conteudo,body[data-tela=revenda-faturas] #conteudo{max-width:none;scrollbar-gutter:auto}
 #conteudo>dialog.jan-eb{max-width:640px}   /* o painel.css limita #conteudo>* a 1200 px (seletor de id) */
 .jan-eb .jan-pe .bt{min-height:48px}
}
/* 11c no celular: DESVIO AUTORIZADO do esboço (Beto, 03/11). No esboço, Ativos, Valor e Pago em caem na mesma célula da grade
   ("vence 18/11" por cima de "R$ 120,00"). Só isso muda: Valor fica onde estava; Ativos e Pago em descem para a 3ª linha. */
@media (max-width:999px){
 .eb.rv-faturas .tab-simples.extrato td.rv-ativos{grid-column:1;grid-row:3;align-self:start;font-size:13px}
 .eb.rv-faturas .tab-simples.extrato td.rv-ativos::after{content:' ativos'}
 .eb.rv-faturas .tab-simples.extrato td.rv-quando{grid-column:2;grid-row:3;align-self:start;font-size:13px;text-align:right}
}