/* PRONTO FLUX — Pix manual e faturas do lojista, sem intermediário bancário */
.pf-pix-settings-card{border:1px solid #5b303d!important;background:linear-gradient(130deg,#251920,#19191c)!important}
.pf-pix-settings-card .card-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pf-pix-settings-card .card-title h3{margin:0}
.pf-pix-settings-current{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;
 background:#19181d;border:1px solid #49323e;border-radius:11px;padding:13px;margin:14px 0}
.pf-pix-settings-current small{font-size:10px;letter-spacing:.05em;color:#cfabb7;grid-row:1}
.pf-pix-settings-current b{font-size:13px;color:#fff;min-width:0;overflow-wrap:anywhere;grid-row:2}
.pf-pix-settings-current small:nth-of-type(2){grid-column:2}
.modal.pf-pix-config-modal,.modal.pf-pix-payment-modal,.modal.pf-pix-invoices-modal{
 max-width:min(760px,calc(100vw - 22px))!important;border-radius:17px!important;
 border:1px solid #58303c!important;background:#151317!important;color:#f8f5f6;
 box-shadow:0 30px 80px #0009
}
.pf-pix-config-modal .modal-head,.pf-pix-payment-modal .modal-head,.pf-pix-invoices-modal .modal-head{
 background:#1f1720;border-bottom:1px solid #4d303b;padding:16px 20px
}
.pf-pix-config-modal .modal-head h2,.pf-pix-payment-modal .modal-head h2,.pf-pix-invoices-modal .modal-head h2{font-size:17px;letter-spacing:-.025em}
.pf-pix-config-modal .modal-body,.pf-pix-payment-modal .modal-body,.pf-pix-invoices-modal .modal-body{
 max-height:75dvh;overflow:auto;padding:20px!important
}
.pf-pix-config-modal .modal-foot,.pf-pix-payment-modal .modal-foot,.pf-pix-invoices-modal .modal-foot{
 background:#1e181e;border-top:1px solid #503640;padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px
}
.pf-pix-config-modal .modal-foot .btn,.pf-pix-payment-modal .modal-foot .btn,.pf-pix-invoices-modal .modal-foot .btn{
 min-height:44px;padding:10px 14px;border-radius:10px;font-weight:850;font-size:12px
}
.pf-pix-config-modal .modal-foot .btn.primary,.pf-pix-payment-modal .modal-foot .btn.primary,.pf-pix-invoices-modal .modal-foot .btn.primary{
 background:#d71920!important;border:1px solid #e1262d!important;color:#fff!important
}
.pf-pix-config-modal .modal-foot .btn.primary:hover,.pf-pix-payment-modal .modal-foot .btn.primary:hover{background:#e1262d!important}
.pf-pix-config-head{border:1px solid #743841;border-radius:13px;
 background:linear-gradient(115deg,#46171f,#241c22);padding:18px;margin-bottom:16px}
.pf-pix-config-head span,.pf-pix-hero>span{font-size:10px;color:#ffb0b8;letter-spacing:.09em;font-weight:900}
.pf-pix-config-head h3{margin:6px 0;color:#fff;font-size:24px;letter-spacing:-.035em}
.pf-pix-config-head p,.pf-pix-hero small{color:#e5cdd3;font-size:12px;line-height:1.7;margin:0}
.pf-pix-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pf-pix-config-modal .field{min-width:0;display:grid;gap:8px}
.pf-pix-config-modal .field label{color:#e8d7df;font-size:12px;font-weight:750}
.pf-pix-config-modal .field .input,.pf-pix-config-modal .field .select{
 background:#252026!important;border:1px solid #59404c!important;border-radius:10px!important;
 padding:11px 12px!important;min-height:45px!important;color:#fff!important;
 width:100%;box-sizing:border-box
}
.pf-pix-config-modal .field .input:focus,.pf-pix-config-modal .field .select:focus{outline:2px solid #e1262d66!important;border-color:#e1262d!important}
.pf-pix-manager-extra{border-radius:12px;padding:14px;border:1px solid #443640;background:#1d1a20;margin-top:16px}
.pf-pix-manager-extra>b{color:#fff;font-size:13px}
.pf-pix-manager-extra p{color:#cbbac2;font-size:11px;line-height:1.6;margin:7px 0 12px}
.pf-pix-manager-extra .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pf-pix-warning,.pf-pix-manual-warning{border:1px solid #814730;border-radius:11px;background:#30231d;
 padding:13px 15px;color:#f3d6bd;font-size:12px;line-height:1.65;margin:15px 0 0}
.pf-pix-manual-warning b{display:block;font-size:13px;color:#ffe0bd}
.pf-pix-manual-warning p{margin:5px 0 0;font-size:11px;line-height:1.65}
.pf-pix-needed{background:#282028;border:1px solid #733941;border-radius:11px;padding:18px}
.pf-pix-needed>b{font-size:16px}
.pf-pix-needed p{color:#dfc7cd;font-size:12px;line-height:1.7}
.pf-pix-hero{display:grid;gap:8px;text-align:center;padding:17px;border-radius:13px;
 background:linear-gradient(130deg,#541b25,#291b23);border:1px solid #73313f}
.pf-pix-hero h3{font-size:20px;letter-spacing:-.03em;color:#fff;margin:0}
.pf-pix-hero strong{font-size:35px;color:#fff;letter-spacing:-.04em;line-height:1.12}
.pf-pix-qr-layout{display:grid;grid-template-columns:minmax(235px,1fr) minmax(225px,1fr);gap:18px;padding:16px 0}
.pf-pix-qr{border:1px solid #55383f;border-radius:14px;padding:16px;background:#fff;display:grid;place-items:center}
.pf-pix-qr img{width:min(100%,290px);aspect-ratio:1;object-fit:contain}
.pf-pix-details{background:#201b21;border:1px solid #4c363f;border-radius:12px;padding:16px;
 display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;min-width:0}
.pf-pix-details small{font-size:10px;font-weight:900;color:#c6a7b4;letter-spacing:.08em;margin-top:8px}
.pf-pix-details b{font-size:13px;color:#fff;overflow-wrap:anywhere}
.pf-pix-details strong{font-size:24px;color:#fff}
.pf-pix-details .btn{white-space:normal;margin-top:6px;border-radius:9px;min-height:40px;font-size:11px}
.pf-pix-details .pf-pix-key{word-break:break-all}
.pf-pix-invoice-intro{background:#2d1c24;padding:15px;border:1px solid #693340;border-radius:11px}
.pf-pix-invoice-intro>b{font-size:16px;color:#fff}
.pf-pix-invoice-intro p{font-size:12px;color:#dec6cd;line-height:1.7}
.pf-pix-invoice-list{display:grid;gap:9px;margin:17px 0}
.pf-invoice-list-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;
 border:1px solid #4b3742;border-radius:11px;background:#211d22}
.pf-invoice-list-row>div{flex:1 1 140px;display:grid;gap:3px}
.pf-invoice-list-row>div b{font-size:13px;color:#fff}
.pf-invoice-list-row>div small{font-size:11px;color:#c4b4bb}
.pf-invoice-list-row>strong{font-size:16px;color:#fff}
.pf-invoice-list-row>.btn{border-radius:9px;min-height:37px;font-size:11px}
@media(max-width:700px){
 .pf-pix-qr-layout{grid-template-columns:minmax(0,1fr)}
 .pf-pix-qr img{width:min(100%,260px)}
 .pf-pix-config-fields,.pf-pix-manager-extra .form-grid{grid-template-columns:minmax(0,1fr)}
 .pf-pix-hero strong{font-size:29px}
 .pf-pix-config-modal .modal-body,.pf-pix-payment-modal .modal-body,.pf-pix-invoices-modal .modal-body{padding:14px!important}
 .pf-pix-settings-current{grid-template-columns:minmax(0,1fr)}
 .pf-pix-settings-current small,.pf-pix-settings-current b,.pf-pix-settings-current small:nth-of-type(2){grid-column:1;grid-row:auto}
}



/* 19/10/2026 · Recebimento Pix: uma única área rolável, QR destacado,
   microinterações discretas. Sempre visual/manual — sem consulta bancária. */
.modal-backdrop:has(.pf-pix-payment-modal){overscroll-behavior:contain}
body:has(.pf-pix-payment-modal){overflow:hidden}
.modal.pf-pix-payment-modal{
 width:min(780px,calc(100vw - 24px))!important;
 max-width:none!important;
 max-height:min(92dvh,790px)!important;
 display:flex!important;flex-direction:column!important;
 overflow:hidden!important;
 border:1px solid #62303b!important;
 border-radius:20px!important;
 background:#171519!important;
 box-shadow:0 30px 85px rgba(0,0,0,.68),0 0 0 1px rgba(225,38,52,.10)!important;
 animation:pfPixDialogEnter .34s cubic-bezier(.18,.78,.22,1) both;
}
.pf-pix-payment-modal>.modal-head{
 flex:0 0 auto;padding:17px 21px!important;
 background:linear-gradient(110deg,#23171d 0%,#1c171e 100%)!important;
 border-bottom:1px solid #472e38!important;
}
.pf-pix-payment-modal>.modal-head h2{
 font-size:19px!important;font-weight:850;letter-spacing:-.035em;
}
.pf-pix-payment-modal>.modal-body{
 flex:1 1 auto;min-height:0;max-height:none!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior:contain;
 padding:17px 19px 16px!important;
 scrollbar-width:thin;scrollbar-color:#5f4b56 transparent;
}
.pf-pix-payment-modal>.modal-foot{
 flex:0 0 auto;position:relative;z-index:1;
 background:#201a20!important;border-top:1px solid #49313b!important;
 padding:13px 19px!important;gap:10px;
}
.pf-pix-payment-modal>.modal-foot .btn{
 min-height:46px!important;padding:11px 18px!important;
 border-radius:11px!important;font-size:12px!important;
 font-weight:850!important;
}
.pf-pix-payment-modal>.modal-foot .btn.primary{
 box-shadow:0 6px 19px rgba(215,25,32,.19);
}
.pf-pix-payment-modal>.modal-foot .btn.primary:hover{
 transform:translateY(-1px);box-shadow:0 9px 24px rgba(215,25,32,.32);
}
.pf-pix-payment-modal .pf-pix-payment{display:grid;gap:13px}
.pf-pix-payment-modal .pf-pix-hero{
 padding:17px 18px!important;
 border-radius:15px!important;
 border:1px solid #7d3945!important;
 background:radial-gradient(ellipse at 90% 20%,#75303b 0%,transparent 49%),linear-gradient(115deg,#471723,#241b22)!important;
 text-align:left!important;
 animation:pfPixSlideUp .36s .03s cubic-bezier(.21,.78,.24,1) both;
}
.pf-pix-payment-modal .pf-pix-hero>span{font-size:10px;letter-spacing:.105em}
.pf-pix-payment-modal .pf-pix-hero h3{
 font-size:15px!important;color:#fff!important;font-weight:800;
 letter-spacing:-.015em!important;margin:0!important;
}
.pf-pix-payment-modal .pf-pix-hero strong{
 color:#fff;font-size:clamp(27px,3.9vw,35px)!important;
 font-variant-numeric:tabular-nums;line-height:1.1!important;
}
.pf-pix-payment-modal .pf-pix-hero small{font-size:11px!important;line-height:1.5}
.pf-pix-payment-modal .pf-pix-qr-layout{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:13px;padding:0!important;align-items:stretch;
}
.pf-pix-payment-modal .pf-pix-qr{
 position:relative;overflow:hidden;min-width:0;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:8px;padding:13px 12px!important;
 border-radius:15px!important;
 border:1px solid #ecdcdf!important;background:#fff!important;
 box-shadow:0 12px 28px rgba(0,0,0,.14);
 animation:pfPixQrReveal .46s .09s cubic-bezier(.15,.79,.21,1) both;
}
.pf-pix-payment-modal .pf-pix-qr img{
 width:min(100%,254px)!important;height:auto!important;
 max-height:254px;aspect-ratio:1;object-fit:contain;
 image-rendering:auto;display:block;
}
.pf-pix-qr-kicker{
 color:#8b3039;font-size:10px;letter-spacing:.09em;font-weight:900;text-align:center;
}
.pf-pix-qr-caption{
 color:#51525c;font-size:10px;font-weight:800;letter-spacing:.045em;text-align:center;
}
.pf-pix-payment-modal .pf-pix-details{
 padding:16px!important;border-radius:15px!important;
 background:#221c23!important;border:1px solid #5a3b47!important;
 gap:6px!important;
 animation:pfPixSlideRight .43s .13s cubic-bezier(.21,.78,.24,1) both;
}
.pf-pix-payment-modal .pf-pix-details small{
 color:#b9a5af;font-size:10px!important;margin-top:6px!important;
}
.pf-pix-payment-modal .pf-pix-details b{
 color:#fff;font-size:13px!important;line-height:1.5;
}
.pf-pix-payment-modal .pf-pix-details strong{
 font-size:24px!important;color:#fff;line-height:1.15;
 font-variant-numeric:tabular-nums;
}
.pf-pix-payment-modal .pf-pix-details .btn{
 min-height:40px!important;margin-top:7px!important;
 border-radius:10px!important;font-size:11px!important;
}
.pf-pix-payment-modal .pf-pix-details .btn.secondary{
 background:#343037!important;border-color:#4a4049!important;
}
.pf-pix-payment-modal .pf-pix-details .btn.secondary:hover{
 background:#48363f!important;
}
.pf-pix-payment-modal .pf-pix-manual-warning{
 border-radius:12px!important;border:1px solid #764932!important;
 background:#31231f!important;padding:12px 14px!important;margin:0!important;
 animation:pfPixSlideUp .36s .19s ease both;
}
.pf-pix-payment-modal .pf-pix-manual-warning p{font-size:11px!important;line-height:1.55}
@keyframes pfPixDialogEnter{
 from{opacity:0;transform:translateY(14px) scale(.975)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes pfPixQrReveal{
 from{opacity:0;transform:translateY(15px) scale(.93);filter:blur(3px)}
 to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes pfPixSlideUp{
 from{opacity:0;transform:translateY(9px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes pfPixSlideRight{
 from{opacity:0;transform:translateX(14px)}
 to{opacity:1;transform:translateX(0)}
}
@media(max-width:680px){
 .modal.pf-pix-payment-modal{
  max-height:calc(100dvh - 12px)!important;
  width:calc(100vw - 12px)!important;border-radius:13px!important;
 }
 .pf-pix-payment-modal>.modal-head{padding:12px 15px!important}
 .pf-pix-payment-modal>.modal-head h2{font-size:16px!important}
 .pf-pix-payment-modal>.modal-body{padding:12px!important}
 .pf-pix-payment-modal>.modal-foot{
  padding:10px 12px!important;display:grid!important;grid-template-columns:1fr 1fr;
 }
 .pf-pix-payment-modal>.modal-foot .btn{
  min-width:0;padding:9px 7px!important;font-size:10px!important;
  white-space:normal;line-height:1.3;
 }
 .pf-pix-payment-modal .pf-pix-qr-layout{grid-template-columns:1fr;gap:11px}
 .pf-pix-payment-modal .pf-pix-qr img{width:min(100%,235px)!important;max-height:235px}
 .pf-pix-payment-modal .pf-pix-details{gap:5px!important}
 .pf-pix-payment-modal .pf-pix-hero{padding:13px!important}
 .pf-pix-payment-modal .pf-pix-hero strong{font-size:28px!important}
}
@media(prefers-reduced-motion:reduce){
 .modal.pf-pix-payment-modal,.pf-pix-payment-modal .pf-pix-hero,
 .pf-pix-payment-modal .pf-pix-qr,.pf-pix-payment-modal .pf-pix-details,
 .pf-pix-payment-modal .pf-pix-manual-warning{
  animation:none!important;transition:none!important;filter:none!important;
 }
}

/* Tema claro Pronto Flux: contraste sem apagar os destaques Pix. */
html.light .pf-pix-settings-card{background:#fff!important;border-color:#e5c7ce!important;color:#27242a!important}
html.light .pf-pix-settings-current{background:#fff9fa!important;border-color:#e6d2d8!important}
html.light .pf-pix-settings-current small{color:#865061!important}
html.light .pf-pix-settings-current b{color:#242329!important}
html.light .modal.pf-pix-config-modal,html.light .modal.pf-pix-payment-modal,html.light .modal.pf-pix-invoices-modal{background:#fff!important;color:#232329!important;border-color:#e3d4d9!important;box-shadow:0 24px 60px #2313192b!important}
html.light .pf-pix-config-modal .modal-head,html.light .pf-pix-payment-modal .modal-head,html.light .pf-pix-invoices-modal .modal-head{background:#fff6f8!important;border-color:#e6d0d6!important;color:#212027!important}
html.light .pf-pix-config-modal .modal-foot,html.light .pf-pix-payment-modal .modal-foot,html.light .pf-pix-invoices-modal .modal-foot{background:#fff9fa!important;border-color:#e8d5dc!important}
html.light .pf-pix-config-modal .field label{color:#333039!important}
html.light .pf-pix-config-modal .field .input,html.light .pf-pix-config-modal .field .select{background:#fff!important;border-color:#d7c9d0!important;color:#222129!important}
html.light .pf-pix-manager-extra,html.light .pf-pix-needed,html.light .pf-pix-invoice-intro,html.light .pf-invoice-list-row{background:#fff9fb!important;color:#28232b!important;border-color:#e3cbd2!important}
html.light .pf-pix-manager-extra>b,html.light .pf-pix-needed>b,html.light .pf-pix-invoice-intro>b,html.light .pf-invoice-list-row b,html.light .pf-invoice-list-row strong{color:#26232b!important}
html.light .pf-pix-manager-extra p,html.light .pf-pix-needed p,html.light .pf-pix-invoice-intro p,html.light .pf-invoice-list-row small{color:#59505b!important}
html.light .pf-pix-payment-modal .pf-pix-details{background:#fff9fa!important;border-color:#e8d8de!important}
html.light .pf-pix-payment-modal .pf-pix-details b,html.light .pf-pix-payment-modal .pf-pix-details strong{color:#232128!important}
html.light .pf-pix-payment-modal .pf-pix-details small{color:#64545f!important}
html.light .pf-pix-payment-modal .pf-pix-details .btn.secondary{background:#f7eaf0!important;color:#7e1730!important;border-color:#d5aebd!important}
html.light .pf-pix-config-head,html.light .pf-pix-hero{background:linear-gradient(130deg,#541b25,#291b23)!important;color:#fff!important}
html.light .pf-pix-config-head h3,html.light .pf-pix-hero h3,html.light .pf-pix-hero strong{color:#fff!important}