/* ═══════════════════════════════════════════════════════════════════════════
 *  v406 · صمیمیت CP و «سربرگ دونفره» در بخش CP پروفایل (تب «ارتباط»، 188 ← .cp234)
 *
 *  درخواست مالک (با نمونهٔ کارت لایو یک برنامهٔ دیگر: دو قاب با قلب بالای کارت): وقتی «درصد CP» پر شد، در بخش CP یک آیتم
 *  باشد که صاحب پروفایل روشن/خاموشش کند تا CPاش این‌طور کنار خودش بالای کارت لایو بیاید یا نه.
 *  ساختار و منطق: 188 (cpProg406، bond_cp_duo) و 257 (صحنهٔ دونفره فقط با duo)؛ SQL ‏20261020172607_cp_intimacy_duo.sql.
 *   ۱) نوار «صمیمیت» با درصد: هدیه‌های بین دو نفر از زمان CP شدن ÷ سقف پنل مادر. پر که شد طلایی-صورتی می‌شود.
 *   ۲) آیتم «سربرگ دونفره» (فقط پروفایل خودم): پیش از ۱۰۰٪ قفل، بعد کلید روشن/خاموش.
 *  روانی: بی انیمیشن بی‌پایان، بی :has؛ فقط transition کلید.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── ۱) صمیمیت ─── */
.cp234 .cpg406{ position:relative; margin:12px 2px 0; padding:10px 12px 9px; border-radius:16px; background:rgba(255,255,255,.66);
  box-shadow:inset 0 0 0 1px rgba(244,63,94,.14) }
.cp234 .cpgh406{ display:flex; align-items:center; justify-content:space-between; gap:8px }
.cp234 .cpgh406 b{ font-size:12.5px; font-weight:900; color:#2A1B47 }
.cp234 .cpgh406 em{ font-style:normal; font-size:13px; font-weight:900; color:#E11D48 }
.cp234 .cpgb406{ position:relative; height:8px; margin-top:7px; border-radius:99px; overflow:hidden; background:#FBE3EC }
.cp234 .cpgb406 > i{ position:absolute; inset-block:0; inset-inline-start:0; border-radius:inherit; max-width:100%;
  background:linear-gradient(90deg,#FF8FB1,#FF3D7F 55%,#E11D48); box-shadow:0 0 10px rgba(255,61,127,.55) }
.cp234 .cpg406 > small{ display:block; margin-top:6px; font-size:11px; font-weight:700; color:#8B6A86 }
.cp234 .cpg406.full .cpgb406 > i{ background:linear-gradient(90deg,#FFD54A,#FF8A3D 45%,#FF3D7F) }
.cp234 .cpg406.full > small{ color:#BE185D }

/* ─── ۲) سربرگ دونفره ─── */
.cp234 .cpd406{ display:flex; align-items:center; gap:10px; margin:8px 2px 0; padding:10px 12px; border-radius:16px; background:#fff;
  box-shadow:0 8px 18px -14px rgba(190,24,93,.7), inset 0 0 0 1px #FBE0EE }
.cp234 .cpdi406{ flex:none; width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(145deg,#FF8FB1,#FF3D7F 55%,#C026D3); box-shadow:0 8px 14px -8px rgba(225,29,72,.85) }
.cp234 .cpdi406 svg{ width:22px; height:22px }
.cp234 .cpdt406{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.cp234 .cpdt406 b{ font-size:13.5px; font-weight:900; color:#2A1B47 }
.cp234 .cpdt406 small{ font-size:11px; font-weight:700; color:#8B6A86; line-height:1.35 }
.cp234 .cpd406.lk .cpdi406{ background:linear-gradient(145deg,#E9DDF2,#C9B6DA); box-shadow:none }
.cp234 .cpd406.lk .cpdt406 b{ color:#6B5A80 }
.cp234 .cpdl406{ flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:#A78BBA; background:#F6F1FA }
.cp234 .cpdl406 svg{ width:16px; height:16px }
/* کلید */
.cp234 .sw406{ flex:none; position:relative; width:48px; height:28px; padding:0; border:0; border-radius:99px; cursor:pointer; background:#E6DDEF;
  transition:background-color .18s ease; -webkit-tap-highlight-color:transparent }
.cp234 .sw406 > i{ position:absolute; top:3px; inset-inline-start:3px; width:22px; height:22px; border-radius:50%; background:#fff;
  box-shadow:0 2px 6px rgba(42,27,71,.3); transition:transform .18s ease }
.cp234 .sw406.on{ background:linear-gradient(90deg,#FF3D7F,#E11D48) }
.cp234 .sw406.on > i{ transform:translateX(20px) }
[dir=rtl] .cp234 .sw406.on > i{ transform:translateX(-20px) }
.cp234 .sw406:disabled{ opacity:.6 }
@media (prefers-reduced-motion:reduce){ .cp234 .sw406, .cp234 .sw406 > i{ transition:none } }