/* ═══════════════════════════════════════════════════════════════════════════
 *  v418 · کاور چندتایی/متحرک/ویدیویی — برگهٔ مدیریت کاور، پشتهٔ اسلایدی و پیام کوچک (جفتِ 350)
 *  پشتهٔ .cs418 داخل کاور «مرکز من» (.cv233، زیر scrim z2) و «پشت اکانت» (.cv146) می‌نشیند؛
 *  جابه‌جایی اسلاید فقط transition یک‌بارمصرف opacity است (بی انیمیشن بی‌پایان). بی :has.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── ریل اسلایدی روی کاور (v419: کشویی transform به‌جای محو، برای ورق زدن دستی) ─── */
.cs418{ position:absolute; inset:0; z-index:1; overflow:hidden }
.cs418t{ display:flex; height:100%; transition:transform .45s cubic-bezier(.3,.8,.3,1) }
.cs418t > img, .cs418t > video{ flex:0 0 100%; width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; -webkit-user-drag:none }
/* v421 · کشیدن افقی مال ریل است (مرورگر فقط اسکرول عمودی را برمی‌دارد)؛ بی انتخاب متن/کشیدن عکس */
.cs418on{ touch-action:pan-y; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none }
/* v421 · نقطه‌ها: بیرون از ریل و بالای محو سفید کاور (scrim 233 روی z2 بود و نقطهٔ سفید روی سفید دیده نمی‌شد)؛
   قرص سفید نیمه‌شفاف با نقطه‌های بنفش و نقطهٔ فعال کشیدهٔ صورتی←بنفش — روی عکس و روی محو سفید هر دو خوانا */
.cs418d{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); z-index:4; display:flex; align-items:center; gap:5px;
  padding:4px 7px; border-radius:99px; pointer-events:none; background:rgba(255,255,255,.78); box-shadow:0 2px 8px -2px rgba(76,29,149,.38) }
.cs418d i{ width:6px; height:6px; border-radius:99px; background:rgba(139,92,246,.35); transition:width .3s ease, background-color .3s }
.cs418d i.on{ width:16px; background:linear-gradient(90deg,#FF3D7F,#8B5CF6) }
/* v421 · «پشت اکانت»: نوار بالای چسبان (۵۶px + safe-area) شفاف روی بالای کاور است و لمس را می‌گرفت (کشیدن روی
   نیمهٔ بالای عکس هیچ کاری نمی‌کرد). تا وقتی شفاف است (بی .scd) از لمس رد می‌شود، فقط دکمه‌هایش لمس‌پذیرند */
#pv146o .pz234:not(.scd) .tb146.sb234{ pointer-events:none }
#pv146o .pz234 .tb146.sb234 .ib146{ pointer-events:auto }
/* v421 · VIP با پس‌زمینهٔ تصویری (vimg235، 325): ماسک محو پایین روی خود کاور بود و نقطه‌ها را هم تا ۲۵٪ کم‌رنگ می‌کرد؛
   وقتی ریل فعال است ماسک به فرزندان تمام‌قد کاور منتقل می‌شود (همان ظاهر)، نقطه‌ها و دکمه بی ماسک */
#s-profile #me148host .pc233.vimg235 .hr148.cv233.cs418on{ -webkit-mask:none; mask:none }
#s-profile #me148host .pc233.vimg235 .hr148.cv233.cs418on > :not(.cs418d):not(button){
  -webkit-mask:linear-gradient(180deg,#000 52%,transparent 100%); mask:linear-gradient(180deg,#000 52%,transparent 100%) }
/* وقتی پشته فعال است، کاور تک‌عکسی قدیمی زیرش پنهان (هنر پس‌زمینه بماند تا لحظهٔ بار شدن خالی نباشد) */
.cv233.cs418on .cvp233, .cv146.cs418on .cvi146{ visibility:hidden }

/* ─── برگهٔ مدیریت کاور (روی اسکلت برگه‌های 190: .sh148) ─── */
#cm418 .cm418-c{ padding:14px 16px calc(16px + env(safe-area-inset-bottom)) }
#cm418 h3{ display:flex; align-items:center; gap:7px; margin:2px 0 12px; font-size:15px; font-weight:900; color:#1F1433 }
#cm418 h3 svg{ color:#8B5CF6 }
#cm418 h3 small{ margin-inline-start:auto; font-size:10.5px; font-weight:700; color:#8A82A0 }
#cm418.busy .cm418-c{ opacity:.55; pointer-events:none }
.cm418-g{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px }
.cm418-t{ position:relative; height:74px; border-radius:14px; overflow:hidden; background:#F2EFF7; box-shadow:inset 0 0 0 1.5px #EEE8F8 }
.cm418-t img, .cm418-t video{ width:100%; height:100%; object-fit:cover; display:block }
.cm418-t em{ position:absolute; bottom:4px; left:50%; transform:translateX(-50%); padding:1px 6px; border-radius:99px; font-style:normal; font-size:9px; font-weight:900; white-space:nowrap;
  color:#fff; background:linear-gradient(90deg,#FF3D7F,#8B5CF6) }
.cm418-t b{ position:absolute; top:4px; inset-inline-start:4px; padding:1px 6px; border-radius:99px; font-size:9px; font-weight:900; color:#6D28D9; background:rgba(255,255,255,.9) }
.cm418-t .rm{ position:absolute; top:4px; inset-inline-end:4px; width:20px; height:20px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center;
  font-size:11px; font-weight:900; line-height:1; color:#fff; background:rgba(23,10,42,.55) }
/* v419 · اولویت: پیکان رو به آغاز = جلوتر (اصلی‌تر)، رو به پایان = عقب‌تر */
.cm418-t .mv{ position:absolute; bottom:4px; width:20px; height:20px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center;
  color:#6D28D9; background:rgba(255,255,255,.92); box-shadow:0 1px 3px rgba(23,10,42,.3) }
.cm418-t .mv.a{ inset-inline-start:4px }
.cm418-t .mv.b{ inset-inline-end:4px }
#cm418[dir="rtl"] .cm418-t .mv.b svg, #cm418[dir="ltr"] .cm418-t .mv.a svg{ transform:scaleX(-1) }
.cm418-a{ height:74px; border:1.5px dashed #D9CFF0; border-radius:14px; background:#FBFAFE; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  color:#8B5CF6; font:inherit }
.cm418-a small{ font-size:10px; font-weight:800; color:#8A82A0 }
.cm418-n{ margin:10px 2px 0; font-size:11px; font-weight:700; color:#8A82A0 }
.cm418-l{ display:flex; flex-direction:column; gap:6px; margin-top:12px; padding-top:10px; border-top:1px solid #F5F2FA }
.cm418-l span{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:800; color:#7C3AED }
.cm418-l svg{ flex:none; color:#A78BFA }

/* ─── پیام کوچک ─── */
#cmt418{ position:fixed; bottom:calc(86px + env(safe-area-inset-bottom)); left:50%; transform:translate(-50%, 8px); z-index:9999;
  max-width:86vw; padding:9px 16px; border-radius:99px; font-size:12.5px; font-weight:800; color:#fff; text-align:center;
  background:rgba(31,20,51,.92); box-shadow:0 10px 24px -10px rgba(31,20,51,.7); opacity:0; pointer-events:none; transition:opacity .25s, transform .25s }
#cmt418.on{ opacity:1; transform:translate(-50%, 0) }
@media (prefers-reduced-motion:reduce){ .cs418t, .cs418d i, #cmt418{ transition:none } }