/* Aplik Serviços · telas de gestão (financeiro, estoque, equipe) */
.g-topo { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.g-topo .seg { max-width: 100%; }
.g-filtros .seg { align-self: flex-end; margin-bottom: 2px; }
.tab td.acao-td { white-space: nowrap; text-align: right; }
.tab td.acao-td .btn + .btn { margin-left: 6px; }
.tab td .cor-pt { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.tab tr.inativo td { color: var(--texto3); }
.kpis.peq .kpi .val { font-size: 21px; }
.g-total { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--borda2); font-size: 14px; }
.g-total b { font-size: 16px; }
.g-dl { display: grid; grid-template-columns: 130px 1fr; gap: 6px 12px; margin: 0 0 14px; font-size: 14.5px; }
.g-dl dt { color: var(--texto3); font-weight: 600; font-size: 13px; padding-top: 1px; }
.g-dl dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.g-acoes { display: flex; gap: 8px; flex-wrap: wrap; }
.g-saldos { font-size: 12.5px; color: var(--texto3); display: block; margin-top: 2px; }
.g-tec-card .card-cab { gap: 8px; }
.g-tec-card .card-cab .sub { font-size: 13px; color: var(--texto2); font-weight: 500; }
.g-pos { color: var(--verde-esc); font-weight: 700; }
.g-neg { color: var(--perigo); font-weight: 700; }
.g-nota { font-size: 13px; color: var(--texto3); margin: 10px 0 0; }
.g-itens-nota { display: grid; gap: 8px; }
.g-itens-nota .linha { display: grid; grid-template-columns: minmax(0, 3fr) minmax(70px, 1fr) minmax(90px, 1fr) 36px; gap: 8px; align-items: end; }
.g-itens-nota .linha .btn-x { align-self: center; }
.g-sec-tec { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--borda); }
.g-limite { font-size: 13px; color: var(--texto2); }
@media (max-width: 860px) {
  .tab.cards td.acao-td { justify-content: flex-end; padding-top: 8px; }
  .tab.cards td.acao-td::before { content: ""; }
  .g-dl { grid-template-columns: 1fr; gap: 2px; }
  .g-dl dd { margin-bottom: 8px; }
  .g-filtros .seg { width: 100%; }
  .g-itens-nota .linha { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px; }
  .g-itens-nota .linha .prod { grid-column: 1 / -1; }
}
/* .tab .peq (app.css) deixa o texto cinza; devolve a cor dos botões pequenos dentro da tabela */
.tab .btn.peq { color: #fff; }
.tab .btn.sec.peq { color: var(--texto); }
.tab .btn.ghost.peq { color: var(--verde-esc); }
/* app.css não estiliza input type=month */
input[type=month] { width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid var(--borda); border-radius: 9px; background: #fff; font-size: 15px; font-family: inherit; color: inherit; }
.g-topo .campo { min-width: 170px; }
/* conteúdo da célula agrupado (no celular a tabela vira cartão com flex) */
.g-cel { min-width: 0; }
@media (max-width: 860px) {
  .tab.cards td .g-cel { text-align: right; overflow-wrap: anywhere; }
  .tab.cards td.sel .g-cel { text-align: left; }
}