/* V11.88.3 — Visual Polish Parcelamento Financeiro Safe
   Escopo: somente visual do bloco de compra parcelada. Sem lógica de salvamento/Supabase. */

.finance-installment-form-v1188 .finance-installment-toggle-v1188{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.105) !important;
  border-radius:22px !important;
  padding:16px !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(var(--accent-rgb),.075),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.finance-installment-form-v1188 .finance-installment-toggle-v1188:hover{
  border-color:rgba(var(--accent-rgb),.34) !important;
  box-shadow:0 12px 34px rgba(var(--accent-rgb),.07), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.finance-installment-form-v1188 .finance-installment-toggle-v1188.is-active,
.finance-installment-form-v1188 .finance-installment-toggle-v1188:has(#fInstallmentEnabled:checked){
  border-color:rgba(var(--accent-rgb),.58) !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(var(--accent-rgb),.18),transparent 42%),
    linear-gradient(180deg,rgba(var(--accent-rgb),.055),rgba(255,255,255,.026)) !important;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.12),0 18px 46px rgba(var(--accent-rgb),.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.finance-installment-form-v1188 .finance-installment-check-v1188{
  width:100%;
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center !important;
  gap:12px !important;
  cursor:pointer;
  color:var(--text,#fff) !important;
  margin:0 !important;
}
.finance-installment-form-v1188 .finance-installment-check-v1188 input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}
.finance-installment-form-v1188 .finance-installment-check-v1188::before{
  content:'3x';
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.105);
  color:var(--muted,#aaa);
  font-size:13px;
  font-weight:1000;
  letter-spacing:-.03em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.finance-installment-form-v1188 .finance-installment-toggle-v1188.is-active .finance-installment-check-v1188::before,
.finance-installment-form-v1188 .finance-installment-toggle-v1188:has(#fInstallmentEnabled:checked) .finance-installment-check-v1188::before{
  background:var(--green,#5eff0d);
  border-color:color-mix(in srgb,var(--green,#5eff0d) 70%,#fff 15%);
  color:var(--accent-contrast,#000);
  box-shadow:0 10px 24px rgba(var(--accent-rgb),.18),0 0 18px rgba(var(--accent-rgb),.24);
}
.finance-installment-form-v1188 .finance-installment-check-v1188 span{
  display:grid;
  gap:2px;
  font-size:15px;
  font-weight:950;
  line-height:1.12;
  letter-spacing:-.02em;
}
.finance-installment-form-v1188 .finance-installment-check-v1188 span::after{
  content:'Divide uma saída em parcelas mensais.';
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  color:var(--muted,#aaa);
  line-height:1.35;
}
.finance-installment-form-v1188 .finance-installment-check-v1188::after{
  content:attr(data-state);
  min-width:88px;
  text-align:center;
  border-radius:999px;
  padding:8px 10px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.10);
  color:var(--muted,#aaa);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.finance-installment-form-v1188 .finance-installment-toggle-v1188.is-active .finance-installment-check-v1188::after,
.finance-installment-form-v1188 .finance-installment-toggle-v1188:has(#fInstallmentEnabled:checked) .finance-installment-check-v1188::after{
  background:rgba(var(--accent-rgb),.16);
  border-color:rgba(var(--accent-rgb),.34);
  color:var(--accent-readable,var(--green,#5eff0d));
}
.finance-installment-form-v1188 .finance-installment-toggle-v1188 small{
  display:none !important;
}

.finance-installment-form-v1188 .finance-installment-fields-v1188{
  border-color:rgba(var(--accent-rgb),.36) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at top left,rgba(var(--accent-rgb),.12),rgba(255,255,255,.035) 42%,rgba(255,255,255,.015)) !important;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08),0 18px 45px rgba(var(--accent-rgb),.055) !important;
}
.finance-installment-form-v1188 .finance-installment-grid-v1188 label span{
  color:color-mix(in srgb,var(--accent-readable,var(--green,#5eff0d)) 48%,var(--muted,#aaa) 52%) !important;
}
.finance-installment-form-v1188 .finance-installment-preview-v1188{
  border-color:rgba(var(--accent-rgb),.16) !important;
  background:rgba(0,0,0,.18) !important;
  color:var(--muted,#aaa) !important;
}
.finance-installment-record-v1188{
  box-shadow:inset 3px 0 0 rgba(var(--accent-rgb),.55) !important;
  border-color:rgba(var(--accent-rgb),.20) !important;
}
.finance-installment-record-v1188 .tag.yellow:not(.finance-invoice-badge-v11961){
  background:rgba(var(--accent-rgb),.16) !important;
  border-color:rgba(var(--accent-rgb),.26) !important;
  color:var(--accent-readable,var(--green,#5eff0d)) !important;
}

@media(max-width:720px){
  .finance-installment-form-v1188 .finance-installment-check-v1188{
    grid-template-columns:auto 1fr;
  }
  .finance-installment-form-v1188 .finance-installment-check-v1188::after{
    grid-column:2;
    justify-self:start;
    margin-top:4px;
    min-width:0;
  }
}


/* V11.93.1 — ajustes finos de forma de pagamento/parcelamento */
.finance-installment-value-source-v11931{
  margin-bottom:12px;
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.finance-installment-grid-2-v11931{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.purchase-payment-box-v11931{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:6px;
}
.purchase-payment-box-v11931 label{
  font-size:12px;
  color:rgba(255,255,255,.62);
  font-weight:800;
  letter-spacing:.02em;
}
.purchase-payment-box-v11931 select{
  width:100%;
}
@media(max-width:720px){
  .finance-installment-grid-2-v11931{grid-template-columns:1fr;}
}


/* V11.93.2 — alinhamento visual e respiro dos campos de pagamento */
.finance-payment-box-v11932{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:8px;
}
.finance-payment-label-v11932,
.purchase-payment-box-v11931 label{
  display:block;
  margin-bottom:0;
  font-size:12px;
  color:rgba(255,255,255,.62);
  font-weight:850;
  letter-spacing:.02em;
}
.finance-payment-hint-v11932,
.purchase-finance-card-hint-v11932{
  margin-top:12px !important;
  margin-bottom:10px !important;
}
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188{
  margin-top:6px;
}
.purchase-payment-box-v11931{
  gap:9px;
  margin-top:10px;
}
#cpFinCardFieldsV1193 .finance-installment-grid-v1188{
  margin-top:8px;
}

/* V11.94 — Fechamento de fatura e pagamento apenas para saída */
.finance-payment-box-v11932[style*="display:none"],
.finance-payment-box-v11932[style*="display: none"]{
  display:none !important;
}
.finance-invoice-close-form-v1194{
  gap:14px;
}
.finance-invoice-close-intro-v1194,
.finance-invoice-close-preview-v1194{
  border:1px solid rgba(var(--accent-rgb),.22);
  border-radius:18px;
  background:rgba(var(--accent-rgb),.07);
  color:rgba(255,255,255,.72);
  padding:14px 16px;
  line-height:1.45;
}
.finance-payment-field-v11932{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.finance-payment-field-v11932 span{
  font-size:12px;
  color:rgba(255,255,255,.62);
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.finance-invoice-close-grid-v1194{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.finance-invoice-close-grid-v1194>div{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.finance-invoice-close-grid-v1194 span{
  display:block;
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-bottom:4px;
}
.finance-invoice-close-grid-v1194 b{
  color:#fff;
  font-size:14px;
}
.finance-invoice-close-alert-v1194,
.finance-invoice-close-ok-v1194,
.finance-invoice-close-small-v1194{
  margin-top:10px;
  line-height:1.45;
}
.finance-invoice-close-alert-v1194{
  color:#ffb4b4;
}
.finance-invoice-close-ok-v1194{
  color:var(--accent-readable,var(--green,#5eff0d));
}
.finance-invoice-close-small-v1194{
  color:rgba(255,255,255,.58);
  font-size:12px;
}
@media(max-width:820px){
  .finance-invoice-close-grid-v1194{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .finance-invoice-close-grid-v1194{grid-template-columns:1fr;}
}

/* V11.94.1 — Fechamento de fatura: busca, posição do botão e detalhamento do cálculo */
.finance-invoice-close-inline-v11941{
  margin-top:12px;
  width:100%;
  justify-content:center;
}
.finance-invoice-close-details-v11941{
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.finance-invoice-close-details-v11941 strong{
  display:block;
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  margin-bottom:8px;
}
.finance-invoice-close-details-v11941 ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:7px;
}
.finance-invoice-close-details-v11941 li{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:8px 0;
  border-top:1px solid rgba(255,255,255,.06);
  color:rgba(255,255,255,.66);
  font-size:12px;
}
.finance-invoice-close-details-v11941 li:first-child{border-top:0;padding-top:0;}
.finance-invoice-close-details-v11941 li b{color:#fff;font-size:12px;line-height:1.3;}
.finance-invoice-close-details-v11941 li span{white-space:nowrap;color:rgba(255,255,255,.72);}
@media(max-width:560px){
  .finance-invoice-close-details-v11941 li{flex-direction:column;gap:3px;}
  .finance-invoice-close-details-v11941 li span{white-space:normal;}
}

/* V11.96.1.2 — ajuste fino visual: remove campo duplicado do mês no parcelado */
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188{
  align-items:end;
}
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 label{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px !important;
  min-width:0;
}

.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 label[hidden],
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 [id$="InvoiceMonthFieldV11961"][hidden]{
  display:none !important;
}

.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 label span{
  min-height:16px;
  line-height:1.15;
  display:flex;
  align-items:flex-end;
  white-space:nowrap;
}
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 label input{
  min-height:52px;
}
.finance-payment-auto-month-v11961{
  width:100%;
  min-width:0;
  min-height:52px;
  box-sizing:border-box;
  border:1px solid rgba(255,209,102,.24);
  background:linear-gradient(180deg,rgba(255,209,102,.10),rgba(255,209,102,.045));
  color:#ffd166;
  border-radius:18px;
  padding:10px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.finance-payment-auto-month-v11961 span{
  color:rgba(255,255,255,.64);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.15;
  text-transform:uppercase;
  margin:0;
}
.finance-payment-auto-month-v11961 b{
  color:#ffd166;
  font-size:18px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:-.02em;
}
.finance-installment-record-v1188 .tag.finance-invoice-badge-v11961,
.tag.finance-invoice-badge-v11961{
  background:rgba(255,209,102,.13) !important;
  border-color:rgba(255,209,102,.20) !important;
  color:#ffd166 !important;
}
@media(max-width:720px){
  .finance-payment-card-fields-v1193 .finance-installment-grid-v1188{
    align-items:stretch;
  }
  
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 label[hidden],
.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 [id$="InvoiceMonthFieldV11961"][hidden]{
  display:none !important;
}

.finance-payment-card-fields-v1193 .finance-installment-grid-v1188 label span{
    white-space:normal;
  }
  .finance-payment-auto-month-v11961{
    min-height:54px;
    border-radius:16px;
  }
}