/* منوی انتخاب پوسته — مشترکِ سایت، کوک‌سنج و پنل (از متغیرهای رنگ همان صفحه استفاده می‌کند) */
#themeToggle .tp-icon{ position:absolute; width:20px; height:20px; color:var(--gold-bright); transition:transform .6s var(--spring, ease); }
#themeToggle.open .tp-icon{ transform:rotate(-24deg) scale(1.06); }
@media (hover:hover){ #themeToggle:hover .tp-icon{ transform:rotate(-24deg) scale(1.06); } }
#themeToggle .tp-dot{ position:absolute; bottom:6px; left:6px; width:11px; height:11px; border-radius:50%; background:linear-gradient(135deg, var(--tp-a, #0e2b1f) 0 50%, var(--tp-b, #d0a94a) 50% 100%); box-shadow:0 0 0 2px var(--bg-elev, #111); pointer-events:none; }
#themeToggle.open{ box-shadow:0 0 0 3px var(--glow-soft), 0 0 22px var(--glow); border-color:var(--gold); }

.theme-menu{ position:fixed; z-index:2000; min-width:200px; padding:8px; border-radius:18px; background:var(--surface-strong); border:1px solid var(--line-strong);
  box-shadow:var(--shadow); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); direction:rtl; font-family:inherit; animation:tmIn .28s cubic-bezier(.16,1,.3,1) both; }
.theme-menu[hidden]{ display:none; }
@keyframes tmIn{ from{ opacity:0; transform:translateY(-6px) scale(.97); } }
.theme-menu .tm-title{ padding:4px 10px 6px; font-size:11.5px; font-weight:700; color:var(--text-mute); }
.theme-menu button{ display:flex; align-items:center; gap:11px; width:100%; min-height:46px; padding:8px 10px; border:0; border-radius:12px; background:none;
  font:inherit; font-size:14px; font-weight:700; color:var(--text); text-align:start; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .2s; }
.theme-menu button:hover, .theme-menu button:focus-visible{ background:var(--glow-soft); outline:none; }
.theme-menu button[aria-checked="true"]{ color:var(--gold-bright); }
.theme-menu .tm-sw{ width:28px; height:28px; flex:none; border-radius:50%; background:linear-gradient(135deg, var(--a) 0 55%, var(--b) 55% 100%);
  box-shadow:0 0 0 1.5px var(--line-strong), 0 3px 10px rgba(0,0,0,.25); }
.theme-menu .tm-check{ width:17px; height:17px; margin-inline-start:auto; color:var(--gold-bright); opacity:0; transform:scale(.4); transition:opacity .25s, transform .35s cubic-bezier(.34,1.56,.64,1); }
.theme-menu button[aria-checked="true"] .tm-check{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .theme-menu{ animation:none; } #themeToggle .tp-icon{ transition:none; } }