/* QuickTap Dashboard UI v2 — scoped to the customer dashboard only. */
.mx-dashboard {
  --dash-orange:#f85a00;
  --dash-orange-dark:#d94800;
  --dash-ink:#231810;
  --dash-muted:#66756d;
  --dash-line:rgba(248,90,0,.16);
  width:100%;
  max-width:420px;
  margin:0 auto;
  color:var(--dash-ink);
  background:linear-gradient(180deg,#fffaf7 0%,#fffdfb 42%,#fff7f0 100%);
}
.mx-dashboard > main { width:100%; box-sizing:border-box; }
/* v33.17c: purane hero-welcome-card rules REMOVED — naya hero (qth-*) design file ka port hai,
   dash-stats-v16.css me styles hain. Sirf baaki cards ke anchor rules neeche intact. */
.mx-dashboard [data-purpose="subscription-plan-health"] > a,
.mx-dashboard [data-purpose="invite-and-earn"] a {
  min-height:42px !important;
  border-radius:13px !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  box-shadow:0 8px 18px rgba(248,90,0,.16) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.mx-dashboard [data-purpose="subscription-plan-health"] > a:hover,
.mx-dashboard [data-purpose="invite-and-earn"] a:hover { transform:translateY(-2px); filter:saturate(1.05); box-shadow:0 12px 24px rgba(248,90,0,.24) !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] > div:first-child { padding:0 2px; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid { gap:10px !important; overflow:visible !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div {
  min-height:118px;
  border:1px solid rgba(248,90,0,.17) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#fff 0%,#fffaf8 100%) !important;
  box-shadow:0 8px 20px rgba(65,35,15,.075), inset 0 1px 0 #fff !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div:hover { transform:translateY(-3px); border-color:rgba(248,90,0,.38) !important; box-shadow:0 14px 28px rgba(65,35,15,.12) !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:first-child { box-shadow:0 5px 12px rgba(248,90,0,.09); }
.mx-dashboard [data-purpose="subscription-plan-health"],
.mx-dashboard [data-purpose="quicktap-wallet"],
.mx-dashboard [data-purpose="invite-and-earn"] {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(248,90,0,.22) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,#fff 0%,#fffaf7 64%,#fff2e9 100%) !important;
  box-shadow:0 13px 30px rgba(65,35,15,.095), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"]::before,
.mx-dashboard [data-purpose="quicktap-wallet"]::before,
.mx-dashboard [data-purpose="invite-and-earn"]::before {
  content:""; position:absolute; left:0; top:0; width:52%; height:4px; border-radius:0 0 8px 0;
  background:linear-gradient(90deg,var(--dash-orange),rgba(255,138,43,.24),transparent);
  pointer-events:none;
}
.mx-dashboard [data-purpose="subscription-plan-health"] > div:first-child { position:relative; padding-bottom:13px; border-bottom:1px solid var(--dash-line); }
.mx-dashboard [data-purpose="subscription-plan-health"] > div:first-child h2,
.mx-dashboard [data-purpose="quicktap-wallet"] h3,
.mx-dashboard [data-purpose="invite-and-earn"] h3 { letter-spacing:-.035em; }
.mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(2) {
  border:1px solid rgba(248,90,0,.15) !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#fff5ed,#fffdfb) !important;
  box-shadow:inset 0 1px 0 #fff;
}
.mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(2) svg { filter:drop-shadow(0 5px 10px rgba(248,90,0,.13)); }
.mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(3) > div { padding:10px 2px !important; border-color:rgba(248,90,0,.11) !important; }
.mx-dashboard [data-purpose="subscription-plan-health"] > a { background:linear-gradient(135deg,#ff7319,#e04e00) !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] { padding:0 !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid { gap:0 !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child { padding:22px 20px !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child p { max-width:260px; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child a {
  min-height:40px; border:1px solid rgba(248,90,0,.25) !important; border-radius:12px !important;
  background:#fff !important; color:var(--dash-orange-dark) !important; font-weight:800 !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child a:hover { background:#fff4eb !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child {
  min-height:155px; padding:22px 20px !important; border-radius:0 !important;
  background:linear-gradient(145deg,#ff7a20 0%,#e04e00 58%,#8b3c07 100%) !important;
  color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child span,
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child div,
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child a { position:relative; z-index:1; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > div:first-child span { color:#fff !important; background:rgba(255,255,255,.18) !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > div:nth-child(2) span { color:rgba(255,255,255,.78) !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > div:nth-child(2) div { color:#fff !important; font-size:25px !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child a { color:#fff !important; text-decoration:underline; text-underline-offset:3px; }
.mx-dashboard [data-purpose="invite-and-earn"] { padding:20px !important; }
.mx-dashboard [data-purpose="invite-and-earn"] > div:first-child > div:first-child { box-shadow:0 6px 14px rgba(248,90,0,.12); }
.mx-dashboard [data-purpose="invite-and-earn"] > div:nth-child(3) {
  border:1px solid rgba(248,90,0,.16) !important; border-radius:16px !important;
  background:linear-gradient(135deg,#fff4eb,#fffdfb) !important;
}
.mx-dashboard [data-purpose="invite-and-earn"] input,
.mx-dashboard [data-purpose="invite-and-earn"] #refLinkText { min-width:0; font-size:10px !important; }
.mx-dashboard [data-purpose="invite-and-earn"] button {
  width:42px !important; height:42px !important; border-radius:12px !important;
  border-color:rgba(248,90,0,.18) !important; color:var(--dash-orange-dark) !important;
  box-shadow:0 5px 12px rgba(65,35,15,.07);
}
.mx-dashboard [data-purpose="invite-and-earn"] a:last-child { background:#e9fbf1 !important; color:#087445 !important; border-color:#bcebd1 !important; box-shadow:none !important; }
.mx-dashboard [data-purpose="purchase-activity"] { border-radius:22px !important; }
.mx-dashboard [data-purpose="support-card"] { border-radius:18px !important; border-color:rgba(248,90,0,.16) !important; }
@media (max-width:575.98px) {
  .mx-dashboard { max-width:420px; }
  .mx-dashboard > main { padding:14px !important; gap:14px !important; }
  .mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 { gap:8px !important; }
  .mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 a { font-size:11px !important; padding-left:8px !important; padding-right:8px !important; }
  .mx-dashboard [data-purpose="subscription-plan-health"],
  .mx-dashboard [data-purpose="quicktap-wallet"],
  .mx-dashboard [data-purpose="invite-and-earn"] { border-radius:21px !important; }
  .mx-dashboard [data-purpose="subscription-plan-health"] { padding:18px !important; }
  .mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(2) { gap:11px !important; padding:11px !important; }
  .mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(2) > div:first-child { width:67px; height:67px; }
  .mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child { padding:19px !important; }
  .mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child { min-height:142px; padding:19px !important; }
  .mx-dashboard [data-purpose="invite-and-earn"] { padding:18px !important; }
}

/* Dashboard UI v3 — full-bleed hero + long feature-card slider. */
.mx-dashboard > main { position:relative; }
/* v33.17c: full-bleed hero rules REMOVED — naya hero apne design ki styling use karta hai */
.mx-dashboard .dash-feature-slider {
  position:relative;
  display:flex;
  gap:14px;
  width:calc(100% + 28px);
  margin:0 -14px;
  padding:3px 14px 14px;
  overflow-x:auto;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  scroll-padding-left:14px;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.mx-dashboard .dash-feature-slider::-webkit-scrollbar { display:none; }
.mx-dashboard .dash-feature-slider::after {
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:22px;
  height:22px;
  transform:translateY(-50%);
  border-top:2px solid rgba(248,90,0,.42);
  border-right:2px solid rgba(248,90,0,.42);
  border-radius:0 7px 0 0;
  pointer-events:none;
  opacity:.72;
}
.mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"],
.mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"],
.mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"] {
  flex:0 0 calc(100% - 24px);
  min-width:calc(100% - 24px);
  margin:0 !important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  border-radius:28px !important;
  box-shadow:0 15px 32px rgba(65,35,15,.12), inset 0 1px 0 #fff !important;
}
.mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"] { min-height:300px; }
.mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"] { min-height:250px; }
.mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"] { min-height:290px; }
.mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"]::after,
.mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"]::after,
.mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"]::after {
  content:"";
  position:absolute;
  right:-38px;
  bottom:-48px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,43,.15),transparent 68%);
  pointer-events:none;
}
.mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"] > .grid { min-height:250px; }
.mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"] > .grid > div:last-child { min-height:250px; }
.mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"] > a,
.mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"] a { position:relative; z-index:2; }
.mx-dashboard .dash-slider-hint {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:-4px 0 -1px;
  color:#9b6b4f;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mx-dashboard .dash-slider-hint::before,
.mx-dashboard .dash-slider-hint::after {
  content:""; width:26px; height:1px; background:rgba(248,90,0,.2);
}
@media (min-width:576px) {
  .mx-dashboard .dash-feature-slider { width:100%; margin:0; padding-left:0; padding-right:0; }
  .mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"],
  .mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"],
  .mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"] { flex-basis:calc(100% - 28px); min-width:calc(100% - 28px); }
}

/* Dashboard UI v4 — compact account overview cards as a horizontal slider. */
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid {
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:calc(100% + 28px) !important;
  margin:0 -14px !important;
  padding:3px 14px 13px !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scroll-snap-type:x mandatory;
  scroll-padding-left:14px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid::-webkit-scrollbar { display:none; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid::after {
  content:"›";
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-58%);
  display:grid;
  place-items:center;
  width:25px;
  height:38px;
  border:1px solid rgba(248,90,0,.18);
  border-radius:13px 0 0 13px;
  background:rgba(255,255,255,.88);
  color:#e04e00;
  font-size:25px;
  line-height:1;
  box-shadow:0 5px 14px rgba(65,35,15,.08);
  pointer-events:none;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div {
  flex:0 0 78% !important;
  min-width:0 !important;
  min-height:142px !important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  padding:16px !important;
  border-radius:22px !important;
  border:1px solid rgba(248,90,0,.22) !important;
  background:linear-gradient(145deg,#fff 0%,#fff8f3 100%) !important;
  box-shadow:0 11px 24px rgba(65,35,15,.10), inset 0 1px 0 #fff !important;
  position:relative;
  overflow:hidden;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div::after {
  content:"";
  position:absolute;
  right:-34px;
  bottom:-44px;
  width:125px;
  height:125px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,43,.17),transparent 69%);
  pointer-events:none;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div:hover {
  transform:translateY(-3px);
  border-color:rgba(248,90,0,.45) !important;
  box-shadow:0 16px 30px rgba(65,35,15,.14) !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:first-child {
  position:relative;
  z-index:1;
  width:38px !important;
  height:38px !important;
  border-radius:13px !important;
  box-shadow:0 6px 14px rgba(248,90,0,.12);
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div p,
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div h3,
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div span { position:relative; z-index:1; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div p { font-size:10px !important; letter-spacing:.11em !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div h3 { font-size:18px !important; margin-top:4px !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child {
  position:relative;
  z-index:1;
  margin-top:18px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(248,90,0,.14) !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child span { font-size:11px !important; }
@media (min-width:576px) {
  .mx-dashboard [data-purpose="at-a-glance-overview"] .grid { width:100% !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; }
  .mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div { flex-basis:82% !important; }
}

/* Dashboard UI v5 — keep only the 3 account stats as slider; restore lower cards. */
.mx-dashboard .dash-feature-slider {
  display:contents !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
.mx-dashboard .dash-feature-slider::after { display:none !important; }
.mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"],
.mx-dashboard .dash-feature-slider > [data-purpose="quicktap-wallet"],
.mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"] {
  min-width:0 !important;
  flex:initial !important;
  margin:0 !important;
  scroll-snap-align:none !important;
  scroll-snap-stop:normal !important;
}
.mx-dashboard .dash-slider-hint { display:none !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div {
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:stretch !important;
  gap:0 !important;
  min-height:156px !important;
  overflow:hidden !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div h3 {
  overflow:hidden;
  line-height:1.2 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:4px !important;
  min-height:39px;
  margin-top:12px !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child span { display:block !important; line-height:1.25 !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child .text-emerald-600,
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child .bg-emerald-600,
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child .bg-brand-orange,
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div > div:last-child .bg-gray-400 {
  width:max-content;
  max-width:100%;
}
@media (max-width:575.98px) {
  .mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div { min-height:158px !important; }
}

/* Dashboard UI v6 — open lower sections + wallet balance/top-up refinement. */
.mx-dashboard [data-purpose="subscription-plan-health"],
.mx-dashboard [data-purpose="quicktap-wallet"],
.mx-dashboard [data-purpose="invite-and-earn"] {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"]::before,
.mx-dashboard [data-purpose="quicktap-wallet"]::before,
.mx-dashboard [data-purpose="invite-and-earn"]::before,
.mx-dashboard [data-purpose="subscription-plan-health"]::after,
.mx-dashboard [data-purpose="quicktap-wallet"]::after,
.mx-dashboard [data-purpose="invite-and-earn"]::after { display:none !important; }
.mx-dashboard [data-purpose="subscription-plan-health"] > div:first-child,
.mx-dashboard [data-purpose="invite-and-earn"] > div:first-child {
  padding:0 2px 12px !important;
  border-bottom:1px solid rgba(248,90,0,.16) !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(2) {
  margin-top:13px;
  padding:15px !important;
  border:1px solid rgba(248,90,0,.18) !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#fff6ee,#fffdfb) !important;
  box-shadow:0 9px 20px rgba(65,35,15,.07), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(3) {
  margin-top:4px;
  padding:2px 3px 0 !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"] > div:nth-child(3) > div { padding:12px 0 !important; }
.mx-dashboard [data-purpose="subscription-plan-health"] > a {
  margin-top:13px !important;
  border-radius:14px !important;
  min-height:46px !important;
  font-size:15px !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] { padding:0 !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:13px !important;
  min-height:0 !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child,
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child {
  min-height:0 !important;
  border-radius:21px !important;
  padding:18px 17px !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child {
  order:1;
  align-items:flex-start !important;
  text-align:left !important;
  border:1px solid rgba(248,90,0,.16) !important;
  background:linear-gradient(145deg,#fff,#fffaf7) !important;
  box-shadow:0 8px 18px rgba(65,35,15,.07), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child p { margin-left:0 !important; margin-right:0 !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:first-child a {
  align-self:flex-start !important;
  margin-left:0 !important;
  margin-right:0 !important;
  min-height:43px !important;
  padding:10px 16px !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#fff,#fff3e9) !important;
  box-shadow:0 6px 14px rgba(248,90,0,.10) !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child {
  order:2;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:158px !important;
  text-align:left !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:23px !important;
  background:linear-gradient(135deg,#ff7a20 0%,#e04e00 55%,#8b3c07 100%) !important;
  box-shadow:0 13px 27px rgba(224,78,0,.22), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child::after {
  content:"";
  position:absolute;
  right:-33px;
  bottom:-60px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%);
  pointer-events:none;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > div:first-child { width:100%; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > div:nth-child(2) {
  width:100% !important;
  margin-top:13px !important;
  text-align:left !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > div:nth-child(2) div { font-size:30px !important; letter-spacing:-.045em !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child > a {
  align-self:flex-end !important;
  margin-top:auto !important;
  padding:7px 11px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.16) !important;
  text-decoration:none !important;
}
.mx-dashboard [data-purpose="invite-and-earn"] { padding-top:0 !important; }
.mx-dashboard [data-purpose="invite-and-earn"] > p { margin-top:14px !important; }
.mx-dashboard [data-purpose="invite-and-earn"] > div:nth-child(3) {
  border-radius:17px !important;
  box-shadow:0 7px 16px rgba(65,35,15,.06) !important;
}
@media (max-width:575.98px) {
  .mx-dashboard [data-purpose="quicktap-wallet"] > .grid > div:last-child { min-height:150px !important; }
}

/* Dashboard UI v7 — distinct highlighted sections without heavy containers. */
.mx-dashboard [data-purpose="hero-welcome-card"],
.mx-dashboard [data-purpose="at-a-glance-overview"],
.mx-dashboard [data-purpose="subscription-plan-health"],
.mx-dashboard [data-purpose="quicktap-wallet"],
.mx-dashboard [data-purpose="invite-and-earn"],
.mx-dashboard [data-purpose="purchase-activity"],
.mx-dashboard [data-purpose="support-card"] {
  position:relative;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] {
  padding:16px 12px 13px !important;
  border:1px solid rgba(248,90,0,.14) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,247,239,.75)) !important;
  box-shadow:0 10px 24px rgba(65,35,15,.07), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"]::before,
.mx-dashboard [data-purpose="subscription-plan-health"]::before,
.mx-dashboard [data-purpose="quicktap-wallet"]::before,
.mx-dashboard [data-purpose="invite-and-earn"]::before,
.mx-dashboard [data-purpose="purchase-activity"]::before,
.mx-dashboard [data-purpose="support-card"]::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:64px;
  height:4px;
  border-radius:0 0 8px 0;
  background:linear-gradient(90deg,#f85a00,#ff9a54);
  box-shadow:0 2px 8px rgba(248,90,0,.20);
  pointer-events:none;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] > div:first-child {
  position:relative;
  z-index:1;
  padding:0 2px 11px !important;
  border-bottom:1px solid rgba(248,90,0,.16) !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"] {
  padding:17px 14px 16px !important;
  border:1px solid rgba(248,90,0,.16) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,242,.88)) !important;
  box-shadow:0 10px 24px rgba(65,35,15,.07), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="quicktap-wallet"] {
  padding:17px 14px !important;
  border:1px solid rgba(248,90,0,.16) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,242,.88)) !important;
  box-shadow:0 10px 24px rgba(65,35,15,.07), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="invite-and-earn"] {
  padding:17px 14px !important;
  border:1px solid rgba(248,90,0,.16) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,242,.88)) !important;
  box-shadow:0 10px 24px rgba(65,35,15,.07), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="purchase-activity"] {
  padding:17px 14px !important;
  border:1px solid rgba(248,90,0,.14) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#fff,#fffaf7) !important;
  box-shadow:0 10px 24px rgba(65,35,15,.065), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="support-card"] {
  border:1px solid rgba(248,90,0,.16) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#fff,#fff7f0) !important;
  box-shadow:0 8px 19px rgba(65,35,15,.065), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"]:hover,
.mx-dashboard [data-purpose="quicktap-wallet"]:hover,
.mx-dashboard [data-purpose="invite-and-earn"]:hover,
.mx-dashboard [data-purpose="purchase-activity"]:hover,
.mx-dashboard [data-purpose="support-card"]:hover {
  border-color:rgba(248,90,0,.34) !important;
  box-shadow:0 15px 30px rgba(65,35,15,.11), inset 0 1px 0 #fff !important;
}
@media (max-width:575.98px) {
  .mx-dashboard [data-purpose="at-a-glance-overview"] { padding-left:10px !important; padding-right:10px !important; }
  .mx-dashboard [data-purpose="subscription-plan-health"],
  .mx-dashboard [data-purpose="quicktap-wallet"],
  .mx-dashboard [data-purpose="invite-and-earn"],
  .mx-dashboard [data-purpose="purchase-activity"] { border-radius:20px !important; }
}

/* Dashboard UI v8 — no added outer containers; highlights only. */
.mx-dashboard [data-purpose="at-a-glance-overview"],
.mx-dashboard [data-purpose="subscription-plan-health"],
.mx-dashboard [data-purpose="quicktap-wallet"],
.mx-dashboard [data-purpose="invite-and-earn"],
.mx-dashboard [data-purpose="purchase-activity"],
.mx-dashboard [data-purpose="support-card"] {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"]::before,
.mx-dashboard [data-purpose="subscription-plan-health"]::before,
.mx-dashboard [data-purpose="quicktap-wallet"]::before,
.mx-dashboard [data-purpose="invite-and-earn"]::before,
.mx-dashboard [data-purpose="purchase-activity"]::before,
.mx-dashboard [data-purpose="support-card"]::before,
.mx-dashboard [data-purpose="subscription-plan-health"]::after,
.mx-dashboard [data-purpose="quicktap-wallet"]::after,
.mx-dashboard [data-purpose="invite-and-earn"]::after { display:none !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] { padding:0 !important; }
.mx-dashboard [data-purpose="at-a-glance-overview"] > div:first-child,
.mx-dashboard [data-purpose="subscription-plan-health"] > div:first-child,
.mx-dashboard [data-purpose="invite-and-earn"] > div:first-child,
.mx-dashboard [data-purpose="purchase-activity"] > div:first-child {
  position:relative;
  padding:0 2px 11px !important;
  border-bottom:1px solid rgba(248,90,0,.19) !important;
}
.mx-dashboard [data-purpose="at-a-glance-overview"] > div:first-child::after,
.mx-dashboard [data-purpose="subscription-plan-health"] > div:first-child::after,
.mx-dashboard [data-purpose="invite-and-earn"] > div:first-child::after,
.mx-dashboard [data-purpose="purchase-activity"] > div:first-child::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:54px;
  height:3px;
  border-radius:0 5px 5px 0;
  background:#f85a00;
  box-shadow:0 2px 7px rgba(248,90,0,.24);
}
.mx-dashboard [data-purpose="quicktap-wallet"] { padding:0 !important; }
.mx-dashboard [data-purpose="quicktap-wallet"] > .grid { margin-top:0 !important; }
.mx-dashboard [data-purpose="support-card"] {
  padding-left:0 !important;
  padding-right:0 !important;
  border-top:1px solid rgba(248,90,0,.15) !important;
  border-bottom:1px solid rgba(248,90,0,.15) !important;
}
.mx-dashboard [data-purpose="support-card"]:hover { box-shadow:none !important; border-color:rgba(248,90,0,.28) !important; }

/* Dashboard UI v9 — clean low-opacity live visual for hero artwork. */
.mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-bg {
  position:absolute;
  right:-7px;
  bottom:-3px;
  width:128px;
  height:58px;
  border:1px solid rgba(248,90,0,.13);
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(248,90,0,.16),rgba(255,255,255,.05) 66%,transparent 72%);
  opacity:.78;
  pointer-events:none;
  overflow:hidden;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-bg::before,
.mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-bg::after {
  content:"";
  position:absolute;
  left:20px;
  top:50%;
  width:86px;
  height:26px;
  transform:translateY(-50%);
  border:1px solid rgba(248,90,0,.18);
  border-left-color:transparent;
  border-right-color:transparent;
  border-radius:50%;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-bg::after { width:108px; height:40px; left:9px; border-color:rgba(248,90,0,.10); border-left-color:transparent; border-right-color:transparent; }
.mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-pulse {
  position:absolute;
  left:58px;
  top:24px;
  z-index:2;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#f85a00;
  box-shadow:0 0 0 6px rgba(248,90,0,.11),0 0 19px rgba(248,90,0,.34);
  animation:dashHeroLivePulse 1.9s ease-in-out infinite;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-wave {
  position:absolute;
  left:39px;
  top:18px;
  width:48px;
  height:22px;
  border:2px solid rgba(248,90,0,.28);
  border-top-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(90deg);
  opacity:.75;
}
@keyframes dashHeroLivePulse { 0%,100%{transform:scale(.82);opacity:.55} 50%{transform:scale(1.08);opacity:1} }
@media (max-width:575.98px) {
  .mx-dashboard [data-purpose="hero-welcome-card"] .dash-hero-live-bg { right:-15px; bottom:-4px; transform:scale(.86); transform-origin:right bottom; opacity:.65; }
}



/* Dashboard UI v10 — sharp live hero action buttons. */
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 {
  position:relative;
  z-index:4;
  gap:10px !important;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a {
  position:relative;
  isolation:isolate;
  min-height:48px !important;
  padding:11px 13px !important;
  border-radius:15px !important;
  overflow:hidden;
  letter-spacing:-.02em;
  font-size:12px !important;
  font-weight:850 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:first-child {
  border:1px solid rgba(255,255,255,.28) !important;
  background:linear-gradient(135deg,#ff8a2b 0%,#f85a00 52%,#d94800 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(224,78,0,.28), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:first-child::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-42%;
  width:30%;
  z-index:-1;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  animation:heroButtonShine 3.2s ease-in-out infinite;
}
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:first-child svg { filter:drop-shadow(0 1px 1px rgba(87,26,0,.28)); }
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:last-child {
  border:1px solid rgba(248,90,0,.28) !important;
  background:rgba(255,255,255,.88) !important;
  color:#b64208 !important;
  box-shadow:0 8px 17px rgba(65,35,15,.08), inset 0 1px 0 #fff !important;
  backdrop-filter:blur(5px);
}
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:last-child svg { color:#e04e00 !important; }
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:hover {
  transform:translateY(-3px);
  filter:saturate(1.08);
}
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:first-child:hover { box-shadow:0 15px 28px rgba(224,78,0,.34), inset 0 1px 0 rgba(255,255,255,.38) !important; }
.mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:last-child:hover { background:#fff !important; border-color:rgba(248,90,0,.48) !important; box-shadow:0 12px 23px rgba(65,35,15,.12) !important; }

@keyframes heroButtonShine { 0%,55% { left:-42%; opacity:0; } 68% { opacity:1; } 88%,100% { left:132%; opacity:0; } }

@media (max-width:575.98px) {
  .mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 { gap:8px !important; }
  .mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a { min-height:45px !important; padding:10px 9px !important; font-size:10.5px !important; }
}

@media (prefers-reduced-motion:reduce) {
  .mx-dashboard [data-purpose="hero-welcome-card"] .flex.items-center.gap-2.pt-4 > a:first-child::before { animation:none; }
}



/* ═══ v33.22 VISIBILITY BOOST — deeper shadows + richer bg (NO new borders) ═══ */
.mx-dashboard [data-purpose="at-a-glance-overview"] .grid > div {
  background: linear-gradient(145deg, #ffffff 0%, #fff8f1 100%) !important;
  box-shadow: 0 14px 30px -8px rgba(91,42,14,.17), 0 3px 8px -2px rgba(248,90,0,.09), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="subscription-plan-health"],
.mx-dashboard [data-purpose="invite-and-earn"] {
  background: linear-gradient(145deg, #ffffff 0%, #fffaf4 52%, #ffeedd 100%) !important;
  box-shadow: 0 18px 38px -10px rgba(91,42,14,.19), 0 4px 10px -3px rgba(248,90,0,.10), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="purchase-activity"] {
  background: linear-gradient(145deg, #ffffff 0%, #fff9f2 100%) !important;
  box-shadow: 0 15px 34px -9px rgba(91,42,14,.17), 0 3px 8px -2px rgba(248,90,0,.08), inset 0 1px 0 #fff !important;
}
.mx-dashboard [data-purpose="support-card"] {
  background: linear-gradient(145deg, #ffffff 0%, #fff8f0 100%) !important;
  box-shadow: 0 12px 26px -8px rgba(91,42,14,.15), inset 0 1px 0 #fff !important;
}
/* content visibility: halke gray labels thode dark (zyada readable) */
.mx-dashboard .text-gray-400 { color: #8b9099 !important; }
.mx-dashboard .text-gray-500 { color: #6d7580 !important; }

/* v33.22b: slider-specific plan-health shadow (specificity match) */
.mx-dashboard .dash-feature-slider > [data-purpose="subscription-plan-health"],
.mx-dashboard .dash-feature-slider > [data-purpose="invite-and-earn"] {
  background: linear-gradient(145deg, #ffffff 0%, #fffaf4 52%, #ffeedd 100%) !important;
  box-shadow: 0 18px 38px -10px rgba(91,42,14,.19), 0 4px 10px -3px rgba(248,90,0,.10), inset 0 1px 0 #fff !important;
}