.pf-banks-page{max-width:1380px;margin:0 auto;display:grid;gap:19px}.pf-bank-hero{border:1px solid #69282d;border-radius:20px;padding:29px 30px;background:radial-gradient(circle at 88% 5%,#b7283025,transparent 50%),linear-gradient(130deg,#201c20,#311d21 80%,#44171c);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}.pf-bank-kicker{font-weight:850;letter-spacing:.12em;color:#ff9ba3;font-size:10px}.pf-bank-hero h1{font-size:clamp(23px,3vw,34px);letter-spacing:-.03em;margin:9px 0}.pf-bank-hero p{color:#e5cdd2;font-size:13px;line-height:1.6;max-width:650px;margin:0}.pf-bank-hero .btn{white-space:nowrap}.pf-bank-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.pf-bank-metrics>div{background:var(--panel);border:1px solid var(--border);padding:17px 21px;border-radius:15px;display:flex;flex-direction:column;gap:9px}.pf-bank-metrics small{font-weight:900;letter-spacing:.08em;font-size:10px;color:var(--muted)}.pf-bank-metrics strong{font-size:26px;letter-spacing:-.04em}.pf-bank-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.pf-bank-section-head h2{margin:0 0 4px;font-size:20px}.pf-bank-section-head span{font-size:12px;color:var(--muted)}.pf-bank-section-head input{max-width:310px}.pf-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pf-bank-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;gap:16px;min-width:0;transition:border-color .18s,box-shadow .18s}.pf-bank-card:hover{border-color:#d719206b;box-shadow:0 10px 22px #00000010}.pf-bank-card.inactive{opacity:.65}.pf-bank-card-top{display:flex;align-items:center;gap:12px}.pf-bank-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:12px;background:linear-gradient(145deg,#ec3b44,#a60c15);color:#fff;font-size:23px;overflow:hidden}.pf-bank-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}.pf-bank-card-info{min-width:0;flex:1}.pf-bank-card-info h3{font-size:15px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-bank-card-info span{font-size:11px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-bank-edit{border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--text);padding:8px;font-size:11px;cursor:pointer}.pf-bank-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px}.pf-bank-status{border-radius:30px;background:#7772;padding:5px 9px;font-weight:800}.pf-bank-status.good{background:#15926424;color:#3ecb8d}.pf-bank-card-account{border-top:1px solid var(--border);display:grid;padding-top:14px;gap:5px}.pf-bank-card-account span{font-size:10px;letter-spacing:.06em;color:var(--muted)}.pf-bank-card-account strong{font-size:13px}.pf-bank-method-tags{display:flex;gap:5px;flex-wrap:wrap}.pf-bank-method-tags>span{font-size:10px;border:1px solid var(--border);background:var(--panel2);border-radius:7px;padding:5px 7px}.pf-bank-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--border);border-radius:18px}.pf-bank-empty>span{font-size:42px;color:#d71920}.pf-bank-empty h3{margin:5px 0}.pf-bank-empty p,.pf-bank-note{color:var(--muted);font-size:12px}.pf-bank-editor{display:grid;gap:17px}.pf-bank-picker-box{display:grid;gap:9px}.pf-bank-picker-box>label{font-weight:800;font-size:12px}.pf-bank-picker-box>small{font-size:10px;color:var(--muted)}.pf-bank-institution-results{max-height:185px;overflow:auto;display:grid;gap:4px}.pf-bank-result,.pf-bank-custom{display:flex;align-items:center;gap:11px;width:100%;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:10px;padding:7px 11px;cursor:pointer;text-align:left}.pf-bank-result:hover,.pf-bank-custom:hover{border-color:#d71920}.pf-bank-result .pf-bank-avatar{height:34px;width:34px;min-width:34px;font-size:17px;border-radius:8px}.pf-bank-result .pf-bank-avatar img{padding:4px}.pf-bank-result span:last-child{display:grid;gap:3px}.pf-bank-result b{font-size:12px}.pf-bank-result small{color:var(--muted)}.pf-bank-custom{font-weight:800;color:#e1262d}.pf-bank-editor-main{display:grid;grid-template-columns:72px 1fr 1fr;gap:12px}.pf-bank-preview{grid-row:span 3;display:flex;justify-content:center}.pf-bank-preview .pf-bank-avatar{width:64px;height:64px}.pf-bank-editor-main .field{min-width:0}.pf-bank-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pf-bank-upload small{font-size:10px;color:var(--muted)}.pf-bank-method-list{display:flex;flex-wrap:wrap;gap:9px}.pf-bank-method-list>b,.pf-bank-method-list>p{flex-basis:100%;margin:0}.pf-bank-method-list p{font-size:11px;color:var(--muted)}.pf-bank-method-list label{display:flex;gap:6px;align-items:center;background:var(--panel2);padding:9px 11px;border:1px solid var(--border);border-radius:9px;font-size:12px}.pf-bank-method-list input{accent-color:#d71920}.pf-payment-bank-field{grid-column:span 2}.pf-payment-bank-field select{width:100%}html.light .pf-bank-hero{background:linear-gradient(135deg,#fff4f5,#fff);border-color:#efc8cc;color:#242020}html.light .pf-bank-hero p{color:#67595b}html.light .pf-bank-kicker{color:#c41b25}@media(max-width:1100px){.pf-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){.pf-bank-hero,.pf-bank-section-head{flex-direction:column;align-items:stretch}.pf-bank-metrics{gap:6px}.pf-bank-metrics>div{padding:12px}.pf-bank-metrics strong{font-size:20px}.pf-bank-grid{grid-template-columns:1fr}.pf-bank-section-head input{max-width:100%}.pf-bank-editor-main{grid-template-columns:1fr 1fr}.pf-bank-preview{grid-row:auto;grid-column:span 2;justify-content:flex-start}.pf-payment-bank-field{grid-column:span 1}}
/* Editor de bancos compacto e alinhado em qualquer tamanho de modal. */
.pf-bank-editor{gap:14px;min-width:0}
.pf-bank-editor-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;min-width:0}
.pf-bank-preview{grid-column:1/-1;grid-row:auto;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--panel2)}
.pf-bank-preview .pf-bank-avatar{width:55px;height:55px;min-width:55px}
.pf-bank-preview-copy{display:grid;gap:5px;min-width:0}
.pf-bank-preview-copy b{font-size:13px;color:var(--text)}
.pf-bank-preview-copy small{font-size:11px;color:var(--muted);line-height:1.45}
.pf-bank-editor-main .field{min-width:0;display:flex;flex-direction:column;gap:6px}
.pf-bank-editor-main .field .input,.pf-bank-editor-main .field .select{width:100%;min-width:0}
.pf-bank-field-hint{font-size:10px;line-height:1.45;color:var(--muted)}
.pf-bank-upload{padding:10px 0;border-bottom:1px solid var(--border)}
.pf-bank-method-list{gap:8px}
.pf-bank-method-list label{cursor:pointer;transition:border-color .15s}
.pf-bank-method-list label:hover{border-color:var(--red)}
@media(max-width:690px){.pf-bank-editor-main{grid-template-columns:minmax(0,1fr)}.pf-bank-preview{grid-column:1/-1}.pf-bank-upload .btn{max-width:100%}}

/* A marca InfinitePay usa simbolo circular a esquerda do logotipo horizontal oficial. */
.pf-bank-infinitepay-avatar img{object-fit:cover;object-position:left center;padding:9px;background:#fff}
