/* ============================================================
   RatTaraSMS redesign  —  loaded LAST on every page.
   Flat, solid cards · one accent · light by default (dark available)
   · Manrope text + IBM Plex Mono numbers · flat labelled bottom bar.
   It re-skins the existing markup; no logic is touched.
   ============================================================ */

:root,[data-theme="dark"]{
  --bg-solid:#0A0F22;--bg:#0A0F22;--surface:#131A33;--card:#131A33;--border:#26305A;
  --accent:#7F9BFF;--accent2:#7F9BFF;--accent3:#7F9BFF;
  --green:#4FE0A5;--red:#FF8A80;--yellow:#FFC857;--orange:#FFB070;
  --text:#EDF1FF;--muted:#9AA6CC;--radius:16px;
  --glow:none;--glass-blur:none;--menu-bg:#131A33;--menu-hover:#1B2444;
  --on-accent:#0A0F22;--soft:#1B2444;--accent-soft:#202B5C;--green-soft:#123A33;--amber-soft:#3D3112;--red-soft:#3E1B1F;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg-solid:#F3F5FA;--bg:#F3F5FA;--surface:#FFFFFF;--card:#FFFFFF;--border:#DCE2F0;
  --accent:#2F4BFF;--accent2:#2F4BFF;--accent3:#2F4BFF;
  --green:#0A7F57;--red:#B42318;--yellow:#8A5A00;--orange:#9A4A00;
  --text:#101735;--muted:#566082;--radius:16px;
  --glow:none;--glass-blur:none;--menu-bg:#FFFFFF;--menu-hover:#EAEEF7;
  --on-accent:#FFFFFF;--soft:#E6EBF6;--accent-soft:#E3E8FF;--green-soft:#D9F5E8;--amber-soft:#FFEFC9;--red-soft:#FDE1DE;
  color-scheme:light;
}

/* ---- base ---- */
html,body{font-family:"Manrope",system-ui,-apple-system,sans-serif;background:var(--bg)!important;background-attachment:scroll}
body::before{display:none!important}
button,input,select,textarea{font-family:"Manrope",system-ui,sans-serif}
*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.card,.sms-big-card,.sms-stat-card,.an-action-card,.home-qa-btn,.lb-table,.lb-range-group,.recent-item,#smsRecentCard,.wl-card,.wl-box,.tf-card,.wa-card,.wa-cc{box-shadow:none!important;text-shadow:none}

/* numbers use the mono face */
.sms-big-num,.sms-stat-num,.earn-big,.earn-sm,.bn-sms-count,.wl-big,.wl-num,.wl-mono,[class*="-num"],[class*="mono"]{font-family:"IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:0}

/* ---- header ---- */
.header{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:none!important}
.logo-text{background:none!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important}
.profile-avatar,.home-avatar,.range-dot,.tf-av{background:var(--accent)!important;color:var(--on-accent)!important}

/* ---- buttons ---- */
.btn,.btn-primary,.wl-btn.p,.an-cta,.wa-btn.p,.wa-pill.on{background-image:none!important}
.btn-primary,.wl-btn.p,.an-cta,.wa-btn.p,.wa-pill.on{background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;box-shadow:none!important}
.btn-primary:hover{box-shadow:none!important;transform:none;filter:brightness(1.06)}
.btn-ghost{background:var(--card);border:1px solid var(--border);color:var(--text)}
.btn-ghost:hover{background:var(--soft);border-color:var(--accent);color:var(--accent)}
.btn-copy,.btn-restore{background:var(--accent-soft)!important;border:1px solid transparent!important;color:var(--accent)!important}

/* ---- hero + stat cards (client home) ---- */
.sms-big-card.sms-hero{background:var(--accent)!important;background-image:none!important;border:0!important;border-radius:20px!important;box-shadow:none!important}
.sms-hero .sms-big-label,.sms-hero .sms-big-sub,.sms-hero .sms-big-num,.sms-hero .earn-big{color:var(--on-accent)!important}
.sms-hero .earn-dia{background:var(--on-accent)!important;box-shadow:none!important;opacity:.7}
.sms-hero .live-dot{background:var(--on-accent)!important}
.sms-stat-card{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important}
.sms-stat-card::before,.an-action-card::before{display:none!important}
.sms-stat-num{color:var(--text)!important}
.sms-stat-card:nth-child(1),.sms-stat-card:nth-child(2){border-color:var(--border)!important}
.earn-dia{box-shadow:none!important}
.earn-big,.earn-sm{color:var(--green)!important}
.sms-stat-label,.sms-big-label{text-transform:none;letter-spacing:0;font-weight:700}

/* ---- notification banner, toasts, quick action ---- */
.notif-banner{background:var(--amber-soft)!important;border:1px solid var(--border)!important}
.notif-banner-btn{background:var(--accent)!important;color:var(--on-accent)!important}
.home-qa-btn,.an-action-card{background:var(--card)!important;border:1px solid var(--border)!important}
#smsRecentCard{background:var(--card)!important;background-image:none!important;border:1px solid var(--border)!important}
#smsRecentCard::before{display:none!important}
.recent-item.open{background:var(--card)!important;background-image:none!important;border:1px solid var(--border)!important;box-shadow:none!important}
.recent-item.open::before{background:var(--accent)!important}
.recent-item.open .recent-msg{background:var(--soft)!important;background-image:none!important}
.recent-range-top{background:var(--accent-soft)!important;background-image:none!important;border:0!important;color:var(--accent)!important}
.topcli-bar span{background:var(--accent)!important}
.sms-alert-toast{background:var(--card)!important;background-image:none!important;border:1px solid var(--border)!important}

/* ---- leaderboard (Top 10) ---- */
.lb-podium-wrap,[data-theme] .lb-podium-wrap,[data-theme] #top10Page .lb-podium-wrap{background:var(--card)!important;background-image:none!important;border:1px solid var(--border)!important}
.lb-podium-wrap::before,.lb-coming::before{display:none!important}
.lb-frame,[data-theme] .lb-frame{background:none!important;background-image:none!important;border-color:var(--border)!important;box-shadow:none!important}
.lb-podium-block,.lb-podium-col.p1 .lb-podium-block,.lb-podium-col.p3 .lb-podium-block,.lb-podium-col.p1 .lb-av-shell::after{background:none!important;background-image:none!important;box-shadow:none!important}
.lb-podium-avatar,.lb-avatar,.lb-podium-col.p1 .lb-podium-avatar,.lb-podium-col.p2 .lb-podium-avatar,.lb-podium-col.p3 .lb-podium-avatar,[data-theme] .lb-podium-avatar,[data-theme] #top10Page .lb-podium-avatar,[data-theme] #top10Page .lb-podium-col.p1 .lb-podium-avatar,[data-theme] #top10Page .lb-podium-col.p2 .lb-podium-avatar,[data-theme] #top10Page .lb-podium-col.p3 .lb-podium-avatar{background:var(--soft)!important;background-image:none!important;color:var(--text)!important}
.lb-podium-col.p1 .lb-podium-avatar{background:var(--accent)!important;color:var(--on-accent)!important}
.lb-hex,.lb-podium-col.p1 .lb-hex,.lb-podium-col.p2 .lb-hex,.lb-podium-col.p3 .lb-hex{background:var(--accent)!important;background-image:none!important;color:var(--on-accent)!important;box-shadow:none!important}
.lb-coming,[data-theme] .lb-coming{background:var(--card)!important;background-image:none!important;border:1px solid var(--border)!important}
.lb-range-btn.selected{background:var(--accent)!important;background-image:none!important;color:var(--on-accent)!important;box-shadow:none!important}
.lb-podium-name,.lb-name,.lb-title,.lb-podium-score,.lb-user-text .lb-name,[data-theme] .lb-title,[data-theme] .lb-podium-name,[data-theme] .lb-name,[data-theme] .lb-podium-score{color:var(--text)!important}
.lb-vol-num,[data-theme] .lb-vol-num{color:var(--accent)!important}
.lb-table,.lb-range-group,[data-theme] .lb-table,[data-theme] .lb-range-group{background:var(--card)!important;border-color:var(--border)!important;box-shadow:none!important}
.b-elite,.b-fast,.b-fire,.b-sharp,.b-strat,.b-dom,.b-speed{background:var(--accent-soft)!important;background-image:none!important;color:var(--accent)!important}

/* ---- wallet ---- */
.wl-bar i{background:var(--accent)!important}

/* ---- bottom bar: flat, full width, icon + label ---- */
.bottom-nav{
  left:50%!important;right:auto!important;transform:translateX(-50%);bottom:0!important;
  width:100%!important;max-width:var(--app-max-width)!important;height:72px!important;
  border-radius:0!important;border:0!important;border-top:1px solid var(--border)!important;
  background:var(--card)!important;box-shadow:none!important;
  padding:0!important;display:flex!important;align-items:stretch;justify-content:space-around;
  --bn-ink:var(--muted);--bn-label:var(--accent);
}
.bn-item{flex:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:none!important;border:0!important;color:var(--muted)!important;position:relative;padding:0!important;height:100%;cursor:pointer}
.bn-item .bn-icon{width:24px!important;height:24px!important;font-size:1.1rem;background:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important;
  display:flex;align-items:center;justify-content:center;color:inherit!important}
.bn-item .bn-icon svg{width:22px;height:22px;display:block}
.bn-item.active .bn-icon{transform:none!important;background:none!important;box-shadow:none!important;color:var(--accent)!important}
.bn-item > span:not(.bn-icon):not(.bn-sms-count):not(.wa-nav-badge){opacity:1!important;transform:none!important;font-size:.69rem;font-weight:700;color:inherit!important}
.bn-item.active{color:var(--accent)!important}
.bn-item.active::before{content:"";position:absolute;top:0;left:50%;margin-left:-14px;width:28px;height:3px;background:var(--accent)}
.bn-item::after{display:none!important}
.bn-sms-pill{background:var(--accent-soft)!important;border:0!important}
.bn-sms-count,.bn-item.active .bn-sms-count{color:var(--accent)!important}
@media(max-width:480px){.bottom-nav{width:100%!important;max-width:100%!important;bottom:0!important;height:72px!important;border-radius:0!important}.bn-item .bn-icon{width:24px!important;height:24px!important}.bn-item.active .bn-icon{transform:none!important}}

/* ---- admin withdrawals widgets ---- */
.wa-wst,.wa-qn,.wa-cc .ch,.wa-cc.fz .ch{background:var(--soft)!important;background-image:none!important}
.wa-pill.on{background:var(--accent)!important}

/* ---- Top 10 page was "night-locked" in light mode: follow the theme now ---- */
[data-theme="light"] #top10Page{--bg:#F3F5FA;--surface:#FFFFFF;--card:#FFFFFF;--border:#DCE2F0;--accent:#2F4BFF;--accent2:#2F4BFF;--green:#0A7F57;--red:#B42318;--text:#101735;--muted:#566082;--glow:none;background:#F3F5FA!important;color:#101735!important}
[data-theme="dark"] #top10Page{--bg:#0A0F22;--surface:#131A33;--card:#131A33;--border:#26305A;--accent:#7F9BFF;--accent2:#7F9BFF;--green:#4FE0A5;--red:#FF8A80;--text:#EDF1FF;--muted:#9AA6CC;--glow:none;background:#0A0F22!important;color:#EDF1FF!important}
[data-theme] #top10Page .lb-table,[data-theme] #top10Page .lb-range-group{background:var(--card)!important;border-color:var(--border)!important}
[data-theme] #top10Page .lb-verified{border-color:var(--card)}

/* ---- admin: Numbers switch (Upload / Ranges / Assigned) ---- */
.num-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));text-align:center;gap:4px;background:var(--soft);border-radius:14px;padding:4px;margin:0 0 14px}
.num-seg button{border:0;background:none;color:var(--muted);font:700 .8rem "Manrope",sans-serif;padding:10px 0;border-radius:10px;cursor:pointer}
.num-seg button.on{background:var(--card);color:var(--text);font-weight:800}
/* the withdrawal window switch now has two choices */
.wa-seg button.on{background:var(--accent)!important;color:var(--on-accent)!important;box-shadow:none!important}

/* ---- every spot that used Space Mono now uses IBM Plex Mono ---- */
.sms-mini-num,
.badge,
.sms-counter-num,
.range-count-num,
.num-sms-badge,
.num-index,
.num-val,
.alloc-range-id,
.bn-sms-count,
.home-stat-num,
.sms-big-num,
.sms-report-num,
.sms-report-time,
.recent-time,
.recent-num,
.lb-hex,
.lb-podium-avatar,
.lb-podium-score,
.lb-rank,
.lb-vol-num,
.lb-streak-cell,
.sms-stat-num,
.recent-item.open .recent-num,
.recent-item.open .recent-time,
.rsms-dev-time,
.rsms-num-line,
.topcli-rank,
.topcli-count,
.earn-big,
.earn-sm,
.wl-mono,
.wl-big,
.wl-cd,
.wl-amt,
.tf-clock,
.tf-next .t b,
.tf-tot b,
.tf-ring text,
.tf-g b,
.wa-mono,
.wa-kpi b,
.wa-cd,
.wa-amt,
.wa-donut b,
.wa-rk,
.wa-nm,
.wa-qh b,
.wa-qnum,
.wa-big2,
.wa-ms b,
.wa-cfg span,
.wa-cfg b,
.wa-tl .ta,
.wa-hc,
.wa-kv .v,
.login-brand-name,
.logo-text,
.provider-chip{font-family:"IBM Plex Mono",ui-monospace,monospace!important}
.wa-tl{background:var(--card)!important;border-color:var(--border)!important}
.wa-tl .ta{color:var(--text)}
.wa-kpi,.wa-card,.wa-cc{box-shadow:none!important}

/* v36: logo follows the theme (dark = original, light = deeper gold) */
.lg-l{display:none}
[data-theme="light"] .lg-d{display:none}
[data-theme="light"] .lg-l{display:inline-block}
[data-theme="dark"] .lg-l{display:none}
[data-theme="dark"] .lg-d{display:inline-block}

/* v36b: balance cards follow the theme.
   dark  = the same navy surface family as every other dark card, with the light-blue accent
   light = solid blue with white text */
:root,[data-theme="dark"]{
  --hero-bg:var(--accent-soft);--hero-fg:var(--text);--hero-border:var(--border);
  --hero-tile:rgba(127,155,255,.14);--hero-pill:rgba(127,155,255,.18);--hero-line:rgba(237,241,255,.35);
  --hero-ring-bg:rgba(127,155,255,.22);--hero-ring-fg:var(--accent);
  --hero-btn-bg:var(--accent);--hero-btn-fg:var(--on-accent);--hero-star-bg:var(--accent);--hero-star-fg:var(--on-accent);
}
[data-theme="light"]{
  --hero-bg:#2F4BFF;--hero-fg:#fff;--hero-border:#2F4BFF;
  --hero-tile:rgba(255,255,255,.16);--hero-pill:rgba(255,255,255,.2);--hero-line:rgba(255,255,255,.4);
  --hero-ring-bg:rgba(255,255,255,.25);--hero-ring-fg:#fff;
  --hero-btn-bg:#fff;--hero-btn-fg:#2F4BFF;--hero-star-bg:#fff;--hero-star-fg:#2F4BFF;
}
.sms-big-card.wb-card,.wl-bal{background:var(--hero-bg)!important;background-image:none!important;color:var(--hero-fg)!important;border:1px solid var(--hero-border)!important}
.wb-top,.wb-two span,.wb-two i,.wl-bal-top,.wl-bal-sub,.wl-bal-two span,.wl-bal-two i,.wl-bal-best>div span,.wl-bal-ring span{color:var(--hero-fg)!important}
.wb-big,.wb-two b,.wl-bal-big,.wl-bal-two b,.wl-bal-best b,.wl-bal-best em,.wl-bal-ring b,.wl-bal-chips span{color:var(--hero-fg)!important}
.wb-pill,.wl-bal-pill,.wb-two>div,.wl-bal-two>div,.wl-bal-best,.wl-bal-chips span,.wl-seg{background:var(--hero-tile)!important}
.wb-pill,.wl-bal-pill{background:var(--hero-pill)!important;color:var(--hero-fg)!important}
.wl-seg button{color:var(--hero-fg)!important;background:none!important}
.wl-seg button.on{background:var(--hero-btn-bg)!important;color:var(--hero-btn-fg)!important}
.wl-bal-ring .bg{stroke:var(--hero-ring-bg)!important}.wl-bal-ring .fg{stroke:var(--hero-ring-fg)!important}
.wl-bal-best .st{background:var(--hero-star-bg)!important;color:var(--hero-star-fg)!important}
.wl-bal-b{border-color:var(--hero-line)!important;color:var(--hero-fg)!important;background:transparent!important}
.wl-bal-b.p{background:var(--hero-btn-bg)!important;color:var(--hero-btn-fg)!important;border-color:var(--hero-btn-bg)!important}