/* FATURAS_VENCIDAS_SEGURO_V92J */

.card.fatven-safe-v92j{
  background:#ffffff!important;
}

.card.fatven-safe-v92j h2{
  margin-bottom:16px!important;
}

.fatven-unlock-v92j{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0 0 16px 0!important;
  padding:14px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  border-radius:18px!important;
}

.fatven-unlock-v92j strong{
  display:block!important;
  color:#0f172a!important;
  font-size:17px!important;
  font-weight:950!important;
}

.fatven-unlock-v92j span{
  display:block!important;
  color:#64748b!important;
  font-size:13px!important;
  font-weight:850!important;
  margin-top:3px!important;
}

.fatven-unlock-v92j a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  border-radius:15px!important;
  background:#f59e0b!important;
  color:#ffffff!important;
  border:1px solid #d97706!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
}

.card.fatven-safe-v92j .wrap{
  overflow:visible!important;
}

.card.fatven-safe-v92j table{
  width:100%!important;
  min-width:0!important;
  border-collapse:separate!important;
  border-spacing:0 12px!important;
}

.card.fatven-safe-v92j thead{
  display:none!important;
}

.card.fatven-safe-v92j tbody,
.card.fatven-safe-v92j tr{
  display:block!important;
}

.card.fatven-safe-v92j tbody tr{
  display:grid!important;
  grid-template-columns:1fr .85fr .8fr minmax(280px,1.25fr)!important;
  gap:14px!important;
  background:#ffffff!important;
  border:1px solid #dbe3ef!important;
  border-radius:18px!important;
  padding:14px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}

.card.fatven-safe-v92j td{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:#ffffff!important;
  color:#020617!important;
  border:1px solid #e5edf6!important;
  border-radius:16px!important;
  padding:14px!important;
  min-height:86px!important;
  font-weight:950!important;
}

.card.fatven-safe-v92j td:first-child,
.card.fatven-safe-v92j td:last-child{
  border-radius:16px!important;
}

.card.fatven-safe-v92j td::before{
  display:block!important;
  color:#536987!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
  margin-bottom:7px!important;
}

.card.fatven-safe-v92j td:nth-child(1)::before{content:"Vencimento";}
.card.fatven-safe-v92j td:nth-child(2)::before{content:"Valor";}
.card.fatven-safe-v92j td:nth-child(3)::before{content:"Status";}
.card.fatven-safe-v92j td:nth-child(4)::before{content:"Pagamento";}

.card.fatven-safe-v92j td:nth-child(1),
.card.fatven-safe-v92j td:nth-child(2){
  font-size:20px!important;
}

.card.fatven-safe-v92j td:nth-child(4){
  font-size:13px!important;
  font-weight:900!important;
}

.card.fatven-safe-v92j .pill.bad{
  align-self:flex-start!important;
  background:#fee2e2!important;
  color:#991b1b!important;
}

.card.fatven-safe-v92j .linha-label{
  color:#536987!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  margin:0 0 6px 0!important;
}

.card.fatven-safe-v92j .linha{
  display:none!important;
}

.card.fatven-safe-v92j .pay-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0 0 10px 0!important;
}

.card.fatven-safe-v92j button.copy,
.card.fatven-safe-v92j a.pay-help{
  width:100%!important;
  min-height:42px!important;
  height:auto!important;
  margin:0!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;
  text-align:center!important;
}

.card.fatven-safe-v92j button.copy{
  background:#2563eb!important;
  color:#ffffff!important;
  border:1px solid #1d4ed8!important;
}

.card.fatven-safe-v92j a.pay-help{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border:1px solid #bfdbfe!important;
}

@media(max-width:900px){
  .card.fatven-safe-v92j tbody tr{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:14px!important;
  }

  .card.fatven-safe-v92j td{
    min-height:74px!important;
    padding:13px!important;
  }

  .card.fatven-safe-v92j button.copy,
  .card.fatven-safe-v92j a.pay-help{
    min-height:44px!important;
    font-size:14px!important;
  }
}

/* FATURAS_VENCIDAS_SEGURO_V92J_FIM */
