/* Formas de pagamento (Painel e Financeiro) */
.pags-barra { display: flex; gap: 3px; height: 12px; border-radius: 6px; overflow: hidden; margin: 4px 0 12px; }
.pags-barra i { display: block; min-width: 4px; }
.pg-pix { --pc: var(--brasa); } .pg-credito { --pc: var(--tinta); } .pg-debito { --pc: var(--tinta-2); } .pg-dinheiro { --pc: var(--gema); } .pg-ifood { --pc: var(--tinta-3); }
.pags-barra i { background: var(--pc); }
.tab-pags { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.tab-pags th { text-align: right; font-size: 12px; font-weight: 600; color: var(--tinta-2); padding: 0 0 6px; }
.tab-pags th:first-child, .tab-pags td:first-child { text-align: left; }
.tab-pags td { text-align: right; padding: 8px 0; border-top: 1px solid var(--linha); white-space: nowrap; }
.tab-pags td:first-child { display: flex; align-items: center; gap: 8px; font-weight: 700; white-space: normal; }
.tab-pags td small { font-weight: 600; color: var(--tinta-2); }
.tab-pags td.tx { color: var(--tinta-2); }
.tab-pags td.liq { font-weight: 700; }
.pg-ic { width: 26px; height: 26px; flex: none; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--pc) 14%, transparent); color: var(--pc); }
.pg-ic.pg-dinheiro { color: var(--tinta); background: color-mix(in srgb, var(--gema) 35%, transparent); }
.pg-ic .ic { width: 15px; height: 15px; }
.pags .dica { margin-top: 10px; }
.fin-grade .pags { grid-column: 1 / -1; order: 3; }
.pags { grid-column: 1 / -1; }