/* ============================================================
   cara.css — Bananas Canugi · a pele nova por cima dos componentes (v0.5.0, carregado por ÚLTIMO).
   Sem cor escrita aqui: só tokens de tema.css. Zero serifa. Número sempre em Archivo (700, tabular).
   Toque afunda (.97). Só transform e opacity se mexem.
   ============================================================ */
body{font-family:var(--fonte-texto);font-size:15px;line-height:1.4}
h1,h2,h3,.serif,.emitindo b,.barra-venda .tit,.nota-fim b{font-family:var(--fonte-titulo);font-weight:800;letter-spacing:-.01em}
/* todo número em Archivo 700 tabular */
.n,.num,[data-conta],.valor,.vl,.stats .n,.st .n,.grande-n,.dre-l b,.g-dt b,.qtd,.preco,.campo-valor,.tabela td.n,.tabela th.n,.total .grande b,.faz-lin .num,.mov .vl,.destino .uf,.placa{font-family:var(--fonte-titulo);font-weight:700;font-variant-numeric:tabular-nums}
.nx{font-family:var(--fonte-titulo);font-variant-numeric:tabular-nums;color:inherit!important;font-weight:inherit!important;font-size:inherit}      /* o dígito herda cor e peso do texto em volta (nunca o cinza do .par span etc.) */
.tp h1,.big .n,.big{font-family:var(--fonte-titulo)}
.big .n{font-weight:800}
/* cartões e botões */
.cartao{box-shadow:var(--sombra-media)}
.cartao.leve{border-radius:16px}
.cartao.toque,.cartao.toque:active{transition:transform .18s ease}
.cartao.toque:active,.mov-corpo:active,.faz-lin:active,.comp:active,.seletor:active,.g-dt:active,.g-atr:active,.lin-opcao:active,.ch:active,.filtros button:active,.seg button:active{transform:scale(.97)}
.mov-corpo,.faz-lin,.comp,.seletor,.g-dt,.g-atr,.lin-opcao,.ch,.filtros button,.seg button{transition:transform .18s ease,background .2s,border-color .2s,color .2s}
.botao{font-family:var(--fonte-titulo);font-weight:700;transition:transform .18s ease,opacity .18s ease}
.botao:active{transform:scale(.97)}
.botao.contorno{border:1.5px solid var(--marca);color:var(--marca)}
.botao.claro{background:var(--card-2)}
.volta{color:var(--verde-acao)}
.campo:focus{border-color:var(--verde-acao)}
.campo{border-radius:var(--r-m)}
/* seleção por pílula escura (filtros, abas, chips, segmentos) */
.filtros button.on,.seg button.on,.ch.on{border-color:var(--marca);background:var(--marca);color:#fff}
.lin-opcao.on,.comp.on,.op-faz.on{border-color:var(--verde-acao)}
.g-dt.on{border-color:var(--verde-acao)}
.chip{font-weight:700}
.tit-mini,.bl>h3{color:var(--tinta-2)}
.mini{color:var(--tinta-2);font-weight:500}
.mov .s,.par span,.linha .sub,.st .r,.lin-opcao span,.comp span,.seletor small{color:var(--tinta-2)}
.tabela th{color:var(--tinta-2)}
.rodape{color:var(--tinta-2);font-weight:500}
.rodape b{color:var(--tinta)}
/* a plaquinha da carga: neutra */
.placa,.placa.ok{background:var(--placa-1);color:var(--placa-tinta);box-shadow:none}
.placa.marca{background:var(--marca);color:var(--marca-tinta)}
/* modal */
.modal{background:rgba(5,39,14,.55)}
.modal .caixa{border-radius:24px 24px 0 0}
/* DANFE segue com cara de documento (Arial, preto sobre branco): nada aqui o toca */
.danfe,.danfe *{font-variant-numeric:normal}
@media print{.nx{font-family:inherit}}
.linha-titulo>.chip{flex:0 1 auto;text-align:right}