/* ═══════════════════════════════════════════════════════════════════════════
 *  v405 · شیت کاربر داخل لایو (میزبان/مدیر روی یک بیننده یا مهمان مایک) — طراحی حرفه‌ای
 *
 *  مشکل (بازخورد مالک، با عکس شیت «Gift / Invite / Kick out / Manager / Room ban / Block user»): گرافیکش حرفه‌ای نبود —
 *  سربرگ کرم با خط زرد/قرمز، کاشی‌های هم‌رنگ (طلایی/قرمز/مشکی) بی سطح، «Room ban» و «Block user» یک آیکن، و ایدی
 *  ۸ حرف uid («8d2d7cae») به‌جای ایدی واقعی کاربر.
 *  راه‌حل (فقط ظاهر؛ منطق دکمه‌ها همان 150/164):
 *   ۱) برگهٔ سفید مرواریدی با هالهٔ ملایم یاسی/طلایی، گوشه ۲۶px، سایهٔ نرم.
 *   ۲) سربرگ: آواتار با حلقهٔ گرادیانی هارتلی، نام پررنگ، قرص «ID» با ایدی واقعی (150 ← idTag313، ایدی اختصاصی طلایی)،
 *      برچسب وضعیت با نقطهٔ سبز؛ خط جداکنندهٔ مویی.
 *   ۳) شبکهٔ چهارستونه: هر کار یک کاشی روی سطح روشن، آیکن سفید روی رنگ اختصاصی همان کار (هدیه نارنجی، دعوت بنفش،
 *      پروفایل آبی، مدیر فیروزه‌ای…) با برق شیشه‌ای؛ کارهای خطرناک (بیرون کردن، بلک‌لیست اتاق، بلاک شخصی) آخر و
 *      روی سطح صورتی کم‌رنگ؛ بلاک شخصی آیکن تازهٔ «آدمک با خط» (150 ← IC.ublock).
 *   ۴) «انصراف» دکمهٔ سفید جدا با متن تیره.
 *  دامنه: فقط شیت‌های یک‌نفره‌ای که 164 شبکه‌ای می‌کند (.ms120.prof … .g128): #ms120prof و شیت مایکِ پر.
 *  روانی: بی انیمیشن بی‌پایان، بی :has؛ فقط transition کوتاه هنگام لمس.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── ۱) برگه ─── */
.ms120.prof > .ms120-wrap{ max-width:440px }
.ms120.prof > .ms120-wrap > .ms120-card.g128{ position:relative; isolation:isolate; border-radius:26px; overflow:hidden;
  background:
    radial-gradient(120% 70% at 100% 0%, rgba(255,181,71,.13), transparent 58%),
    radial-gradient(110% 70% at 0% 0%, rgba(167,139,250,.17), transparent 60%),
    #FFFFFF;
  box-shadow:0 24px 60px -14px rgba(26,16,51,.55), inset 0 1px 0 #fff }

/* ─── ۲) سربرگ ─── */
.ms120.prof .ms120-card.g128 .ms120-head{ padding:16px 16px 14px; gap:12px; background:none; border-bottom:0 }
.ms120.prof .ms120-card.g128 .ms120-head::after{ inset:auto 16px 0 16px; height:1px; opacity:1;
  background:linear-gradient(90deg,transparent,#E9E3F5 16%,#E9E3F5 84%,transparent) }
.ms120.prof .ms120-card.g128 .ms120-av{ width:54px; height:54px; padding:2.5px;
  background:conic-gradient(from 210deg,#FFB547,#FF3D7F,#8B5CF6,#FFB547); box-shadow:0 8px 18px -8px rgba(139,92,246,.65) }
.ms120.prof .ms120-card.g128 .ms120-av img, .ms120.prof .ms120-card.g128 .ms120-av i{ border:2.5px solid #fff }
.ms120.prof .ms120-card.g128 .ms120-av i{ background:linear-gradient(135deg,#F4F0FF,#FFF1F6); color:#6D28D9 }
.ms120.prof .ms120-card.g128 .ms120-av em{ background:#1A1033; color:#FFD54A }
.ms120.prof .ms120-card.g128 .ms120-ht{ gap:4px }
.ms120.prof .ms120-card.g128 .ms120-ht b{ font-size:16.5px; font-weight:900; color:#1A1033; letter-spacing:-.1px }
/* قرص ایدی: «ID» کم‌رنگ + ایدی واقعی */
.ms120.prof .ms120-card.g128 .ms120-ht small.id405{ display:inline-flex; align-items:center; gap:5px; align-self:flex-start; max-width:100%;
  height:22px; padding:0 9px 0 4px; padding-inline:4px 9px; box-sizing:border-box; border-radius:99px; background:#F4F0FF; color:#3B1F7A;
  font-size:11.5px; font-weight:800; line-height:1; white-space:nowrap; overflow:hidden }
.ms120.prof .ms120-card.g128 .ms120-ht small.id405 > i{ flex:none; height:16px; padding:0 5px; border-radius:99px; display:inline-flex; align-items:center;
  font-style:normal; font-size:9px; font-weight:900; letter-spacing:.4px; color:#fff; background:linear-gradient(120deg,#8B5CF6,#FF3D7F) }
.ms120.prof .ms120-card.g128 .ms120-ht small.id405 > bdi{ min-width:0; overflow:hidden; text-overflow:ellipsis }
/* ایدی اختصاصی (298 ← .vn313 طلایی): طلایی تیره‌تر تا روی قرص روشن خوانا بماند */
.ms120.prof .ms120-card.g128 .ms120-ht small.id405 > .id313.vn313{ background:linear-gradient(180deg,#E8A317,#B45309); -webkit-background-clip:text; background-clip:text }
.ms120.prof .ms120-card.g128 .ms120-chips{ margin-top:0; gap:5px }
.ms120.prof .ms120-card.g128 .ms120-chip{ display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 8px; box-sizing:border-box;
  font-size:10.5px; font-weight:800; line-height:1; border:0 }
.ms120.prof .ms120-card.g128 .ms120-chip.green{ background:#ECFDF5; color:#047857 }
.ms120.prof .ms120-card.g128 .ms120-chip.green::before{ content:""; width:6px; height:6px; border-radius:50%; background:#10B981; box-shadow:0 0 0 2px rgba(16,185,129,.18) }
.ms120.prof .ms120-card.g128 .ms120-chip.gold{ background:#FFF7E6; color:#B45309 }
.ms120.prof .ms120-card.g128 .ms120-chip.red{ background:#FFF1F3; color:#E11D48 }

/* ─── ۳) شبکهٔ کارها ─── */
.ms120.prof .ms120-card.g128 .ms120-list{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:14px 12px 12px }
.ms120.prof .ms120-card.g128 .ms120-item{ gap:7px; padding:12px 2px 10px; border-radius:18px; background:#F8F6FC;
  box-shadow:inset 0 0 0 1px #EFEAF8; transition:transform .12s ease, background-color .12s ease }
.ms120.prof .ms120-card.g128 .ms120-item:active{ transform:scale(.95); background:#F1ECFA }
@media (hover:hover){ .ms120.prof .ms120-card.g128 .ms120-item:hover{ background:#F3EFFB } }
.ms120.prof .ms120-card.g128 .ms120-ic{ position:relative; overflow:hidden; width:44px; height:44px; border-radius:15px; border:0; color:#fff;
  background:linear-gradient(145deg,#C4B5FD,#8B5CF6 55%,#6D28D9); box-shadow:0 8px 16px -8px var(--sh405,rgba(109,40,217,.8)) }
.ms120.prof .ms120-card.g128 .ms120-ic::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.45),rgba(255,255,255,0) 52%) }
.ms120.prof .ms120-card.g128 .ms120-ic svg{ position:relative; z-index:1; width:21px; height:21px }
.ms120.prof .ms120-card.g128 .ms120-tx b{ font-size:11.5px; font-weight:800; color:#2A2340 }
/* رنگ هر کار */
.ms120.prof .ms120-card.g128 .ms120-item[data-a="gift"] .ms120-ic{ background:linear-gradient(145deg,#FFC94D,#FF8A3D 58%,#F2622E); --sh405:rgba(242,98,46,.85) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="inv"] .ms120-ic{ background:linear-gradient(145deg,#C4B5FD,#8B5CF6 55%,#6D28D9); --sh405:rgba(109,40,217,.85) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="profile"] .ms120-ic{ background:linear-gradient(145deg,#93DDFD,#38BDF8 55%,#0284C7); --sh405:rgba(2,132,199,.8) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="mgr"] .ms120-ic{ background:linear-gradient(145deg,#7DEBD9,#14B8A6 55%,#0F766E); --sh405:rgba(15,118,110,.8) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="down"] .ms120-ic{ background:linear-gradient(145deg,#FDE68A,#F59E0B 58%,#D97706); --sh405:rgba(217,119,6,.8) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="unmute"] .ms120-ic{ background:linear-gradient(145deg,#86EFAC,#10B981 55%,#047857); --sh405:rgba(4,120,87,.8) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="mute"] .ms120-ic{ background:linear-gradient(145deg,#FDA4AF,#FB7185 55%,#E11D48); --sh405:rgba(225,29,72,.8) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="block"] .ms120-ic{ background:linear-gradient(145deg,#A5B4CB,#64748B 55%,#334155); --sh405:rgba(51,65,85,.8) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="kick"] .ms120-ic{ background:linear-gradient(145deg,#FF9DB0,#FF4D6D 55%,#E11D48); --sh405:rgba(225,29,72,.85) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="rbl"] .ms120-ic{ background:linear-gradient(145deg,#FC8181,#DC2626 55%,#991B1B); --sh405:rgba(153,27,27,.85) }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="pbl"] .ms120-ic{ background:linear-gradient(145deg,#6B7280,#1F2937 60%,#111827); --sh405:rgba(17,24,39,.8) }
/* کارهای عادی اول، کارهای خطرناک آخر (همان ترتیب در هر دو شیت) */
.ms120.prof .ms120-card.g128 .ms120-item[data-a="gift"]{ order:1 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="profile"]{ order:2 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="inv"]{ order:3 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="mgr"]{ order:4 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="down"]{ order:5 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="unmute"], .ms120.prof .ms120-card.g128 .ms120-item[data-a="mute"]{ order:6 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="block"]{ order:7 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="kick"]{ order:8 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="rbl"]{ order:9 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="pbl"]{ order:10 }
/* سطح کارهای خطرناک */
.ms120.prof .ms120-card.g128 .ms120-item[data-a="kick"], .ms120.prof .ms120-card.g128 .ms120-item[data-a="rbl"],
.ms120.prof .ms120-card.g128 .ms120-item[data-a="pbl"]{ background:#FFF6F8; box-shadow:inset 0 0 0 1px #FCE4EA }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="kick"] .ms120-tx b, .ms120.prof .ms120-card.g128 .ms120-item[data-a="rbl"] .ms120-tx b{ color:#E11D48 }
.ms120.prof .ms120-card.g128 .ms120-item[data-a="pbl"] .ms120-tx b{ color:#1F2937 }

/* ─── ۴) انصراف ─── */
/* position: برگه (position:relative) روی دکمهٔ بی‌جایگاه کشیده می‌شود و سایه‌اش روی دکمه می‌افتاد */
.ms120.prof > .ms120-wrap > .ms120-cancel{ position:relative; z-index:1; height:52px; margin-top:8px; padding:0; border:0; border-radius:20px; background:#fff; color:#1A1033;
  font-size:15px; font-weight:900; box-shadow:0 14px 34px -12px rgba(26,16,51,.55), inset 0 0 0 1px #EEE9F6 }
.ms120.prof > .ms120-wrap > .ms120-cancel:active{ background:#F7F5FC }

@media (max-width:340px){
  .ms120.prof .ms120-card.g128 .ms120-list{ gap:6px; padding:12px 10px 10px }
  .ms120.prof .ms120-card.g128 .ms120-ic{ width:40px; height:40px; border-radius:14px }
  .ms120.prof .ms120-card.g128 .ms120-tx b{ font-size:10.5px }
}
@media (prefers-reduced-motion:reduce){ .ms120.prof .ms120-card.g128 .ms120-item{ transition:none } }