/* CallFocus V11.20 — Paystack payment surfaces */
.paystack-transfer-card{margin:0 0 24px;padding:22px;border:1px solid #292e2d;border-radius:26px;background:linear-gradient(145deg,#101313,#0d0f0f);box-shadow:0 18px 48px rgba(0,0,0,.12)}
.paystack-transfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.paystack-transfer-head h2{margin:5px 0 7px;font:800 22px/1.1 'Manrope',system-ui,sans-serif;letter-spacing:-.025em;color:#f4f6f5}
.paystack-transfer-head p{max-width:700px;margin:0;color:#8d9692;font-size:13.5px;line-height:1.55}
.paystack-mode-badge{flex:0 0 auto;padding:8px 11px;border:1px solid #31433f;border-radius:999px;background:#14201e;color:#89baaF;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.paystack-transfer-body{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #2b3130;border-radius:20px;background:#151817}
.paystack-transfer-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #34413e;border-radius:15px;background:#101413;color:#7cc0b0;font-size:23px}
.paystack-transfer-copy{display:flex;flex-direction:column;gap:4px}.paystack-transfer-copy strong{color:#f2f5f4;font-size:14px}.paystack-transfer-copy span{color:#8f9895;font-size:12px;line-height:1.5}
.paystack-transfer-create{min-height:44px;padding:10px 15px;border:1px solid #426b62;border-radius:14px;background:#1c5f56;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.paystack-transfer-create:disabled{opacity:.6;cursor:wait}
.paystack-account{display:grid;grid-template-columns:.8fr 1.1fr 1.25fr;gap:10px}.paystack-account>div{padding:14px 15px;border:1px solid #2d3432;border-radius:16px;background:#151817;min-width:0}.paystack-account span{display:block;margin-bottom:6px;color:#848e8b;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.paystack-account strong{display:block;color:#f1f4f3;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.paystack-account-number{position:relative;padding-right:68px!important}.paystack-account-number button{position:absolute;right:9px;bottom:9px;min-height:34px;padding:7px 10px;border:1px solid #3c5650;border-radius:10px;background:#172622;color:#90c7bb;font-size:10px;font-weight:800;cursor:pointer}.paystack-account>small{grid-column:1/-1;padding:3px 2px 0;color:#7f8986;font-size:11px;line-height:1.45}
.paystack-transfer-status{margin-top:12px;padding:11px 13px;border:1px solid #31433f;border-radius:13px;background:#121a18;color:#9ab1aa;font-size:11.5px;line-height:1.45}.paystack-transfer-status[data-type="success"]{border-color:#315d4b;background:#102018;color:#9fd3b7}.paystack-transfer-status[data-type="error"]{border-color:#663635;background:#211312;color:#e5a09b}
.credit-checkout-btn:disabled{opacity:.65;cursor:wait}
html[data-theme="pearl"] .paystack-transfer-card{background:rgba(255,255,255,.94);border-color:#dce7e2;box-shadow:0 18px 46px rgba(39,78,72,.055)}
html[data-theme="pearl"] .paystack-transfer-head h2{color:#17312e}html[data-theme="pearl"] .paystack-transfer-head p{color:#6e807b}
html[data-theme="pearl"] .paystack-mode-badge{border-color:#cfe1db;background:#eff8f5;color:#347b70}
html[data-theme="pearl"] .paystack-transfer-body,html[data-theme="pearl"] .paystack-account>div{background:#f9fcfb;border-color:#dbe7e2}
html[data-theme="pearl"] .paystack-transfer-icon{background:linear-gradient(145deg,#edf7f3,#f8f1e7);border-color:#dce8e3;color:#267269}
html[data-theme="pearl"] .paystack-transfer-copy strong,html[data-theme="pearl"] .paystack-account strong{color:#17312e}
html[data-theme="pearl"] .paystack-transfer-copy span,html[data-theme="pearl"] .paystack-account span,html[data-theme="pearl"] .paystack-account>small{color:#6e807b}
html[data-theme="pearl"] .paystack-transfer-create{background:linear-gradient(135deg,#2c7d72,#1d6057);border-color:#2a7167;color:#fff;box-shadow:0 10px 24px rgba(31,102,93,.12)}
html[data-theme="pearl"] .paystack-account-number button{background:#edf7f3;border-color:#cfe0db;color:#267269}
html[data-theme="pearl"] .paystack-transfer-status{background:#f4faf7;border-color:#d6e6df;color:#607b74}html[data-theme="pearl"] .paystack-transfer-status[data-type="success"]{background:#eff9f2;border-color:#cfe7d7;color:#357157}html[data-theme="pearl"] .paystack-transfer-status[data-type="error"]{background:#fff4f2;border-color:#edcbc6;color:#a44c45}
@media(max-width:720px){.paystack-transfer-card{padding:16px;border-radius:22px}.paystack-transfer-head{gap:10px}.paystack-transfer-head h2{font-size:19px}.paystack-transfer-head p{font-size:12.5px}.paystack-transfer-body{grid-template-columns:42px minmax(0,1fr);padding:13px}.paystack-transfer-icon{width:42px;height:42px}.paystack-transfer-create{grid-column:1/-1;width:100%}.paystack-account{grid-template-columns:1fr}.paystack-account>small{grid-column:auto}.paystack-account-number{padding-right:68px!important}}