/* AIUPay payment box (assets/paybox.js) — checkout + subscription */
.pb{border:1px solid var(--line2);border-radius:18px;overflow:hidden;background:var(--card,var(--bg));box-shadow:0 10px 30px rgba(1,24,53,.08)}
.pb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#011835,#0a2f63);color:#fff}
.pb-brand{display:flex;flex-direction:column;gap:6px}
.pb-brand img{height:26px;width:auto;display:block}
.pb-brand span{display:inline-flex;white-space:nowrap;align-items:center;gap:5px;font-size:13px;color:#9fd3a8}
.pb-brand svg{width:14px;height:14px}
.pb-amt{text-align:right;min-width:0;flex:1}
.co-grid>.co-pay{min-width:0} /* grid item must not grow with the box's nowrap title */
.pb-amt small{display:block;font-size:12px;color:#b8c4dc;max-width:260px;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-amt b{font-size:26px;font-weight:700}
.pb-tabs{display:flex;border-bottom:1px solid var(--line2)}
.pb-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 8px;border:0;background:none;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}
.pb-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}
.pb-tabs button[hidden]{display:none}
.pb-tabs svg{width:17px;height:17px}
.pb-pane{padding:18px}
.pb-lead{margin:0 0 14px;color:var(--muted)}
.pb-ws{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.pb-w{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1px solid var(--line2);border-radius:14px;background:var(--bg)}
.pb-w small{font-size:13px;color:var(--muted)}
.pb-wm{display:inline-block;padding:4px 9px;border-radius:7px;font:800 15px/1.2 'Inter',system-ui,sans-serif;color:#fff}
.pb-bkash{background:#e2136e}.pb-nagad{background:#f6921e}.pb-rocket{background:#8c3494}.pb-upay{background:#ffd200;color:#0d3b8c}
.pb-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;height:52px;border:0;border-radius:12px;background:#0050ed;color:#fff;font:inherit;font-weight:700;font-size:17px;cursor:pointer}
.pb-go:disabled{opacity:.6;cursor:wait}
.pb-go svg{width:18px;height:18px}
.pb-err{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff1f1;color:#b42318;font-size:14px}
.pb-err[hidden]{display:none}
.pb-small{display:flex;gap:6px;align-items:flex-start;margin:12px 0 0;font-size:13px;color:var(--faint)}
.pb-small svg{width:15px;height:15px;flex:none;margin-top:2px}
.pb-steps{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.pb-steps small{display:block;color:var(--faint);font-size:13px}
.pb-num{display:flex;align-items:center;gap:8px;margin:6px 0 2px}
.pb-num code{font:700 20px 'Inter',monospace;letter-spacing:.5px}
.pb-copy{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line2);background:var(--bg);border-radius:8px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer}
.pb-copy svg{width:14px;height:14px}
.pb-form{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px dashed var(--line2)}
.pb-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.pb-form input{height:48px;border:1px solid var(--line2);border-radius:12px;padding:0 14px;background:var(--bg);color:var(--ink);font-family:'Inter',var(--sans);font-size:17px}
.pb-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--line2);background:var(--bg2,rgba(0,0,0,.02));font-size:13px;color:var(--faint)}
.pb-foot>span:first-child{display:inline-flex;align-items:center;gap:5px}
.pb-foot svg{width:15px;height:15px}
.pb-acc{display:flex;gap:5px}
.pb-acc .pb-wm{font-size:11px;padding:3px 6px;border-radius:5px}
@media (max-width:520px){.pb-amt b{font-size:22px}.pb-pane{padding:14px}.pb-tabs button{font-size:14px}}
/* subscription page: .sub-panel is a 2-column grid made for the old form — the box spans it */
.sub-panel #subPb{grid-column:1/-1;width:100%;max-width:620px}
.sub-panel:has(#subPb)>h2,.sub-panel:has(#subPb)>p{grid-column:1/-1}
/* expats: family/friends send bKash, then WhatsApp email + TrxID (owner, 2026-10-31) */
.pb-xp{margin:0 18px 16px;padding:14px;border-radius:14px;background:#eefbf3;border:1px solid #c6ecd4}
.pb-xp>b{display:flex;align-items:center;gap:6px;color:#0b6b3a}
.pb-xp>b svg{width:17px;height:17px}
.pb-xp p{margin:6px 0 10px;font-size:14px;color:var(--ink)}
.pb-xp code{font:700 14px 'Inter',monospace}
.pb-wa{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;background:#25d366;color:#fff;font-weight:700;text-decoration:none}
.pb-wa svg{width:17px;height:17px}
@media (max-width:520px){.pb-xp{margin:0 14px 14px}.pb-wa{width:100%;justify-content:center}}
/* WhatsApp support (assets/pricing.js P.support): "talk and order" under the box, "payment problem?" under the form */
.pb-talk{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 18px 14px;padding:11px 14px;border-radius:12px;background:#25d366;color:#fff;font-weight:700;text-decoration:none}
.pb-talk svg,.pb-help svg{width:17px;height:17px}
.pb-help{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#128c4a;font-weight:600;font-size:.92em;text-decoration:none}
.pb-help:hover{text-decoration:underline}
@media (max-width:520px){.pb-talk{margin:0 14px 14px}}
:root[data-theme="dark"] .pb-xp{background:#0f2a1c;border-color:#1f5a3a}
:root[data-theme="dark"] .pb-xp>b{color:#7be0a5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pb-xp{background:#0f2a1c;border-color:#1f5a3a}:root:not([data-theme="light"]) .pb-xp>b{color:#7be0a5}}
:root[data-theme="dark"] .pb-help{color:#7be0a5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pb-help{color:#7be0a5}}
/* bKash / Nagad choice on the manual form (orders.method) */
.pb-meth{display:flex;gap:10px;margin-bottom:12px}
.pb-form .pb-meth label{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--line,#d6dbe6);border-radius:12px;cursor:pointer;font-weight:600}
.pb-form .pb-meth input{width:auto;height:auto;padding:0;accent-color:#e2136e;margin:0}
.pb-meth label:has(input:checked){border-color:#e2136e;background:rgba(226,19,110,.06)}