/* ============================================================
   TikTokAffiliate Marketplace Theme
   Create → Share → Earn
   Overrides all previous green/banking themes.
   ============================================================ */
:root{
  /* Marketplace palette */
  --mp-pink:#FE2C55;
  --mp-pink-dark:#E11D48;
  --mp-cyan:#25F4EE;
  --mp-cyan-dark:#0891B2;
  --mp-ink:#0F0F0F;
  --mp-ink-2:#1A1A1A;
  --mp-muted:#6B7280;
  --mp-muted-2:#9CA3AF;
  --mp-bg:#F8F9FB;
  --mp-bg-2:#F1F3F7;
  --mp-card:#FFFFFF;
  --mp-soft:#F3F4F6;
  --mp-soft-2:#E8EAEF;
  --mp-line:#E5E7EB;
  --mp-line-2:#D1D5DB;
  --mp-shadow:0 8px 30px rgba(15,15,15,.06);
  --mp-shadow-lg:0 16px 50px rgba(15,15,15,.10);
  --mp-radius:20px;
  --mp-radius-sm:14px;
  --mp-radius-xs:10px;
  --mp-gradient:linear-gradient(135deg,#FE2C55,#E11D48);
  --mp-gradient-dark:linear-gradient(135deg,#0F0F0F,#1A1A1A);
  --mp-gradient-cyan:linear-gradient(135deg,#25F4EE,#0891B2);

  /* Legacy var aliases so old views still work */
  --digi-green:#FE2C55;
  --digi-green-2:#FE2C55;
  --digi-green-3:#FF6B8A;
  --digi-gold:#25F4EE;
  --digi-ink:#0F0F0F;
  --digi-muted:#6B7280;
  --digi-bg:#F8F9FB;
  --digi-card:#FFFFFF;
  --digi-soft:#F3F4F6;
  --digi-line:#E5E7EB;
  --digi-shadow:0 8px 30px rgba(15,15,15,.06);
  --db-green:#FE2C55;
  --db-leaf:#FE2C55;
  --db-lime:#FF6B8A;
  --db-gold:#25F4EE;
  --db-ink:#0F0F0F;
  --db-muted:#6B7280;
  --db-bg:#F8F9FB;
  --db-soft:#F3F4F6;
  --db-line:#E5E7EB;
  --db-white:#FFFFFF;
  --db-shadow:0 8px 30px rgba(15,15,15,.06);
  --theme-primary:#FE2C55;
  --theme-primary-dark:#E11D48;
  --theme-primary-light:#FFF1F4;
  --theme-secondary:#25F4EE;
  --theme-bg-body:#F8F9FB;
  --theme-bg-card:#FFFFFF;
  --theme-bg-surface:#F3F4F6;
  --theme-text-primary:#0F0F0F;
  --theme-text-secondary:#6B7280;
  --theme-border:#E5E7EB;
  --theme-nav-bg:rgba(255,255,255,.95);
  --theme-gradient-primary:linear-gradient(135deg,#FE2C55,#E11D48);
}

/* ── Base ─────────────────────────────────────────────────── */
html,body{
  background:var(--mp-bg)!important;
  color:var(--mp-ink)!important;
  font-family:'Plus Jakarta Sans','DM Sans',system-ui,-apple-system,sans-serif!important;
}
body{
  background-image:
    radial-gradient(circle at 100% 0,rgba(254,44,85,.06),transparent 30%),
    radial-gradient(circle at 0% 10%,rgba(37,244,238,.05),transparent 28%),
    linear-gradient(180deg,#FFFFFF,var(--mp-bg))!important;
}
h1,h2,h3,h4,strong,b,.mf-pagebar-copy strong{
  font-family:Manrope,'Plus Jakarta Sans',sans-serif!important;
  letter-spacing:-.02em;
}
::selection{background:#FFD0DA;color:#9F1239}

/* ── Shell & containers ───────────────────────────────────── */
.mf-shell,body>.max-w-md,body>.mobile-app-container,body>.Mobile-App-Container,
.product-app,.detail-app,.team-app,.invite-app,.avatar-app,.wallet-app,
.settings-app,.wd-app,.mq-shell,.recharge-app,.rl-app{
  background:transparent!important;
  color:var(--mp-ink)!important;
}

/* ── Headers / top bars ───────────────────────────────────── */
.mf-pagebar,.sticky.top-0,.product-header,.team-header,.detail-header,
.settings-header,.avatar-header,.fh-header,.it-header,.wd-head,
.invite-header,.mq-head,.rl-header,.pr-header,.sp-header,.tk-header,
.ck-header,.fr-header,.profile-header,.topbar,.page-head{
  background:rgba(255,255,255,.95)!important;
  border-color:var(--mp-line)!important;
  color:var(--mp-ink)!important;
  box-shadow:0 4px 20px rgba(15,15,15,.04)!important;
  backdrop-filter:blur(20px);
}
.mf-page-logo,.rl-logo,.recharge-brand{
  background:#fff!important;
  border:1px solid var(--mp-line)!important;
  box-shadow:0 4px 14px rgba(15,15,15,.06)!important;
}

/* ── Cards & panels ───────────────────────────────────────── */
.mf-panel,.mf-row,.mf-stat,.glass-card,.card,.hero,
.rl-card,.rl-balance,.pr-card,.sp-card,.tk-card,.ck-card,
.pr-panel,.sp-panel,.tk-panel,.ck-panel,
.profile-card,.profile-menu,.fh-card,.fh-row,.password-card,
.daget-card,.pf-card,.summary,.account-card,.panel,
.fr-compose-card,.fr-locked,.fr-post,.fr-comments>div,.fr-modal-card,
[class*="bg-[#121828]"],[class*="bg-[#0f172a]"],[class*="bg-[#1e293b]"],
[class*="bg-[#0a1122]"],[class*="bg-[#020617]"],[class*="bg-[#071126]"],
[class*="bg-[#07111f]"],[class*="bg-white"],[class*="bg-slate-8"],[class*="bg-slate-9"]{
  background:var(--mp-card)!important;
  border:1px solid var(--mp-line)!important;
  color:var(--mp-ink)!important;
  border-radius:var(--mp-radius)!important;
  box-shadow:var(--mp-shadow)!important;
}
.mf-row:hover{background:var(--mp-soft)!important;transform:translateY(-1px)}
.mf-row-icon,.rl-action-icon,.rl-menu-icon,.rl-quick-icon,
[class*="bg-white/5"],[class*="bg-white/10"]{
  background:var(--mp-soft)!important;
  color:var(--mp-pink)!important;
  border-color:var(--mp-line)!important;
}

/* ── Text colors ──────────────────────────────────────────── */
[class*="text-white"],[class*="text-slate-1"],[class*="text-slate-2"],
[class*="text-[#f"]{color:var(--mp-ink)!important}
[class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-4"],
[class*="text-gray-5"]{color:var(--mp-muted)!important}
.rl-muted,.rl-section-subtitle,.rl-ident-copy p,
.fr-brand small,.fr-hero p,.fr-post-head small,.fr-stats{color:var(--mp-muted)!important}
.rl-ident-copy h2,.rl-section-title,.rl-action-label,.rl-menu-label{color:var(--mp-ink)!important}

/* ── Inputs ───────────────────────────────────────────────── */
input,select,textarea,.mf-input,.rl-input{
  background:var(--mp-soft)!important;
  border:1px solid var(--mp-line)!important;
  color:var(--mp-ink)!important;
  border-radius:var(--mp-radius-sm)!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.mf-input:focus,.rl-input:focus{
  border-color:var(--mp-pink)!important;
  box-shadow:0 0 0 4px rgba(254,44,85,.10)!important;
  outline:0;
}
input::placeholder,textarea::placeholder{color:var(--mp-muted-2)!important}
input,textarea,select{caret-color:var(--mp-pink)}

/* ── Buttons & primary actions ────────────────────────────── */
button[type=submit],.mf-button-primary,.primary-btn,
.rl-btn-gold,.wd-app .submit,.fr-compose-card b,.fr-submit,
.fr-comment-form button,.next-btn,.btn-full-width,.tab.active,
[class*="bg-gradient"],[class*="bg-app-primary"]{
  background:var(--mp-gradient)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(254,44,85,.20)!important;
  border-radius:var(--mp-radius-sm)!important;
}
.rl-btn-outline{
  background:#fff!important;
  border:1px solid var(--mp-line)!important;
  color:var(--mp-pink)!important;
}
button[type=submit]:hover,.mf-button-primary:hover,.primary-btn:hover{
  box-shadow:0 12px 28px rgba(254,44,85,.28)!important;
  transform:translateY(-1px);
}

/* ── Balance card (dashboard hero) ────────────────────────── */
.rl-balance-card,.balance-card{
  background:var(--mp-gradient-dark)!important;
  border:0!important;
  box-shadow:0 16px 40px rgba(15,15,15,.18)!important;
  border-radius:var(--mp-radius)!important;
  position:relative;
  overflow:hidden;
}
.rl-balance-card:before{
  content:"";
  position:absolute;
  top:-40px;right:-40px;
  width:160px;height:160px;
  background:radial-gradient(circle,rgba(254,44,85,.35),transparent 70%);
  border-radius:50%;
}
.rl-balance-card:after{
  content:"";
  position:absolute;
  bottom:-50px;left:-30px;
  width:140px;height:140px;
  background:radial-gradient(circle,rgba(37,244,238,.20),transparent 70%);
  border-radius:50%;
}
.rl-balance-card,.rl-balance-card *,
.balance-card,.balance-card *{color:#fff!important}
.rl-gold-text,.pr-gold-text,.sp-gold-text,.tk-gold-text,.ck-gold-text{
  background:none!important;
  color:var(--mp-pink)!important;
  -webkit-text-fill-color:var(--mp-pink)!important;
  text-shadow:none!important;
}
.rl-balance-value h1,.rl-balance-value .rl-cur{color:#fff!important}
.rl-growth.up{background:#FFF1F4!important;color:var(--mp-pink)!important}
.rl-balance-foot{border-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.7)!important}

/* ── Quick actions grid ───────────────────────────────────── */
.rl-quick{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0!important;
}
.rl-quick-item{
  min-width:0!important;
  min-height:108px!important;
  padding:13px 6px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid var(--mp-line)!important;
  border-radius:var(--mp-radius-sm)!important;
  background:#fff!important;
  color:var(--mp-ink)!important;
  box-shadow:var(--mp-shadow)!important;
  font-size:9px!important;
  font-weight:800!important;
  transition:all .2s ease;
}
.rl-quick-item:hover{
  border-color:var(--mp-pink)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(254,44,85,.10)!important;
}
.rl-quick-item.is-done{
  background:var(--mp-gradient)!important;
  border:0!important;
  color:#fff!important;
}
.rl-quick-icon{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  background:var(--mp-soft)!important;
  color:var(--mp-pink)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* ── Bottom navigation ────────────────────────────────────── */
.rl-nav,.mf-nav,.navigation{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--mp-line)!important;
  box-shadow:0 -4px 24px rgba(15,15,15,.06)!important;
  backdrop-filter:blur(20px);
}
.rl-nav a,.mf-nav a,.navigation a{color:var(--mp-muted)!important}
.rl-nav a.active,.mf-nav a.active,.navigation a.active{color:var(--mp-pink)!important}
.rl-nav a.active:before,.mf-nav a.active:before{background:var(--mp-soft)!important}
.navigation .indicator{background:var(--mp-pink)!important;box-shadow:0 6px 16px rgba(254,44,85,.25)!important}
.navigation li.active .icon{color:#fff!important}
.navigation .text{color:var(--mp-pink)!important}

/* ── Badges ───────────────────────────────────────────────── */
.badge,.mf-badge,[class*="rounded-full"]{border-color:var(--mp-line)!important}
.text-red-400,.text-red-500{color:var(--mp-pink)!important}

/* ── Product / Campaign cards ─────────────────────────────── */
.pr-body,.sp-body,.tk-body,.ck-body{background:linear-gradient(#fff,var(--mp-bg))!important;color:var(--mp-ink)!important}
.pr-bg,.sp-bg,.tk-bg,.ck-bg{
  background:
    radial-gradient(circle at 12% 0,rgba(254,44,85,.06),transparent 34%),
    linear-gradient(#fff,var(--mp-bg))!important;
}
.pr-back,.sp-back,.tk-back,.ck-back,.pr-icon-btn,.sp-icon-btn,.tk-icon-btn,.ck-icon-btn{
  background:#fff!important;
  border-color:var(--mp-line)!important;
  color:var(--mp-pink)!important;
}
.pr-card h1,.pr-card h2,.pr-card h3,.pr-card strong,
.sp-card h1,.sp-card h2,.sp-card h3,.sp-card strong,
.tk-card h1,.tk-card h2,.tk-card h3,.tk-card strong,
.ck-card h1,.ck-card h2,.ck-card h3,.ck-card strong{color:var(--mp-ink)!important}
.pr-card p,.pr-card small,.sp-card p,.sp-card small,
.tk-card p,.tk-card small,.ck-card p,.ck-card small{color:var(--mp-muted)!important}

/* ── Deposit / Withdrawal ─────────────────────────────────── */
.deposit-bg{
  background:
    radial-gradient(circle at 15% 0,rgba(254,44,85,.06),transparent 35%),
    linear-gradient(#fff,var(--mp-bg))!important;
}
.deposit-bg:after{display:none!important}
body:has(.deposit-bg) .topbar{
  border-color:var(--mp-line)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 4px 20px rgba(15,15,15,.04)!important;
}
body:has(.deposit-bg) .round-btn{
  background:#fff!important;
  border-color:var(--mp-line)!important;
  color:var(--mp-pink)!important;
}
body:has(.deposit-bg) .currency,body:has(.deposit-bg) .amount{color:var(--mp-pink)!important}
body:has(.deposit-bg) .underline{
  background:linear-gradient(90deg,transparent,var(--mp-pink),transparent)!important;
}
body:has(.deposit-bg) .quick:hover{
  border-color:var(--mp-pink)!important;
  background:var(--mp-soft)!important;
  color:var(--mp-pink)!important;
}
body:has(.deposit-bg) .submit{
  background:var(--mp-gradient)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(254,44,85,.22)!important;
}

.wd-app{background:linear-gradient(#fff,var(--mp-bg))!important;box-shadow:none!important}
.wd-head{background:rgba(255,255,255,.95)!important;border-color:var(--mp-line)!important}
.head-button{border-color:var(--mp-line)!important;background:#fff!important;color:var(--mp-pink)!important}
.wd-title small{color:var(--mp-pink)!important}
.wd-app .submit{
  background:var(--mp-gradient)!important;
  color:#fff!important;
  box-shadow:0 12px 25px rgba(254,44,85,.23)!important;
}
.wd-app .quick button:last-child{
  border-color:#FFB3C1!important;
  background:var(--mp-soft)!important;
  color:var(--mp-pink)!important;
}
.amount-row span{color:var(--mp-pink)!important}
.live{background:#FFF1F4!important;color:var(--mp-pink)!important}

/* ── Wallet connect ───────────────────────────────────────── */
body:has(.chips)>.bg{
  background:
    radial-gradient(circle at 10% 0,rgba(254,44,85,.06),transparent 36%),
    linear-gradient(#fff,var(--mp-bg))!important;
}
body:has(.chips) .circle{border-color:var(--mp-line)!important;background:#fff!important;color:var(--mp-pink)!important}
body:has(.chips) .chip.active{
  border-color:var(--mp-pink)!important;
  background:var(--mp-soft)!important;
  color:var(--mp-pink)!important;
  box-shadow:0 8px 20px rgba(254,44,85,.10)!important;
}
body:has(.chips) .submit{
  background:var(--mp-gradient)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(254,44,85,.22)!important;
}

/* ── Recharge channel ─────────────────────────────────────── */
#mobile-container{
  background:linear-gradient(#fff,var(--mp-bg))!important;
  border-color:var(--mp-line)!important;
  box-shadow:none!important;
}
#mobile-container header{
  background:rgba(255,255,255,.95)!important;
  border-color:var(--mp-line)!important;
  color:var(--mp-ink)!important;
}
#mobile-container .recharge-brand{border-color:var(--mp-line)!important;background:#fff!important;color:var(--mp-pink)!important}

/* ── Profile / Finance / Password ─────────────────────────── */
.profile-body,.fh-body,.password-body,.daget-body{
  background:linear-gradient(#fff,var(--mp-bg))!important;
  color:var(--mp-ink)!important;
}
.profile-shell,.fh-shell,.password-shell,.daget-shell,.pf-shell{background:transparent!important}
.profile-hero,.profile-card,.profile-menu,.fh-card,.fh-row,
.password-card,.daget-card,.pf-card,.summary{
  background:#fff!important;
  border-color:var(--mp-line)!important;
  color:var(--mp-ink)!important;
  box-shadow:var(--mp-shadow)!important;
}
.profile-menu a,.fh-row{border-color:var(--mp-line)!important}
.profile-menu .menu-icon{background:var(--mp-soft)!important;color:var(--mp-pink)!important}

/* ── Forum ────────────────────────────────────────────────── */
.fr-app{background:linear-gradient(#fff,var(--mp-bg))!important;color:var(--mp-ink)!important;box-shadow:none!important}
.fr-hero{
  border-color:var(--mp-line)!important;
  background:linear-gradient(135deg,#FFF1F4,#fff)!important;
  box-shadow:var(--mp-shadow)!important;
}
.fr-hero-icon{border-color:var(--mp-line)!important;background:#fff!important;color:var(--mp-pink)!important}
.fr-hero small,.fr-locked strong{color:var(--mp-pink)!important}
.fr-author-logo{border-color:var(--mp-line)!important;background:var(--mp-soft)!important}
.fr-actions button.active{color:var(--mp-pink)!important}
.fr-reward-amount{color:var(--mp-pink)!important}

/* ── Splash / onboarding ──────────────────────────────────── */
.splash-container{background:linear-gradient(160deg,#fff,#FFF1F4)!important;color:var(--mp-ink)!important}
.glow-bg{background:radial-gradient(circle,rgba(254,44,85,.12),transparent 68%)!important}
.dot{background:var(--mp-line)!important}
.dot.active,.next-btn,.btn-full-width{background:var(--mp-gradient)!important;color:#fff!important}
.progress-ring-circle{stroke:var(--mp-pink)!important}

/* ── Home popup ───────────────────────────────────────────── */
.rl-home-popup{padding:16px!important;background:rgba(15,15,15,.68)!important;backdrop-filter:blur(11px)!important}
.rl-home-popup-card{
  width:min(100%,408px)!important;
  max-height:min(92dvh,760px)!important;
  padding:0 17px 15px!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(15,15,15,.32)!important;
  text-align:left!important;
  scrollbar-width:none;
}
.rl-home-popup-card::-webkit-scrollbar{display:none}
.rl-home-popup-close{
  position:absolute!important;top:12px!important;right:12px!important;z-index:8!important;
  width:36px!important;height:36px!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;
  background:rgba(15,15,15,.55)!important;color:#fff!important;
  font:400 23px/1 sans-serif!important;backdrop-filter:blur(8px)!important;
}
.rl-home-popup-hero{
  display:block!important;width:calc(100% + 34px)!important;height:190px!important;
  margin:0 -17px 0!important;border-radius:25px 25px 0 0!important;
  object-fit:cover!important;filter:saturate(.9) brightness(.8)!important;
}
.rl-home-popup-logo{
  position:relative!important;z-index:3!important;
  width:58px!important;height:58px!important;margin:-29px 0 12px!important;
  padding:6px!important;border:4px solid #fff!important;border-radius:17px!important;
  background:#fff!important;object-fit:contain!important;
  box-shadow:0 8px 23px rgba(254,44,85,.16)!important;
}
.rl-home-popup-card>small{
  display:inline-flex!important;margin:0 0 9px!important;padding:6px 10px!important;
  border-radius:99px!important;background:#FFF1F4!important;color:var(--mp-pink)!important;
  font-size:8px!important;font-weight:800!important;letter-spacing:.04em!important;
}
.rl-home-popup-card>h2{margin:0 0 7px!important;color:var(--mp-ink)!important;font:800 20px/1.3 Manrope,sans-serif!important}
.rl-home-popup-card>strong{display:block!important;color:var(--mp-muted)!important;font:600 13px/1.5 'Plus Jakarta Sans',sans-serif!important;margin:0 0 12px!important}

/* ── Spin wheel ───────────────────────────────────────────── */
.sp-wheel-wrap{filter:drop-shadow(0 16px 25px rgba(254,44,85,.16))!important}

/* ── Legacy dark utility overrides ────────────────────────── */
body [class*="bg-[#121828]"],body [class*="bg-[#0f172a]"],
body [class*="bg-[#1e293b]"],body [class*="bg-[#020617]"]{
  background:#fff!important;border-color:var(--mp-line)!important;color:var(--mp-ink)!important;
}
body [class*="text-[#f3f4f6]"]{color:var(--mp-ink)!important}
body [class*="bg-[#121828]"] [class*="text-white"],body [class*="bg-[#0f172a]"] [class*="text-white"],
body [class*="bg-[#1e293b]"] [class*="text-white"],body [class*="bg-[#020617]"] [class*="text-white"],
body [class*="bg-[#121828]"][class*="text-white"],body [class*="bg-[#0f172a]"][class*="text-white"],
body [class*="bg-[#1e293b]"][class*="text-white"],body [class*="bg-[#020617]"][class*="text-white"]{
  color:var(--mp-ink)!important;
}
body [class*="text-gray-400"],body [class*="text-gray-500"],body [class*="text-slate-400"]{color:var(--mp-muted)!important}
body [class*="border-[#374151]"],body [class*="border-[#1f2937]"]{border-color:var(--mp-line)!important}

/* ── Contrast guard: solid pink actions keep white labels ── */
.rl-btn-gold,.rl-quick-item.is-done,.wd-app .submit,
body:has(.deposit-bg) .submit,body:has(.chips) .submit,
.fr-compose-card b,.fr-submit,.fr-comment-form button,
.dot.active,.next-btn,.btn-full-width,.tab.active,
[class*="bg-app-primary"],[class*="bg-green-"],
[class*="from-green-"][class*="to-green-"]{color:#fff!important}
.rl-btn-gold *,.rl-quick-item.is-done *,.wd-app .submit *,
body:has(.deposit-bg) .submit *,body:has(.chips) .submit *,
.fr-submit *,.next-btn *,.btn-full-width *,
[class*="bg-app-primary"] *{color:#fff!important}

/* ── Marketplace CSE (Create-Share-Earn) banner ──────────── */
.cse-banner{
  display:flex;align-items:center;gap:12px;
  padding:16px;border-radius:var(--mp-radius);
  background:var(--mp-gradient-dark);
  color:#fff;position:relative;overflow:hidden;
  box-shadow:0 12px 30px rgba(15,15,15,.15);
}
.cse-banner:before{
  content:"";position:absolute;top:-30px;right:-30px;
  width:120px;height:120px;
  background:radial-gradient(circle,rgba(254,44,85,.3),transparent 70%);
  border-radius:50%;
}
.cse-steps{display:flex;gap:8px;flex:1;position:relative;z-index:1}
.cse-step{flex:1;text-align:center}
.cse-step-icon{
  width:44px;height:44px;margin:0 auto 6px;
  border-radius:14px;background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:20px;
}
.cse-step-label{font-size:10px;font-weight:800;color:rgba(255,255,255,.9)}
.cse-arrow{display:flex;align-items:center;color:rgba(255,255,255,.3);font-size:16px}

/* ── Responsive ───────────────────────────────────────────── */
@media(min-width:700px){.rl-quick{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:480px){
  .mf-panel,.mf-row,.mf-stat,.rl-card{border-radius:16px!important}
  .mf-shell{padding-bottom:96px}
  .rl-app{max-width:100%}
  .rl-content{padding-inline:11px!important}
  .rl-quick{gap:8px!important}
  .rl-quick-item{min-height:102px!important;border-radius:14px!important}
  .rl-quick-icon{width:43px!important;height:43px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
