/* ===== Linear bar + icons ===== */
.box-balance-line{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.balance-line-bg{flex:1;height:6px;background:#555;border-radius:3px;position:relative}
.balance-line{height:6px;background:#00d26a;border-radius:3px 0 0 3px}
.balance-line-icon{width:24px;height:24px;background:url(/content/icons/balance-point.svg) center/contain no-repeat}

/* ===== Pref row ===== */
.box-balance-pref{display:flex;justify-content:space-between;font-weight:600;margin-bottom:20px}
#old-group{color:#7ac84b}#next-group{color:#f5b623}

/* ===== Vertical roadmap ===== */
.donate-status-check{position:relative}
.line-donate-map{position:absolute;right:12px;top:0;bottom:0;width:2px;background:#777}
.box-status{padding:8px 0 24px 0;position:relative}
.status-info{display:block;color:#aaa;font-size:14px;margin-left:4px}
.status-role{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-weight:500}
.prefix{padding:2px 6px;border-radius:4px;font-weight:700;color:#000}
.p-vip{background:#61ed75;color:#fff}.p-premium{background:#00e8ed;color:#fff}.p-mvp{background:#fee478;color:#fff}
.p-mvpp{background:#fab943;color:#fff}.p-lord{background:#edb0f6;color:#fff}.p-god{background:#ff737f;color:#fff}
.p-boss{background:#eb3b4b;color:#fff}.p-master{background:#ff6500;color:#fff}
.p-legend{background:#ffa000;color:#fff}.p-titan{background:#0075ac;color:#fff}
.p-immortal{background:#00be8e;color:#fff}.p-absolute{background:#ff1b94;color:#fff}
.p-op{background:#ff1f1f;color:#fff}.p-opp{background:#d60b0b;color:#fff}
.bg-balance-buy{width:24px;height:24px;border-radius:50%;background:#444;display:flex;justify-content:center;align-items:center}
.bg-balance-buy-active{background:#00d26a}