/* Deep purple + black theme */
.add-funds-view{
  background: radial-gradient(ellipse at top, #2e1065 0%, #0c0618 40%, #000000 100%) !important;
}
.af-card, .af-gateway-row, .af-hist-row, .funds-history-item{
  background: linear-gradient(165deg, #1a0a2e 0%, #0a0614 55%, #050208 100%) !important;
  border-color: rgba(124, 58, 237, 0.45) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.5), inset 0 1px 0 rgba(167,139,250,.08) !important;
}
.af-title{
  background: linear-gradient(90deg, #f5f3ff, #c4b5fd, #a78bfa) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.af-secure-pill{
  background: linear-gradient(135deg, rgba(76,29,149,.5), rgba(15,5,30,.9)) !important;
  border-color: rgba(139,92,246,.5) !important;
  color: #ddd6fe !important;
}
.af-amount-round{
  background: #050208 !important;
  border: 1.5px solid rgba(139,92,246,.55) !important;
  box-shadow: 0 0 24px rgba(91,33,182,.25) !important;
}
.af-taka{ color: #c4b5fd !important; }
.af-bdt{
  background: linear-gradient(135deg, #5b21b6, #7c3aed) !important;
}
.af-gateway-ico{
  background: linear-gradient(135deg, #6d28d9, #4c1d95) !important;
}
.af-gateway-name{ color: #e9d5ff !important; }
.af-proceed-btn.funds-submit-btn, .funds-submit-btn.af-proceed-btn{
  background: linear-gradient(90deg, #5b21b6, #7c3aed, #4c1d95) !important;
  box-shadow: 0 12px 32px rgba(91,33,182,.45) !important;
  border-radius: 16px !important;
}
.af-auto-verify{ display: none !important; }
.af-card-sub, .af-history-sub, .af-gateway-sub{ color: #a78bfa !important; opacity: .85; }
.af-hist-logo{
  box-shadow: 0 4px 14px rgba(0,0,0,.4), 0 0 0 2px rgba(124,58,237,.45) !important;
}

/* ATHAR Add Funds — screenshot UI */
.add-funds-view{
  min-height:100%;
  background: radial-gradient(ellipse at top, #1a0b2e 0%, #0a0612 45%, #050308 100%) !important;
  padding: 12px 12px 90px !important;
  color:#fff;
}
.af-shell{max-width:560px;margin:0 auto;}
.af-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.af-brand{display:flex;align-items:center;gap:10px;}
.af-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 0 20px rgba(236,72,153,.35);}
.af-title{font-size:18px;font-weight:900;letter-spacing:.3px;
  background:linear-gradient(90deg,#fff,#f0abfc,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.af-sub{font-size:11px;color:#94a3b8;font-weight:600;}
.af-header-right{display:flex;align-items:center;gap:8px;}
.af-secure-pill{
  background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(168,85,247,.2));
  border:1px solid rgba(167,139,250,.45);
  border-radius:14px;padding:6px 10px;font-size:9px;font-weight:800;line-height:1.25;text-align:right;color:#e9d5ff;
}
.af-secure-pill span{font-weight:600;opacity:.85;font-size:8px;}
.af-menu-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.6);color:#e2e8f0;cursor:pointer;}

.af-card{
  background:linear-gradient(165deg,rgba(30,20,50,.92),rgba(12,8,24,.96));
  border:1px solid rgba(139,92,246,.28);
  border-radius:18px;padding:14px;margin-bottom:12px;
  box-shadow:0 10px 40px rgba(0,0,0,.35);
}
.af-card-head{position:relative;margin-bottom:12px;}
.af-card-title{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;color:#f8fafc;}
.af-card-title i{color:#a78bfa;}
.af-card-sub{font-size:11px;color:#94a3b8;margin-top:3px;}
.af-secure-fast{position:absolute;right:0;top:0;font-size:10px;color:#34d399;font-weight:700;}

.af-method-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:8px;}
@media(max-width:420px){.af-method-grid{grid-template-columns:1fr;}}
.af-method-card{
  position:relative;border-radius:14px;padding:12px 10px;min-height:78px;
  border:1.5px solid rgba(148,163,184,.2);
  background:rgba(15,23,42,.55);color:#e2e8f0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  transition:.18s;
}
.af-method-card.active{
  border-color:#ec4899;
  background:linear-gradient(145deg,rgba(236,72,153,.35),rgba(124,58,237,.25));
  box-shadow:0 0 0 1px rgba(236,72,153,.5),0 8px 24px rgba(236,72,153,.2);
}
.af-check{
  position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;
  background:#22c55e;color:#fff;font-size:10px;display:none;align-items:center;justify-content:center;
}
.af-method-card.active .af-check{display:flex;}
.af-method-icons{display:flex;gap:4px;align-items:center;}
.af-method-icons img{height:22px;width:auto;max-width:36px;object-fit:contain;border-radius:4px;background:#fff;padding:2px;}
.af-method-single-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);overflow:hidden;}
.af-method-single-icon img{width:100%;height:100%;object-fit:cover;}
.af-method-name{font-size:11px;font-weight:700;text-align:center;}
.af-method-name i{font-size:9px;opacity:.7;margin-left:2px;}

.af-amount-box{
  display:flex;align-items:center;gap:8px;margin-top:10px;
  background:rgba(15,23,42,.7);border:1.5px solid rgba(167,139,250,.45);
  border-radius:14px;padding:4px 6px 4px 12px;
  box-shadow:0 0 20px rgba(139,92,246,.12);
}
.af-taka{font-size:20px;font-weight:900;color:#e879f9;}
.af-amount-box input{
  flex:1;border:none;background:transparent;color:#fff;font-size:16px;font-weight:700;
  padding:12px 4px;outline:none;min-width:0;
}
.af-amount-box input::placeholder{color:#64748b;font-weight:600;}
.af-bdt{
  background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;
  font-size:11px;font-weight:900;padding:10px 12px;border-radius:10px;
}

.af-gateway-row{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(165deg,rgba(30,20,50,.92),rgba(12,8,24,.96));
  border:1px solid rgba(139,92,246,.28);border-radius:16px;padding:12px 14px;margin-bottom:12px;
  color:#fff;cursor:pointer;text-align:left;
}
.af-gateway-left{display:flex;align-items:center;gap:12px;min-width:0;}
.af-gateway-ico{
  width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ec4899,#8b5cf6);font-size:16px;
}
.af-gateway-label{display:block;font-size:11px;color:#94a3b8;font-weight:600;}
.af-gateway-name{display:block;font-size:14px;font-weight:900;color:#f9a8d4!important;}
.af-gateway-sub{display:block;font-size:10px;color:#64748b!important;}
.af-gateway-arrow{
  width:28px;height:28px;border-radius:50%;border:1px solid rgba(236,72,153,.4);
  display:flex;align-items:center;justify-content:center;color:#f9a8d4;font-size:11px;
}

.af-auto-verify{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(165deg,rgba(6,40,30,.7),rgba(10,20,30,.9));
  border:1px solid rgba(52,211,153,.3);border-radius:16px;padding:12px 14px;margin-bottom:14px;
}
.af-auto-left{display:flex;align-items:center;gap:10px;min-width:0;}
.af-auto-ico{
  width:36px;height:36px;border-radius:10px;background:rgba(52,211,153,.15);
  color:#34d399;display:flex;align-items:center;justify-content:center;
}
.af-auto-title{font-size:13px;font-weight:800;color:#ecfdf5;}
.af-auto-sub{font-size:10px;color:#94a3b8;line-height:1.35;}
.af-active-pill{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);
  color:#4ade80;font-size:11px;font-weight:800;padding:6px 10px;border-radius:999px;
}
.af-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;}

.af-proceed-btn.funds-submit-btn, .funds-submit-btn.af-proceed-btn{
  width:100%!important;border:none!important;border-radius:14px!important;
  padding:15px 16px!important;font-size:15px!important;font-weight:900!important;
  letter-spacing:.4px;color:#fff!important;cursor:pointer;
  background:linear-gradient(90deg,#ec4899,#a855f7,#6366f1)!important;
  box-shadow:0 10px 28px rgba(236,72,153,.35)!important;
  display:flex!important;align-items:center;justify-content:center;gap:8px;
}

.af-history{margin-top:8px;max-width:560px;margin-left:auto;margin-right:auto;}
.af-history-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;}
.af-history-sub{font-size:11px;color:#64748b;}
.af-view-all{background:none;border:none;color:#a78bfa;font-size:12px;font-weight:700;cursor:pointer;}

.funds-history-item{
  background:linear-gradient(165deg,rgba(30,20,50,.85),rgba(12,8,24,.95))!important;
  border:1px solid rgba(139,92,246,.22)!important;border-radius:14px!important;
  padding:12px!important;margin-bottom:8px!important;color:#e2e8f0;
}
.funds-history-item .status.unpaid,
.fund-status-unpaid{color:#f87171!important;font-weight:800;}
.funds-history-item .status.paid,
.fund-status-paid{color:#4ade80!important;font-weight:800;}
.fund-pay-now-btn{
  margin-top:8px!important;width:100%!important;padding:9px 12px!important;border:none!important;
  border-radius:10px!important;font-weight:900!important;font-size:12px!important;color:#fff!important;
  background:linear-gradient(135deg,#ef4444,#dc2626)!important;
  box-shadow:0 4px 14px rgba(239,68,68,.35)!important;cursor:pointer!important;
}

/* hide old top amount big display if any leftover */
.add-funds-view .funds-card{display:none!important;}


/* rounded amount input */
.af-amount-round{
  border-radius: 999px !important;
  padding: 6px 6px 6px 16px !important;
  border: 1.5px solid rgba(167,139,250,.5) !important;
}
.af-amount-round input{
  font-size: 17px !important;
  padding: 12px 8px !important;
}
.af-amount-round .af-bdt{
  border-radius: 999px !important;
  min-width: 52px;
  text-align: center;
}
.af-amount-round .af-taka{ font-size: 18px; }

/* history rows with logo */
.af-hist-row{
  display:flex; align-items:center; gap:12px;
  background:linear-gradient(165deg,rgba(30,20,50,.9),rgba(12,8,24,.96));
  border:1px solid rgba(139,92,246,.25);
  border-radius:16px; padding:12px; margin-bottom:10px;
}
.af-hist-logo{
  width:46px; height:46px; border-radius:50% !important; object-fit:cover;
  background:#fff; flex-shrink:0;
  box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 2px rgba(167,139,250,.35);
  padding: 3px;
}
.af-hist-mid{ flex:1; min-width:0; }
.af-hist-method{ font-size:13px; font-weight:800; color:#f1f5f9; }
.af-hist-trx{ font-size:11px; color:#94a3b8; margin-top:2px; word-break:break-all; }
.af-hist-date{ font-size:10px; color:#64748b; margin-top:3px; }
.af-hist-right{ text-align:right; flex-shrink:0; }
.af-hist-amt{ font-size:15px; font-weight:900; color:#f8fafc; }
.af-hist-status{ font-size:11px; font-weight:800; margin-top:4px; display:inline-block; }
.af-hist-status.paid{ color:#4ade80; }
.af-hist-status.unpaid{ color:#f87171; }
.af-hist-extra{ width:100%; margin-top:8px; }

/* Hide IND UPI everywhere on store */
#ind-upi-tab, .ind-upi-pay-card, #ind-upi-qr, .athar-ind-upi-page,
button[data-method="ind_upi"], .funds-method-option[data-method="ind_upi"] {
  display: none !important;
}


/* CONTINUE PAYMENT deep purple */
.af-proceed-btn.funds-submit-btn,
.funds-submit-btn.af-proceed-btn,
button.funds-submit-btn{
  background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 45%, #5b21b6 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(167,139,250,.35) !important;
  box-shadow: 0 10px 28px rgba(76,29,149,.5) !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
}
.af-proceed-btn:active, .funds-submit-btn:active{ transform: scale(.98); }

/* Hide any residual auto-verify UI */
.af-auto-verify, .funds-auto-verify, [class*="auto-verify"], .auto-payment-verify{ display:none !important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; }