/* Ações dos cards de Clientes e Em Teste — hierarquia clara (v1, 12/11/2026)
   Pagamento = verde sólido (dinheiro) · Configurações = neutro forte (contorno) · Excluir = vermelho, separado. */

/* ───────── Em Teste ───────── */
html body .an-shell .an-entity-grid > .an-entity-card.dt-trial-card .an-entity-actions.an-rs-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px !important;
}
html body .an-shell .an-entity-grid > .an-entity-card.dt-trial-card .an-rs-manage.an-cl-btn {
  min-height: 44px !important;
  padding: 10px 12px !important;
  border-radius: 11px !important;
  font: 600 13.5px/1.25 Outfit, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  color: #e9eef8 !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: none !important;
  white-space: normal !important;
}
html body .an-shell .an-entity-grid > .an-entity-card.dt-trial-card .an-rs-manage.an-cl-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, .09) !important;
  border-color: rgba(255, 255, 255, .3) !important;
  color: #fff !important;
}
/* Configurações: largura total, neutro e forte (não colorido) */
html body .an-shell .an-entity-grid > .an-entity-card.dt-trial-card .an-rs-manage.an-cl-btn.dt-trial-data {
  grid-column: 1 / -1 !important;
  order: 3 !important;
  min-height: 46px !important;
  color: #fff !important;
  font-weight: 650 !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1.5px solid rgba(255, 255, 255, .34) !important;
}
html body .an-shell .an-entity-grid > .an-entity-card.dt-trial-card .an-rs-manage.an-cl-btn.dt-trial-data.is-open {
  border-color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
}
/* Pagamento: verde sólido, a única ação de dinheiro */
html body .an-shell .an-entity-grid > .an-entity-card.dt-client-card .an-rs-manage.an-cl-btn.dt-trial-pay:not(:disabled) {
  margin-top: 10px !important;
  min-height: 50px !important;
  font: 700 15px/1.2 Outfit, system-ui, sans-serif !important;
  color: #fff !important;
  background: linear-gradient(135deg, #16a34a, #0f8a3c) !important;
  border: 1px solid #22c55e !important;
  box-shadow: 0 8px 22px -8px rgba(22, 163, 74, .7) !important;
}
html body .an-shell .an-entity-grid > .an-entity-card.dt-client-card .an-rs-manage.an-cl-btn.dt-trial-pay:hover:not(:disabled) {
  filter: brightness(1.08);
}
html body .an-shell .an-entity-grid > .an-entity-card.dt-client-card .an-rs-manage.an-cl-btn.dt-trial-pay:disabled {
  margin-top: 10px !important;
  font: 600 13px/1.4 Outfit, system-ui, sans-serif !important;
  color: #bfe8cf !important;
  background: rgba(22, 163, 74, .12) !important;
  border: 1px dashed rgba(34, 197, 94, .45) !important;
}
/* Excluir teste: vermelho, separado, discreto até passar o mouse */
html body .an-shell .an-entity-grid > .an-entity-card .dt-trial-del {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 12px 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(248, 113, 113, .35);
  border-radius: 10px;
  background: rgba(248, 113, 113, .06);
  color: #fca5a5;
  font: 600 13px/1 Outfit, system-ui, sans-serif;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
html body .an-shell .an-entity-grid > .an-entity-card .dt-trial-del:hover:not(:disabled) {
  background: rgba(248, 113, 113, .16);
  border-color: rgba(248, 113, 113, .7);
  color: #fff;
}
html body .an-shell .an-entity-grid > .an-entity-card .dt-trial-del:disabled { opacity: .5; cursor: wait; }
html body .an-shell .an-entity-grid > .an-entity-card.dt-trial-card .dt-trial-payment-note {
  font-size: 13px !important;
  color: #b9c5d8 !important;
}

/* ───────── Clientes ───────── */
/* Pagamento manual: verde sólido (antes era o mesmo azul de Configurações) */
html body .dt-cc-block.is-pay .dt-cc-btn.is-pay {
  border: 1px solid #22c55e !important;
  color: #fff !important;
  background: linear-gradient(135deg, #16a34a, #0f8a3c) !important;
  box-shadow: 0 8px 22px -8px rgba(22, 163, 74, .7) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  height: auto !important;
  min-height: 44px !important;
  line-height: 1.2 !important;
  padding: 8px 14px !important;
  white-space: normal !important;
}
/* Ativar e renovar: verde em contorno (não compete com o pagamento) */
html body .dt-cc-block.is-pay .dt-cc-btn.is-ok {
  border: 1.5px solid rgba(52, 211, 153, .6) !important;
  color: #a7f3d0 !important;
  background: rgba(52, 211, 153, .08) !important;
  height: 44px !important;
  font-size: 14px !important;
}
/* Configurações completas: neutro forte com contorno, sem azul */
html body .dt-cc-acts .dt-ch-btn.is-main {
  border: 1.5px solid rgba(255, 255, 255, .34) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}
html body .dt-cc-acts .dt-ch-btn.is-main:hover:not(:disabled) {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .55) !important;
  filter: none !important;
}
html body .dt-cc-acts .dt-ch-btn.is-on {
  border-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .12) !important;
}
html body .dt-cc-acts .dt-ch-btn {
  height: auto !important;
  min-height: 42px !important;
  padding: 7px 8px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow: visible !important;
  font-size: 13.5px !important;
  color: #e9eef8 !important;
  border-color: rgba(255, 255, 255, .16) !important;
}
html body .dt-cc-danger .dt-cc-link { font-size: 13px !important; padding: 6px 8px !important; }