/* FATURAS_VISUAL_LIMPO_V92X
   Sem MutationObserver.
   Apenas padroniza visual das próximas faturas para parecer com faturas vencidas.
*/

/* cores novas dos boletos */
.print-boleto-v35,
.print-boleto-v34,
.print-boleto-v31,
.fatven-print-v92k,
.fatura-v27b-actions a.print-boleto-v35,
.future-fatura-v28-actions a.print-boleto-v35,
.future-fatura-v28-actions a[href*="boleto-ponte?"],
.fatura-v27b-actions a[href*="boleto-ponte?"]{
  background:#7c3aed!important;
  border:1px solid #6d28d9!important;
  color:#ffffff!important;
}

.fatven-download-v92k,
.future-fatura-v28-actions a[href*="boleto-ponte-pdf"],
.future-fatura-v28-actions a[href*="boleto-download"],
.fatura-v27b-actions a[href*="boleto-ponte-pdf"],
.fatura-v27b-actions a[href*="boleto-download"]{
  background:#f97316!important;
  border:1px solid #ea580c!important;
  color:#ffffff!important;
}

/* remove subtítulo antigo "abre em nova aba" */
.print-boleto-v35::after,
.print-boleto-v34::after,
.print-boleto-v31::after{
  content:none!important;
  display:none!important;
}

/* bloco dos botões de boleto nas vencidas */
.fatven-boleto-actions-v92k{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:0!important;
}

.fatven-boleto-actions-v92k a{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
  margin:0!important;
}

/* próximas faturas: vira o mesmo padrão visual da fatura principal */
.future-faturas-v28{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  margin-top:12px!important;
}

.future-faturas-v28-title{
  margin:20px 0 8px!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#0f172a!important;
}

.future-fatura-v28{
  display:grid!important;
  grid-template-columns:1fr 1fr .78fr 1.28fr!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:14px!important;
  margin:0!important;
  background:#ffffff!important;
  border:1px solid #e5eaf2!important;
  border-radius:22px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}

/* caixas Vencimento / Valor / Status */
.future-fatura-v28 > div:not(.future-fatura-v28-actions){
  background:#f8fafc!important;
  border:1px solid #d9e2ef!important;
  border-radius:18px!important;
  padding:16px!important;
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}

.future-fatura-v28-label{
  color:#536987!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  font-size:12px!important;
  line-height:1.15!important;
  margin-bottom:10px!important;
}

.future-fatura-v28-value{
  color:#0f172a!important;
  font-size:26px!important;
  font-weight:950!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}

/* caixa Pagamento das próximas faturas */
.future-fatura-v28-actions{
  background:#f8fafc!important;
  border:1px solid #d9e2ef!important;
  border-radius:18px!important;
  padding:16px!important;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-content:start!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}

.future-fatura-v28-actions::before{
  content:"Pagamento";
  grid-column:1 / -1!important;
  color:#536987!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  font-size:12px!important;
  line-height:1.15!important;
  margin-bottom:0!important;
}

/* botões das próximas faturas */
.future-fatura-v28-actions a,
.future-fatura-v28-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
  padding:8px 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

/* Copiar linha / Pix / Ajuda em largura cheia */
.future-fatura-v28-actions button.copy,
.future-fatura-v28-actions a.help,
.future-fatura-v28-actions a.pay-help,
.future-fatura-v28-actions a[href*="wa.me"]{
  grid-column:1 / -1!important;
}

/* cores de ações auxiliares */
.future-fatura-v28-actions button.copy{
  background:#2563eb!important;
  border:1px solid #1d4ed8!important;
  color:#ffffff!important;
}

.future-fatura-v28-actions a.help,
.future-fatura-v28-actions a.pay-help,
.future-fatura-v28-actions a[href*="wa.me"]{
  background:#dbeafe!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
}

/* Imprimir e baixar lado a lado */
.future-fatura-v28-actions a.print-boleto-v35,
.future-fatura-v28-actions a[href*="boleto-ponte?"],
.future-fatura-v28-actions a[href*="boleto-ponte-pdf"],
.future-fatura-v28-actions a[href*="boleto-download"]{
  grid-column:auto!important;
}

/* card principal: garante o mesmo arranjo dos botões */
.fatura-v27b-actions,
.pay-v23-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-content:start!important;
}

.fatura-v27b-actions > .fatura-v27b-label,
.pay-v23-actions > .pay-v23-label,
.fatura-v27b-actions button.copy,
.pay-v23-actions button.copy,
.fatura-v27b-actions a.pay-help,
.pay-v23-actions a.pay-help,
.fatura-v27b-actions a[href*="wa.me"],
.pay-v23-actions a[href*="wa.me"],
.fatura-v27b-actions a.ghost,
.pay-v23-actions a.ghost{
  grid-column:1 / -1!important;
}

.fatura-v27b-actions a.print-boleto-v35,
.pay-v23-actions a.print-boleto-v35,
.fatura-v27b-actions a[href*="boleto-ponte-pdf"],
.pay-v23-actions a[href*="boleto-ponte-pdf"]{
  grid-column:auto!important;
}

/* mobile */
@media(max-width:900px){
  .future-fatura-v28{
    grid-template-columns:1fr!important;
  }

  .future-fatura-v28-actions{
    grid-template-columns:1fr!important;
  }

  .future-fatura-v28-actions a,
  .future-fatura-v28-actions button,
  .future-fatura-v28-actions a.print-boleto-v35,
  .future-fatura-v28-actions a[href*="boleto-ponte?"],
  .future-fatura-v28-actions a[href*="boleto-ponte-pdf"]{
    grid-column:1 / -1!important;
  }
}