/* =========================================================
   CLOUD GAMES — Royal Arcade auth theme (login + signup)
   Split-screen velvet-plum lounge with gold filigree.
   Fraunces (display) + Inter (body).
   Keeps all JS hook classes (.mp-connect-btn, #mpConnectStatus,
   .mp-wallet-item modal, etc.) — restyled, not renamed.
   ========================================================= */

:root{
   --rl-bg-0:#140A26;
   --rl-bg-1:#1B1030;
   --rl-plum:#241640;
   --rl-plum-2:#2C1B50;
   --rl-card:rgba(42,26,74,.62);
   --rl-line:rgba(232,182,76,.20);
   --rl-line-soft:rgba(255,255,255,.07);
   --rl-text:#FBF7FF;
   --rl-text-dim:#B9ABD6;
   --rl-text-dim-2:#8A7BB2;
   --rl-gold:#E8B64C;
   --rl-gold-deep:#C9912F;
   --rl-champagne:#F6E3AE;
   --rl-purple:#A77BFF;
   --rl-green:#54D6A0;
   --rl-danger:#FF6F8B;
   --rl-grad-gold:linear-gradient(135deg,#F7E6B4 0%,#E8B64C 52%,#C9912F 100%);
   --rl-grad-brand:linear-gradient(90deg,#F6E3AE 0%,#E8B64C 50%,#A77BFF 120%);
   --rl-font-display:'Fraunces', Georgia, 'Times New Roman', serif;
   --rl-font-body:'Inter', system-ui, -apple-system, sans-serif;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; overflow-x:hidden; }
body.mp-wallet-page{
   min-height:100vh;
   background:
      radial-gradient(1100px 680px at 88% -12%, rgba(232,182,76,.16), transparent 58%),
      radial-gradient(900px 700px at -8% 108%, rgba(167,123,255,.20), transparent 60%),
      radial-gradient(900px 500px at 50% 120%, rgba(232,182,76,.08), transparent 60%),
      linear-gradient(160deg, #1B1030 0%, #140A26 60%, #0F0820 100%);
   color:var(--rl-text);
   font-family:var(--rl-font-body);
   -webkit-font-smoothing:antialiased;
}

/* ===================== SPLIT LAYOUT ===================== */
.mp-auth{
   min-height:100vh;
   display:grid;
   grid-template-columns: 1.05fr .95fr;
}
@media (max-width: 940px){
   .mp-auth{ grid-template-columns:1fr; }
}

/* ---------- LEFT: velvet hero ---------- */
.mp-auth-hero{
   position:relative; overflow:hidden;
   padding:56px 56px 48px;
   display:flex; align-items:center;
   background:
      radial-gradient(700px 480px at 18% 8%, rgba(232,182,76,.14), transparent 60%),
      radial-gradient(700px 560px at 90% 100%, rgba(167,123,255,.18), transparent 62%),
      linear-gradient(155deg, #2A1A4A 0%, #1C1136 55%, #160C2B 100%);
   border-right:1px solid var(--rl-line);
}
/* faint diamond filigree texture */
.mp-auth-hero::before{
   content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
   background-image:
      radial-gradient(circle at 1px 1px, rgba(232,182,76,.12) 1px, transparent 1.4px);
   background-size:26px 26px;
   mask-image:radial-gradient(circle at 30% 30%, #000, transparent 80%);
   -webkit-mask-image:radial-gradient(circle at 30% 30%, #000, transparent 80%);
}
/* soft gold corner sweep */
.mp-auth-hero::after{
   content:""; position:absolute; width:420px; height:420px; right:-120px; top:-120px;
   background:radial-gradient(circle, rgba(232,182,76,.22), transparent 70%);
   filter:blur(8px); pointer-events:none;
}
.mp-auth-hero-inner{ position:relative; z-index:2; max-width:460px; margin:0 auto; }

.mp-crest{
   width:74px; height:74px; border-radius:20px;
   display:flex; align-items:center; justify-content:center;
   font-size:30px; color:#2A1530;
   background:var(--rl-grad-gold);
   box-shadow:0 14px 36px rgba(232,182,76,.34), inset 0 1px 0 rgba(255,255,255,.5);
   margin-bottom:22px;
}
.mp-hero-brand{
   font-family:var(--rl-font-display);
   font-weight:600; font-size:46px; line-height:1.02; letter-spacing:.5px;
   color:var(--rl-text);
}
.mp-hero-brand span{
   background:var(--rl-grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
   font-style:italic;
}
.mp-hero-suits{
   margin:14px 0 18px; font-size:20px; letter-spacing:10px; color:var(--rl-gold); opacity:.8;
}
.mp-hero-tag{
   font-family:var(--rl-font-display); font-weight:500; font-style:italic;
   font-size:24px; margin:0 0 10px; color:var(--rl-champagne);
}
.mp-hero-sub{
   margin:0 0 28px; color:var(--rl-text-dim); font-size:15px; line-height:1.6; max-width:400px;
}
.mp-hero-feats{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.mp-hero-feats li{
   display:flex; align-items:center; gap:14px;
   color:var(--rl-text); font-size:14.5px; font-weight:500;
}
.mp-hero-feats li i{
   width:38px; height:38px; flex-shrink:0; border-radius:11px;
   display:flex; align-items:center; justify-content:center; font-size:15px;
   color:var(--rl-gold);
   background:rgba(232,182,76,.10);
   border:1px solid var(--rl-line);
}
@media (max-width: 940px){
   .mp-auth-hero{ display:none; }
}

/* ---------- RIGHT: auth panel ---------- */
.mp-auth-panel{
   position:relative;
   display:flex; flex-direction:column;
   padding:28px 40px 48px;
}
.mp-auth-top{
   display:flex; align-items:center; justify-content:space-between; gap:12px;
   margin-bottom:auto;
}
.mp-auth-logo{
   font-family:var(--rl-font-display); font-weight:600; font-size:22px;
   color:var(--rl-text); text-decoration:none; letter-spacing:.4px;
}
.mp-auth-logo span{ background:var(--rl-grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent; font-style:italic; }

.mp-secondary-link{
   display:inline-flex; align-items:center; gap:8px;
   padding:10px 16px; border-radius:999px;
   background:rgba(255,255,255,.04); color:var(--rl-text);
   border:1px solid var(--rl-line);
   font-weight:600; font-size:13px; text-decoration:none;
   transition:border-color .15s, color .15s, background .15s;
}
.mp-secondary-link:hover{ color:var(--rl-gold); border-color:var(--rl-gold); background:rgba(232,182,76,.08); }

/* ---------- CARD ---------- */
.mp-wl-main{ display:contents; }  /* legacy wrapper neutralised */
.mp-wl-card{
   position:relative;
   width:100%; max-width:440px;
   margin:32px auto;
   background:
      linear-gradient(180deg, rgba(48,30,84,.72), rgba(30,18,56,.72));
   border:1px solid var(--rl-line);
   border-radius:24px;
   padding:38px 34px 30px;
   text-align:center;
   box-shadow:0 30px 80px rgba(8,3,20,.6), inset 0 1px 0 rgba(255,255,255,.05);
   backdrop-filter:blur(14px);
}
/* gold hairline frame */
.mp-wl-card::before{
   content:""; position:absolute; inset:6px;
   border:1px solid rgba(232,182,76,.22);
   border-radius:18px; pointer-events:none;
}
.mp-wl-card .logo{ display:none; }   /* old image logo hidden — using crest emblem */

.mp-card-emblem{
   width:64px; height:64px; margin:0 auto 18px;
   border-radius:50%;
   display:flex; align-items:center; justify-content:center;
   font-size:26px; color:var(--rl-gold);
   background:rgba(232,182,76,.08);
   border:1px solid var(--rl-line);
   box-shadow:inset 0 0 0 4px rgba(232,182,76,.06), 0 0 28px rgba(232,182,76,.18);
   position:relative; z-index:1;
}
.mp-wl-card h1{
   position:relative; z-index:1;
   margin:6px 0 8px;
   font-family:var(--rl-font-display); font-weight:600; font-size:30px; letter-spacing:.3px;
   color:var(--rl-text);
}
.mp-wl-card p.lead{
   position:relative; z-index:1;
   margin:0 0 26px; color:var(--rl-text-dim); font-size:14px; line-height:1.6;
}

/* ---------- Connect button ---------- */
.mp-connect-wrap{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:14px; margin-top:6px; }
.mp-connect-btn{
   display:inline-flex; align-items:center; justify-content:center; gap:11px;
   padding:13px 22px; border:0; border-radius:14px; cursor:pointer;
   font-family:var(--rl-font-body); font-weight:700; font-size:14.5px; letter-spacing:.3px;
   color:#2A1530;
   background:var(--rl-grad-gold);
   box-shadow:0 14px 30px rgba(232,182,76,.30), inset 0 1px 0 rgba(255,255,255,.45);
   transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
   white-space:nowrap;
}
.mp-connect-btn:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.mp-connect-btn.big{ width:100%; max-width:340px; padding:16px 26px; font-size:15px; border-radius:16px; }
.mp-connect-btn:disabled{ opacity:.75; cursor:wait; transform:none; }
.mp-connect-btn[disabled]:not(.is-busy){
   background:rgba(255,255,255,.04) !important; color:var(--rl-text-dim) !important;
   box-shadow:none !important; border:1px solid rgba(255,111,139,.34) !important;
   cursor:not-allowed !important; filter:none !important;
}
.mp-connect-btn[disabled]:not(.is-busy):hover{ transform:none !important; }
.mp-connect-btn[disabled]:not(.is-busy) .ic{ color:var(--rl-danger); }
.mp-connect-btn .ic{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; }
.mp-connect-btn.is-busy .ic{ animation:mpSpin 1s linear infinite; }
@keyframes mpSpin{ to{ transform:rotate(360deg); } }

.mp-connect-status{ min-height:18px; font-size:13px; color:var(--rl-text-dim); letter-spacing:.2px; }
.mp-connect-status.ok{ color:var(--rl-green); }
.mp-connect-status.err{ color:var(--rl-danger); }
.mp-connect-status.warn{ color:var(--rl-gold); }

/* ---------- Referral banners ---------- */
.mp-ref-error{
   display:flex; align-items:flex-start; gap:13px; text-align:left;
   margin:2px 0 20px; padding:14px 16px;
   background:rgba(255,111,139,.07); border:1px solid rgba(255,111,139,.30); border-radius:14px;
   position:relative; z-index:1;
}
.mp-ref-error > i{
   width:34px; height:34px; border-radius:10px; flex-shrink:0;
   background:rgba(255,111,139,.14); color:var(--rl-danger);
   display:flex; align-items:center; justify-content:center; font-size:14px;
}
.mp-ref-error .lbl{ font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--rl-danger); font-weight:700; }
.mp-ref-error .msg{ font-size:12.5px; color:var(--rl-text-dim); margin-top:4px; line-height:1.55; }
.mp-ref-error .msg b{ color:var(--rl-champagne); font-family:monospace; }
.mp-ref-error .msg a{ color:var(--rl-gold); }

/* ---------- Invitation pass (sponsor referral detected) ---------- */
.mp-invite{
   position:relative; z-index:1; overflow:hidden;
   display:flex; align-items:center; gap:14px; text-align:left;
   margin:2px 0 22px; padding:13px 15px; border-radius:16px;
   background:
      radial-gradient(160px 120px at 0% 0%, rgba(232,182,76,.18), transparent 70%),
      linear-gradient(135deg, rgba(232,182,76,.12), rgba(167,123,255,.07));
   border:1px solid rgba(232,182,76,.36);
   box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(8,3,20,.35);
}
.mp-invite-seal{
   width:42px; height:42px; flex-shrink:0; border-radius:50%;
   display:flex; align-items:center; justify-content:center; font-size:17px; color:#2A1530;
   background:var(--rl-grad-gold);
   box-shadow:0 6px 16px rgba(232,182,76,.42), inset 0 1px 0 rgba(255,255,255,.55);
}
.mp-invite-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.mp-invite-kicker{
   display:inline-flex; align-items:center; gap:7px;
   font-size:10px; letter-spacing:1.6px; text-transform:uppercase; font-weight:800; color:var(--rl-gold);
}
.mp-invite-kicker i{ color:var(--rl-green); font-size:11px; }
.mp-invite-from{ font-size:13px; color:var(--rl-text-dim); }
.mp-invite-from b{ color:var(--rl-champagne); font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; font-weight:600; }
.mp-invite-tick{
   flex-shrink:0; align-self:center;
   font-size:11px; font-weight:800; letter-spacing:2px; color:var(--rl-gold);
   border:1.5px solid rgba(232,182,76,.5); border-radius:9px; padding:5px 9px;
   transform:rotate(6deg); text-shadow:0 1px 0 rgba(0,0,0,.25);
}

/* ---------- Player-name field + agree ---------- */
.mp-field{ text-align:left; margin:0 0 16px; position:relative; z-index:1; }
.mp-field-cap{
   display:block; font-size:11px; font-weight:700; letter-spacing:1.4px;
   text-transform:uppercase; color:var(--rl-text-dim-2); margin:0 0 8px;
}
.mp-field-box{
   display:flex; align-items:center; gap:11px;
   background:rgba(20,10,38,.6); border:1px solid var(--rl-line);
   border-radius:14px; padding:4px 6px 4px 4px;
   transition:border-color .15s, box-shadow .15s;
}
.mp-field-box:focus-within{ border-color:var(--rl-gold); box-shadow:0 0 0 3px rgba(232,182,76,.16); }
.mp-field-ic{
   width:42px; height:42px; flex-shrink:0; border-radius:11px;
   display:flex; align-items:center; justify-content:center; font-size:16px; color:var(--rl-gold);
   background:rgba(232,182,76,.10); border:1px solid var(--rl-line);
}
.mp-field-box input{
   flex:1; min-width:0; background:transparent; border:0; outline:0;
   color:var(--rl-text); font-family:inherit; font-size:14.5px; padding:11px 8px 11px 0;
}
.mp-field-box input::placeholder{ color:var(--rl-text-dim-2); }
.mp-field-box:has(input.is-invalid){
   border-color:var(--rl-danger); box-shadow:0 0 0 3px rgba(255,111,139,.18); animation:mpShake .4s ease;
}
@keyframes mpShake{ 10%,90%{transform:translateX(-1px)} 30%,70%{transform:translateX(2px)} 50%{transform:translateX(-3px)} }
.mp-field-hint{ display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--rl-text-dim-2); margin-top:8px; }
.mp-field-hint i{ color:var(--rl-gold); opacity:.7; }

.mp-agree{
   display:flex; align-items:flex-start; gap:10px; text-align:left;
   margin:0 0 18px; font-size:12.5px; color:var(--rl-text-dim); line-height:1.5; cursor:pointer;
   position:relative; z-index:1;
}
.mp-agree input{ margin-top:2px; width:16px; height:16px; accent-color:var(--rl-gold); flex-shrink:0; cursor:pointer; }
.mp-agree a{ color:var(--rl-gold); text-decoration:none; }
.mp-agree a:hover{ text-decoration:underline; }

/* ---------- Supported wallets ---------- */
.mp-wallets{ margin-top:24px; padding-top:18px; border-top:1px solid var(--rl-line-soft); position:relative; z-index:1; }
.mp-wallets .lbl{ font-size:11px; letter-spacing:2.4px; color:var(--rl-text-dim-2); text-transform:uppercase; margin-bottom:12px; }
.mp-wallets .row{ display:flex; gap:9px; justify-content:center; flex-wrap:wrap; }
.mp-wallet-chip{
   display:inline-flex; align-items:center; gap:8px;
   background:rgba(20,10,38,.5); border:1px solid var(--rl-line-soft);
   border-radius:999px; padding:8px 14px; color:var(--rl-text-dim); font-size:12.5px; font-weight:600;
}
.mp-wallet-chip i{ color:var(--rl-champagne); }

.mp-terms-note{ margin-top:18px; font-size:12.5px; color:var(--rl-text-dim); position:relative; z-index:1; }
.mp-terms-note a{ color:var(--rl-gold); text-decoration:none; font-weight:600; }
.mp-terms-note a:hover{ text-decoration:underline; }

/* ===================== WALLET MODAL (JS-built) ===================== */
.mp-modal-backdrop{
   position:fixed; inset:0; z-index:1000;
   background:rgba(10,5,22,.74); backdrop-filter:blur(7px);
   display:none; align-items:center; justify-content:center; padding:20px;
   animation:mpFade .2s ease;
}
.mp-modal-backdrop.is-open{ display:flex; }
@keyframes mpFade{ from{ opacity:0 } to{ opacity:1 } }

.mp-modal{
   position:relative; width:100%; max-width:440px;
   background:linear-gradient(180deg, rgba(48,30,84,.97), rgba(28,17,52,.97));
   border:1px solid var(--rl-line); border-radius:22px;
   box-shadow:0 36px 90px rgba(6,2,16,.7);
   overflow:hidden; animation:mpRise .25s cubic-bezier(.22,.61,.36,1);
}
@keyframes mpRise{ from{ transform:translateY(20px); opacity:0 } to{ transform:translateY(0); opacity:1 } }
.mp-modal::before{
   content:""; position:absolute; inset:6px; border:1px solid rgba(232,182,76,.22);
   border-radius:16px; pointer-events:none;
}
.mp-modal-head{
   padding:20px 22px 14px; display:flex; align-items:center; justify-content:space-between;
   border-bottom:1px solid var(--rl-line-soft); position:relative; z-index:1;
}
.mp-modal-head h3{ margin:0; font-family:var(--rl-font-display); font-weight:600; font-size:18px; }
.mp-modal-head p{ margin:3px 0 0; font-size:12px; color:var(--rl-text-dim); }
.mp-modal-close{
   width:34px; height:34px; border-radius:10px;
   border:1px solid var(--rl-line-soft); background:rgba(20,10,38,.6); color:var(--rl-text);
   cursor:pointer; font-size:13px; display:inline-flex; align-items:center; justify-content:center;
}
.mp-modal-close:hover{ color:var(--rl-danger); border-color:rgba(255,111,139,.4); }

.mp-modal-body{ padding:14px; max-height:62vh; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(232,182,76,.3) transparent; }
.mp-modal-body::-webkit-scrollbar{ width:6px; }
.mp-modal-body::-webkit-scrollbar-thumb{ background:rgba(232,182,76,.25); border-radius:99px; }
.mp-modal-section{ font-size:11px; letter-spacing:2.4px; color:var(--rl-text-dim-2); text-transform:uppercase; padding:10px 10px 8px; }

.mp-wallet-list{ display:flex; flex-direction:column; gap:8px; }
.mp-wallet-item{
   display:flex; align-items:center; gap:14px; padding:14px;
   border:1px solid var(--rl-line-soft); background:rgba(20,10,38,.5);
   border-radius:14px; color:var(--rl-text); text-align:left; width:100%;
   font-family:inherit; font-size:14px; font-weight:600; cursor:pointer;
   transition:border-color .15s, background .15s, transform .12s;
}
.mp-wallet-item:hover{ border-color:var(--rl-gold); background:rgba(232,182,76,.06); transform:translateY(-1px); }
.mp-wallet-item:disabled{ opacity:.55; cursor:not-allowed; transform:none; }
.mp-wallet-item.is-busy{ border-color:var(--rl-gold); }
.mp-wallet-item .ic{
   width:40px; height:40px; border-radius:12px; flex-shrink:0;
   display:flex; align-items:center; justify-content:center; font-size:20px;
   background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
   border:1px solid var(--rl-line-soft);
}
.mp-wallet-item .ic.metamask{ color:#F2A45B; }
.mp-wallet-item .ic.phantom{ color:#AB9FF2; }
.mp-wallet-item .ic.solflare{ color:#FFB229; }
.mp-wallet-item .ic.trust{ color:#3375BB; }
.mp-wallet-item .ic.coinbase{ color:#5B8DEF; }
.mp-wallet-item .ic.walletconnect{ color:#5B99FC; }
.mp-wallet-item .ic.backpack{ color:#E86A6A; }
.mp-wallet-item .body{ flex:1; min-width:0; }
.mp-wallet-item .name{ display:block; font-weight:700; font-size:14.5px; }
.mp-wallet-item .sub{ display:block; font-size:11.5px; color:var(--rl-text-dim); font-weight:500; margin-top:2px; }
.mp-wallet-item .badge{ font-size:10.5px; font-weight:700; letter-spacing:1px; padding:4px 9px; border-radius:99px; text-transform:uppercase; white-space:nowrap; }
.mp-wallet-item .badge.detected{ background:rgba(84,214,160,.14); color:var(--rl-green); border:1px solid rgba(84,214,160,.22); }
.mp-wallet-item .badge.install{ background:rgba(167,123,255,.12); color:var(--rl-purple); border:1px solid rgba(167,123,255,.22); }
.mp-wallet-item .chev{ color:var(--rl-text-dim); font-size:13px; margin-left:6px; }
.mp-wallet-item .spin{ width:18px; height:18px; border-radius:50%; border:2px solid rgba(232,182,76,.25); border-top-color:var(--rl-gold); animation:mpSpin 1s linear infinite; }

.mp-modal-foot{ padding:12px 18px 16px; border-top:1px solid var(--rl-line-soft); font-size:11.5px; color:var(--rl-text-dim); text-align:center; }
.mp-modal-foot a{ color:var(--rl-gold); text-decoration:none; }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 940px){
   .mp-auth-panel{ padding:22px 20px 44px; }
   .mp-wl-card{ margin:24px auto; }
}
@media (max-width: 575.98px){
   .mp-auth-panel{ padding:18px 14px 40px; }
   .mp-auth-logo{ font-size:19px; }
   .mp-secondary-link{ padding:8px 13px; font-size:12px; }
   .mp-wl-card{ padding:30px 22px 26px; border-radius:20px; }
   .mp-wl-card::before{ inset:5px; }
   .mp-wl-card h1{ font-size:25px; }
   .mp-connect-btn .label{ display:inline; }
   .mp-modal{ border-radius:18px; }
}

/* ===================== TOASTIFY (royal) ===================== */
.toastify{
   font-family:var(--rl-font-body) !important;
   font-size:13.5px !important; font-weight:600 !important; letter-spacing:.2px;
   padding:14px 18px !important; border-radius:14px !important;
   box-shadow:0 18px 50px rgba(6,2,16,.6), 0 0 0 1px rgba(232,182,76,.14) !important;
   backdrop-filter:blur(12px); border:1px solid var(--rl-line);
   max-width:380px; display:flex !important; align-items:center; gap:10px; line-height:1.45;
}
.toastify.on{ animation:mpToastIn .32s cubic-bezier(.22,.61,.36,1); }
@keyframes mpToastIn{ from{ transform:translateY(-12px); opacity:0; } to{ transform:translateY(0); opacity:1; } }
.toastify.mp-toast-success{ background:linear-gradient(135deg,#1F3A30,#1C1136) !important; color:var(--rl-green) !important; border-color:rgba(84,214,160,.32) !important; }
.toastify.mp-toast-error{ background:linear-gradient(135deg,#3A1F2A,#1C1136) !important; color:var(--rl-danger) !important; border-color:rgba(255,111,139,.36) !important; }
.toastify.mp-toast-info{ background:linear-gradient(135deg,#2A1B4A,#1C1136) !important; color:var(--rl-champagne) !important; border-color:rgba(232,182,76,.30) !important; }
.toastify.mp-toast-warn{ background:linear-gradient(135deg,#3A2E18,#1C1136) !important; color:var(--rl-gold) !important; border-color:rgba(232,182,76,.34) !important; }
.toastify .toast-close{ color:rgba(255,255,255,.55) !important; opacity:1 !important; font-size:18px; margin-left:8px !important; align-self:center; }
.toastify .toast-close:hover{ color:var(--rl-text) !important; }
.toastify::before{ font-family:"Font Awesome 6 Free"; font-weight:900; font-size:18px; flex-shrink:0; }
.toastify.mp-toast-success::before{ content:"\f058"; }
.toastify.mp-toast-error::before{ content:"\f06a"; }
.toastify.mp-toast-info::before{ content:"\f05a"; }
.toastify.mp-toast-warn::before{ content:"\f071"; }