/* v200.2 Payment provider lock UI: adapts to light/dark dashboard themes. */
:root{--pay-bg:#07111f;--pay-card:#0b1628;--pay-card-2:#102039;--pay-border:rgba(148,163,184,.24);--pay-text:#f8fafc;--pay-muted:#a7b4c6;--pay-green:#22c55e;--pay-orange:#f59e0b;--pay-purple:#8b5cf6}
html:not(.dark),[data-theme="light"]{--pay-bg:#f8fafc;--pay-card:#ffffff;--pay-card-2:#f1f5f9;--pay-border:#e2e8f0;--pay-text:#0f172a;--pay-muted:#64748b;--pay-green:#16a34a;--pay-orange:#d97706;--pay-purple:#7c3aed}
.payment-lock-settings-card,.payment-lock-parent-box{background:linear-gradient(145deg,color-mix(in srgb,var(--pay-card) 94%,transparent),color-mix(in srgb,var(--pay-card-2) 92%,transparent))!important;border-color:var(--pay-border)!important;color:var(--pay-text)!important;box-shadow:0 18px 45px rgba(2,6,23,.18)}
.payment-lock-active-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--pay-orange) 45%,var(--pay-border));background:color-mix(in srgb,var(--pay-orange) 12%,transparent);color:var(--pay-text);border-radius:14px;padding:12px 14px;font-size:13px;margin:10px 0 14px}.payment-lock-active-banner span{color:var(--pay-orange);font-weight:800;font-size:12px}
.payment-lock-provider-card{border:1px solid var(--pay-border)!important;border-radius:16px!important;background:var(--pay-card)!important;color:var(--pay-text)!important;overflow:hidden}.payment-lock-provider-card.active{border-color:color-mix(in srgb,var(--pay-orange) 60%,var(--pay-border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--pay-orange) 12%,var(--pay-card)),var(--pay-card))!important}.payment-lock-provider-summary{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;list-style:none;cursor:pointer;padding:14px}.payment-lock-provider-summary::-webkit-details-marker{display:none}.payment-lock-provider-summary strong{display:block;color:var(--pay-text)!important}.payment-lock-provider-summary small{display:block;color:var(--pay-muted)!important;margin-top:2px}.payment-lock-provider-summary em{font-style:normal;border:1px solid var(--pay-border);border-radius:10px;padding:6px 10px;color:var(--pay-text);font-weight:800;font-size:12px}.payment-lock-provider-card.active .payment-lock-provider-summary em{background:var(--pay-orange);color:#111827;border-color:transparent}.payment-lock-radio{font-size:18px;color:var(--pay-orange)}.payment-lock-provider-body{border-top:1px solid var(--pay-border);padding:14px}.payment-lock-exclusive-note{border:1px solid color-mix(in srgb,var(--pay-purple) 45%,var(--pay-border));background:color-mix(in srgb,var(--pay-purple) 12%,transparent);border-radius:12px;padding:10px 12px;color:var(--pay-muted);font-size:12px;margin-bottom:12px}.payment-lock-subtitle{font-size:13px;font-weight:900;margin:14px 0 8px;color:var(--pay-text)}.payment-lock-method-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}.payment-lock-method-checks label{display:flex!important;align-items:center;gap:8px;border:1px solid var(--pay-border);border-radius:12px;background:var(--pay-card-2);padding:10px 12px;color:var(--pay-text)!important;font-weight:800;font-size:12px}.payment-lock-method-checks input{accent-color:var(--pay-orange)}
.payment-lock-parent-box{border:1px solid var(--pay-border);border-radius:18px;padding:16px}.payment-lock-mini-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.payment-lock-mini-head h4{margin:0;font-size:17px;font-weight:900;color:var(--pay-text)}.payment-lock-mini-head p{margin:3px 0 0;color:var(--pay-muted);font-size:13px}.payment-lock-mini-head span{border:1px solid color-mix(in srgb,var(--pay-green) 40%,var(--pay-border));background:color-mix(in srgb,var(--pay-green) 12%,transparent);color:var(--pay-green);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.payment-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.payment-method-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:112px;border:1px solid var(--pay-border);border-radius:16px;background:var(--pay-card-2);color:var(--pay-text);padding:14px;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.payment-method-card:hover{transform:translateY(-1px);border-color:var(--pay-green);box-shadow:0 10px 28px rgba(34,197,94,.15)}.payment-method-card strong{display:block;font-size:14px;color:var(--pay-text)}.payment-method-card small{display:block;color:var(--pay-muted);font-size:11px;margin-top:2px}.payment-method-card em{margin-top:auto;font-style:normal;color:var(--pay-green);font-size:12px;font-weight:900}.payment-method-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--pay-green) 15%,transparent);color:var(--pay-green);font-weight:900}.payment-lock-note{margin-top:12px;border:1px solid color-mix(in srgb,var(--pay-green) 35%,var(--pay-border));background:color-mix(in srgb,var(--pay-green) 10%,transparent);border-radius:12px;padding:10px;color:var(--pay-muted);font-size:12px}.payment-lock-alert{border:1px solid color-mix(in srgb,var(--pay-orange) 45%,var(--pay-border));background:color-mix(in srgb,var(--pay-orange) 12%,transparent);border-radius:12px;padding:12px;color:var(--pay-text);font-size:13px}
@media(max-width:720px){.payment-lock-provider-summary{grid-template-columns:auto 1fr}.payment-lock-provider-summary em{grid-column:2}.payment-method-grid{grid-template-columns:1fr}.payment-lock-mini-head span{width:100%}}

.payment-lock-active-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--pay-border);background:var(--pay-card-2);border-radius:14px;padding:12px 14px;color:var(--pay-text);margin-bottom:12px}.payment-lock-active-banner strong{color:var(--pay-text)}.payment-lock-active-banner span{color:var(--pay-muted);font-size:12px}.payment-lock-settings-card h3{font-size:18px;margin-bottom:6px}.payment-lock-note,.payment-lock-alert{border:1px solid var(--pay-border);background:var(--pay-card-2);border-radius:14px;padding:12px 14px;color:var(--pay-muted)}.payment-lock-parent-box{border:1px solid var(--pay-border);border-radius:16px;background:var(--pay-card);padding:14px}.payment-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.payment-method-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--pay-border);border-radius:14px;padding:14px;background:var(--pay-card-2);color:var(--pay-text)}.payment-method-card strong{display:block}.payment-method-card small{display:block;color:var(--pay-muted)}.payment-method-card em{font-style:normal;border:1px solid var(--pay-border);border-radius:10px;padding:6px 8px;color:var(--pay-text);font-size:11px;font-weight:800}.payment-method-icon{font-size:20px}.payment-lock-mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.payment-lock-mini-head h4{margin:0 0 2px 0}.payment-lock-mini-head p{margin:0;color:var(--pay-muted);font-size:12px}.payment-lock-mini-head span{border:1px solid var(--pay-border);padding:6px 10px;border-radius:999px;color:var(--pay-text);font-size:11px;font-weight:800}


/* v200.6 screenshot-matched payment settings layout */
.payment-lock-page{--pl-bg:#07111c;--pl-card:rgba(8,18,30,.88);--pl-card2:rgba(10,25,40,.78);--pl-border:rgba(148,163,184,.22);--pl-text:#f8fafc;--pl-muted:#a8b3c7;--pl-green:#22c55e;--pl-orange:#f59e0b;--pl-purple:#7c3aed;--pl-blue:#0ea5e9;color:var(--pl-text);display:block}
.payment-lock-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--pl-border);border-radius:18px;padding:18px 20px;margin-bottom:16px;background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(8,18,30,.9));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.payment-lock-page-head.purple{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(8,18,30,.9))}
.payment-lock-page-head h2{margin:0;font-size:24px;font-weight:900;color:var(--pl-text)}
.payment-lock-page-head p{margin:4px 0 0;color:var(--pl-muted);font-size:13px}
.payment-lock-page-head strong{border:1px solid var(--pl-border);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.04);font-size:12px;color:var(--pl-text)}
.payment-lock-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:16px;align-items:start}
.payment-lock-main-card,.payment-lock-side-card{border:1px solid var(--pl-border);border-radius:18px;background:linear-gradient(180deg,rgba(8,18,30,.92),rgba(4,11,19,.92));padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.payment-lock-main-card h3,.payment-lock-side-card h3{margin:0 0 6px;font-size:16px;color:var(--pl-text);font-weight:900}
.payment-lock-main-card p,.payment-lock-side-card p{margin:0 0 12px;color:var(--pl-muted);font-size:12px}
.payment-lock-side-stack{display:grid;gap:14px}
.payment-lock-blue-note{border:1px solid rgba(14,165,233,.35);background:rgba(14,165,233,.10);border-radius:14px;padding:12px 14px;color:#bfdbfe;font-size:12px;margin-bottom:14px}
.payment-provider-logo{min-width:38px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;background:rgba(255,255,255,.06);border:1px solid var(--pl-border);font-size:13px}
.payment-provider-logo.mpesa{color:#20d466;background:rgba(34,197,94,.10)}
.payment-provider-logo.stripe{color:#a78bfa;background:rgba(124,58,237,.16)}
.payment-provider-logo.paystack{color:#38bdf8;background:rgba(14,165,233,.12)}
.payment-provider-logo.flutterwave{color:#f59e0b;background:rgba(245,158,11,.14)}
.payment-provider-logo.pesapal{color:#ef4444;background:rgba(239,68,68,.12)}
.payment-lock-provider-card{border-color:var(--pl-border)!important;background:var(--pl-card)!important}
.payment-lock-provider-card.active{border-color:rgba(245,158,11,.60)!important;background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(8,18,30,.95))!important}
.payment-lock-provider-summary{grid-template-columns:auto auto 1fr auto!important}
.payment-lock-provider-summary em{background:rgba(255,255,255,.04)}
.payment-lock-provider-card.active .payment-lock-provider-summary em{background:rgba(34,197,94,.18)!important;color:#86efac!important;border-color:rgba(34,197,94,.35)!important}
.payment-lock-side-card label{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--pl-border);padding:10px 0;color:var(--pl-text);font-size:13px}
.payment-lock-side-card input[type="checkbox"],.payment-lock-side-card input[type="radio"]{accent-color:var(--pl-orange)}
.payment-lock-radio-list{display:grid}
.payment-lock-radio-list label{justify-content:flex-start!important;cursor:pointer}
.payment-lock-radio-list em{margin-left:auto;font-style:normal;color:#86efac;font-size:11px}
.payment-lock-info{border:1px solid rgba(59,130,246,.35);background:rgba(59,130,246,.10);border-radius:12px;padding:10px;color:#c7d2fe;font-size:12px;margin-top:10px}
.payment-lock-hidden-select{margin-bottom:8px}
.payment-lock-bottom-info{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:16px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.10);border-radius:16px;padding:14px 16px;color:var(--pl-muted);font-size:13px}
.payment-lock-bottom-info strong{color:#fbbf24}
.payment-lock-parent-box{background:linear-gradient(180deg,rgba(8,18,30,.95),rgba(4,11,19,.95))!important;border-color:rgba(34,197,94,.28)!important}
.payment-method-card{min-height:110px;flex-direction:column;text-align:center;align-items:center!important;justify-content:center!important;border-radius:16px!important}
.payment-method-card:nth-child(1){border-color:rgba(34,197,94,.55)!important}
.payment-method-card:nth-child(2){border-color:rgba(14,165,233,.55)!important}
.payment-method-card:nth-child(3){border-color:rgba(245,158,11,.55)!important}
@media(max-width:980px){.payment-lock-grid{grid-template-columns:1fr}.payment-lock-provider-summary{grid-template-columns:auto 1fr auto!important}.payment-provider-logo{display:none}}


/* v200.7 exact payment section rebuild */
.payment-lock-two-col{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(320px,1fr);gap:16px;align-items:start}.payment-lock-provider-table{display:grid;gap:8px;margin-top:12px}.payment-lock-provider-line{width:100%;display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--pl-border);border-radius:14px;background:rgba(255,255,255,.025);color:var(--pl-text);padding:10px 12px;text-align:left;cursor:pointer}.payment-lock-provider-line:hover,.payment-lock-provider-line.selected{border-color:rgba(245,158,11,.55);background:rgba(245,158,11,.08)}.payment-lock-provider-line.active em{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.35);color:#86efac}.payment-lock-provider-line em{font-style:normal;border:1px solid var(--pl-border);border-radius:8px;padding:5px 9px;font-size:11px;font-weight:900;color:var(--pl-muted)}.payment-lock-provider-line .provider-name strong{display:block}.payment-lock-provider-line .provider-name small{display:block;color:var(--pl-muted);font-size:11px}.payment-lock-credential-card{border:1px solid var(--pl-border);border-radius:18px;background:rgba(5,14,24,.62);padding:16px}.payment-lock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-lock-fields label{display:block;color:var(--pl-muted);font-size:12px}.payment-lock-fields input{width:100%;margin-top:5px;border:1px solid var(--pl-border);background:rgba(255,255,255,.035);border-radius:10px;color:var(--pl-text);padding:10px 12px}.payment-lock-method-list{display:grid;gap:8px}.payment-lock-method-list label{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--pl-border);background:rgba(255,255,255,.03);border-radius:12px;padding:10px 12px;color:var(--pl-text);font-size:13px}.payment-lock-method-list input{accent-color:var(--pl-orange)}.payment-lock-section-spacer{margin-top:16px!important}.payment-lock-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}.payment-lock-side-card{background:linear-gradient(180deg,rgba(8,18,30,.92),rgba(4,11,19,.92))!important}
.parent-payment-ui{--pp-bg:#07111c;--pp-card:#081827;--pp-card2:#0c2034;--pp-border:rgba(148,163,184,.22);--pp-text:#f8fafc;--pp-muted:#9fb0c6;--pp-green:#22c55e;--pp-blue:#0ea5e9;--pp-orange:#f59e0b;color:var(--pp-text)}.parent-payment-card{border:1px solid var(--pp-border);border-radius:22px;background:linear-gradient(180deg,rgba(8,18,30,.97),rgba(4,11,19,.98));padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.parent-payment-top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(34,197,94,.65),rgba(5,150,105,.38));border:1px solid rgba(34,197,94,.35);border-radius:18px;padding:20px;margin-bottom:16px}.parent-payment-top p{margin:0;color:#dcfce7;font-size:13px}.parent-payment-top h2{margin:2px 0;font-size:32px;font-weight:1000;color:#fff}.parent-payment-top span{font-size:13px;color:#dcfce7}.parent-payment-top button{background:#fff;color:#0f172a;border:0;border-radius:10px;padding:10px 14px;font-weight:900}.parent-payment-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.parent-payment-layout h3{display:flex;align-items:center;justify-content:space-between;margin:10px 0 10px;font-size:15px;font-weight:900;color:var(--pp-text)}.parent-payment-layout h3 button{border:0;background:transparent;color:#38bdf8;font-size:12px}.parent-child-list{display:grid;gap:10px}.parent-child-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--pp-border);border-radius:16px;background:rgba(255,255,255,.025);color:var(--pp-text);padding:12px;text-align:left}.parent-child-card.active{border-color:rgba(34,197,94,.7);background:rgba(34,197,94,.09)}.parent-child-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#92400e);font-weight:1000}.parent-child-card strong{display:block}.parent-child-card small{display:block;color:var(--pp-muted);font-size:12px}.parent-child-card em{font-style:normal;text-align:right;color:#86efac;font-size:12px}.parent-invoice-table{border:1px solid var(--pp-border);border-radius:16px;overflow:auto}.parent-invoice-table table{width:100%;border-collapse:collapse;font-size:12px}.parent-invoice-table th,.parent-invoice-table td{padding:10px;border-bottom:1px solid var(--pp-border);text-align:left}.parent-invoice-table th{text-transform:uppercase;color:var(--pp-muted);font-size:10px;background:rgba(255,255,255,.025)}.parent-invoice-table tfoot td{font-weight:900}.parent-invoice-table tfoot td:last-child{color:#ef4444;text-align:right}.parent-pay-unpaid{color:#ef4444;font-weight:900}.parent-payment-hidden-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.parent-payment-hidden-fields label{font-size:12px;color:var(--pp-muted)}.parent-payment-hidden-fields input{width:100%;margin-top:5px;border:1px solid var(--pp-border);background:rgba(255,255,255,.035);border-radius:10px;color:var(--pp-text);padding:10px 12px}.parent-total-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0;color:var(--pp-muted)}.parent-total-row strong{color:#22c55e;font-size:18px}.parent-pay-main-btn{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#22c55e,#15803d);color:white;font-weight:1000;font-size:17px;padding:14px;margin-top:8px}.parent-payment-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.parent-payment-info-strip span{border:1px solid var(--pp-border);background:rgba(255,255,255,.025);border-radius:12px;padding:10px;text-align:center;font-size:12px;color:var(--pp-muted)}.parent-side-box{border:1px solid var(--pp-border);background:rgba(255,255,255,.025);border-radius:18px;padding:14px;margin-bottom:12px}.parent-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--pp-border);padding:10px 0}.parent-history-row:first-of-type{border-top:0}.parent-history-row strong,.parent-history-row small{display:block}.parent-history-row small{color:var(--pp-muted);font-size:11px}.parent-history-row em{font-style:normal;text-align:right;font-weight:900}.parent-side-box.important{border-color:rgba(34,197,94,.30);background:rgba(34,197,94,.08)}.parent-side-box.important p{color:#bbf7d0;font-size:12px;margin:8px 0}.parent-subscription-wrap{margin-top:16px}.parent-payment-ui .payment-lock-parent-box{margin-top:10px}.parent-payment-ui .payment-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parent-payment-ui .payment-method-card{min-height:108px}.parent-payment-ui .payment-method-card em{display:none}@media(max-width:980px){.payment-lock-two-col,.parent-payment-layout{grid-template-columns:1fr}.payment-lock-fields,.parent-payment-hidden-fields,.parent-payment-ui .payment-method-grid,.parent-payment-info-strip{grid-template-columns:1fr}.payment-lock-provider-line{grid-template-columns:auto auto 1fr}.payment-lock-provider-line em{grid-column:3}}

/* v2010 exact payment sections from approved mockup */
.payment-method-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.parent-method-card{min-height:92px;align-items:center;border-width:1px!important}
.parent-method-card.green{border-color:rgba(34,197,94,.65)!important;background:linear-gradient(145deg,rgba(34,197,94,.13),rgba(8,24,38,.95))!important}
.parent-method-card.blue{border-color:rgba(14,165,233,.65)!important;background:linear-gradient(145deg,rgba(14,165,233,.12),rgba(8,24,38,.95))!important}
.parent-method-card.orange{border-color:rgba(245,158,11,.70)!important;background:linear-gradient(145deg,rgba(245,158,11,.12),rgba(8,24,38,.95))!important}
.parent-method-card.purple{border-color:rgba(139,92,246,.75)!important;background:linear-gradient(145deg,rgba(139,92,246,.16),rgba(8,24,38,.95))!important}
.parent-method-card .payment-method-icon{font-size:26px}
.parent-school-methods .payment-lock-mini-head h4,.platform-sub-methods .payment-lock-mini-head h4{font-size:14px;margin:0;color:#f8fafc}
.parent-school-methods .payment-lock-mini-head p,.platform-sub-methods .payment-lock-mini-head p{font-size:11px;margin:3px 0 0;color:#9fb0c6}
.manual-mpesa-box{border-color:rgba(139,92,246,.5)!important;background:linear-gradient(160deg,rgba(76,29,149,.22),rgba(8,24,38,.95))!important}
.manual-mpesa-box h3{display:block!important;margin:0 0 8px!important;color:#fff!important}
.manual-mpesa-box h3 small{color:#c4b5fd;font-weight:700}
.manual-mpesa-box p{color:#cbd5e1;font-size:12px;margin:0 0 12px}
.manual-mpesa-box label{display:block;color:#a7b4c6;font-size:11px;margin:8px 0}
.manual-mpesa-box input{width:100%;margin-top:4px;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.35);border-radius:10px;color:#fff;padding:9px 10px}
.manual-mpesa-box button{width:100%;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-weight:900;padding:11px}
.parent-subscription-wrap.exact-platform-subscriptions{margin-top:16px;border:1px solid rgba(139,92,246,.45);border-radius:20px;background:linear-gradient(180deg,rgba(11,22,40,.96),rgba(6,12,24,.98));padding:14px}
.platform-subscription-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.platform-subscription-title h3{margin:0;font-size:18px;color:#fff}
.platform-subscription-title p{margin:4px 0 0;color:#a7b4c6;font-size:12px}
.platform-subscription-title input{border:1px solid rgba(148,163,184,.24);background:rgba(2,6,23,.35);border-radius:10px;color:#fff;padding:9px 10px}
.platform-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.platform-plan-card{border:1px solid rgba(34,197,94,.35);border-radius:16px;background:rgba(34,197,94,.06);padding:13px;color:#f8fafc;display:flex;flex-direction:column;min-height:188px}
.platform-plan-card.premium{border-color:rgba(245,158,11,.55);background:rgba(245,158,11,.07)}
.platform-plan-card.ultimate{border-color:rgba(139,92,246,.62);background:rgba(139,92,246,.08)}
.platform-plan-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.platform-plan-head h4{margin:0;font-size:16px}
.platform-plan-head span{font-size:9px;border-radius:999px;padding:3px 7px;background:#f59e0b;color:#111827;font-weight:900}
.platform-plan-card strong{font-size:18px;color:#22c55e;margin-top:5px}.platform-plan-card.premium strong{color:#f59e0b}.platform-plan-card.ultimate strong{color:#a78bfa}
.platform-plan-card strong small{font-size:11px;color:#a7b4c6}
.platform-plan-card ul{margin:9px 0 10px;padding:0;list-style:none;color:#cbd5e1;font-size:12px;line-height:1.6}
.platform-plan-card button{border:0;border-radius:10px;background:#16a34a;color:#fff;font-weight:900;padding:9px;margin-top:auto}
.platform-plan-card.premium button{background:#d97706}.platform-plan-card.ultimate button{background:#7c3aed}
.platform-sub-code{margin-top:8px;border:1px solid rgba(148,163,184,.24);background:rgba(2,6,23,.3);border-radius:9px;color:#fff;padding:8px;font-size:11px}
.manual-sub-btn{background:transparent!important;border:1px solid rgba(139,92,246,.55)!important;color:#ddd!important;margin-top:6px!important}
.platform-sub-methods{margin-top:14px;border:1px solid rgba(139,92,246,.45);border-radius:16px;padding:12px;background:rgba(139,92,246,.06)}
.exact-parent-important{margin-top:14px!important}
.exact-payment-ui .payment-lock-main-card,.exact-payment-ui .payment-lock-side-card,.exact-payment-ui .payment-lock-credential-card{border-radius:16px;background:linear-gradient(180deg,rgba(8,18,30,.96),rgba(5,10,19,.98));border:1px solid rgba(148,163,184,.20)}
.exact-finance-grid{display:grid;grid-template-columns:1.05fr .95fr 1.05fr;gap:12px}
.exact-finance-grid .manual-finance-card{grid-column:1 / span 2;border-color:rgba(245,158,11,.42)}
.exact-finance-grid .manual-queue-card{grid-column:1 / span 3;border-color:rgba(245,158,11,.38)}
.manual-toggle-row{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:9px 10px;margin:8px 0;color:#f8fafc}
.payment-lock-fields.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-lock-fields.compact .wide{grid-column:1 / -1}
.manual-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.manual-rule-grid>div{border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:10px;background:rgba(255,255,255,.025)}
.manual-rule-grid strong{display:block;margin-bottom:6px;color:#fff}
.manual-rule-grid label{display:block;font-size:12px;color:#cbd5e1;margin:6px 0}
.manual-queue-table{overflow:auto;border:1px solid rgba(148,163,184,.18);border-radius:12px}
.manual-queue-table table{width:100%;border-collapse:collapse;font-size:11px}
.manual-queue-table th,.manual-queue-table td{padding:8px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left}
.manual-queue-table th{color:#a7b4c6;text-transform:uppercase;font-size:9px}
.manual-queue-table button{border:0;border-radius:7px;background:#16a34a;color:#fff;font-weight:900;font-size:10px;padding:5px 7px;margin-right:4px}
.manual-queue-table button.reject{background:#dc2626}
.pay-status.pending{background:rgba(245,158,11,.16);color:#fbbf24;border:1px solid rgba(245,158,11,.35);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}
.payment-lock-green-note{margin-top:10px;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.08);color:#bbf7d0;border-radius:12px;padding:10px;font-size:12px}
.connected-dot{color:#22c55e;font-size:12px;font-weight:900}
.exact-method-list label{min-height:38px}
.exact-super-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.platform-method-card,.platform-manual-card{border-color:rgba(139,92,246,.38)!important}
.platform-manual-card label{display:block!important;margin:8px 0!important}
.platform-manual-card label span{display:block;color:#c4b5fd;font-size:11px;margin-bottom:4px}
.platform-manual-card input,.platform-manual-card select{width:100%;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.35);border-radius:9px;color:#fff;padding:8px}
.payment-lock-warning{margin-top:10px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.09);color:#fde68a;border-radius:10px;padding:9px;font-size:12px}
.payment-lock-provider-line b{font-size:10px;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:4px 6px;color:#cbd5e1}
@media(max-width:1100px){.payment-method-grid.four,.platform-plan-grid,.exact-finance-grid,.exact-super-grid{grid-template-columns:1fr!important}.exact-finance-grid .manual-finance-card,.exact-finance-grid .manual-queue-card{grid-column:auto}.platform-subscription-title{flex-direction:column;align-items:flex-start}}

/* V2030 parent amount-to-pay checkout integration */
.parent-checkout-box{border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.065);border-radius:18px;padding:14px;margin:14px 0;display:grid;gap:10px}
.parent-checkout-box h3 small{display:block;color:var(--pp-muted);font-size:11px;font-weight:600;margin-top:2px}
.parent-checkout-box label{font-size:12px;color:var(--pp-muted);font-weight:700}
.parent-checkout-box input,.parent-checkout-box select{width:100%;margin-top:5px;border:1px solid var(--pp-border);background:rgba(255,255,255,.05);border-radius:12px;color:var(--pp-text);padding:11px 12px;outline:none}
.parent-checkout-box input:focus,.parent-checkout-box select:focus{border-color:rgba(34,197,94,.75);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.parent-amount-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.parent-amount-actions button,.parent-invoice-table td button{border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.12);color:#bbf7d0;border-radius:10px;padding:9px 10px;font-weight:900;cursor:pointer}
.parent-pay-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.parent-pay-summary-card span{border:1px solid var(--pp-border);background:rgba(255,255,255,.035);border-radius:12px;padding:10px;color:var(--pp-muted);font-size:12px}
.parent-pay-summary-card strong{display:block;color:#86efac;font-size:16px;margin-top:3px}
.parent-payment-hidden-fields.visible{display:grid}
@media(max-width:720px){.parent-amount-actions,.parent-pay-summary-card{grid-template-columns:1fr}}