/* Nexa V3.9 — consistency, mobile navigation, theme parity, admin navigation polish */
:root{--v39-blue:#246BFD;--v39-red:#EF3340;--v39-green:#69B93B;--v39-gold:#C69A3A;--v39-line:#e4eaf2;--v39-ink:#0f172a;--v39-muted:#64748b;--v39-surface:#fff;--v39-shadow:0 14px 38px rgba(15,23,42,.075)}
body[data-theme-pack="blue"]{--v39-primary:var(--v39-blue);--v39-soft:#eef4ff;--v39-hero1:#1558d9;--v39-hero2:#4f8dff}
body[data-theme-pack="red"]{--v39-primary:var(--v39-red);--v39-soft:#fff0f2;--v39-hero1:#d51f32;--v39-hero2:#ff6673}
body[data-theme-pack="green"]{--v39-primary:var(--v39-green);--v39-soft:#f0f9e9;--v39-hero1:#4d982c;--v39-hero2:#8bd454}
body[data-theme-pack="gold"]{--v39-primary:var(--v39-gold);--v39-soft:#fff8e7;--v39-hero1:#9f7522;--v39-hero2:#e0bd68}

/* Floating support = icon only. Never overlaps bottom nav. */
.v38-support-stack{position:fixed!important;z-index:1260!important;bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;gap:9px!important}
.v38-support-stack.right{right:16px!important}.v38-support-stack.left{left:16px!important}
.v38-support-stack button{width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border-radius:15px!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(15,23,42,.20)!important;border:1px solid rgba(255,255,255,.72)!important}
.v38-support-stack button span{display:none!important}.v38-support-stack button svg{width:21px;height:21px;display:block}
.v38-chat{background:linear-gradient(135deg,#2563eb,#4f46e5)!important}.v38-whatsapp{background:linear-gradient(135deg,#16a34a,#22c55e)!important}

/* User bottom navigation — centered app dock, not a full-width white slab. */
.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:min(720px,calc(100% - 24px))!important;height:64px!important;padding:6px!important;border:1px solid rgba(220,228,240,.96)!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;box-shadow:0 16px 42px rgba(15,23,42,.14)!important;z-index:1200!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
.nav-five .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.bottom-nav button{min-width:0!important;border:0!important;border-radius:16px!important;background:transparent!important;color:#8a98ad!important;font-size:10px!important;font-weight:800!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:5px 4px!important;transition:.18s ease!important}
.bottom-nav button .nav-ico{font-size:14px!important;line-height:1!important}
.bottom-nav button.active{background:var(--v39-soft)!important;color:var(--v39-primary)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--v39-primary) 18%,transparent)!important}
.bottom-nav button:hover{color:var(--v39-primary)!important;background:color-mix(in srgb,var(--v39-soft) 65%,#fff)!important}
.floating-promo{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;right:72px!important;z-index:1180!important}
.user-app{padding-bottom:98px!important}

/* Every theme gets the same quality/layout. Theme pack changes palette/art direction, not usability. */
body[data-theme-pack] .user-app{background:#f4f7fb!important;color:var(--v39-ink)!important}
body[data-theme-pack] .app-top{background:rgba(255,255,255,.97)!important;color:#111827!important;border-bottom:1px solid #e7edf5!important}
body[data-theme-pack] .hero-brand{background:transparent!important;padding:14px 18px 6px!important;border-radius:0!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr)!important;gap:14px!important;align-items:stretch!important}
body[data-theme-pack] .hero-logo{height:260px!important;min-height:260px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 16px 42px color-mix(in srgb,var(--v39-primary) 16%,transparent)!important}
body[data-theme-pack] .theme-hero{height:100%!important;min-height:260px!important;border-radius:28px!important;color:#fff!important;background:linear-gradient(135deg,var(--v39-hero1),var(--v39-hero2))!important}
body[data-theme-pack="red"] .theme-hero-red,body[data-theme-pack="green"] .theme-hero-green,body[data-theme-pack="gold"] .theme-hero-gold{display:flex!important}
body[data-theme-pack="red"] .theme-hero-red{align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#b7192b,#f34b58)!important}
body[data-theme-pack="red"] .theme-hero-red .hero-kicker,body[data-theme-pack="red"] .theme-hero-red p{color:rgba(255,255,255,.78)!important}
body[data-theme-pack="red"] .theme-hero-red .wordmark{color:#fff!important;text-shadow:0 6px 24px rgba(0,0,0,.14)!important}
body[data-theme-pack="green"] .theme-hero-green{background:linear-gradient(135deg,#3d8c2a,#7acb48)!important;justify-content:space-between!important;padding:20px 28px!important}
body[data-theme-pack="green"] .green-hero-copy{display:flex!important;flex-direction:column!important;gap:7px!important;max-width:250px!important;color:#fff!important}.green-hero-copy span{font-size:10px!important;letter-spacing:.12em!important;font-weight:800!important}.green-hero-copy b{font-size:19px!important;line-height:1.25!important}
body[data-theme-pack="gold"] .theme-hero-gold{background:linear-gradient(135deg,#8e671d,#dab65e)!important;align-items:center!important;justify-content:space-between!important;padding:24px 34px!important}
body[data-theme-pack="gold"] .gold-copy{color:#fff!important}

body[data-theme-pack] .shortcut-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;padding:0!important;color:var(--v39-ink)!important;align-content:stretch!important;background:transparent!important}
body[data-theme-pack] .shortcut{min-height:124px!important;background:#fff!important;color:var(--v39-ink)!important;border:1px solid var(--v39-line)!important;border-radius:21px!important;box-shadow:0 9px 26px rgba(15,23,42,.06)!important;padding:16px 10px!important}
body[data-theme-pack] .shortcut .ico{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--v39-soft)!important;color:var(--v39-primary)!important;box-shadow:none!important}
body[data-theme-pack] .home-strip{display:grid!important;padding:8px 18px!important;gap:10px!important}
body[data-theme-pack] .home-strip>div{display:block!important;background:#fff!important;border:1px solid var(--v39-line)!important;box-shadow:none!important}
body[data-theme-pack] .announcement{display:flex!important;background:#fff!important;border:1px solid var(--v39-line)!important;color:var(--v39-ink)!important}
body[data-theme-pack] .announcement span:first-child{background:var(--v39-soft)!important;color:var(--v39-primary)!important}
body[data-theme-pack] .active-plan-module,body[data-theme-pack] .common-menu-module,body[data-theme-pack] .service-list-module{display:flex!important}
body[data-theme-pack] .common-menu-module,body[data-theme-pack] .service-list-module{display:block!important}
body[data-theme-pack] .home-module{background:#fff!important;border:1px solid var(--v39-line)!important;box-shadow:0 9px 26px rgba(15,23,42,.055)!important}
body[data-theme-pack] .common-menu-grid button,body[data-theme-pack] .service-card-grid button{background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid var(--v39-line)!important;color:var(--v39-ink)!important}
body[data-theme-pack] .common-menu-grid span,body[data-theme-pack] .service-visual{background:var(--v39-soft)!important;color:var(--v39-primary)!important}

/* Plan and Fund cards — one strong responsive structure for all packs. */
body[data-theme-pack] .plans-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:auto!important;margin:0!important;padding:14px 18px 28px!important;background:#f4f7fb!important}
body[data-theme-pack] .plan-card.clean-plan{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px!important;min-height:222px!important;margin:0!important;padding:48px 16px 16px!important;background:#fff!important;color:var(--v39-ink)!important;border:1px solid var(--v39-line)!important;border-radius:20px!important;box-shadow:0 11px 28px rgba(15,23,42,.065)!important}
body[data-theme-pack] .plan-rate-badge{display:block!important;background:var(--v39-primary)!important;color:#fff!important}
body[data-theme-pack] .plan-days{background:#f8fafc!important;color:#667085!important;border:1px solid #e5eaf1!important;border-radius:999px!important;top:12px!important;right:12px!important}
body[data-theme-pack] .plan-logo.plan-photo{display:grid!important;width:64px!important;height:64px!important;border-radius:16px!important;background:var(--v39-soft)!important;border:1px solid color-mix(in srgb,var(--v39-primary) 15%,#e5eaf1)!important;padding:7px!important}
body[data-theme-pack] .plan-photo-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:10px!important}
body[data-theme-pack] .plan-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:8px 0!important}
body[data-theme-pack] .plan-metrics span{display:block!important}
body[data-theme-pack] .plan-metrics small,body[data-theme-pack] .plan-investors,body[data-theme-pack] .plan-price{color:var(--v39-muted)!important}
body[data-theme-pack] .plan-metrics b,body[data-theme-pack] .money{color:var(--v39-ink)!important}
body[data-theme-pack] .plan-progress{display:block!important;background:#edf1f5!important}
body[data-theme-pack] .plan-progress i{background:var(--v39-primary)!important}
body[data-theme-pack] .plan-investors{display:flex!important}
body[data-theme-pack] .plan-investors span{color:var(--v39-primary)!important}
body[data-theme-pack] .plan-right{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;border-top:1px solid #eef2f6!important;padding-top:12px!important;margin-top:2px!important;min-width:0!important}
body[data-theme-pack] .invest-btn{background:var(--v39-primary)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 8px 18px color-mix(in srgb,var(--v39-primary) 22%,transparent)!important}

body[data-theme-pack] .fund-head{background:#fff!important;color:var(--v39-ink)!important;border-bottom:1px solid var(--v39-line)!important}
body[data-theme-pack] .daily-pill{background:var(--v39-primary)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px color-mix(in srgb,var(--v39-primary) 20%,transparent)!important}
body[data-theme-pack] .fund-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:auto!important;margin:0!important;padding:14px 18px 28px!important;background:#f4f7fb!important}
body[data-theme-pack] .fund-card{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;gap:14px!important;min-height:276px!important;padding:48px 16px 16px!important;background:#fff!important;color:var(--v39-ink)!important;border:1px solid var(--v39-line)!important;border-radius:20px!important;box-shadow:0 11px 28px rgba(15,23,42,.065)!important}
body[data-theme-pack] .fund-card .plan-logo.plan-photo{width:116px!important;height:104px!important;min-height:104px!important;background:#f8fafc!important;padding:7px!important}
body[data-theme-pack] .fund-card .plan-rate-badge{display:block!important}
body[data-theme-pack] .fund-stats{display:grid!important;color:var(--v39-ink)!important}
body[data-theme-pack] .fund-stats small{color:var(--v39-muted)!important}
body[data-theme-pack] .fund-bottom{grid-column:1/-1!important;border-color:#eef2f6!important;color:var(--v39-ink)!important}

/* Profile and inner pages keep pack color but consistent surfaces. */
body[data-theme-pack] .profile-head{background:linear-gradient(135deg,var(--v39-hero1),var(--v39-hero2))!important;color:#fff!important;border-radius:0 0 28px 28px!important}
body[data-theme-pack] .menu-item .menu-ico{background:var(--v39-soft)!important;color:var(--v39-primary)!important}
body[data-theme-pack] .page-red{background:linear-gradient(180deg,var(--v39-primary) 0 155px,#f4f7fb 330px,#f4f7fb 100%)!important}
body[data-theme-pack] .wide-btn,body[data-theme-pack] .sticky-action,body[data-theme-pack] .go{background:var(--v39-primary)!important}

/* Admin navigation: uniform centered buttons. */
.admin-brand{text-align:center!important;justify-content:center!important;position:relative!important}
.admin-brand .sidebar-close{position:absolute!important;right:8px!important}
.admin-nav{gap:8px!important;padding:0 4px 18px!important}
.admin-nav>button{position:relative!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 34px!important;justify-content:center!important;text-align:center!important;line-height:1.2!important;border:1px solid rgba(148,163,184,.09)!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:#eef4ff!important;font-weight:800!important}
.admin-nav>button:hover{transform:translateY(-1px)!important;background:rgba(70,104,180,.18)!important;border-color:rgba(110,155,255,.24)!important}
.admin-nav>button.active{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(37,99,235,.25)!important;color:#fff!important}
.admin-nav>button .nav-ico{width:auto!important;margin-right:5px!important}.admin-nav>button .nav-count{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
.admin-nav .admin-group{text-align:center!important;margin:12px 0 2px!important;color:#6f83a6!important}

/* RTL language support */
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .app-top,html[dir="rtl"] .admin-topbar{direction:rtl}html[dir="rtl"] .v38-support-stack.right{right:auto!important;left:16px!important}

@media(max-width:899px){
  body[data-theme-pack] .hero-brand{display:block!important;padding:10px 10px 4px!important}
  body[data-theme-pack] .hero-logo{height:196px!important;min-height:196px!important;border-radius:24px!important}
  body[data-theme-pack] .theme-hero{min-height:196px!important;border-radius:24px!important}
  body[data-theme-pack] .shortcut-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding-top:9px!important}
  body[data-theme-pack] .shortcut{min-height:78px!important;border-radius:17px!important;font-size:10px!important;padding:9px 4px!important}
  body[data-theme-pack] .shortcut .ico{width:34px!important;height:34px!important;border-radius:11px!important}
  body[data-theme-pack] .plans-wrap,body[data-theme-pack] .fund-list{grid-template-columns:1fr!important;padding:12px 10px 24px!important}
  body[data-theme-pack] .plan-card.clean-plan{min-height:0!important}
  body[data-theme-pack] .fund-card{min-height:0!important;grid-template-columns:92px minmax(0,1fr)!important}
  body[data-theme-pack] .fund-card .plan-logo.plan-photo{width:92px!important;height:86px!important;min-height:86px!important}
  .floating-promo{right:66px!important}
}
@media(max-width:560px){
  .bottom-nav{width:calc(100% - 16px)!important;height:60px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;border-radius:19px!important}
  .v38-support-stack{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;right:10px!important}.v38-support-stack.left{left:10px!important}.v38-support-stack button{width:43px!important;height:43px!important;min-height:43px!important;border-radius:14px!important}
  .floating-promo{display:none!important}
  body[data-theme-pack] .hero-logo{height:172px!important;min-height:172px!important}
  body[data-theme-pack] .theme-hero{min-height:172px!important}
  body[data-theme-pack] .plan-card.clean-plan{grid-template-columns:58px minmax(0,1fr)!important;padding:46px 12px 12px!important}
  body[data-theme-pack] .plan-logo.plan-photo{width:54px!important;height:54px!important}
  body[data-theme-pack] .plan-metrics{gap:5px!important}.plan-metrics b{font-size:11px!important}
  body[data-theme-pack] .fund-card{grid-template-columns:78px minmax(0,1fr)!important;padding:46px 12px 12px!important}
  body[data-theme-pack] .fund-card .plan-logo.plan-photo{width:78px!important;height:76px!important;min-height:76px!important}
  .locale-utility{gap:5px!important}.utility-select{max-width:102px!important;height:34px!important;font-size:10px!important;padding-left:7px!important}
}
/* Preserve functional visibility toggles and 4/5-tab navigation logic. */
.hidden{display:none!important}
.bottom-nav .nav-invest{display:none!important}.nav-five .bottom-nav .nav-invest{display:flex!important}

/* V4.0 polish overrides */
/* Floating quick actions centered vertically: reward + chat + whatsapp, no overlap with bottom nav */
.v38-support-stack{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.v38-support-stack.right{right:14px!important;left:auto!important}
.v38-support-stack.left{left:14px!important;right:auto!important}
.v38-support-stack button{
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.v38-support-stack button svg,.v38-support-stack button .quick-ico{width:22px!important;height:22px!important;display:block!important;line-height:1!important}
.v38-support-stack .v38-reward{background:linear-gradient(135deg,#7c3aed,#2563eb)!important}
.v38-support-stack .v38-reward .quick-ico{font-size:20px!important}
.floating-promo{display:none!important}

/* Payment method chooser order: choose icon -> name */
#paymentMethod .pay-list .white-label{display:block!important;margin:0 0 10px!important;font-size:17px!important;font-weight:900!important;color:#fff!important}
.pay-option{
  display:grid!important;
  grid-template-columns:28px 42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid transparent!important;
}
.pay-option .radio{
  width:22px!important;
  height:22px!important;
  margin-left:0!important;
  order:1!important;
}
.pay-option .brand-dot{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#fff!important;
  order:2!important;
}
.pay-option .pay-copy{min-width:0!important;order:3!important}
.pay-option .pay-copy b{display:block!important;font-size:15px!important;line-height:1.2!important}
.pay-option .pay-copy small{display:block!important;margin-top:4px!important;color:#7b8794!important}
.pay-option .method-state{margin-left:0!important;order:4!important;white-space:nowrap!important}
.pay-option.selected{border-color:var(--v39-primary,var(--red))!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important}
.pay-option.selected .radio{border-width:6px!important;border-color:var(--v39-primary,var(--red))!important}

/* Admin sidebar buttons: consistent spacing and centered icons */
.admin-nav>button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:50px!important;
  padding:10px 34px 10px 20px!important;
}
.admin-nav>button .nav-ico,
.admin-nav>button .nav-emoji{
  width:18px!important;
  min-width:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
}
.admin-nav>button span:last-child{display:inline-flex!important;align-items:center!important}

/* Table action buttons stay aligned and centered */
.admin-action-row,.data-table td .action-cluster{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.action-btn,.tiny-action{display:inline-flex!important;align-items:center!important;justify-content:center!important}

@media(max-width:560px){
  .v38-support-stack{top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;transform:none!important}
  .v38-support-stack.right{right:10px!important}
  .v38-support-stack.left{left:10px!important}
  .pay-option{grid-template-columns:24px 38px minmax(0,1fr)!important;grid-template-areas:'radio icon text' '. . state'!important}
  .pay-option .radio{grid-area:radio!important}
  .pay-option .brand-dot{grid-area:icon!important;width:36px!important;height:36px!important}
  .pay-option .pay-copy{grid-area:text!important}
  .pay-option .method-state{grid-area:state!important;justify-self:start!important;margin-left:38px!important}
}

.admin-nav>button .nav-count{margin-left:auto!important}

/* V4.1 final polish — keep all working flows, refine consistency only */
.admin-shell{--v41-side:248px!important}
.admin-sidebar{width:var(--v41-side)!important}
.admin-main{margin-left:var(--v41-side)!important}
.admin-brand{min-height:76px!important;padding:0 16px!important;font-size:20px!important}
.admin-nav{padding:10px 12px 24px!important;gap:8px!important;overflow-y:auto!important;scrollbar-width:thin!important}
.admin-nav .admin-group{margin:14px 8px 4px!important;text-align:left!important;padding-left:2px!important}
.admin-nav>button{width:100%!important;min-height:48px!important;margin:0!important;padding:10px 34px 10px 14px!important;border-radius:14px!important;gap:10px!important;line-height:1.2!important;white-space:normal!important}
.admin-nav>button .nav-ico{width:22px!important;min-width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important}
.admin-nav>button .nav-count{right:10px!important}
.admin-content{padding:22px!important}
.admin-panel{border-radius:24px!important;box-shadow:0 14px 38px rgba(15,23,42,.065)!important}
.admin-headline{gap:14px!important;align-items:center!important}
.data-table tbody td{vertical-align:middle!important}
.data-table td:last-child{min-width:150px!important}
.admin-action-row{justify-content:flex-start!important;min-height:36px!important}
.action-btn{min-width:38px!important;height:36px!important;padding:0 10px!important;border-radius:10px!important}
.action-btn.delete{background:#ef4444!important;color:#fff!important}
.action-btn.edit{background:#f59e0b!important;color:#fff!important}
.action-btn.view{background:#0ea5e9!important;color:#fff!important}
.action-btn.approve{background:#10b981!important;color:#fff!important}

.v38-two-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.v38-manager-card{background:#fbfdff!important;border:1px solid #e6edf6!important;border-radius:20px!important;padding:18px!important}
.v38-manager-card h3{margin:0 0 14px!important}
.v38-row{background:#fff!important;border:1px solid #e7edf5!important;border-radius:14px!important;padding:12px 14px!important;margin-top:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.v38-row small{display:block!important;color:#7b8794!important;margin-top:3px!important}
.v38-actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.mini-btn{min-height:34px!important;border-radius:9px!important;padding:0 11px!important;font-weight:800!important}

#admin-supportSettings .admin-form-grid{background:#fbfdff!important;border:1px solid #e6edf6!important;border-radius:18px!important;padding:16px!important}
#admin-supportSettings .admin-field{margin:0!important}
#admin-supportSettings .admin-field input,#admin-supportSettings .admin-field select{height:46px!important}

/* Payment chooser is roomy on desktop but remains mobile-first */
#paymentMethod .pay-list{width:min(1180px,calc(100% - 28px))!important}
#paymentMethod .pay-option{min-height:78px!important;padding:14px 18px!important;border-radius:18px!important;background:#fff!important}
#paymentMethod .pay-option:hover{transform:translateY(-1px)!important;box-shadow:0 10px 26px rgba(15,23,42,.075)!important}
#paymentMethod .pay-option .method-state{font-size:10px!important;font-weight:900!important;border-radius:999px!important;padding:5px 8px!important;background:#e9f8f1!important;color:#1b8f5a!important}
#paymentMethod .pay-option.not-configured .method-state{background:#fff3db!important;color:#9a6700!important}

/* Consistent theme-pack surfaces: only palette/art changes, layout quality stays identical */
body[data-theme-pack="red"],body[data-theme-pack="green"],body[data-theme-pack="gold"],body[data-theme-pack="blue"]{--card-outline:#e6ebf2!important}
body[data-theme-pack] .plan-card.clean-plan,body[data-theme-pack] .fund-card,body[data-theme-pack] .home-module,body[data-theme-pack] .shortcut{border-color:var(--card-outline)!important}
body[data-theme-pack] .invest-btn,body[data-theme-pack] .wide-btn,body[data-theme-pack] .daily-pill{font-weight:900!important;letter-spacing:.01em!important}

@media(max-width:900px){
  .admin-main{margin-left:0!important}
  .admin-sidebar{width:min(286px,86vw)!important}
  .admin-content{padding:14px!important}
  .v38-two-col{grid-template-columns:1fr!important}
  .v38-row{align-items:flex-start!important;flex-direction:column!important}
  .v38-actions{justify-content:flex-start!important}
  #paymentMethod .pay-list{width:calc(100% - 20px)!important}
}
@media(max-width:560px){
  .admin-nav>button{min-height:46px!important;padding:9px 34px 9px 13px!important}
  #paymentMethod .pay-option{min-height:72px!important;padding:12px!important}
  #paymentMethod .pay-list .white-label{font-size:15px!important}
}

/* V4.2 payment/admin/support corrections */
/* Admin uses CSS grid; do not add a second left margin after the sidebar column. */
.admin-shell{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important}
.admin-sidebar{width:248px!important}
.admin-main{margin-left:0!important;width:auto!important;min-width:0!important}

/* Floating reward/chat/WhatsApp icon geometry */
.v38-support-stack button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  text-align:center!important;
}
.v38-support-stack button svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:auto!important;
}
.v38-support-stack button .quick-ico{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  margin:auto!important;
  line-height:1!important;
  font-size:19px!important;
}

/* Payment selection: radio -> centered brand icon -> text -> state */
.pay-option .brand-dot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
.pay-option .brand-dot svg,.pay-option .brand-dot img{display:block!important;margin:auto!important;max-width:20px!important;max-height:20px!important}
.pay-option .radio{display:block!important;align-self:center!important;justify-self:center!important}

/* Quick UPI apps: centered compact app tiles */
.upi-icons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 14px!important}
.upi-icons button{
  min-height:58px!important;
  border:1px solid #dce6f2!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:10px!important;
  font-weight:800!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:6px!important;
}
.upi-icons button:before{
  content:'P';width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#5b37c8;color:#fff;font-size:11px;font-weight:900
}
.upi-icons button:nth-child(2):before{content:'P';background:#00a6d9}
.upi-icons button:nth-child(3):before{content:'G';background:#4285f4}
.upi-icons button:nth-child(4):before{content:'N';background:#0ea5e9}
.upi-icons button:nth-child(5):before{content:'M';background:#ef4444}

/* Confirm-transfer card: keep it app-sized on desktop instead of stretching full width. */
.transfer-bg{min-height:calc(100vh - 1px)!important;padding:34px 14px 120px!important;background:linear-gradient(180deg,#eef4fb 0%,#dce8f2 100%)!important}
.transfer-card{
  width:min(720px,100%)!important;
  max-width:720px!important;
  margin:0 auto!important;
  padding:18px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #dfe8f1!important;
  box-shadow:0 24px 70px rgba(15,23,42,.15)!important;
}
.transfer-top{min-height:46px!important;padding-bottom:10px!important;border-bottom:1px solid #edf2f7!important}
.amount-box{border-radius:15px!important;padding:14px 16px!important}
.payment-box{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:0!important;
  border:1px solid #dce6f2!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.payment-qr-card{
  min-height:190px!important;
  padding:14px!important;
  background:#f8fbff!important;
  border-right:1px solid #e1eaf3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.payment-qr-card img{
  width:150px!important;
  height:150px!important;
  object-fit:contain!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid #d8e3ef!important;
  border-radius:14px!important;
  image-rendering:auto!important;
}
.payment-qr-card small{font-size:10px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.payment-details{padding:16px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important}
.payment-details .copy-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:2px 0 9px!important}
.payment-details .copy-row b{overflow-wrap:anywhere!important}
#transfer .field{margin-top:14px!important}
#transfer .blue-btn{height:50px!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(37,99,235,.22)!important}
#transfer .link-button{width:100%!important;min-height:40px!important;text-align:center!important}

/* Admin pending-payment bell */
.admin-bell{position:relative!important;border:0!important;background:#fff!important;border-radius:12px!important;min-width:40px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 5px 16px rgba(15,23,42,.05)!important}
.admin-bell .top-badge{position:absolute!important;right:-5px!important;top:-6px!important;min-width:19px!important;height:19px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important;font-weight:900!important}

@media(max-width:900px){
  .admin-shell{display:block!important;grid-template-columns:none!important}
  .admin-main{margin-left:0!important}
  .payment-box{grid-template-columns:150px minmax(0,1fr)!important}
  .payment-qr-card{min-height:165px!important}.payment-qr-card img{width:126px!important;height:126px!important}
}
@media(max-width:560px){
  .transfer-bg{padding:12px 8px 100px!important}.transfer-card{padding:12px!important;border-radius:18px!important}
  .payment-box{grid-template-columns:1fr!important}.payment-qr-card{border-right:0!important;border-bottom:1px solid #e1eaf3!important;min-height:170px!important}.payment-qr-card img{width:142px!important;height:142px!important}
  .upi-icons{grid-template-columns:repeat(5,minmax(54px,1fr))!important;overflow-x:auto!important}
}

/* V4.5 support channel polish */
.v38-support-stack button{display:flex!important;align-items:center!important;justify-content:center!important}
.v38-support-stack button svg,.v38-support-stack button .quick-ico{margin:auto!important;flex:0 0 auto!important}
.v38-telegram{background:linear-gradient(135deg,#229ED9,#168AC5)!important}
.pay-option .brand-dot{display:flex!important;align-items:center!important;justify-content:center!important}
#admin-supportSettings .admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#admin-supportSettings .span-2{grid-column:1/-1!important}
@media(max-width:720px){#admin-supportSettings .admin-form-grid{grid-template-columns:1fr!important}.v38-support-stack button{justify-content:center!important}}
\n\n/* V4.6 invested-state visual confirmation */\n.plan-card.invested-card,.fund-card.invested-card{\n  background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 58%,#ecfdf5 100%)!important;\n  border-color:#86efac!important;\n  box-shadow:0 12px 30px rgba(22,163,74,.10)!important;\n}\n.plan-card.invested-card{border-top:4px solid #22c55e!important}\n.fund-card.invested-card{border-left:4px solid #22c55e!important}\n.invested-card .plan-progress i{background:#22c55e!important}\n.invested-card .plan-rate-badge{background:#16a34a!important}\n.invested-card .plan-investors span{color:#16a34a!important}\n.invest-btn.disabled.invested-state{\n  background:linear-gradient(135deg,#16a34a,#22c55e)!important;\n  color:#fff!important;\n  border:1px solid #15803d!important;\n  box-shadow:0 9px 20px rgba(22,163,74,.22)!important;\n  opacity:1!important;\n  cursor:default!important;\n}\n.invest-btn.disabled.invested-state::before{content:'✓';margin-right:6px;font-weight:900}\n.user-dark .plan-card.invested-card,.user-dark .fund-card.invested-card{\n  background:linear-gradient(135deg,rgba(22,101,52,.35),#171e27 62%)!important;\n  border-color:#22c55e!important;\n}\n
/* V4.7 Fund card alignment polish */
/* Keep product artwork centered inside its visual box. */
body[data-theme-pack] .fund-card .plan-logo.plan-photo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:center!important;
  padding:10px!important;
  overflow:hidden!important;
}
body[data-theme-pack] .fund-card .plan-logo.plan-photo .plan-photo-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin:auto!important;
}

/* Catalog V3.7 had a more-specific blue/gold rule that pushed price and CTA into one grid column.
   Override it here so price stays left and Invest Now stays right with comfortable spacing. */
body[data-theme-pack="blue"] .fund-card .fund-bottom,
body[data-theme-pack="gold"] .fund-card .fund-bottom,
body[data-theme-pack="red"] .fund-card .fund-bottom,
body[data-theme-pack="green"] .fund-card .fund-bottom{
  grid-column:1/-1!important;
  width:100%!important;
  margin-top:8px!important;
  padding-top:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  border-top:1px solid #eef2f6!important;
}
body[data-theme-pack] .fund-card .fund-bottom>b{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.2!important;
}
body[data-theme-pack] .fund-card .fund-bottom .invest-btn{
  flex:0 0 auto!important;
  min-width:132px!important;
  width:auto!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  line-height:1!important;
  padding:13px 20px!important;
  text-align:center!important;
}

/* Give artwork breathing room from the bottom divider on compact cards. */
body[data-theme-pack] .fund-card .fund-center{
  align-self:center!important;
  min-width:0!important;
}

@media(max-width:560px){
  body[data-theme-pack] .fund-card .plan-logo.plan-photo{
    padding:8px!important;
    align-self:start!important;
  }
  body[data-theme-pack] .fund-card .fund-bottom{
    gap:14px!important;
    margin-top:10px!important;
  }
  body[data-theme-pack] .fund-card .fund-bottom .invest-btn{
    min-width:118px!important;
    padding:12px 14px!important;
    font-size:13px!important;
  }
}