/* Minha Assinatura - DEV */
.pf-billing-page{max-width:1280px;margin:0 auto;padding:6px 0 40px;color:var(--text,#212129)}
.pf-billing-page *{box-sizing:border-box}
.pf-billing-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.pf-billing-head h1{font-size:25px;margin:4px 0 6px;letter-spacing:-.6px}
.pf-billing-head p,.pf-billing-section-title p{margin:0;color:var(--muted,#73747d);font-size:12px;line-height:1.6}
.pf-billing-kicker{color:#e1262d;letter-spacing:1.5px;font-size:10px;font-weight:900}
.pf-billing-icon{display:grid;place-items:center;background:#e1262d;color:#fff;border-radius:13px;width:46px;height:46px;font-size:25px}
.pf-billing-box{border:1px solid var(--border,#e4e4e9);background:var(--panel,#fff);padding:21px;border-radius:17px;margin:0 0 15px;box-shadow:0 6px 20px #05050507}
.pf-billing-section-title{display:flex;align-items:center;gap:13px;margin:0 0 18px}
.pf-billing-section-title h2{margin:0 0 3px;font-size:17px}
.pf-billing-section-title h2 small{color:var(--muted,#777);font-size:11px}
.pf-billing-step,.pf-billing-step-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffedf0;color:#e1262d;font-size:18px;font-weight:850}
.pf-billing-current{border:1px solid #f3c1c5;background:linear-gradient(160deg,#fffafa,#fef1f2);color:#212126;padding:17px;border-radius:13px}
.pf-billing-current-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.pf-billing-current-head h3{margin:0;font-size:19px}
.pf-billing-badge{background:#e1262d;color:#fff;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:850}
.pf-billing-badge.is-warning{background:#a95700}
.pf-billing-summary,.pf-billing-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pf-billing-summary{margin-bottom:14px}
.pf-billing-summary>div,.pf-billing-meter{border:1px solid #eae0e2;background:#fff;padding:15px;border-radius:11px;min-width:0}
.pf-billing-summary small{display:block;color:#6c6d72;font-size:11px;margin-bottom:5px}
.pf-billing-summary strong{display:block;font-size:19px;overflow-wrap:anywhere}
.pf-billing-meter>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:12px}
.pf-billing-meter b{color:#444}.pf-billing-meter strong{color:#27282d}
.pf-billing-meter>span{display:block;width:100%;height:7px;border-radius:9px;background:#e9e9ea;overflow:hidden}
.pf-billing-meter>span i{display:block;height:100%;background:#e1262d;border-radius:9px}
.pf-billing-quiet{margin:12px 0 0;color:var(--muted,#777);font-size:11px;line-height:1.6}
.pf-billing-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pf-billing-plan{position:relative;min-width:0;border:1px solid var(--border,#ddd);background:var(--panel2,#fafafa);padding:20px 15px 17px;border-radius:13px;display:flex;flex-direction:column;overflow:hidden}
.pf-billing-plan.is-picked{border-color:#e1262d;box-shadow:0 0 0 1px #e1262d40}
.pf-billing-plan.is-current{background:linear-gradient(170deg,#fff5f5,transparent 45%),var(--panel2,#fafafa)}
.pf-billing-plan-icon{font-size:25px;color:#e1262d;margin:12px 0 4px}
.pf-billing-plan h3{font-size:19px;margin:0 0 3px}.pf-billing-plan>small{font-size:11px;color:var(--muted,#777);min-height:34px}
.pf-billing-from{margin:16px 0 4px;font-size:10px;color:var(--muted,#777)}
.pf-billing-price{font-size:25px;font-weight:900;color:#e1262d;white-space:nowrap;letter-spacing:-.7px;margin-bottom:16px}
.pf-billing-price span{color:var(--muted,#777);font-size:11px;font-weight:500;letter-spacing:0}
.pf-billing-current-ribbon{position:absolute;top:0;right:0;background:#e1262d;color:#fff;font-size:9px;font-weight:850;padding:5px 10px;border-radius:0 0 0 10px}
.pf-billing-select{border:1px solid #e1262d;color:#d71920;background:transparent;border-radius:8px;height:39px;font-size:12px;font-weight:750;cursor:pointer}
.pf-billing-select.selected{background:#e1262d;color:#fff}
.pf-billing-plan dl{padding:9px 0 0;margin:12px 0 0;display:grid;gap:0}
.pf-billing-plan dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border,#eee);padding:9px 0;font-size:11px}
.pf-billing-plan dt{color:var(--muted,#777)}.pf-billing-plan dd{margin:0;font-weight:750;text-align:right}
.pf-billing-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pf-billing-periods button{cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-radius:13px;padding:18px;border:1px solid var(--border,#ddd);background:var(--panel2,#fafafa);color:var(--text,#191919)}
.pf-billing-periods button.selected{border:2px solid #e1262d;background:color-mix(in srgb,var(--panel,#fff) 92%,#e1262d)}
.pf-billing-periods b{font-size:15px}.pf-billing-periods span{font-size:20px;font-weight:850;color:#e1262d}.pf-billing-periods small{font-size:11px;color:var(--muted,#777);line-height:1.5}
.pf-billing-unavailable{padding:15px;background:var(--panel2,#fafafa);border:1px dashed var(--border,#ddd);border-radius:11px;color:var(--muted,#666);font-size:12px;line-height:1.6}
.pf-billing-checkout{background:var(--panel2,#fafafa);padding:20px;border-radius:12px;display:grid;gap:11px}
.pf-billing-checkout>div{display:flex;justify-content:space-between;gap:20px;font-size:13px}.pf-billing-checkout>div span{color:var(--muted,#777)}.pf-billing-checkout b{text-align:right}
.pf-billing-checkout>.pf-billing-total{border-top:1px solid var(--border,#ddd);padding-top:15px;font-size:15px}.pf-billing-total b{color:#e1262d}
.pf-billing-pay{display:block;margin:20px auto 0;min-height:42px;padding:0 25px;background:#ddd;border:0;border-radius:10px;color:#666;font-weight:850;cursor:not-allowed}
.pf-billing-faq{display:grid;gap:8px}.pf-billing-faq details{border-radius:11px;background:var(--panel2,#fafafa);border:1px solid var(--border,#eee);padding:15px}.pf-billing-faq summary{font-size:13px;font-weight:800;cursor:pointer;line-height:1.5}.pf-billing-faq p{font-size:12px;line-height:1.7;color:var(--muted,#777);margin:10px 0 0}
@media(max-width:1150px){.pf-billing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pf-billing-box{padding:15px}.pf-billing-plans,.pf-billing-periods{grid-template-columns:1fr}.pf-billing-summary,.pf-billing-usage{grid-template-columns:1fr}.pf-billing-checkout>div{font-size:11px}}

/* Assinatura DEV — simulação de usuários extras, sem checkout real */
.pf-billing-extra{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:16px;padding:18px;border-radius:12px;border:1px solid var(--border,#e9e9eb);background:var(--panel2,#fafafa)}
.pf-billing-extra>div{display:flex;flex-direction:column;gap:6px;min-width:0}.pf-billing-extra small{font-size:11px;color:var(--muted,#777)}.pf-billing-extra strong{font-size:17px;color:var(--text,#222)}.pf-billing-extra-control>div{display:flex;align-items:center;gap:14px;flex-direction:row}.pf-billing-extra-control button{height:38px;width:38px;display:grid;place-items:center;border:1px solid #e1262d;border-radius:8px;color:white;background:#e1262d;font-size:20px;cursor:pointer}.pf-billing-extra-control button:hover{background:#b91820}.pf-billing-extra-control button:disabled{background:#d7d7d7;border-color:#d7d7d7;color:#888;cursor:default}.pf-billing-extra-control strong{min-width:28px;text-align:center}.pf-billing-extra-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px}.pf-billing-extra-summary>b{color:#e1262d;font-size:13px}
.pf-signup-resume{margin-top:19px;padding:20px;border:1px solid #f2d0d3;background:#fff7f8;border-radius:13px}.pf-signup-resume h2{font-size:17px;margin:0 0 14px;font-weight:800;color:#212126}.pf-signup-resume label{text-align:left}
@media(max-width:700px){.pf-billing-extra{grid-template-columns:1fr 1fr}.pf-billing-extra-control{grid-column:1/-1}.pf-billing-extra-summary{flex-direction:column}}

/* Benefícios por periodicidade: preço equivalente, desconto e total real do período. */
.pf-billing-period-title{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:26px}
.pf-billing-period-title b{font-size:15px}
.pf-billing-period-title em{font-size:10px;background:#e1262d;color:#fff;border-radius:999px;padding:4px 9px;font-weight:850;white-space:nowrap;font-style:normal}
.pf-billing-period-title em.is-neutral{background:var(--panel,#fff);color:var(--muted,#777);border:1px solid var(--border,#ddd)}
.pf-billing-periods button>span:not(.pf-billing-period-choose){display:block;font-size:21px;font-weight:850;color:#d71920;letter-spacing:-.5px}
.pf-billing-periods button>span>small{font-size:10px;font-weight:600;letter-spacing:0;white-space:nowrap}
.pf-billing-periods button>small strong{color:var(--text,#202025);font-size:12px}
.pf-billing-periods button .pf-billing-period-choose{display:grid;place-items:center;margin-top:auto;width:100%;min-height:35px;padding:4px 10px;border-radius:8px;border:1px solid #e1262d;color:#d71920;background:var(--panel,#fff);font-size:12px;font-weight:800}
.pf-billing-periods button.selected .pf-billing-period-choose{background:#e1262d;color:#fff}
.pf-billing-checkout b.pf-billing-discount{color:#15803d}
@media(max-width:1200px){.pf-billing-period-title{flex-wrap:wrap}.pf-billing-periods button{padding:14px}}

/* Layout da assinatura ajustado ao tema atual do Pronto Flux */
html.dark .pf-billing-current{
 background:linear-gradient(145deg,#231315 0%,#1d1d20 63%,#2c1316 100%);
 border-color:#6a272c;color:#f9f5f5
}
html.dark .pf-billing-summary>div,html.dark .pf-billing-meter{
 background:#252528;border-color:#404044;color:#f7f7f8
}
html.dark .pf-billing-summary small,html.dark .pf-billing-meter b{color:#bbb7bb}
html.dark .pf-billing-summary strong,html.dark .pf-billing-meter strong{color:#fff}
html.dark .pf-billing-meter>span{background:#414146}
html.light .pf-billing-current{
 background:linear-gradient(160deg,#fffafa,#fef1f2);
 border-color:#f3c1c5;color:#212126
}
html.light .pf-billing-summary>div,html.light .pf-billing-meter{background:#fff;border-color:#eae0e2}
html.light .pf-billing-summary small{color:#6c6d72}
html.light .pf-billing-meter b{color:#444}
html.light .pf-billing-meter strong{color:#27282d}
/* Modal central no padrão PF, sem janelas nativas do navegador */
.pf-billing-modal-layer{position:fixed;inset:0;z-index:1600;background:#000b;display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px)}
.pf-billing-modal{width:min(640px,100%);max-height:min(85vh,780px);display:flex;flex-direction:column;overflow:hidden;border-radius:19px;background:var(--panel,#1b1b1d);border:1px solid var(--border,#343438);box-shadow:0 28px 78px #0008;color:var(--text,#f7f7f8)}
.pf-billing-modal-header{display:flex;align-items:center;gap:13px;padding:20px 22px;border-bottom:1px solid var(--border,#343438)}
.pf-billing-modal-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:color-mix(in srgb,#d71920 15%,var(--panel));color:#e1262d;border-radius:13px;font-size:23px}
.pf-billing-modal-header h3{margin:0;font-size:19px;line-height:1.25}
.pf-billing-modal-header p{margin:5px 0 0;color:var(--muted);font-size:12px}
.pf-billing-modal-close{margin-left:auto;width:35px;height:35px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--text);font-size:20px;cursor:pointer}
.pf-billing-modal-body{padding:20px 22px;overflow-y:auto;font-size:13px;line-height:1.6}
.pf-billing-modal-note{border:1px solid color-mix(in srgb,#e1262d 28%,var(--border));border-radius:11px;background:color-mix(in srgb,#e1262d 9%,var(--panel));padding:13px 15px;margin-bottom:16px}
.pf-billing-modal-limits{display:grid;gap:9px;margin:12px 0 18px}
.pf-billing-modal-limit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);background:var(--panel2);border-radius:10px}
.pf-billing-modal-limit b{font-size:12px}
.pf-billing-modal-limit strong{font-size:12px;white-space:nowrap}
.pf-billing-modal-limit em{font-style:normal;color:#e1262d}
.pf-billing-modal-body small{color:var(--muted)}
.pf-billing-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid var(--border)}
.pf-billing-modal-actions button{min-height:39px;padding:9px 17px;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:9px;font-size:12px;font-weight:780;cursor:pointer}
.pf-billing-modal-actions button.is-primary{border-color:#d71920;background:#d71920;color:white}
.pf-billing-modal-actions button:disabled{opacity:.5;cursor:wait}
.pf-billing-pay{background:#d71920;color:#fff;cursor:pointer;border:1px solid #bd181e;min-width:230px}
.pf-billing-pay:hover{background:#e1262d}
.pf-billing-pay:disabled{opacity:.55;cursor:wait}
.pf-billing-pay-feedback{max-width:640px;margin:14px auto 0;font-size:12px;line-height:1.6;padding:12px 15px;border:1px solid var(--border);background:var(--panel2);border-radius:10px}
.pf-billing-pay-feedback.is-error{border-color:#d71920;color:var(--text)}
@media(max-width:600px){.pf-billing-modal-header,.pf-billing-modal-body,.pf-billing-modal-actions{padding:14px}.pf-billing-modal-actions{flex-direction:column-reverse}.pf-billing-modal-actions button{width:100%}.pf-billing-modal-limit{align-items:flex-start;flex-direction:column}}

.pf-billing-history{border:1px solid var(--border);border-radius:11px;overflow:hidden}
.pf-billing-history-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;background:var(--panel2);border-bottom:1px solid var(--border);font-size:12px}
.pf-billing-history-line:last-child{border-bottom:0}
.pf-billing-history-line>div{display:grid;gap:6px}
.pf-billing-history-line>div:last-child{text-align:right}
.pf-billing-history-line small{color:var(--muted);font-size:11px}

/* DEV: consulta segura de pagamentos sem abrir outro checkout */
.pf-billing-reconcile{justify-self:end;display:inline-flex;align-items:center;justify-content:center;
  min-height:32px;margin-top:2px;padding:6px 11px;border:1px solid #d71920;border-radius:8px;
  background:transparent;color:#e1262d;font-size:11px;font-weight:760;cursor:pointer}
.pf-billing-reconcile:hover{background:#d71920;color:#fff}
.pf-billing-reconcile:disabled{opacity:.55;cursor:wait}
html.dark .pf-billing-reconcile{color:#ff6268}
html.dark .pf-billing-reconcile:hover{color:#fff}
#pfReconcileFeedback{max-width:none;margin:12px 0}
@media(max-width:600px){.pf-billing-history-line{align-items:flex-start}
  .pf-billing-reconcile{max-width:100%;white-space:normal;text-align:center}}

/* Calendário do teste gratuito no fuso oficial de Brasília. */
.pf-billing-trial-progress{margin:0 0 14px;padding:11px 13px;border:1px solid var(--border);
  border-radius:10px;background:var(--panel2)}
.pf-billing-trial-progress-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}
.pf-billing-trial-progress-line strong{font-size:12px;color:var(--text)}
.pf-billing-trial-progress-line small{font-size:11px;color:var(--muted)}
.pf-billing-trial-track{height:7px;background:color-mix(in srgb,var(--border) 82%,var(--panel2));
  border-radius:999px;overflow:hidden;display:block}
.pf-billing-trial-track i{display:block;height:100%;border-radius:999px;background:#d71920;
  transition:width .25s ease}
@media(max-width:600px){.pf-billing-trial-progress-line{align-items:flex-start;flex-direction:column;gap:4px}}


/* Plano visual PF 14/10: SVG, alto contraste, tema claro/escuro e responsividade */
.pf-billing-page{--plan-color:#D71920;--plan-bg:var(--panel2);--plan-card-border:var(--border);--plan-ink:var(--text);--plan-muted:var(--muted);max-width:1320px}
.pf-billing-page .pf-billing-head h1{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.8px;font-weight:850}
.pf-billing-page .pf-billing-icon,.pf-billing-page .pf-billing-step-icon,.pf-billing-page .pf-billing-step{display:grid;place-items:center;background:rgba(215,25,32,.10);border:1px solid rgba(215,25,32,.25);color:#e1262d;border-radius:12px}
.pf-billing-page .pf-billing-icon svg{width:24px;height:24px}.pf-billing-page .pf-billing-step-icon svg{width:20px;height:20px}
.pf-billing-page .pf-billing-box{border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:none}
.pf-billing-page .pf-billing-section-title h2{font-size:17px;letter-spacing:-.3px;font-weight:850}
.pf-billing-page .pf-billing-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}
.pf-billing-page .pf-billing-plan{background:var(--plan-bg);color:var(--plan-ink);border:1px solid var(--plan-card-border);border-radius:16px;overflow:hidden;padding:19px 16px 16px;box-shadow:none;transition:border-color .18s,transform .18s,box-shadow .18s}
.pf-billing-page .pf-billing-plan:hover{border-color:#d71920;transform:translateY(-2px)}
.pf-billing-page .pf-billing-plan.is-picked{border:2px solid #d71920;padding:18px 15px 15px;background:var(--plan-bg);box-shadow:0 0 0 3px rgba(215,25,32,.06)}
.pf-billing-page .pf-billing-plan.is-current:not(.is-picked){border-color:rgba(215,25,32,.6)}
.pf-billing-page .pf-billing-plan-hero{min-height:48px;display:flex;gap:7px;align-items:center;justify-content:space-between;margin:3px 0 13px}
.pf-billing-page .pf-billing-plan-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;margin:0;border-radius:13px;background:rgba(215,25,32,.11);border:1px solid rgba(215,25,32,.24);color:#f0444d}
.pf-billing-page .pf-billing-plan-icon svg{width:27px;height:27px}
.pf-billing-page .pf-billing-plan-tier{font-size:9px;font-weight:850;letter-spacing:.07em;color:var(--plan-muted);line-height:1.25;text-align:right}
.pf-billing-page .pf-billing-plan h3{margin:0 0 4px;font-size:21px;letter-spacing:-.3px;font-weight:850;color:var(--plan-ink)}
.pf-billing-page .pf-billing-plan-description{margin:0!important;min-height:33px;font-size:11px;line-height:1.5;color:var(--plan-muted)}
.pf-billing-page .pf-billing-from{margin:14px 0 6px;font-size:9px;font-weight:780;letter-spacing:.035em;color:var(--plan-muted)}
.pf-billing-page .pf-billing-price{font-size:clamp(23px,2.25vw,29px);margin-bottom:17px;line-height:1.15;font-weight:900;letter-spacing:-.7px;color:#ef353d}
.pf-billing-page .pf-billing-price span{font-weight:650;font-size:11px;color:var(--plan-muted)}
.pf-billing-page .pf-billing-select{min-height:41px;height:auto;padding:10px;font-size:11px;font-weight:820;border-radius:9px;border-color:#d71920;color:#ef353d;background:transparent;transition:background .15s,color .15s}
.pf-billing-page .pf-billing-select:hover{background:#d71920;color:#fff}
.pf-billing-page .pf-billing-select.selected{background:#d71920;color:#fff}
.pf-billing-page .pf-billing-select:focus-visible{outline:3px solid rgba(215,25,32,.35);outline-offset:3px}
.pf-billing-page .pf-billing-current-ribbon{top:0;right:10px;border-radius:0 0 9px 9px;padding:7px 10px;font-size:8px;letter-spacing:.04em}
.pf-billing-page .pf-billing-include-title{margin:20px 0 5px;color:var(--plan-muted);font-size:9px;letter-spacing:.09em;font-weight:850}
.pf-billing-page .pf-billing-plan dl{padding:0;margin:0}
.pf-billing-page .pf-billing-plan dl>div{min-width:0;padding:10px 0;font-size:11px;line-height:1.35;border-color:var(--plan-card-border)}
.pf-billing-page .pf-billing-plan dl>div:first-child{border-top:0}
.pf-billing-page .pf-billing-plan dl>div:nth-child(4){margin-top:6px;padding-top:13px;border-top-color:rgba(215,25,32,.3)}
.pf-billing-page .pf-billing-plan dt{color:var(--plan-muted);min-width:0}
.pf-billing-page .pf-billing-plan dd{color:var(--plan-ink);font-size:11px;white-space:nowrap;font-weight:850}
.pf-billing-page .pf-billing-feature-check{display:grid;place-items:center;background:rgba(215,25,32,.11);color:#e1262d!important;width:19px;height:19px;flex:0 0 19px;border-radius:50%}
.pf-billing-page .pf-billing-feature-check svg{width:12px;height:12px;stroke-width:2.7}
.pf-billing-page .pf-billing-current{border-radius:14px}
.pf-billing-page .pf-billing-summary>div,.pf-billing-page .pf-billing-meter{border-radius:11px;padding:14px}
.pf-billing-page .pf-billing-periods button{transition:border-color .18s,transform .18s}
.pf-billing-page .pf-billing-periods button:hover{border-color:#d71920;transform:translateY(-1px)}
.pf-billing-page .pf-billing-checkout{border:1px solid var(--plan-card-border)}
.pf-billing-page .pf-billing-faq details[open]{border-color:#d71920}
html.dark .pf-billing-page{--plan-bg:#242428;--plan-card-border:#3b3b42;--plan-ink:#f5f5f7;--plan-muted:#b8b8c1}
html.dark .pf-billing-page .pf-billing-plan,html.dark .pf-billing-page .pf-billing-plan.is-current{background:linear-gradient(180deg,#27272b,#222226);color:#f5f5f7}
html.dark .pf-billing-page .pf-billing-plan.is-picked{background:linear-gradient(155deg,#322225 0%,#282529 23%,#222226 68%);border-color:#ee353d}
html.dark .pf-billing-page .pf-billing-plan h3,html.dark .pf-billing-page .pf-billing-plan dd{color:#f5f5f7}
html.dark .pf-billing-page .pf-billing-plan dt,html.dark .pf-billing-page .pf-billing-plan-description,html.dark .pf-billing-page .pf-billing-plan-tier{color:#b9b9c3}
html.dark .pf-billing-page .pf-billing-select:not(.selected){color:#ff6268;border-color:#c4363d}
html.dark .pf-billing-page .pf-billing-select:not(.selected):hover{color:#fff;background:#d71920}
html.dark .pf-billing-page .pf-billing-current{background:linear-gradient(135deg,#291b1e,#202024 70%,#281c1f);color:#fff;border-color:#633038}
html.dark .pf-billing-page .pf-billing-summary>div,html.dark .pf-billing-page .pf-billing-meter{background:#28282d;border-color:#44444a}
html.dark .pf-billing-page .pf-billing-summary small,html.dark .pf-billing-page .pf-billing-meter b{color:#c5c5cc}
html.dark .pf-billing-page .pf-billing-summary strong,html.dark .pf-billing-page .pf-billing-meter strong{color:#fff}
html.light .pf-billing-page{--plan-bg:#fafafb;--plan-card-border:#e2e2e7;--plan-ink:#1b1c22;--plan-muted:#666873}
html.light .pf-billing-page .pf-billing-plan.is-current{background:#fff9f9}
html.light .pf-billing-page .pf-billing-plan.is-picked{background:linear-gradient(155deg,#fff3f3 0%,#fff 27%,#fff 100%)}
@media(max-width:1150px){.pf-billing-page .pf-billing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pf-billing-page .pf-billing-box{padding:14px}.pf-billing-page .pf-billing-plans{grid-template-columns:1fr}.pf-billing-page .pf-billing-plan{padding:19px 16px 16px}.pf-billing-page .pf-billing-plan.is-picked{padding:18px 15px 15px}.pf-billing-page .pf-billing-plan-description{min-height:0}.pf-billing-page .pf-billing-price{font-size:28px}}
@media(prefers-reduced-motion:reduce){.pf-billing-page .pf-billing-plan,.pf-billing-page .pf-billing-periods button{transition:none;transform:none!important}}


/* Pré-visualização de recursos na contratação e comprovantes confirmados */
.pf-benefits-preview{margin:14px 0;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,#d71920 25%,var(--border));background:var(--panel2)}
.pf-benefits-preview h4{font-size:13px;margin:0 0 5px;color:var(--text)}
.pf-benefits-preview>p{margin:0 0 12px;font-size:11px;line-height:1.5;color:var(--muted)}
.pf-benefits-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.pf-benefits-preview-grid>div{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}
.pf-benefits-preview-grid>div span{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:rgba(215,25,32,.12);color:#e1262d}
.pf-benefits-preview-grid svg{width:12px;height:12px;stroke-width:2.6}
.pf-benefits-preview-grid b{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.pf-benefits-limits{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.pf-benefits-limits>strong,.pf-benefits-removed strong{font-size:11px}
.pf-benefits-limits>div{display:flex;justify-content:space-between;gap:9px;font-size:11px}
.pf-benefits-limits span{color:var(--muted)}.pf-benefits-limits>div b{text-align:right}
.pf-benefits-removed{margin-top:12px;padding:10px;border:1px solid rgba(215,25,32,.25);border-radius:9px;background:color-mix(in srgb,#d71920 6%,var(--panel))}
.pf-benefits-removed p{font-size:11px;margin:6px 0}
.pf-benefits-removed small{color:var(--muted)}
html.dark .pf-benefits-preview{background:#252529;border-color:#60343a}
html.dark .pf-benefits-preview-grid>div{background:#202024;border-color:#404046}
html.dark .pf-benefits-preview-grid span{color:#ff565e}
.pf-confirm-order{border-color:var(--border);color:var(--text)}
html.dark .pf-confirm-order{color:#f5f5f7}
@media(max-width:560px){.pf-benefits-preview{padding:12px}.pf-benefits-preview-grid{grid-template-columns:1fr}}

/* Visibilidade do acesso de plataforma: sem alterar o plano comercial. */
.pf-billing-page .pf-billing-admin-access{display:flex;align-items:flex-start;gap:12px;margin:12px 0 16px;padding:14px 16px;border-radius:12px;border:1px solid rgba(215,25,32,.36);background:color-mix(in srgb,#d71920 8%,var(--panel2));color:var(--text)}
.pf-billing-page .pf-billing-admin-access>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:rgba(215,25,32,.14);color:#e1262d}
.pf-billing-page .pf-billing-admin-access>span svg{width:19px;height:19px}
.pf-billing-page .pf-billing-admin-access strong{font-size:12px}
.pf-billing-page .pf-billing-admin-access p{margin:4px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}