/* Hartly · v54 · بلوک 047 از ۱۱۸
   v49: LIVE ROOM REDESIGN — MIC SEATS, LIVE CHAT, GIFT PANEL (
   تولید خودکار توسط tools/split-layers.py */
/* ─── v54 ─── */
.flg54{width:24px;height:17px;border-radius:3px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.18);display:inline-block;vertical-align:middle}
.flg54sm{width:18px;height:13px;border-radius:2px;object-fit:cover;display:inline-block;vertical-align:-2px}
/* شیت پروفایل خودم روی مایک */
.ss54{width:100%;max-width:420px;background:#fff;border-radius:22px 22px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));animation:sheetUp .3s ease}
.ss54-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #f0f0f0;margin-bottom:12px}
.ss54-ava{width:52px;height:52px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;background:linear-gradient(135deg,#f59e0b,#f43f5e)}
.ss54-ava img{width:100%;height:100%;object-fit:cover}
.ss54-item{display:flex;align-items:center;gap:12px;padding:13px 6px;cursor:pointer;border-radius:14px}
.ss54-item:active{background:#f5f5f4}
.ss54-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ss54-mic{display:flex;align-items:center;justify-content:space-between;background:#f7f7f8;border-radius:16px;padding:12px 14px;margin-bottom:10px}
.sw54{width:46px;height:27px;border-radius:99px;background:#e7e5e4;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}
.sw54.on{background:linear-gradient(135deg,#34d399,#059669)}
.sw54 i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:99px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:left .2s}
.sw54.on i{left:22px}
/* شیت انتخاب پایان لایو */
.endc54{width:100%;max-width:420px;background:#fff;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:sheetUp .3s ease;text-align:center}
.endc54-btn{width:100%;padding:14px;border-radius:16px;font-weight:900;font-size:14px;border:0;cursor:pointer;margin-top:10px}
/* صفحه کامل ولت */
#wallet54{position:fixed;inset:0;z-index:98;background:#fff;display:none;flex-direction:column;max-width:420px;margin:0 auto;overflow-y:auto}
.wp54-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;position:sticky;top:0;background:#fff;z-index:2}
.wp54-card{margin:6px 16px 0;border-radius:20px;background:linear-gradient(135deg,#fb7185 0%,#f43f5e 55%,#e11d48 100%);padding:20px;color:#fff;position:relative;overflow:hidden;min-height:130px}
.wp54-card::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:99px;background:rgba(255,255,255,.12)}
.wp54-card::before{content:"";position:absolute;right:30px;bottom:-60px;width:120px;height:120px;border-radius:99px;background:rgba(255,255,255,.08)}
.wp54-row{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #f5f5f4;cursor:pointer}
.wp54-row:active{background:#fafaf9}
.wp54-price{border:1.5px solid #f43f5e;color:#f43f5e;font-weight:900;font-size:13px;padding:7px 16px;border-radius:999px;background:#fff}
.wp54-row:active .wp54-price{background:#f43f5e;color:#fff}
/* ردیف گیرندگان هدیه */
.gpToRow54{display:flex;align-items:center;gap:8px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}
.gpToRow54::-webkit-scrollbar{display:none}
.gpTo54{position:relative;width:40px;height:40px;border-radius:999px;flex-shrink:0;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;background:#3f3f46;overflow:visible}
.gpTo54 img{width:100%;height:100%;object-fit:cover;border-radius:999px}
.gpTo54.on{border-color:#fb7185;box-shadow:0 0 10px rgba(251,113,133,.55)}
.gpTo54 .nb{position:absolute;bottom:-3px;right:-3px;background:#f43f5e;color:#fff;font-size:8px;font-weight:900;min-width:15px;height:15px;border-radius:99px;display:flex;align-items:center;justify-content:center;border:1.5px solid #191026}
.gpTo54.allb{background:linear-gradient(135deg,#7c3aed,#4c1d95);font-size:9px}
/* شیت‌های سرویس */
.sv54{width:100%;max-width:420px;background:#fff;border-radius:22px 22px 0 0;padding:18px;max-height:80vh;overflow-y:auto;animation:sheetUp .3s ease}
.tsk54{display:flex;align-items:center;gap:12px;background:#f7f7f8;border-radius:16px;padding:12px 14px;margin-bottom:10px}
.tsk54-p{flex:1;height:7px;border-radius:99px;background:#e7e5e4;overflow:hidden}
.tsk54-p i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}
.clm54{border:0;border-radius:99px;padding:8px 16px;font-weight:900;font-size:11px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}
.clm54:disabled{background:#e7e5e4;color:#a8a29e}
.mall54-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mall54-c{background:#f7f7f8;border-radius:16px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border:2px solid transparent}
.mall54-c.on{border-color:#f43f5e}
.mfrm{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#e7e5e4;color:#78716c;font-weight:900}
.mfrm.gold{border:3px solid #FFC940;box-shadow:0 0 12px rgba(255,201,64,.7)}
.mfrm.neon{border:3px solid #e879f9;box-shadow:0 0 12px rgba(232,121,249,.7)}
.mfrm.ice{border:3px solid #38bdf8;box-shadow:0 0 12px rgba(56,189,248,.7)}
.mfrm.fire{border:3px solid #f43f5e;box-shadow:0 0 12px rgba(244,63,94,.7)}
.mfrm.rainbow{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f43f5e,#f59e0b,#10b981,#3b82f6) border-box}
.frm-gold{box-shadow:0 0 0 3px #FFC940,0 0 14px rgba(255,201,64,.8) !important}
.frm-neon{box-shadow:0 0 0 3px #e879f9,0 0 14px rgba(232,121,249,.8) !important}
.frm-ice{box-shadow:0 0 0 3px #38bdf8,0 0 14px rgba(56,189,248,.8) !important}
.frm-fire{box-shadow:0 0 0 3px #f43f5e,0 0 14px rgba(244,63,94,.8) !important}
.frm-rainbow{box-shadow:0 0 0 3px #f59e0b,0 0 14px rgba(245,158,11,.8) !important}
.bdg54-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bdg54-c{background:#f7f7f8;border-radius:16px;padding:14px 6px;text-align:center}
.bdg54-c.lock{opacity:.38;filter:grayscale(1)}
.heatBump54{animation:heatB54 .5s ease}
@keyframes heatB54{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}