/* Dynamic Theme Customization (Auto-generated) */
:root {
  --brand: #f8cb46 !important;
  --brand-deep: #dfa803 !important;
  --brand-mid: #f5d166 !important;
  --brand-light: #f6de98 !important;
  --brand-pale: #f8f5ed !important;
  --chip: #f8f5ed !important;
  --card-edge: rgba(248, 203, 70, 0.17) !important;
  --grad: linear-gradient(180deg, #f5d166 0%, #f8cb46 46%, #dfa803 100%) !important;
  --grad-btn: linear-gradient(180deg, #f5d166 0%, #f8cb46 46%, #dfa803 100%) !important;
  --grad-hero: linear-gradient(180deg, #f5d166 0%, #f8cb46 54%, #dfa803 100%) !important;
  --theme-rgb: 248, 203, 70 !important;
  --theme-shadow-op: 0.45 !important;
  --clay: 0 20px 38px -24px rgba(248, 203, 70, 0.36), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -4px 10px rgba(248, 203, 70, 0.11) !important;
  --clay-sm: 0 12px 24px -18px rgba(248, 203, 70, 0.41), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -3px 8px rgba(248, 203, 70, 0.09) !important;
  --clay-in: inset 0 3px 7px rgba(248, 203, 70, 0.16), inset 0 -2px 0 rgba(255,255,255,.92) !important;
  --raised: 0 14px 28px -12px rgba(248, 203, 70, 0.5), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -4px 8px rgba(0,0,0,.35) !important;
}

/* Primary and Action Buttons across all screens */
.p-buy, .submit, .btn-primary, #bsConfirm, .bsConfirm, .cf-yes, .btn-main, .abtn--fill, .pop-cta, .et-ok, [id*="claimBtn"], .spinCell, .spinBtn, .sp-go, .btn-blue, button.btn-recharge, button.btn-withdraw, .lo-yes, .sub-buy, #loginButton, #regButton, .btn-submit, .act-buy, .savebtn, .save, .ref__copy, .invite__go, .tier__btn:not(.done):not(.locked), .app-btn.primary, .utr-btn, .codefld__paste {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 46%, #dfa803 100%) !important;
  color: #10203c !important;
  box-shadow: 0 10px 22px -10px rgba(248, 203, 70, 0.8), inset 0 2px 0 rgba(255,255,255,.6), inset 0 -3px 6px rgba(0,0,0,.15) !important;
}

/* Active tabs, pills, chips, filters and switches */
.plan-tab.active, .tab.active, .sub-tab.active, .chip.is-active, .chip.active, .tab-item.active, .tab.on, .ft.on, .chip.on, .gw-item.selected {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 46%, #dfa803 100%) !important;
  color: #10203c !important;
  box-shadow: 0 6px 16px -6px rgba(248, 203, 70, 0.45) !important;
}

/* Bottom Navigation: Inactive items stay muted gray */
.footer .nav-item,
.footer .nav-item i,
.footer .nav-item span,
.nav-item,
.nav-item i,
.nav-item span {
  color: #9aa6bb !important;
}

/* Bottom Navigation: ONLY the active item gets the theme color */
.footer .nav-item.active,
.footer .nav-item.active i,
.footer .nav-item.active span,
.nav-item.active,
.nav-item.active i,
.nav-item.active span,
.nav-link.active {
  color: #f8cb46 !important;
}

/* Center floating action button & label */
.nav-center__btn {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 46%, #dfa803 100%) !important;
  color: #10203c !important;
  box-shadow: 0 8px 18px -8px rgba(248, 203, 70, 0.54) !important;
}
.footer .nav-center span {
  color: #9aa6bb !important;
}
.footer .nav-center.active span {
  color: #f8cb46 !important;
}

/* Header Back and Exit Buttons: Pure black arrow, NO background box */
.top__back, .top__back i,
.tb__back, .tb__back i,
.hd__back, .hd__back i,
.back, .back i {
  color: #10203c !important;
  fill: #10203c !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.hd__gear, .top__hist {
  color: #10203c !important;
  fill: #10203c !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* User phone number display under security/profile */
.hero__phone {
  color: #10203c !important;
  font-weight: 700 !important;
  background: rgba(16, 32, 60, 0.12) !important;
  border: 1px solid rgba(16, 32, 60, 0.18) !important;
}
.hero__phone i {
  color: #10203c !important;
}

/* Recharge Gateway Icons: Box has brand background, icon inside is solid BLACK (#10203c) */
.gw-ic {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 100%) !important;
  border: 1px solid rgba(16, 32, 60, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gw-ic i {
  color: #10203c !important;
  font-size: 18px !important;
}
.gw-item.selected .gw-name {
  color: #10203c !important;
  font-weight: 800 !important;
}
.gw-item.selected .gw-sub {
  color: rgba(16, 32, 60, 0.8) !important;
}

/* Highlight Icons, Price labels and Icon containers across all pages */
.quick-ic, .p-ic, .qi__ic, .stat-ic.blue, .bal__k i, .p-row:last-of-type .p-val, .cf-amt, .hero-ic, .m-ic, .amt__cur, .pop-cell__v, .pop-lvl__v, .bal__v, .mini__v, .oc__name i, .oc__date i, .oc__price, .st__ic, .info__ic i, .item__ic i, .bank-info__ic i, .sec, .lvl__pct, .head__v, .money, .tier__amt, .st__v, .tot__v, .card__title, .mrow__ic, .fg__label, .fg__label i, .fld__lead i, .eye, .field__icon, .field__eye, .bank-info__edit, .txn__row span:first-child i, .txn__date i, .txn__time i, .txn__id, .order-bar span:last-child, .utr-title, .cell.active i, .stat-box__v:not(.gold), .tier__t i, .head__k i, .istep__n, .step__n, .lt__logo i, .shead__ic, .qr__hint i, .notice i {
  color: #f8cb46 !important;
}
.p-price b, .top__title, .tl {
  color: #dfa803 !important;
}
.top__title {
  color: #10203c !important;
}
.p-quota, .p-ribbon span, .lt__logo {
  background: linear-gradient(135deg, #f5d166, #dfa803) !important;
  color: #10203c !important;
}

/* Header, Hero, Banner Gradients & Containers */
.hd, .hero, .banner, .top-header, .meter__fill, .lvl__fill, .oc__prog-fill, .mBox .cr.blue, .bank-info__ic, .item__ic, .info__ic, .lvl__no, .invite__ic, .tier__ic:not(.done):not(.locked) {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 54%, #dfa803 100%) !important;
}

/* Login & Register welcome titles have NO background box */
.card .head, .auth-head {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.pop-bonus {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 46%, #dfa803 100%) !important;
  color: #10203c !important;
}
.pop-bonus__k {
  color: rgba(16,32,60,0.75) !important;
}
.pop-bonus__v {
  color: #10203c !important;
  text-shadow: none !important;
}

/* Checkbox & radio accents */
.et-box, .et-agree input:checked ~ .et-box {
  background: #f8cb46 !important;
  border-color: #f8cb46 !important;
}
.gw-item.selected .gw-radio {
  border-color: #f8cb46 !important;
}
.gw-item.selected .gw-radio::after {
  background: #f8cb46 !important;
}
.txn {
  border-left-color: #f8cb46 !important;
}

/* Toast notifications */
#gToast {
  background: linear-gradient(180deg, #f5d166 0%, #f8cb46 52%, #dfa803 100%) !important;
  color: #10203c !important;
  box-shadow: 0 28px 54px -20px rgba(248, 203, 70, 0.59), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -4px 0 rgba(0,0,0,.32) !important;
}

/* Cards, borders & glow shadows */
.quick-item, .product, .bal, .card, .qi, .cell.active, .cab, .amt, .cf-meta-item, .pop-cell, .pop-lvl, .st, .oc, .tier, .lvl, .invite, .steps, .notice, .ref, .levels, .doc, .letter, .info, .form, .item, .tot>div, .rec, .txn {
  border-color: rgba(248, 203, 70, 0.16) !important;
}
.cell.active {
  box-shadow: 0 0 20px rgba(248, 203, 70, 0.36) !important;
}
.amt:focus-within, .field__box:focus-within, .fg__input:focus, .fld__lead:focus-within, .utr-input:focus {
  border-color: #f8cb46 !important;
  box-shadow: 0 0 0 3px rgba(248, 203, 70, 0.16) !important;
}

/* Inputs inside pills, cards and field boxes have NO inner border/box on focus */
.field__box input,
.field__box input:focus,
.card input:focus,
.field input:focus,
.fld__lead input:focus,
.codefld input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Text links and accents (excluding footer) */
.et-txt a, .agree a, .switch a, .lt__intro b, .lt__intro a, .step__d a, .step__d b, h3.k {
  color: #f8cb46 !important;
}

/* Status badges */
.badge.pending {
  background: rgba(248, 203, 70, 0.22) !important;
  color: #b45309 !important;
}