/* GSM UI V13 — contrast & glow refinements.
   Adds stronger contrast on referral, wallet history and service detail pages,
   plus subtle luminous animation on selected cards. Visual only; logic unchanged. */
html[data-area]{
  --ur13-shadow:0 16px 34px rgba(1,10,28,.22);
  --ur13-shadow-soft:0 10px 24px rgba(1,10,28,.16);
  --ur13-glow:0 0 0 1px rgba(112,194,255,.18),0 18px 40px rgba(6,34,83,.22),0 0 34px rgba(64,167,255,.10);
}
html:not(.ur-light)[data-area] .topbar{box-shadow:0 10px 34px rgba(1,10,28,.42)!important}
html[data-page="service"] .service-hero,
html[data-page="service"] .service-description,
html[data-page="referral"] .ref-hero,
html[data-page="referral"] .ref-stat,
html[data-page="referral"] .ref-top,
html[data-page="referral"] .ref-table.card,
html[data-page="wallet-history"] .wallet-history-card,
html[data-page="wallet-history"] .wallet-history-tab,
html[data-page="tools-rent"] .rent-row{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
}
html[data-page="service"] .service-hero,
html[data-page="service"] .service-description,
html[data-page="referral"] .ref-hero,
html[data-page="referral"] .ref-stat,
html[data-page="referral"] .ref-top,
html[data-page="referral"] .ref-table.card,
html[data-page="wallet-history"] .wallet-history-card,
html[data-page="wallet-history"] .wallet-history-tab{
  background:var(--ur12-paper)!important;
  border:1px solid var(--ur12-border)!important;
  color:var(--ur12-text)!important;
  box-shadow:var(--ur13-shadow)!important;
}
html[data-page="service"] .service-visual,
html[data-page="service"] .service-fact,
html[data-page="referral"] .ref-link-box input,
html[data-page="wallet-history"] .wallet-history-tab,
html[data-page="wallet-history"] .wallet-history-card .card-head,
html[data-page="wallet-history"] .wallet-history-table th{
  background:var(--ur12-paper2)!important;
  border-color:var(--ur12-border)!important;
  color:var(--ur12-text)!important;
}
html[data-page="service"] .service-breadcrumb,
html[data-page="service"] .service-copy > div[style],
html[data-page="referral"] .ref-hero p,
html[data-page="referral"] .ref-stat span,
html[data-page="referral"] .ref-table small,
html[data-page="wallet-history"] .page-head p,
html[data-page="wallet-history"] .wallet-history-card .card-head small,
html[data-page="wallet-history"] .wallet-history-table th,
html[data-page="wallet-history"] .wallet-history-reference small,
html[data-page="wallet-history"] .wallet-history-tab{
  color:var(--ur12-muted)!important;
}
html[data-page="service"] .service-copy h1,
html[data-page="service"] .service-description h2,
html[data-page="service"] .service-description p,
html[data-page="referral"] .ref-hero h1,
html[data-page="referral"] .ref-table h2,
html[data-page="referral"] .ref-stat strong,
html[data-page="referral"] .ref-table td,
html[data-page="referral"] .ref-top,
html[data-page="wallet-history"] .page-head h1,
html[data-page="wallet-history"] .wallet-history-card h2,
html[data-page="wallet-history"] .wallet-history-table td,
html[data-page="wallet-history"] .wallet-history-method,
html[data-page="wallet-history"] .wallet-history-amount{
  color:var(--ur12-text)!important;
}
html[data-page="service"] .service-fact,
html[data-page="wallet-history"] .wallet-history-reference .reference-value,
html[data-page="referral"] #ref-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
html[data-page="service"] .service-copy h1{letter-spacing:-.035em!important;text-shadow:0 3px 18px rgba(18,72,151,.08)}
html[data-page="service"] .service-price{color:var(--ur12-mint)!important;text-shadow:0 0 18px rgba(72,220,182,.12)}
html[data-page="service"] .service-actions .btn:first-child,
html[data-page="wallet-history"] .wallet-history-head-actions .btn,
html[data-page="referral"] .ref-link-box .btn{
  border-radius:12px!important;
  box-shadow:0 10px 26px rgba(32,107,209,.22)!important;
}
html[data-page="service"] .service-actions .btn.btn-ghost{border-radius:12px!important}
html[data-page="wallet-history"] .wallet-history-tab.is-active{
  color:var(--ur12-text)!important;
  border-color:rgba(94,214,255,.55)!important;
  box-shadow:0 0 0 3px rgba(91,170,255,.12), 0 12px 28px rgba(7,29,72,.10)!important;
}
html[data-page="referral"] .ref-rate{
  background:rgba(85,214,181,.12)!important;
  color:var(--ur12-mint)!important;
  border:1px solid rgba(85,214,181,.32)!important;
  border-radius:12px!important;
}
html[data-page="referral"] .ref-rank{
  background:rgba(255,207,101,.12)!important;
  color:var(--ur12-gold)!important;
  border:1px solid rgba(255,207,101,.35)!important;
  border-radius:999px!important;
}
html[data-page="referral"] .ref-summary{gap:14px!important}
html[data-page="referral"] .ref-stat strong{font-size:26px!important}
html[data-page="referral"] .ref-table table thead th{background:var(--ur12-paper2)!important;color:var(--ur12-muted)!important}
html[data-page="wallet-history"] .wallet-history-table td .icon-copy-btn{
  border:1px solid var(--ur12-border)!important;background:var(--ur12-paper2)!important;color:var(--ur12-text)!important;border-radius:10px!important;
}
html[data-page="wallet-history"] .status-badge,
html[data-page="wallet-history"] .badge,
html[data-page="service"] .badge{
  box-shadow:0 3px 10px rgba(0,0,0,.08)!important;
}
@keyframes ur13GlowPulse{0%,100%{box-shadow:var(--ur13-shadow-soft),0 0 0 1px rgba(95,167,255,.10)}50%{box-shadow:0 16px 34px rgba(1,10,28,.20),0 0 0 1px rgba(113,202,255,.22),0 0 30px rgba(82,181,255,.12)}}
@keyframes ur13Shimmer{0%{transform:translateX(-120%) rotate(14deg);opacity:0}20%{opacity:.12}65%{opacity:.20}100%{transform:translateX(185%) rotate(14deg);opacity:0}}
html[data-page="service"] .service-hero::after,
html[data-page="referral"] .ref-hero::after,
html[data-page="wallet-history"] .wallet-history-card::after,
html[data-page="tools-rent"] .rent-row:nth-child(3n+1)::after{
  content:"";position:absolute;inset:-20% auto -20% -38%;width:42%;pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,rgba(123,205,255,.04) 35%,rgba(255,255,255,.16) 50%,rgba(123,205,255,.05) 65%,transparent 100%);
  filter:blur(2px);animation:ur13Shimmer 8.8s ease-in-out infinite;
}
html[data-page="service"] .service-hero,
html[data-page="referral"] .ref-hero,
html[data-page="wallet-history"] .wallet-history-card:first-of-type,
html[data-page="tools-rent"] .rent-row:nth-child(3n+1){animation:ur13GlowPulse 6.8s ease-in-out infinite}
html[data-page="tools-rent"] .rent-row:nth-child(3n+1){box-shadow:var(--ur13-glow)!important}
html[data-page="tools-rent"] .rent-row:nth-child(3n+1):hover{box-shadow:0 20px 44px rgba(16,58,126,.28),0 0 0 1px rgba(112,194,255,.24),0 0 42px rgba(64,167,255,.14)!important}
html.ur-light[data-page="service"] .service-hero,
html.ur-light[data-page="service"] .service-description,
html.ur-light[data-page="referral"] .ref-hero,
html.ur-light[data-page="referral"] .ref-stat,
html.ur-light[data-page="referral"] .ref-top,
html.ur-light[data-page="referral"] .ref-table.card,
html.ur-light[data-page="wallet-history"] .wallet-history-card,
html.ur-light[data-page="wallet-history"] .wallet-history-tab{
  background:#fff!important;border-color:#cfdef0!important;box-shadow:0 12px 28px rgba(16,51,107,.08)!important;
}
html.ur-light[data-page="service"] .service-visual,
html.ur-light[data-page="service"] .service-fact,
html.ur-light[data-page="referral"] .ref-link-box input,
html.ur-light[data-page="wallet-history"] .wallet-history-card .card-head,
html.ur-light[data-page="wallet-history"] .wallet-history-table th,
html.ur-light[data-page="wallet-history"] .wallet-history-tab{background:#f7fbff!important;border-color:#cfdef0!important}
html.ur-light[data-page="referral"] .ref-rate{background:#eaf9f4!important;color:#0c816c!important;border-color:#c2ebde!important}
html.ur-light[data-page="referral"] .ref-rank{background:#fff6de!important;color:#8c6501!important;border-color:#f2d58a!important}
@media(max-width:780px){
  html[data-page="service"] .service-hero{gap:16px!important;padding:16px!important}
  html[data-page="service"] .service-actions{display:grid!important;grid-template-columns:1fr!important}
  html[data-page="service"] .service-actions .btn{width:100%!important;justify-content:center!important}
  html[data-page="referral"] .ref-summary{grid-template-columns:1fr 1fr!important}
  html[data-page="wallet-history"] .wallet-history-tabs{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-page="service"] .service-hero,
  html[data-page="referral"] .ref-hero,
  html[data-page="wallet-history"] .wallet-history-card:first-of-type,
  html[data-page="tools-rent"] .rent-row:nth-child(3n+1){animation:none!important}
  html[data-page="service"] .service-hero::after,
  html[data-page="referral"] .ref-hero::after,
  html[data-page="wallet-history"] .wallet-history-card::after,
  html[data-page="tools-rent"] .rent-row:nth-child(3n+1)::after{animation:none!important}
}