.nbp-public-wrap{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a}.nbp-public-hero{background:linear-gradient(135deg,#0f172a,#14532d 70%,#22c55e);border-radius:30px;padding:34px;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 24px 60px rgba(15,23,42,.22);margin:20px 0}.nbp-public-hero span{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#bbf7d0}.nbp-public-hero h2{font-size:38px;line-height:1;margin:8px 0;color:white}.nbp-public-hero p{color:rgba(255,255,255,.82)}.nbp-public-hero strong{font-size:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:20px;min-width:190px;text-align:center}.nbp-public-hero small{display:block;font-size:12px;color:#dcfce7}.nbp-alert{padding:14px 18px;border-radius:16px;margin:15px 0;font-weight:800}.nbp-alert.success{background:#dcfce7;color:#166534}.nbp-alert.failed{background:#fee2e2;color:#991b1b}.nbp-public-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.nbp-public-service{text-decoration:none;color:#0f172a;border:1px solid #e2e8f0;background:white;border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:.25s}.nbp-public-service:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(15,23,42,.12)}.nbp-public-service b{display:block;font-size:30px}.nbp-public-service span{display:block;font-weight:900;margin-top:8px}.nbp-public-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}.nbp-bill-form,.nbp-transactions,.nbp-public-card,.nbp-wallet-card{background:white;border:1px solid #e2e8f0;border-radius:26px;padding:24px;margin:18px 0;box-shadow:0 14px 35px rgba(15,23,42,.07)}.nbp-bill-form h3{font-size:24px;margin:0 0 16px}.nbp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.nbp-field-row label{display:flex;flex-direction:column;gap:8px;font-weight:800}.nbp-field-row input,.nbp-field-row select{border:1px solid #cbd5e1;border-radius:16px;padding:14px;background:#f8fafc}.nbp-bill-form button{border:0;border-radius:16px;background:#16a34a;color:white;font-weight:900;padding:14px 20px;cursor:pointer;box-shadow:0 12px 25px rgba(22,163,74,.25)}.nbp-transactions h3{margin-top:0}.nbp-transactions table{width:100%;border-collapse:collapse}.nbp-transactions th,.nbp-transactions td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}.nbp-wallet-card{background:linear-gradient(135deg,#0f172a,#14532d);color:white}.nbp-wallet-card span{color:#bbf7d0;font-weight:800}.nbp-wallet-card strong{display:block;font-size:42px;margin:10px 0}@media(max-width:980px){.nbp-public-grid{grid-template-columns:repeat(3,1fr)}.nbp-public-columns{grid-template-columns:1fr}}@media(max-width:640px){.nbp-public-hero{display:block}.nbp-public-grid,.nbp-field-row{grid-template-columns:1fr}.nbp-public-hero h2{font-size:30px}}
.nbp-bill-form textarea{border:1px solid #cbd5e1;border-radius:16px;padding:14px;background:#f8fafc;width:100%;box-sizing:border-box}.nbp-transactions a{font-weight:900;color:#16a34a;text-decoration:none}.nbp-summary{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;padding:12px 14px;margin:12px 0;color:#166534;font-weight:800}.nbp-form-note{color:#64748b}.nbp-alert a{margin-left:8px;color:inherit;font-weight:1000}

/* v1.4 mobile-first marketplace frontend */
.nbp-front-wrap{--nbp-dark:#0f172a;--nbp-accent:#22c55e;color:#0f172a}.nbp-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.nbp-bill-form{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:28px;padding:24px;box-shadow:0 20px 55px rgba(15,23,42,.09);position:relative;overflow:hidden;transition:.25s ease}.nbp-bill-form:hover{transform:translateY(-3px);box-shadow:0 26px 70px rgba(15,23,42,.13)}.nbp-bill-form:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--nbp-dark),var(--nbp-accent))}.nbp-bill-form h3{margin:4px 0 8px;font-size:22px;letter-spacing:-.02em}.nbp-form-note{color:#64748b}.nbp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.nbp-field-row label{font-weight:800;font-size:13px;color:#334155}.nbp-bill-form input,.nbp-bill-form select,.nbp-bill-form textarea{width:100%;margin-top:7px;border:1px solid #dbe5f0;border-radius:15px;padding:13px 14px;background:#fff;box-shadow:inset 0 1px 0 rgba(15,23,42,.03);font-size:15px}.nbp-bill-form input:focus,.nbp-bill-form select:focus,.nbp-bill-form textarea:focus{outline:none;border-color:var(--nbp-accent);box-shadow:0 0 0 4px rgba(34,197,94,.12)}.nbp-summary{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:18px;color:#065f46;padding:14px;margin:16px 0;font-weight:700}.nbp-bill-form button,.nbp-front-wrap .nbp-btn{border:0;border-radius:15px;padding:14px 18px;background:linear-gradient(135deg,var(--nbp-dark),#16a34a);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 34px rgba(22,163,74,.24);transition:.2s}.nbp-bill-form button:hover,.nbp-front-wrap .nbp-btn:hover{transform:translateY(-2px)}.nbp-alert-success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;padding:14px 16px;border-radius:18px;margin:14px 0}.nbp-alert-error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;padding:14px 16px;border-radius:18px;margin:14px 0}.nbp-wallet-card{border-radius:28px;background:radial-gradient(circle at top right,#22c55e,#0f172a 45%,#020617);color:#fff;padding:28px;box-shadow:0 24px 65px rgba(15,23,42,.22)}.nbp-table-wrap{overflow-x:auto;border-radius:20px;border:1px solid #e2e8f0}.nbp-front-wrap table{width:100%;border-collapse:collapse;background:#fff}.nbp-front-wrap th,.nbp-front-wrap td{padding:14px;border-bottom:1px solid #eef2f7;text-align:left}.nbp-front-wrap th{font-size:12px;text-transform:uppercase;color:#64748b;background:#f8fafc}@media(max-width:720px){.nbp-field-row{grid-template-columns:1fr}.nbp-bill-form{padding:18px;border-radius:22px}}

/* Smart AI-powered billing frontend */
.nbp-smart-shell{max-width:1180px;margin:28px auto;padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#102033}.nbp-smart-hero{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center;padding:28px;border-radius:32px;background:radial-gradient(circle at top left,#15e18a 0,#0f766e 35%,#07182f 100%);color:#fff;box-shadow:0 24px 70px rgba(9,24,47,.25);overflow:hidden}.nbp-ai-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.nbp-smart-hero h2{font-size:clamp(28px,5vw,52px);line-height:1;margin:14px 0 10px;color:#fff}.nbp-smart-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:16px}.nbp-wallet-glass{border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:22px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.28);backdrop-filter:blur(14px)}.nbp-wallet-glass span{display:block;font-size:13px;color:rgba(255,255,255,.72)}.nbp-wallet-glass strong{display:block;font-size:28px;margin-top:6px}.nbp-smart-form{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px}.nbp-smart-step,.nbp-smart-summary{background:#fff;border:1px solid #e7edf4;border-radius:28px;padding:22px;box-shadow:0 16px 45px rgba(12,31,58,.08)}.nbp-smart-step{display:none;grid-column:1}.nbp-smart-step.is-active{display:block;animation:nbpSlide .28s ease}.nbp-step-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:900}.nbp-step-title b{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:#07182f;color:#15e18a}.nbp-service-grid,.nbp-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.nbp-service-card,.nbp-provider-chip{border:1px solid #dfe8f2;border-radius:22px;background:#f8fbff;padding:18px;text-align:left;cursor:pointer;transition:.22s ease;color:#102033}.nbp-service-card i{display:block;font-style:normal;font-size:30px;margin-bottom:12px}.nbp-service-card strong,.nbp-provider-chip span{display:block;font-size:15px;font-weight:900}.nbp-service-card small,.nbp-provider-chip small{display:block;margin-top:5px;color:#6b7a90}.nbp-service-card:hover,.nbp-provider-chip:hover,.nbp-service-card.selected,.nbp-provider-chip.selected{transform:translateY(-3px);border-color:#13c985;background:linear-gradient(135deg,#ecfff7,#fff);box-shadow:0 18px 35px rgba(19,201,133,.14)}.nbp-smart-input-wrap{display:flex;gap:10px}.nbp-smart-input-wrap input,.nbp-dynamic-fields input,.nbp-dynamic-fields select,.nbp-payment-box select{width:100%;height:56px;border:1px solid #dce7f2;border-radius:18px;padding:0 16px;background:#fbfdff;font-size:15px}.nbp-detect-btn,.nbp-next-smart,.nbp-submit-smart,.nbp-back-smart{border:0;border-radius:18px;padding:0 18px;height:56px;font-weight:900;cursor:pointer;transition:.2s ease}.nbp-detect-btn,.nbp-next-smart,.nbp-submit-smart{background:#07182f;color:#fff}.nbp-back-smart{background:#eef4f9;color:#102033}.nbp-detect-btn:hover,.nbp-next-smart:hover,.nbp-submit-smart:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(7,24,47,.2)}.nbp-smart-hint{font-size:13px;color:#6b7a90;margin-top:10px}.nbp-detection-card{margin-top:14px;border-radius:20px;padding:16px;background:#f2fff9;border:1px solid #baf2d8}.nbp-detection-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#14745a;font-weight:900}.nbp-detection-card strong{display:block;margin-top:4px}.nbp-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nbp-dynamic-fields label,.nbp-payment-box{display:block;font-weight:850;margin-bottom:12px}.nbp-smart-summary{grid-column:2;grid-row:1 / span 5;position:sticky;top:20px;height:max-content;background:linear-gradient(180deg,#fff,#f7fbff)}.nbp-smart-summary div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f7}.nbp-smart-summary span{color:#6b7a90}.nbp-smart-summary strong{text-align:right}.nbp-smart-summary .total{border:0;margin-top:10px;padding:18px;border-radius:20px;background:#07182f;color:#fff;align-items:center}.nbp-smart-summary .total span{color:#a7f3d0}.nbp-smart-actions{grid-column:1;display:flex;justify-content:flex-end;gap:10px}.nbp-submit-smart{display:none;background:linear-gradient(135deg,#0f766e,#15e18a);color:#07182f}.nbp-smart-alert{margin-top:16px;border-radius:18px;padding:14px 16px;background:#eff6ff;border:1px solid #bfdbfe;font-weight:800}.nbp-smart-alert.failed{background:#fff1f2;border-color:#fecdd3}.nbp-smart-alert.successful,.nbp-smart-alert.success{background:#ecfdf5;border-color:#bbf7d0}.nbp-smart-alert a{float:right;font-weight:900}.nbp-public-dark .nbp-smart-step,.nbp-public-dark .nbp-smart-summary{background:#0b1728;border-color:#21314a;color:#fff}.nbp-public-dark .nbp-service-card,.nbp-public-dark .nbp-provider-chip,.nbp-public-dark input,.nbp-public-dark select{background:#101f35;border-color:#273a56;color:#fff}@keyframes nbpSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:900px){.nbp-smart-hero,.nbp-smart-form{grid-template-columns:1fr}.nbp-smart-summary{grid-column:1;grid-row:auto;position:relative;top:auto}.nbp-smart-actions{grid-column:1}.nbp-smart-input-wrap,.nbp-mini-grid{grid-template-columns:1fr;display:grid}.nbp-detect-btn{width:100%}}@media(max-width:560px){.nbp-smart-shell{padding:8px}.nbp-smart-hero{padding:22px;border-radius:24px}.nbp-smart-step,.nbp-smart-summary{border-radius:22px;padding:16px}.nbp-service-grid,.nbp-provider-grid{grid-template-columns:1fr 1fr}.nbp-smart-actions{display:grid;grid-template-columns:1fr}.nbp-back-smart,.nbp-next-smart,.nbp-submit-smart{width:100%}}


/* BillaPax v1.6 smart, flat, AI-style frontend */
.nbp-smart-v2{max-width:1180px;margin:30px auto;padding:0 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a}.nbp-v2-hero{background:linear-gradient(135deg,#07111f,#0f766e 54%,#22c55e);border-radius:32px;padding:32px;box-shadow:0 24px 70px rgba(15,23,42,.28);color:#fff;display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center}.nbp-v2-hero h2{font-size:clamp(28px,4vw,48px);line-height:1;margin:12px 0}.nbp-v2-hero p{max-width:720px;opacity:.88;font-size:16px}.nbp-wallet-action-card{backdrop-filter:blur(18px);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:26px;padding:22px}.nbp-wallet-action-card strong{display:block;font-size:30px;margin:6px 0 16px}.nbp-open-topup,.nbp-close-topup,.nbp-detect-btn,.nbp-pay-now,.nbp-submit-smart{border:0;border-radius:16px;background:#22c55e;color:#052e16;font-weight:900;padding:13px 18px;cursor:pointer;box-shadow:0 14px 32px rgba(34,197,94,.28);transition:.2s ease}.nbp-open-topup:hover,.nbp-detect-btn:hover,.nbp-pay-now:hover,.nbp-submit-smart:hover{transform:translateY(-2px)}.nbp-topup-panel{position:fixed;inset:0;background:rgba(2,6,23,.62);z-index:99999;display:grid;place-items:center;padding:16px}.nbp-topup-card{background:#fff;width:min(680px,100%);border-radius:28px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.36)}.nbp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nbp-panel-head span{color:#10b981;font-weight:800}.nbp-panel-head h3{font-size:28px;margin:3px 0}.nbp-close-topup{background:#f1f5f9;color:#0f172a;box-shadow:none;font-size:24px;line-height:1;padding:10px 15px}.nbp-topup-form label,.nbp-flat-smart-form label{display:block;font-weight:800;margin-bottom:14px}.nbp-topup-form input,.nbp-topup-form select,.nbp-flat-smart-form input,.nbp-flat-smart-form select{width:100%;border:1px solid #dbe4ee;background:#fff;border-radius:16px;padding:14px 15px;font-size:15px;margin-top:7px;box-sizing:border-box;outline:none;transition:.18s}.nbp-topup-form input:focus,.nbp-topup-form select:focus,.nbp-flat-smart-form input:focus,.nbp-flat-smart-form select:focus{border-color:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.nbp-smart-main-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:34px;padding:18px;margin-top:20px;box-shadow:0 20px 60px rgba(15,23,42,.08)}.nbp-service-strip{display:flex;gap:10px;overflow-x:auto;padding:6px 4px 16px;scroll-snap-type:x mandatory}.nbp-service-pill{min-width:max-content;border:1px solid #dbe4ee;background:#fff;border-radius:999px;padding:13px 16px;display:flex;gap:9px;align-items:center;font-weight:900;color:#334155;cursor:pointer;transition:.18s;scroll-snap-align:start}.nbp-service-pill.selected{background:#052e2b;color:#fff;border-color:#052e2b;box-shadow:0 12px 32px rgba(15,118,110,.22)}.nbp-smart-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.nbp-smart-left,.nbp-sticky-summary{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:20px;box-shadow:0 16px 45px rgba(15,23,42,.06)}.nbp-big-input-label span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.nbp-big-input-label input{font-size:20px;padding:18px;border-radius:20px}.nbp-intelligence-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #bbf7d0;border-radius:22px;padding:14px;margin:10px 0 16px}.nbp-intelligence-bar span,.nbp-provider-heading span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#059669;font-weight:900}.nbp-intelligence-bar strong{font-size:14px;color:#0f172a}.nbp-provider-heading{display:flex;justify-content:space-between;align-items:end;margin:6px 0 10px}.nbp-provider-heading small{color:#64748b}.nbp-provider-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.nbp-provider-chip{border:1px solid #dbe4ee;background:#fff;border-radius:18px;padding:12px 15px;text-align:left;cursor:pointer;min-width:112px}.nbp-provider-chip span{display:block;font-weight:900}.nbp-provider-chip small{color:#64748b}.nbp-provider-chip.selected{background:#ecfdf5;border-color:#34d399;box-shadow:0 10px 26px rgba(16,185,129,.16)}.nbp-mini-grid,.nbp-smart-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nbp-flat-payment{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:14px}.nbp-bank-instructions{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:14px;margin:12px 0;color:#713f12}.nbp-bank-instructions p{margin:8px 0}.nbp-copy-text{font-weight:950;font-size:18px;letter-spacing:.06em}.nbp-sticky-summary{position:sticky;top:24px;align-self:start}.nbp-summary-title{border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:10px}.nbp-summary-title span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.nbp-summary-title b{font-size:24px}.nbp-sticky-summary>div:not(.nbp-summary-title){display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eef2f7}.nbp-sticky-summary span{color:#64748b}.nbp-sticky-summary strong{font-weight:950;text-align:right}.nbp-sticky-summary .total strong{font-size:24px;color:#059669}.nbp-wallet-mini{background:#f8fafc;border-radius:16px;padding:13px!important;margin:12px 0;border:0!important}.nbp-pay-now{width:100%;font-size:16px;margin-top:8px}.nbp-secure-note{font-size:12px;color:#64748b;text-align:center}.nbp-smart-alert{border-radius:18px;padding:14px 16px;margin:16px 0;background:#ecfdf5;border:1px solid #bbf7d0;font-weight:800}.nbp-smart-alert.failed{background:#fef2f2;border-color:#fecaca;color:#991b1b}.nbp-smart-alert a{float:right;color:inherit}.nbp-ai-pill{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:8px 12px;font-weight:900}.nbp-topup-card .nbp-bank-instructions{display:block}@media (max-width:900px){.nbp-v2-hero,.nbp-smart-grid-layout{grid-template-columns:1fr}.nbp-sticky-summary{position:static}.nbp-v2-hero{padding:24px;border-radius:26px}.nbp-smart-main-card{border-radius:24px;padding:12px}.nbp-smart-left,.nbp-sticky-summary{border-radius:22px;padding:16px}.nbp-mini-grid,.nbp-smart-row{grid-template-columns:1fr}.nbp-intelligence-bar{align-items:stretch;flex-direction:column}.nbp-detect-btn{width:100%}}@media (max-width:520px){.nbp-smart-v2{padding:0 8px;margin:14px auto}.nbp-v2-hero h2{font-size:30px}.nbp-v2-hero p{font-size:14px}.nbp-service-pill{padding:11px 13px}.nbp-provider-chip{min-width:calc(50% - 5px)}.nbp-big-input-label input{font-size:17px}.nbp-smart-alert a{float:none;display:block;margin-top:8px}}

/* BillaPax v1.8 guided AI customer frontend */
.nbp-ai-biller{--nbp-dark:#07111f;--nbp-ink:#0f172a;--nbp-muted:#64748b;--nbp-line:#e2e8f0;--nbp-soft:#f8fafc;--nbp-green:#22c55e;--nbp-teal:#0f766e;--nbp-blue:#2563eb;--nbp-card:#fff;position:relative;max-width:1220px;margin:30px auto;padding:0 14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--nbp-ink);isolation:isolate}.nbp-ai-biller *{box-sizing:border-box}.nbp-ai-bg-orb{position:absolute;width:270px;height:270px;border-radius:999px;filter:blur(42px);opacity:.2;z-index:-1}.nbp-ai-bg-orb.orb-one{background:#22c55e;top:30px;left:-40px}.nbp-ai-bg-orb.orb-two{background:#2563eb;right:-50px;bottom:140px}.nbp-ai-header{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:stretch;background:radial-gradient(circle at top left,rgba(34,197,94,.35),transparent 36%),linear-gradient(135deg,#06101f,#0f766e 55%,#22c55e);color:#fff;border-radius:34px;padding:32px;box-shadow:0 28px 90px rgba(2,6,23,.28);overflow:hidden;position:relative}.nbp-ai-header:after{content:"";position:absolute;inset:auto -80px -160px auto;width:380px;height:380px;border-radius:999px;background:rgba(255,255,255,.13)}.nbp-ai-copy{position:relative;z-index:1}.nbp-ai-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.14);padding:9px 13px;border-radius:999px;font-weight:900;font-size:13px}.nbp-ai-header h2{font-size:clamp(30px,5vw,56px);line-height:.98;margin:15px 0 12px;letter-spacing:-.05em;max-width:760px}.nbp-ai-header p{font-size:16px;line-height:1.65;max-width:780px;margin:0;color:rgba(255,255,255,.86)}.nbp-ai-wallet-card{position:relative;z-index:1;align-self:stretch;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.13);backdrop-filter:blur(18px);border-radius:28px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:190px}.nbp-ai-wallet-card span{font-weight:800;color:rgba(255,255,255,.75)}.nbp-ai-wallet-card strong{font-size:34px;letter-spacing:-.04em}.nbp-ai-wallet-card button,.nbp-ai-primary,.nbp-ai-secondary{border:0;border-radius:17px;height:52px;padding:0 18px;font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nbp-ai-wallet-card button,.nbp-ai-primary{background:linear-gradient(135deg,#22c55e,#a7f3d0);color:#052e16;box-shadow:0 14px 34px rgba(34,197,94,.26)}.nbp-ai-secondary{background:#eef4f9;color:#0f172a}.nbp-ai-wallet-card button:hover,.nbp-ai-primary:hover,.nbp-ai-secondary:hover{transform:translateY(-2px)}.nbp-ai-alert{margin:16px 0 0;padding:15px 18px;border-radius:20px;background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;font-weight:750}.nbp-ai-alert.failed{background:#fff1f2;border-color:#fecdd3;color:#991b1b}.nbp-ai-alert a{float:right;color:inherit;font-weight:950}.nbp-ai-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.nbp-ai-progress button{border:1px solid var(--nbp-line);background:#fff;border-radius:20px;padding:12px;display:flex;align-items:center;gap:10px;font-weight:950;color:#64748b;cursor:pointer;box-shadow:0 10px 28px rgba(15,23,42,.04)}.nbp-ai-progress i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#f1f5f9;color:#64748b}.nbp-ai-progress button.active{background:#07111f;color:#fff;border-color:#07111f;box-shadow:0 14px 34px rgba(7,17,31,.2)}.nbp-ai-progress button.active i{background:#22c55e;color:#052e16}.nbp-ai-progress button.complete{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.nbp-ai-form{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.nbp-ai-stage,.nbp-ai-summary{background:rgba(255,255,255,.94);border:1px solid var(--nbp-line);border-radius:32px;box-shadow:0 22px 70px rgba(15,23,42,.09)}.nbp-ai-stage{min-height:560px;padding:22px;overflow:hidden}.nbp-ai-frame{display:none;animation:nbpAiIn .32s ease both}.nbp-ai-frame.active{display:block}.nbp-ai-chat-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.nbp-ai-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:16px;background:linear-gradient(135deg,#07111f,#0f766e);color:#fff;display:grid;place-items:center;font-weight:1000;box-shadow:0 12px 28px rgba(15,118,110,.24)}.nbp-ai-bubble{position:relative;background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #c6f6d5;border-radius:22px;padding:14px 16px;max-width:780px}.nbp-ai-bubble:before{content:"";position:absolute;left:-7px;top:16px;width:14px;height:14px;background:#ecfeff;border-left:1px solid #c6f6d5;border-bottom:1px solid #c6f6d5;transform:rotate(45deg)}.nbp-ai-bubble b{display:block;font-size:16px;margin-bottom:4px;color:#064e3b}.nbp-ai-bubble span{display:block;color:#335b55;line-height:1.55}.nbp-ai-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nbp-ai-service-card{position:relative;min-height:170px;text-align:left;border:1px solid var(--nbp-line);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:28px;padding:20px;cursor:pointer;overflow:hidden;transition:.2s ease;box-shadow:0 16px 44px rgba(15,23,42,.06)}.nbp-ai-service-card:after{content:"";position:absolute;right:-34px;bottom:-45px;width:120px;height:120px;border-radius:999px;background:rgba(34,197,94,.1);transition:.2s}.nbp-ai-service-card:hover,.nbp-ai-service-card.selected{transform:translateY(-4px);border-color:#22c55e;box-shadow:0 26px 60px rgba(15,118,110,.16)}.nbp-ai-service-card.selected{background:linear-gradient(135deg,#052e2b,#0f766e);color:#fff}.nbp-ai-service-card.selected small{color:rgba(255,255,255,.78)}.nbp-ai-service-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:19px;background:#ecfdf5;font-size:28px;margin-bottom:22px}.nbp-ai-service-card.selected .nbp-ai-service-icon{background:rgba(255,255,255,.16)}.nbp-ai-service-card strong{display:block;font-size:20px;margin-bottom:6px;letter-spacing:-.02em}.nbp-ai-service-card small{color:var(--nbp-muted);font-weight:750}.nbp-ai-smart-input{display:block;margin:0 0 14px}.nbp-ai-input-title,.nbp-ai-mini-title span,.nbp-ai-payment-method{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:950;color:#475569}.nbp-ai-input-wrap{position:relative;margin-top:8px}.nbp-ai-provider-logo{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:18px;background:#e2e8f0;color:#475569;display:grid;place-items:center;font-weight:1000;letter-spacing:-.05em;transition:.2s}.nbp-ai-provider-logo.detected{background:linear-gradient(135deg,#07111f,#0f766e);color:#fff;box-shadow:0 12px 26px rgba(15,118,110,.22)}.nbp-ai-smart-input input{width:100%;height:74px;border:1px solid #dbe4ee;border-radius:24px;background:#fff;padding:0 18px 0 78px;font-size:24px;font-weight:850;outline:none;transition:.18s}.nbp-ai-smart-input input:focus,.nbp-ai-biller input:focus,.nbp-ai-biller select:focus{border-color:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.nbp-ai-field-hint{display:block;color:#64748b;font-size:13px;margin-top:8px}.nbp-ai-detect-panel{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px;border-radius:22px;background:#f8fafc;border:1px solid var(--nbp-line);margin:14px 0}.nbp-ai-detect-panel span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0f766e;font-weight:950}.nbp-ai-detect-panel strong{display:block;color:#0f172a;margin-top:4px}.nbp-ai-mini-title{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:18px 0 10px}.nbp-ai-mini-title small{color:#64748b}.nbp-ai-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nbp-ai-provider-chip{border:1px solid var(--nbp-line);background:#fff;border-radius:20px;padding:13px;text-align:left;cursor:pointer;transition:.18s;min-height:88px}.nbp-ai-provider-chip i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#f1f5f9;font-weight:1000;font-size:12px;color:#334155;margin-bottom:8px}.nbp-ai-provider-chip span{display:block;font-weight:950}.nbp-ai-provider-chip small{display:block;color:#64748b;font-size:11px;margin-top:3px}.nbp-ai-provider-chip:hover,.nbp-ai-provider-chip.selected{border-color:#22c55e;box-shadow:0 14px 34px rgba(34,197,94,.13);transform:translateY(-2px)}.nbp-ai-provider-chip.selected{background:#f0fdf4}.nbp-ai-provider-chip.selected i{background:#07111f;color:#fff}.nbp-ai-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.nbp-ai-nav button{min-width:150px}.nbp-ai-dynamic-fields label,.nbp-ai-topup-form label,.nbp-ai-bank-card label{display:block;font-weight:900;color:#334155;margin-bottom:14px}.nbp-ai-dynamic-fields input,.nbp-ai-dynamic-fields select,.nbp-ai-topup-form input,.nbp-ai-topup-form select,.nbp-ai-payment-method select,.nbp-ai-bank-card input{width:100%;height:58px;border:1px solid #dbe4ee;border-radius:18px;background:#fff;padding:0 15px;margin-top:8px;font-size:15px;outline:none}.nbp-ai-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nbp-ai-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.nbp-ai-amount-grid button{height:58px;border:1px solid #dbe4ee;border-radius:18px;background:#fff;font-weight:1000;cursor:pointer;transition:.18s}.nbp-ai-amount-grid button:hover,.nbp-ai-amount-grid button.selected{background:#07111f;color:#fff;border-color:#07111f;transform:translateY(-2px)}.nbp-ai-loader,.nbp-ai-verify-card{border:1px dashed #93c5fd;background:#eff6ff;color:#1e40af;border-radius:18px;padding:14px;margin-bottom:14px;font-weight:800}.nbp-ai-payment-grid{display:grid;gap:14px}.nbp-ai-payment-method{display:block;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:22px;padding:16px}.nbp-ai-bank-card{background:#fffbeb;border:1px solid #fde68a;border-radius:22px;padding:15px;color:#713f12}.nbp-ai-bank-card strong{display:block;margin-bottom:7px}.nbp-ai-bank-card p{margin:7px 0;line-height:1.55}.nbp-ai-bank-card span{font-weight:1000;letter-spacing:.08em;font-size:18px}.nbp-ai-summary{position:sticky;top:24px;padding:22px}.nbp-ai-summary-head{padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--nbp-line)}.nbp-ai-summary-head span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950}.nbp-ai-summary-head strong{display:block;font-size:25px;letter-spacing:-.04em;margin-top:4px}.nbp-ai-summary>div:not(.nbp-ai-summary-head){display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f7}.nbp-ai-summary span{color:#64748b}.nbp-ai-summary b{text-align:right}.nbp-ai-summary-total{margin-top:10px;border:0!important;background:#07111f;color:#fff;border-radius:20px;padding:18px!important;align-items:center}.nbp-ai-summary-total span{color:#a7f3d0}.nbp-ai-summary-total b{font-size:25px;color:#fff}.nbp-ai-wallet-mini{background:#f8fafc;border-radius:16px;padding:13px!important;margin:12px 0;border:0!important}.nbp-ai-summary p{font-size:12px;line-height:1.5;color:#64748b;text-align:center;margin:10px 0 0}.nbp-ai-topup-panel{position:fixed;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(6px);z-index:99999;display:grid;place-items:center;padding:18px}.nbp-ai-topup-card{background:#fff;width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:30px;padding:24px;box-shadow:0 34px 100px rgba(0,0,0,.42)}.nbp-ai-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.nbp-ai-modal-head span{color:#0f766e;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.nbp-ai-modal-head h3{font-size:28px;line-height:1.05;margin:5px 0 0}.nbp-ai-topup-close{border:0;width:44px;height:44px;border-radius:16px;background:#f1f5f9;font-size:26px;line-height:1;cursor:pointer}.nbp-ai-form.is-processing .nbp-ai-stage{position:relative}.nbp-ai-form.is-processing .nbp-ai-stage:after{content:"Processing securely…";position:absolute;inset:0;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);display:grid;place-items:center;font-weight:1000;font-size:20px;border-radius:32px;color:#064e3b}.nbp-public-dark .nbp-ai-stage,.nbp-public-dark .nbp-ai-summary,.nbp-public-dark .nbp-ai-service-card,.nbp-public-dark .nbp-ai-provider-chip{background:#0b1728;border-color:#24344f;color:#fff}.nbp-public-dark .nbp-ai-service-card small,.nbp-public-dark .nbp-ai-summary span,.nbp-public-dark .nbp-ai-field-hint{color:#9fb1c7}.nbp-public-dark .nbp-ai-detect-panel,.nbp-public-dark .nbp-ai-wallet-mini,.nbp-public-dark .nbp-ai-payment-method{background:#101f35;border-color:#2d405f}.nbp-public-dark .nbp-ai-smart-input input,.nbp-public-dark .nbp-ai-dynamic-fields input,.nbp-public-dark .nbp-ai-dynamic-fields select,.nbp-public-dark .nbp-ai-payment-method select{background:#0f1f35;border-color:#2d405f;color:#fff}@keyframes nbpAiIn{from{opacity:0;transform:translateX(18px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1020px){.nbp-ai-header,.nbp-ai-form{grid-template-columns:1fr}.nbp-ai-summary{position:static;order:-1}.nbp-ai-wallet-card{min-height:unset}.nbp-ai-provider-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.nbp-ai-biller{padding:0 9px;margin:16px auto}.nbp-ai-header{padding:24px;border-radius:28px}.nbp-ai-header h2{font-size:34px}.nbp-ai-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.nbp-ai-progress button{padding:9px 7px;justify-content:center}.nbp-ai-progress button span{display:none}.nbp-ai-progress i{width:28px;height:28px}.nbp-ai-stage,.nbp-ai-summary{border-radius:24px;padding:16px}.nbp-ai-service-grid{grid-template-columns:1fr 1fr;gap:10px}.nbp-ai-service-card{min-height:146px;border-radius:22px;padding:15px}.nbp-ai-service-icon{width:48px;height:48px;margin-bottom:16px}.nbp-ai-provider-grid{grid-template-columns:1fr 1fr}.nbp-ai-detect-panel,.nbp-ai-mini-title,.nbp-ai-nav{flex-direction:column;align-items:stretch}.nbp-ai-nav button{width:100%;min-width:0}.nbp-ai-two,.nbp-ai-amount-grid{grid-template-columns:1fr}.nbp-ai-smart-input input{height:66px;font-size:19px}.nbp-ai-alert a{display:block;float:none;margin-top:8px}.nbp-ai-modal-head h3{font-size:23px}}@media(max-width:430px){.nbp-ai-service-grid,.nbp-ai-provider-grid{grid-template-columns:1fr}.nbp-ai-header h2{font-size:30px}.nbp-ai-copy p{font-size:14px}.nbp-ai-summary-head strong{font-size:22px}}

/* v1.9 detailed frontend refinement: spacing, visible frames, modal prompts, shared shortcode shell */
.nbp-ai-biller{box-sizing:border-box;width:100%;max-width:1180px;margin:28px auto 40px;padding:0 18px;overflow:visible;isolation:isolate}
.nbp-ai-biller *{box-sizing:border-box;min-width:0}
.nbp-ai-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:stretch;margin-bottom:28px;padding:34px;border-radius:34px;overflow:visible}
.nbp-ai-copy{padding-right:8px}.nbp-ai-copy h2{max-width:760px}.nbp-ai-copy p{max-width:760px;margin-bottom:0}
.nbp-ai-wallet-card{position:relative;z-index:2;align-self:stretch;margin:0;min-height:178px;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:hidden}
.nbp-ai-wallet-card span,.nbp-ai-wallet-card strong,.nbp-ai-wallet-card button{position:relative;z-index:1}.nbp-ai-wallet-card button{width:max-content;max-width:100%}
.nbp-ai-progress{clear:both;margin:0 0 26px 0;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-radius:24px;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 14px 34px rgba(15,23,42,.06);position:relative;z-index:1}
.nbp-ai-progress button{min-height:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:18px}
.nbp-ai-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:26px;align-items:start;margin-top:0}
.nbp-ai-stage,.nbp-ai-summary{min-height:0;overflow:visible}.nbp-ai-stage{padding:26px}.nbp-ai-frame{width:100%}.nbp-ai-frame.active{display:block}.nbp-ai-chat-row{margin-bottom:22px}.nbp-ai-bubble{max-width:100%;word-wrap:break-word}.nbp-ai-service-grid{gap:16px}.nbp-ai-service-card{min-height:164px;display:flex;flex-direction:column;justify-content:flex-start}.nbp-ai-service-card strong,.nbp-ai-service-card small{position:relative;z-index:1}.nbp-ai-smart-input,.nbp-ai-detect-panel,.nbp-ai-suggestion-area,.nbp-ai-dynamic-fields,.nbp-ai-payment-grid{margin-bottom:18px}.nbp-ai-input-wrap input,.nbp-ai-dynamic-fields input,.nbp-ai-dynamic-fields select,.nbp-ai-topup-form input,.nbp-ai-topup-form select,.nbp-ai-payment-method select,.nbp-ai-bank-card input{max-width:100%}.nbp-ai-summary{position:sticky;top:22px;border-radius:30px}.nbp-ai-summary>div{min-width:0}.nbp-ai-summary b{overflow-wrap:anywhere}.nbp-ai-alert{display:none!important}
.nbp-ai-popup-overlay{position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px}.nbp-ai-popup{width:min(520px,100%);background:#fff;border-radius:28px;padding:24px;box-shadow:0 34px 110px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.5);animation:nbpPopIn .2s ease}.nbp-ai-popup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.nbp-ai-popup-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ecfdf5;color:#166534;font-size:26px;font-weight:1000}.nbp-ai-popup.failed .nbp-ai-popup-icon{background:#fee2e2;color:#991b1b}.nbp-ai-popup.pending .nbp-ai-popup-icon{background:#fffbeb;color:#92400e}.nbp-ai-popup h3{margin:0;font-size:24px;line-height:1.15;color:#0f172a}.nbp-ai-popup p{margin:8px 0 0;color:#475569;line-height:1.55}.nbp-ai-popup-close{border:0;background:#f1f5f9;width:42px;height:42px;border-radius:15px;font-size:24px;cursor:pointer}.nbp-ai-popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.nbp-ai-popup-actions a,.nbp-ai-popup-actions button{border:0;border-radius:15px;padding:12px 16px;font-weight:950;text-decoration:none;cursor:pointer}.nbp-ai-popup-actions a{background:#07111f;color:#fff}.nbp-ai-popup-actions button{background:#ecfdf5;color:#166534}.nbp-wallet-shell .nbp-wallet-hero-panel{background:linear-gradient(135deg,#07111f,#0f766e 65%,#22c55e);border-radius:34px;padding:34px;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:center;box-shadow:0 24px 70px rgba(15,118,110,.24);margin-bottom:24px}.nbp-wallet-hero-panel h2{font-size:34px;line-height:1.05;margin:10px 0;color:#fff}.nbp-wallet-hero-panel p{color:rgba(255,255,255,.82);margin:0}.nbp-wallet-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nbp-wallet-balance-grid article{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:20px}.nbp-wallet-balance-grid span{display:block;color:#bbf7d0;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.nbp-wallet-balance-grid strong{display:block;color:#fff;font-size:26px;margin-top:8px}.nbp-wallet-page-grid{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:24px;align-items:start}.nbp-wallet-inline-topup,.nbp-wallet-ledger{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:24px;box-shadow:0 18px 48px rgba(15,23,42,.08);margin:0}.nbp-wallet-inline-topup h3,.nbp-wallet-ledger h3{margin:0 0 18px;font-size:24px;color:#0f172a}.nbp-wallet-ledger{overflow:auto}.nbp-wallet-ledger table{min-width:640px}.nbp-bill-form{border-radius:30px}.nbp-bill-form,.nbp-transactions,.nbp-public-card{overflow:visible}.nbp-front-toast{position:fixed;right:18px;bottom:18px;background:#07111f;color:white;border-radius:18px;padding:14px 18px;box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:100001;font-weight:850;max-width:360px}.nbp-front-toast button{margin-left:10px;border:0;background:#fff;color:#07111f;border-radius:10px;padding:6px 9px;font-weight:900;cursor:pointer}@keyframes nbpPopIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1020px){.nbp-ai-header{grid-template-columns:1fr;gap:22px}.nbp-ai-wallet-card{min-height:140px}.nbp-ai-form{grid-template-columns:1fr}.nbp-ai-summary{position:relative;top:auto;order:-1}.nbp-wallet-shell .nbp-wallet-hero-panel,.nbp-wallet-page-grid{grid-template-columns:1fr}.nbp-wallet-balance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.nbp-ai-biller{padding:0 12px;margin:18px auto}.nbp-ai-header{padding:24px;margin-bottom:22px}.nbp-ai-wallet-card{min-height:132px;padding:22px}.nbp-ai-progress{margin-bottom:20px;gap:7px}.nbp-ai-progress button{min-height:48px;padding:8px 4px}.nbp-ai-stage,.nbp-ai-summary{padding:18px;border-radius:24px}.nbp-ai-form{gap:18px}.nbp-ai-chat-row{align-items:flex-start}.nbp-ai-avatar{width:42px;height:42px;flex:0 0 42px}.nbp-ai-service-grid{grid-template-columns:1fr 1fr}.nbp-ai-service-card{min-height:148px}.nbp-wallet-balance-grid{grid-template-columns:1fr}.nbp-wallet-hero-panel h2{font-size:28px}.nbp-ai-topup-card{border-radius:24px;padding:18px}.nbp-ai-popup{border-radius:24px;padding:20px}.nbp-ai-popup h3{font-size:21px}}
@media(max-width:460px){.nbp-ai-service-grid,.nbp-ai-provider-grid{grid-template-columns:1fr}.nbp-ai-header h2{font-size:29px}.nbp-ai-wallet-card strong{font-size:30px}.nbp-ai-progress{grid-template-columns:repeat(4,1fr)}.nbp-ai-smart-input input{font-size:18px;padding-left:72px}.nbp-ai-provider-logo{width:46px;height:46px}.nbp-ai-nav{gap:10px}.nbp-ai-popup-overlay{align-items:flex-end}.nbp-ai-popup{border-radius:24px 24px 0 0}}
.nbp-ai-topup-panel[hidden],.nbp-ai-purchase-bank[hidden]{display:none!important}

/* v2.0 real-time authenticated customer UI: top tabs + modal pages */
.nbp-modal-open{overflow:hidden}.nbp-ai-account-bar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:center;margin:0 0 24px;padding:16px;background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.9);border-radius:30px;box-shadow:0 20px 58px rgba(15,23,42,.10);backdrop-filter:blur(16px)}.nbp-ai-user-profile{display:flex;align-items:center;gap:14px;min-width:0}.nbp-ai-user-profile img{width:64px;height:64px;border-radius:22px;object-fit:cover;border:3px solid #fff;box-shadow:0 12px 28px rgba(15,23,42,.18)}.nbp-ai-user-profile span,.nbp-ai-top-tabs span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.nbp-ai-user-profile strong{display:block;color:#0f172a;font-size:18px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbp-ai-user-profile small{display:block;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.nbp-ai-top-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nbp-ai-top-tabs button{border:1px solid #e2e8f0;background:#fff;border-radius:22px;padding:14px 12px;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;min-height:74px}.nbp-ai-top-tabs button:hover{transform:translateY(-2px);border-color:#86efac;box-shadow:0 18px 38px rgba(34,197,94,.14);background:linear-gradient(180deg,#fff,#f0fdf4)}.nbp-ai-top-tabs b{display:block;color:#064e3b;font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nbp-ai-modal-stack{position:fixed;inset:0;z-index:-1;pointer-events:none}.nbp-ai-modal-stack.is-open{z-index:99999;pointer-events:auto}.nbp-ai-page-modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,6,23,.64);backdrop-filter:blur(10px)}.nbp-ai-page-modal.active{display:flex;animation:nbpModalFade .18s ease}.nbp-ai-page-card{width:min(1040px,100%);max-height:min(86vh,880px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.55);border-radius:34px;box-shadow:0 42px 130px rgba(0,0,0,.42);animation:nbpPageIn .22s ease}.nbp-ai-page-card>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px;background:linear-gradient(135deg,#07111f,#0f766e 72%,#22c55e);color:#fff}.nbp-ai-page-card>header span{display:block;color:#bbf7d0;font-size:12px;letter-spacing:.10em;text-transform:uppercase;font-weight:1000}.nbp-ai-page-card>header h3{margin:5px 0 7px;color:#fff;font-size:30px;line-height:1.05}.nbp-ai-page-card>header p{margin:0;color:rgba(255,255,255,.82);line-height:1.55;max-width:720px}.nbp-ai-modal-close{border:0;background:rgba(255,255,255,.16);color:#fff;width:46px;height:46px;border-radius:17px;font-size:28px;line-height:1;cursor:pointer;flex:0 0 auto}.nbp-ai-modal-close:hover{background:rgba(255,255,255,.26)}.nbp-ai-modal-body{overflow:auto;padding:26px;background:#f8fafc}.nbp-ai-table-wrap{overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.nbp-ai-rich-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.nbp-ai-rich-table th{background:#f1f5f9;color:#475569;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:15px;font-weight:1000}.nbp-ai-rich-table td{padding:15px;border-top:1px solid #e2e8f0;color:#0f172a;vertical-align:middle}.nbp-ai-rich-table a{display:inline-flex;border-radius:12px;background:#ecfdf5;color:#166534;text-decoration:none;font-weight:950;padding:8px 12px}.nbp-ai-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-weight:1000;font-size:12px;text-transform:capitalize;background:#f1f5f9;color:#475569}.nbp-ai-status.successful,.nbp-ai-status.approved,.nbp-ai-status.paid{background:#dcfce7;color:#166534}.nbp-ai-status.pending,.nbp-ai-status.processing{background:#fef3c7;color:#92400e}.nbp-ai-status.failed,.nbp-ai-status.rejected{background:#fee2e2;color:#991b1b}.nbp-ai-empty-state{display:grid;gap:5px;place-items:center;text-align:center;padding:36px 14px;color:#64748b}.nbp-ai-empty-state b{font-size:18px;color:#0f172a}.nbp-ai-agent-hero,.nbp-ai-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.nbp-ai-agent-hero article,.nbp-ai-profile-grid article,.nbp-ai-kyc-status{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.nbp-ai-agent-hero span,.nbp-ai-profile-grid span,.nbp-ai-kyc-status span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.nbp-ai-agent-hero strong,.nbp-ai-profile-grid strong,.nbp-ai-kyc-status strong{display:block;color:#0f172a;font-size:22px;margin-top:7px;overflow-wrap:anywhere}.nbp-ai-modal-form{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:22px;margin-bottom:18px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.nbp-ai-modal-form label{display:block;color:#334155;font-weight:900;margin-bottom:14px}.nbp-ai-modal-form input,.nbp-ai-modal-form textarea,.nbp-ai-modal-form select{width:100%;margin-top:8px;border:1px solid #cbd5e1;border-radius:16px;padding:14px 15px;min-height:48px;background:#fff;color:#0f172a;outline:none}.nbp-ai-modal-form input:focus,.nbp-ai-modal-form textarea:focus{border-color:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.nbp-ai-modal-form.is-processing{opacity:.72;pointer-events:none}.nbp-ai-profile-grid{grid-template-columns:96px repeat(3,minmax(0,1fr));align-items:stretch}.nbp-ai-profile-grid img{width:96px;height:96px;border-radius:28px;object-fit:cover;box-shadow:0 18px 38px rgba(15,23,42,.18)}.nbp-ai-kyc-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.nbp-public-dark .nbp-ai-account-bar,.nbp-public-dark .nbp-ai-top-tabs button,.nbp-public-dark .nbp-ai-page-card,.nbp-public-dark .nbp-ai-modal-body,.nbp-public-dark .nbp-ai-table-wrap,.nbp-public-dark .nbp-ai-modal-form,.nbp-public-dark .nbp-ai-agent-hero article,.nbp-public-dark .nbp-ai-profile-grid article,.nbp-public-dark .nbp-ai-kyc-status{background:#0b1728;border-color:#24344f;color:#fff}.nbp-public-dark .nbp-ai-user-profile strong,.nbp-public-dark .nbp-ai-top-tabs b,.nbp-public-dark .nbp-ai-rich-table td,.nbp-public-dark .nbp-ai-agent-hero strong,.nbp-public-dark .nbp-ai-profile-grid strong,.nbp-public-dark .nbp-ai-kyc-status strong,.nbp-public-dark .nbp-ai-empty-state b{color:#fff}.nbp-public-dark .nbp-ai-rich-table th{background:#101f35;color:#9fb1c7}.nbp-public-dark .nbp-ai-rich-table td{border-color:#24344f}.nbp-public-dark .nbp-ai-modal-form input,.nbp-public-dark .nbp-ai-modal-form textarea{background:#101f35;border-color:#2d405f;color:#fff}@keyframes nbpModalFade{from{opacity:0}to{opacity:1}}@keyframes nbpPageIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.nbp-ai-account-bar{grid-template-columns:1fr}.nbp-ai-top-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.nbp-ai-agent-hero{grid-template-columns:1fr 1fr}.nbp-ai-profile-grid{grid-template-columns:96px 1fr 1fr}}
@media(max-width:720px){.nbp-ai-account-bar{padding:12px;border-radius:24px;margin-bottom:18px}.nbp-ai-user-profile img{width:54px;height:54px;border-radius:18px}.nbp-ai-user-profile strong{font-size:16px}.nbp-ai-top-tabs{grid-template-columns:1fr 1fr;gap:8px}.nbp-ai-top-tabs button{min-height:64px;border-radius:18px;padding:11px}.nbp-ai-page-modal{align-items:flex-end;padding:0}.nbp-ai-page-card{max-height:92vh;border-radius:26px 26px 0 0}.nbp-ai-page-card>header{padding:22px}.nbp-ai-page-card>header h3{font-size:25px}.nbp-ai-modal-body{padding:16px}.nbp-ai-rich-table{min-width:700px}.nbp-ai-agent-hero,.nbp-ai-profile-grid{grid-template-columns:1fr}.nbp-ai-profile-grid img{width:82px;height:82px}.nbp-ai-kyc-status{display:block}.nbp-ai-kyc-status strong{margin-top:8px}}
@media(max-width:430px){.nbp-ai-top-tabs{grid-template-columns:1fr}.nbp-ai-user-profile small{max-width:190px}.nbp-ai-page-card>header{gap:8px}.nbp-ai-modal-close{width:40px;height:40px;border-radius:14px}}


/* v2.4 frontend shell isolation, real provider logos, clean fullscreen mode */
body.nbp-billapax-fullscreen-body #wpadminbar,
body.nbp-billapax-fullscreen-body header,
body.nbp-billapax-fullscreen-body footer,
body.nbp-billapax-fullscreen-body .site-header,
body.nbp-billapax-fullscreen-body .site-footer,
body.nbp-billapax-fullscreen-body .wp-site-blocks > header,
body.nbp-billapax-fullscreen-body .wp-site-blocks > footer,
body.nbp-billapax-fullscreen-body #masthead,
body.nbp-billapax-fullscreen-body #colophon{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important}
body.nbp-billapax-fullscreen-body{margin:0!important;padding-top:0!important;background:#f6f8fb!important}
body.nbp-billapax-fullscreen-body .entry-header,
body.nbp-billapax-fullscreen-body .page-header,
body.nbp-billapax-fullscreen-body .entry-title,
body.nbp-billapax-fullscreen-body .page-title,
body.nbp-billapax-fullscreen-body h1.entry-title,
body.nbp-billapax-fullscreen-body h1.page-title,
body.nbp-billapax-fullscreen-body .post-title,
body.nbp-billapax-fullscreen-body .wp-block-post-title,
body.nbp-billapax-fullscreen-body .post-thumbnail{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.nbp-billapax-fullscreen-body .site,
body.nbp-billapax-fullscreen-body .site-main,
body.nbp-billapax-fullscreen-body main,
body.nbp-billapax-fullscreen-body .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.nbp-billapax-fullscreen{min-height:100vh;width:100%;box-sizing:border-box}
.nbp-ai-provider-logo,.nbp-ai-provider-chip i,.nbp-ai-logo-img{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.08)}
.nbp-ai-provider-logo img,.nbp-ai-provider-chip i img,.nbp-ai-logo-img img{width:100%;height:100%;object-fit:contain;display:block;padding:4px;box-sizing:border-box}
.nbp-ai-provider-chip i{width:46px!important;height:46px!important;border-radius:16px!important}
.nbp-ai-provider-logo{width:48px!important;height:48px!important;border-radius:18px!important;color:#0f172a;font-weight:900}
.nbp-provider-logo-img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-shadow:0 4px 14px rgba(15,23,42,.08)}
.nbp-user-id-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.02em}

/* v3.6 responsive frontend containment: no horizontal side scrolling on any BillaPax frontend page */
html:has(.nbp-ai-biller),
body.nbp-billapax-fullscreen-body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
body.nbp-billapax-fullscreen-body *{
  box-sizing:border-box;
}
body.nbp-billapax-fullscreen-body .wp-site-blocks,
body.nbp-billapax-fullscreen-body .site,
body.nbp-billapax-fullscreen-body .site-main,
body.nbp-billapax-fullscreen-body main,
body.nbp-billapax-fullscreen-body article,
body.nbp-billapax-fullscreen-body .entry-content,
body.nbp-billapax-fullscreen-body .wp-block-post-content{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.nbp-ai-biller,
.nbp-public-wrap,
.nbp-front-wrap{
  width:100% !important;
  max-width:min(1180px, calc(100vw - 24px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(10px, 1.6vw, 18px) !important;
  padding-right:clamp(10px, 1.6vw, 18px) !important;
  overflow-x:hidden !important;
}
.nbp-ai-biller *,
.nbp-public-wrap *,
.nbp-front-wrap *{
  max-width:100%;
  min-width:0;
  overflow-wrap:break-word;
}
.nbp-ai-account-bar,
.nbp-ai-header,
.nbp-ai-progress,
.nbp-ai-form,
.nbp-ai-stage,
.nbp-ai-summary,
.nbp-public-hero,
.nbp-public-columns,
.nbp-public-grid,
.nbp-service-grid,
.nbp-bill-form,
.nbp-wallet-card,
.nbp-public-card,
.nbp-transactions{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
.nbp-ai-account-bar{
  display:grid !important;
  grid-template-columns:minmax(240px,1fr) minmax(0,2.2fr) !important;
  gap:clamp(10px,1.5vw,18px) !important;
  align-items:center !important;
}
.nbp-ai-top-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(8px,1vw,12px) !important;
}
.nbp-ai-top-tabs button{
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.nbp-ai-header{
  grid-template-columns:minmax(0,1fr) minmax(240px,320px) !important;
  gap:clamp(14px,2vw,24px) !important;
  padding:clamp(20px,3vw,34px) !important;
}
.nbp-ai-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
  gap:clamp(14px,2vw,24px) !important;
}
.nbp-ai-stage{
  min-height:auto !important;
  padding:clamp(16px,2vw,26px) !important;
}
.nbp-ai-summary{
  padding:clamp(16px,2vw,22px) !important;
}
.nbp-ai-service-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(10px,1.4vw,16px) !important;
}
.nbp-ai-service-card,
.nbp-ai-provider-chip,
.nbp-ai-payment-method,
.nbp-ai-bank-card,
.nbp-ai-smart-input,
.nbp-ai-detect-panel,
.nbp-ai-bubble{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.nbp-ai-input-wrap,
.nbp-ai-nav,
.nbp-ai-payment-grid,
.nbp-ai-two,
.nbp-field-row{
  width:100% !important;
  max-width:100% !important;
}
.nbp-ai-biller input,
.nbp-ai-biller select,
.nbp-ai-biller textarea,
.nbp-front-wrap input,
.nbp-front-wrap select,
.nbp-front-wrap textarea,
.nbp-public-wrap input,
.nbp-public-wrap select,
.nbp-public-wrap textarea{
  width:100% !important;
  max-width:100% !important;
}
.nbp-ai-summary>div:not(.nbp-ai-summary-head){
  align-items:center;
}
.nbp-ai-summary b,
.nbp-ai-summary strong,
.nbp-ai-user-profile strong,
.nbp-ai-user-profile small{
  overflow-wrap:anywhere;
}
.nbp-table-wrap,
.nbp-ai-table-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
}
.nbp-front-wrap table,
.nbp-public-wrap table,
.nbp-ai-rich-table{
  width:100% !important;
}
@media (max-width:1100px){
  .nbp-ai-form{
    grid-template-columns:1fr !important;
  }
  .nbp-ai-summary{
    position:relative !important;
    top:auto !important;
    order:-1 !important;
  }
  .nbp-ai-header{
    grid-template-columns:1fr !important;
  }
  .nbp-ai-wallet-card{
    width:100% !important;
  }
}
@media (max-width:900px){
  .nbp-ai-account-bar{
    grid-template-columns:1fr !important;
  }
  .nbp-ai-top-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .nbp-ai-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .nbp-public-columns{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:640px){
  .nbp-ai-biller,
  .nbp-public-wrap,
  .nbp-front-wrap{
    max-width:100vw !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .nbp-ai-account-bar,
  .nbp-ai-header,
  .nbp-ai-stage,
  .nbp-ai-summary,
  .nbp-ai-progress{
    border-radius:22px !important;
  }
  .nbp-ai-top-tabs,
  .nbp-ai-service-grid,
  .nbp-ai-provider-grid,
  .nbp-ai-payment-grid,
  .nbp-ai-two,
  .nbp-field-row,
  .nbp-public-grid,
  .nbp-service-grid{
    grid-template-columns:1fr !important;
  }
  .nbp-ai-progress{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:8px !important;
  }
  .nbp-ai-progress button{
    padding:8px 4px !important;
    justify-content:center !important;
  }
  .nbp-ai-progress button span{
    display:none !important;
  }
  .nbp-ai-input-wrap{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
  }
  .nbp-ai-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .nbp-ai-rich-table{
    min-width:640px !important;
  }
}