/* Botões com borda colorida - ver comentário abaixo. */
/* ==========================================================================
   BOTÕES COM BORDA COLORIDA (26.80) - pedido da livraria (22/10/2026).

   Todo botão de ação: fundo claro, borda de 1,5 px e texto na cor da ação;
   ao passar o mouse, preenche com a cor. A cor diz o que o botão faz:
     azul ...... ação normal / principal
     verde ..... confirmar, dar baixa, salvar
     vermelho .. excluir, desligar, perigo
     dourado ... comprar, editar
   O botão principal de cada janela (".full") tem um fundo azul bem leve
   para continuar sendo o primeiro a ser visto. Ficam de fora os que estão
   sobre fundo escuro (busca do aluno, faixa "Ajustando a unidade") e os
   blocos que não são botão de ação (segmentos, cartões de indicador).
   Com !important porque várias telas antigas pintam o fundo com !important.
   Arquivo próprio (26.81), carregado POR ÚLTIMO em todas as páginas: o
   Painel do Sistema, a Entrega no tablet, a Assinatura e a Área do
   Responsável têm CSS próprio que vinha depois e pintava os botões de novo.
   ========================================================================== */
:root{
  --bt-azul:#0b3d78;--bt-azul-fundo:#f3f7fc;
  --bt-verde:#17784a;--bt-verde-fundo:#f1faf5;
  --bt-vermelho:#b42318;--bt-vermelho-fundo:#fff5f4;
  --bt-dourado:#a8780f;--bt-dourado-texto:#7a5200;--bt-dourado-fundo:#fffaf0;
  --bt-borda:1.5px;
}
/* azul */
.primary,.secondary,.mini-btn,.primary-mini,.card-actions .print,.card-actions .add,
.quick-access-bar button,.pm-btn-email,.pm-btn-marcados,.pm-btn-kit,.ps-btn,.ps-btn.principal,.ps-entrar-btn,
.painel-topo-btn,.topbar-ir-busca,#checkoutModal .payment-main-btn,#checkoutModal .checkout-items-actions button,
.troco-atalho,.pb-btn-ver{
  background:#fff!important;color:var(--bt-azul)!important;
  border:var(--bt-borda) solid var(--bt-azul)!important;box-shadow:none!important;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.secondary,.card-actions .add,.pm-btn-marcados,.ps-btn,.troco-atalho,.pb-btn-ver,
#checkoutModal .checkout-items-actions button{border-color:#8fb0d3!important}
.primary.full,.primary.full.payment-main-btn,#checkoutModal .payment-main-btn,.ps-btn.principal,.ps-entrar-btn,.painel-topo-btn{
  background:var(--bt-azul-fundo)!important;
}
.primary:hover,.secondary:hover,.mini-btn:hover,.primary-mini:hover,.card-actions .print:hover,.card-actions .add:hover,
.quick-access-bar button:hover,.pm-btn-email:hover,.pm-btn-marcados:hover,.pm-btn-kit:hover,.ps-btn:hover,.ps-entrar-btn:hover,
.painel-topo-btn:hover,.topbar-ir-busca:hover,#checkoutModal .payment-main-btn:hover,#checkoutModal .checkout-items-actions button:hover,
.troco-atalho:hover,.pb-btn-ver:hover{
  background:var(--bt-azul)!important;color:#fff!important;border-color:var(--bt-azul)!important;filter:none!important;
}
/* verde */
.cp-btn-baixa,.save-admin,#pedidoBaseModal .pb-fechar .primary,#contasPagarModal .cp-btn-baixa,#notasRecebidasModal .cp-btn-baixa{
  background:var(--bt-verde-fundo)!important;color:var(--bt-verde)!important;border:var(--bt-borda) solid var(--bt-verde)!important;
}
.cp-btn-baixa:hover,.save-admin:hover,#pedidoBaseModal .pb-fechar .primary:hover{
  background:var(--bt-verde)!important;color:#fff!important;
}
.save-admin{box-shadow:0 6px 18px rgba(23,120,74,.18)!important}
/* vermelho */
.danger,.danger-mini,.icon-btn.del,.danger.mini-btn,.ps-perigo-btn{
  background:var(--bt-vermelho-fundo)!important;color:var(--bt-vermelho)!important;border:var(--bt-borda) solid var(--bt-vermelho)!important;
}
.danger:hover,.danger-mini:hover,.icon-btn.del:hover,.danger.mini-btn:hover,.ps-perigo-btn:hover{
  background:var(--bt-vermelho)!important;color:#fff!important;
}
/* dourado */
.card-actions .pay,.icon-btn.edit{
  background:var(--bt-dourado-fundo)!important;color:var(--bt-dourado-texto)!important;border:var(--bt-borda) solid var(--bt-dourado)!important;
}
.card-actions .pay:hover,.icon-btn.edit:hover{background:var(--gold)!important;color:#2a1b00!important;border-color:var(--gold)!important}
/* abas e filtros: contorno cinza; a ativa com borda azul e fundo azul-claro */
.pm-aba,.pay-tab,.filter{background:#fff!important;color:#47607e!important;border:var(--bt-borda) solid #cfdbe8!important}
.pm-aba:hover,.pay-tab:hover,.filter:hover{border-color:var(--bt-azul)!important;color:var(--bt-azul)!important}
.pm-aba.ativa,.pay-tab.active,.filter.active{background:#e8f0fa!important;color:var(--bt-azul)!important;border-color:var(--bt-azul)!important}
/* desabilitado continua apagado */
.primary:disabled,.secondary:disabled,.mini-btn:disabled,.danger:disabled{background:#f4f6f9!important;color:#97a6b8!important;border-color:#d5dde7!important}

/* ---- telas com CSS próprio (26.81) ------------------------------------- */
/* Painel do Sistema: atalhos, ações das unidades, "Entrar nesta unidade" */
.ps-atalhos button,.ps-unidade-acoes button,.ps-hist-toggle{
  background:#fff!important;color:var(--bt-azul)!important;border:var(--bt-borda) solid #8fb0d3!important;
}
.ps-atalhos button:hover,.ps-unidade-acoes button:hover,.ps-hist-toggle:hover,
.ps-entrar-btn:hover{background:var(--bt-azul)!important;color:#fff!important;border-color:var(--bt-azul)!important}
.ps-entrar-btn{background:var(--bt-azul-fundo)!important;color:var(--bt-azul)!important;border:var(--bt-borda) solid var(--bt-azul)!important}
.ps-perigo-btn,.ps-perigo-confirmar,.pm-remover-avulso{
  background:var(--bt-vermelho-fundo)!important;color:var(--bt-vermelho)!important;border:var(--bt-borda) solid var(--bt-vermelho)!important;
}
.ps-perigo-btn:hover,.ps-perigo-confirmar:hover,.pm-remover-avulso:hover{background:var(--bt-vermelho)!important;color:#fff!important}
/* menu de seções do Painel: a seção aberta com borda azul, como as abas */
.ps-nav-lista button{border:var(--bt-borda) solid transparent!important}
.ps-nav-lista button.ativo{background:#e8f0fa!important;color:var(--bt-azul)!important;border-color:var(--bt-azul)!important}
/* Entrega no tablet */
.et-btn-primario{background:var(--bt-azul-fundo)!important;color:var(--bt-azul)!important;border:2px solid var(--bt-azul)!important}
.et-btn-primario:hover:not(:disabled){background:var(--bt-azul)!important;color:#fff!important}
.et-btn-primario:disabled{background:#f4f6f9!important;color:#97a6b8!important;border-color:#d5dde7!important}
.et-btn-secundario,.coord-busca-limpar,.pm-link-marcar{background:#fff!important;color:var(--bt-azul)!important;border:var(--bt-borda) solid #8fb0d3!important}
.et-btn-secundario:hover,.coord-busca-limpar:hover,.pm-link-marcar:hover{background:var(--bt-azul)!important;color:#fff!important;border-color:var(--bt-azul)!important}
.et-btn-limpar{background:var(--bt-dourado-fundo)!important;color:var(--bt-dourado-texto)!important;border:2px solid var(--bt-dourado)!important}
.et-btn-pronto{background:var(--bt-verde-fundo)!important;color:var(--bt-verde)!important;border:2px solid var(--bt-verde)!important;box-shadow:none!important}
.et-btn-pronto:hover{background:var(--bt-verde)!important;color:#fff!important}
/* Dentro das ações da unidade, "Entrar" e "Resetar vendas" mantêm a cor delas */
.ps-unidade-acoes .ps-entrar-btn{background:var(--bt-azul-fundo)!important;color:var(--bt-azul)!important;border-color:var(--bt-azul)!important}
.ps-unidade-acoes .ps-perigo-btn{background:var(--bt-vermelho-fundo)!important;color:var(--bt-vermelho)!important;border-color:var(--bt-vermelho)!important}
.ps-unidade-acoes .ps-entrar-btn:hover{background:var(--bt-azul)!important;color:#fff!important}
.ps-unidade-acoes .ps-perigo-btn:hover{background:var(--bt-vermelho)!important;color:#fff!important}