/* ═══════════════════════════════════════════════════════════════════════════
 *  v463 · منوی سه‌نقطهٔ چت سوپر حرفه‌ای — پولیش در حد تلگرام، با هویت Hartly
 *
 *  درخواست مالک (عکس شیت): «این چیدمان را قدرتمند و حرفه‌ای‌تر کن، مثل تلگرام».
 *  فقط CSS روی همان ساختار richMenu (202 ← .sh165.rm): پس‌زمینهٔ مات، هیروی شیشه‌ای،
 *  کارهای سریع با رنگ‌مایهٔ خودشان، آیکن هر ردیف در مربع‌گرد گرادیانی مخصوص خودش
 *  (امضای تلگرام)، سوییچ‌های فنری iOS، کارت‌های براق با خط‌موی ظریف، پانوشت قرصی،
 *  و ورود پلکانی یک‌بارهٔ بخش‌ها (فقط transform/opacity؛ reduced-motion و lite366 خاموش).
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── پس‌زمینه و بدنهٔ شیت ─── */
.sh165.rm{ background:rgba(16,8,34,.52); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) }
.sh165.rm .shc165{ background:linear-gradient(180deg,#F8F5FC 0%,#F2EEF9 100%); box-shadow:0 -18px 60px rgba(31,8,74,.4) }
.sh165.rm .shc165 > .hd{ width:40px; background:rgba(255,255,255,.75); box-shadow:0 1px 4px rgba(31,20,51,.18) }

/* ─── هیرو ─── */
.sh165.rm .rh165 .av165.xl{ box-shadow:0 0 0 3px rgba(255,255,255,.92), 0 0 0 7px rgba(255,255,255,.22), 0 18px 40px -12px rgba(0,0,0,.5) }
.sh165.rm .rh165 > b{ font-size:22px; letter-spacing:-.2px }
.sh165.rm .rh165 > small{ padding:4px 11px; border-radius:99px; background:rgba(255,255,255,.16); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22) }

/* ─── کارهای سریع: کارت سفید با رنگ‌مایهٔ خودش ─── */
.sh165.rm .rq165{ gap:9px }
.sh165.rm .rq165 button{ position:relative; isolation:isolate; overflow:hidden; border-radius:18px; padding:11px 4px 9px;
  box-shadow:0 1px 2px rgba(31,20,51,.05), 0 12px 28px -16px rgba(76,29,149,.4), inset 0 0 0 1px rgba(139,92,246,.09);
  transition:transform .15s ease }
.sh165.rm .rq165 button::after{ content:""; position:absolute; inset:0 0 52% 0; z-index:-1;
  background:linear-gradient(180deg,rgba(139,92,246,.09),transparent) }
.sh165.rm .rq165 button:nth-child(1)::after{ background:linear-gradient(180deg,rgba(16,185,129,.12),transparent) }
.sh165.rm .rq165 button:nth-child(2)::after{ background:linear-gradient(180deg,rgba(99,102,241,.12),transparent) }
.sh165.rm .rq165 button:nth-child(3)::after{ background:linear-gradient(180deg,rgba(244,63,94,.1),transparent) }
.sh165.rm .rq165 button:nth-child(4)::after{ background:linear-gradient(180deg,rgba(59,130,246,.12),transparent) }
.sh165.rm .rq165 i{ width:44px; height:44px; border-radius:16px; transition:transform .15s ease }
.sh165.rm .rq165 i.g{ box-shadow:0 10px 18px -8px rgba(16,185,129,.6), inset 0 1px 0 rgba(255,255,255,.35) }
.sh165.rm .rq165 i.v{ box-shadow:0 10px 18px -8px rgba(99,102,241,.6), inset 0 1px 0 rgba(255,255,255,.35) }
.sh165.rm .rq165 i.p{ box-shadow:0 10px 18px -8px rgba(244,63,94,.55), inset 0 1px 0 rgba(255,255,255,.35) }
.sh165.rm .rq165 i.b{ box-shadow:0 10px 18px -8px rgba(59,130,246,.6), inset 0 1px 0 rgba(255,255,255,.35) }
.sh165.rm .rq165 span{ font-size:11.5px; font-weight:900; color:#4A3F66 }
.sh165.rm .rq165 button:active{ transform:scale(.92) }
.sh165.rm .rq165 button:active i{ transform:scale(.94) }

/* ─── نوار آمار ─── */
.sh165.rm .rs165{ padding:14px 4px; background:#fff;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.09), 0 1px 2px rgba(31,20,51,.04), 0 12px 28px -20px rgba(76,29,149,.35) }
.sh165.rm .rs165 b{ font-size:19px }
.sh165.rm .rs165 small{ font-size:11px; font-weight:800; color:#8F86A8 }
.sh165.rm .rs165 span + span::before{ top:8%; bottom:8%; background:linear-gradient(180deg,transparent,#E7DFF5,transparent) }

/* ─── رسانه، فایل و لینک ─── */
.sh165.rm .rmh165{ border-radius:22px; transition:transform .15s ease;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.09), 0 1px 2px rgba(31,20,51,.04), 0 12px 28px -20px rgba(76,29,149,.35) }
.sh165.rm .rmh165:active{ transform:scale(.985) }
.sh165.rm .rmh165 .t > i{ box-shadow:0 8px 16px -8px rgba(236,72,153,.65), inset 0 1px 0 rgba(255,255,255,.35) }
.sh165.rm .rmh165 .t em{ min-width:26px; padding:3px 8px; border-radius:99px; text-align:center; color:#7C3AED; background:#F1EAFE }
.sh165.rm .rmh165 .st i{ border-radius:13px; box-shadow:inset 0 0 0 1px rgba(31,20,51,.06) }

/* ─── عنوان گروه‌ها و کارت‌ها ─── */
.sh165.rm .rg165{ margin:18px 10px 8px; font-size:11.5px; color:#9A90B5 }
.sh165.rm .rl165{ padding:5px; border-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.09), 0 1px 2px rgba(31,20,51,.04), 0 12px 30px -20px rgba(76,29,149,.35) }
.sh165.rm .rl165.dz{ box-shadow:inset 0 0 0 1px rgba(225,29,72,.14), 0 1px 2px rgba(31,20,51,.04), 0 12px 30px -20px rgba(190,18,60,.3) }

/* ─── ردیف‌ها: هر آیکن مربع‌گرد گرادیانی خودش (امضای تلگرام) ─── */
.sh165.rm .rr165{ min-height:58px; border-radius:17px; transition:background .15s ease }
.sh165.rm .rr165:active{ background:#F4EFFA }
.sh165.rm .rr165 + .rr165::before{ inset-inline-start:58px; background:#F3EFF9 }
.sh165.rm .rr165 > i{ width:34px; height:34px; border-radius:11px; color:#fff; transition:transform .15s ease;
  box-shadow:0 7px 14px -7px var(--rs463, rgba(139,92,246,.55)), inset 0 1px 0 rgba(255,255,255,.35) }
.sh165.rm .rr165 > i svg{ width:17px; height:17px }
.sh165.rm .rr165:active > i{ transform:scale(.9) }
.sh165.rm .rr165[data-m="mute"]  > i{ background:linear-gradient(135deg,#FBBF24,#F97316); --rs463:rgba(249,115,22,.55) }
.sh165.rm .rr165[data-m="calls"] > i{ background:linear-gradient(135deg,#34D399,#059669); --rs463:rgba(5,150,105,.5) }
.sh165.rm .rr165[data-m="pin"]   > i{ background:linear-gradient(135deg,#38BDF8,#3B82F6); --rs463:rgba(59,130,246,.55) }
.sh165.rm .rr165[data-m="wall"]  > i{ background:linear-gradient(135deg,#F472B6,#8B5CF6); --rs463:rgba(139,92,246,.55) }
.sh165.rm .rr165[data-m="arch"]  > i{ background:linear-gradient(135deg,#818CF8,#4F46E5); --rs463:rgba(79,70,229,.55) }
.sh165.rm .rr165[data-m="clear"] > i{ background:linear-gradient(135deg,#FB923C,#EA580C); --rs463:rgba(234,88,12,.5) }
.sh165.rm .rr165[data-m="copy"]  > i{ background:linear-gradient(135deg,#A78BFA,#7C3AED); --rs463:rgba(124,58,237,.5) }
.sh165.rm .rr165.red > i{ background:linear-gradient(135deg,#FB7185,#E11D48); color:#fff; --rs463:rgba(225,29,72,.5) }
.sh165.rm .rr165 b{ font-size:14.5px; letter-spacing:-.1px }
.sh165.rm .rr165 small{ font-size:11.5px; color:#948BAD }
.sh165.rm .rr165 .cv svg{ width:15px; height:15px; color:#C9C1DB }

/* ─── سوییچ فنری ─── */
.sh165.rm .tg165{ width:50px; height:30px; background:#E6E1EF; box-shadow:inset 0 1px 3px rgba(31,20,51,.1);
  transition:background .25s ease, box-shadow .25s ease }
.sh165.rm .rr165 > .tg165{ flex:0 0 50px; width:50px }
.sh165.rm .tg165 i{ top:2.5px; inset-inline-start:2.5px; width:25px; height:25px;
  box-shadow:0 2px 6px rgba(31,20,51,.3), 0 0 0 .5px rgba(31,20,51,.04);
  transition:inset-inline-start .25s cubic-bezier(.3,.9,.3,1.2), width .18s ease }
.sh165.rm .tg165.on{ background:linear-gradient(120deg,#FF3D7F,#8B5CF6);
  box-shadow:inset 0 1px 3px rgba(109,40,217,.35), 0 4px 12px -4px rgba(139,92,246,.6) }
.sh165.rm .tg165.on i{ inset-inline-start:22.5px }
/*  لمس ردیف: دستگیره کمی کش می‌آید (حس iOS)  */
.sh165.rm .rr165:active .tg165 i{ width:29px }
.sh165.rm .rr165:active .tg165.on i{ inset-inline-start:18.5px }

/* ─── پانوشت امنیت ─── */
.sh165.rm .rf165{ width:fit-content; margin:18px auto 2px; padding:8px 14px; border-radius:99px; background:#fff;
  box-shadow:inset 0 0 0 1px rgba(16,185,129,.18), 0 1px 2px rgba(31,20,51,.04); color:#7E759B }

/* ─── ورود پلکانی یک‌باره (فقط transform/opacity) ─── */
@keyframes rmUp463{ from{ opacity:0; transform:translateY(14px) } }
.sh165.rm .shc165 > *{ animation:rmUp463 .38s cubic-bezier(.2,.9,.3,1) backwards }
.sh165.rm .shc165 > *:nth-child(3){ animation-delay:.03s }
.sh165.rm .shc165 > *:nth-child(4){ animation-delay:.06s }
.sh165.rm .shc165 > *:nth-child(5){ animation-delay:.09s }
.sh165.rm .shc165 > *:nth-child(6){ animation-delay:.12s }
.sh165.rm .shc165 > *:nth-child(7){ animation-delay:.14s }
.sh165.rm .shc165 > *:nth-child(8){ animation-delay:.16s }
.sh165.rm .shc165 > *:nth-child(9){ animation-delay:.18s }
.sh165.rm .shc165 > *:nth-child(10){ animation-delay:.2s }
.sh165.rm .shc165 > *:nth-child(11){ animation-delay:.22s }
.sh165.rm .shc165 > *:nth-child(n+12){ animation-delay:.24s }
.sh165.rm.out .shc165 > *{ animation:none }

/* ─── روانی ─── */
html.lite366 .sh165.rm{ -webkit-backdrop-filter:none; backdrop-filter:none }
html.lite366 .sh165.rm .shc165 > *{ animation:none }
@media (prefers-reduced-motion: reduce){
  .sh165.rm .shc165 > *{ animation:none }
  .sh165.rm .rq165 button, .sh165.rm .rq165 i, .sh165.rm .rr165 > i, .sh165.rm .rmh165{ transition:none }
}