/* نوار بالای سایت: ثابت، با بک‌گراند بلرشده. برای همه‌ی صفحه‌های عمومی (اصلی، پروفایل، اعلان‌ها، تحلیل‌ها، میکس‌ها) */
.tf-bar{ position:sticky; top:0; z-index:900; width:100%; padding-top:env(safe-area-inset-top,0px); direction:rtl; font-family:'Vazirmatn',Tahoma,sans-serif;
  background:rgba(8,11,28,.5); -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  border-bottom:1px solid rgba(255,255,255,.12); transition:background .25s ease, box-shadow .25s ease; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .tf-bar{ background:rgba(8,11,28,.94); } }
.tf-bar.scrolled{ background:rgba(8,11,28,.72); box-shadow:0 8px 28px rgba(0,0,0,.35); }
.tf-bar *, .tf-bar *::before, .tf-bar *::after{ box-sizing:border-box; }
.tf-bar-in{ height:58px; max-width:1200px; margin:0 auto; padding:0 14px; display:flex; align-items:center; gap:10px; }
@media (min-width:900px){ .tf-bar-in{ padding:0 32px; } }
.tf-brand{ display:flex; align-items:center; gap:9px; flex-shrink:0; color:#F3F4FA; text-decoration:none; }
.tf-brand img{ width:30px; height:30px; border-radius:8px; display:block; } .tf-brand span{ font-weight:800; font-size:16px; letter-spacing:.2px; }
.tf-nav{ display:none; gap:4px; margin-inline-start:18px; }
@media (min-width:900px){ .tf-nav{ display:flex; } }
.tf-nav a{ position:relative; padding:8px 12px; border-radius:10px; font-size:13.5px; font-weight:700; color:#AEB2CC; text-decoration:none; }
.tf-nav a:hover{ color:#fff; background:rgba(255,255,255,.07); } .tf-nav a[aria-current="page"]{ color:#fff; }
.tf-nav a[aria-current="page"]::after{ content:""; position:absolute; left:12px; right:12px; bottom:2px; height:2px; border-radius:2px; background:#E0FF2C; }
.tf-acts{ margin-inline-start:auto; display:flex; align-items:center; gap:8px; }
.tf-guest, .tf-member{ display:flex; align-items:center; gap:8px; }
.tf-member{ display:none; } html.tf-in .tf-member{ display:flex; } html.tf-in .tf-guest{ display:none; }
.tf-btn-ghost, .tf-btn-lime{ height:38px; padding:0 16px; border-radius:999px; font-size:13px; display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap; }
.tf-btn-ghost{ border:1px solid rgba(255,255,255,.22); color:#F3F4FA; font-weight:700; } .tf-btn-ghost:hover{ background:rgba(255,255,255,.08); }
.tf-btn-lime{ background:#E0FF2C; color:#14140A; font-weight:800; }
.tf-pop-wrap{ position:relative; display:flex; }
.tf-me{ display:flex; align-items:center; gap:7px; height:40px; padding:0 5px 0 10px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.07); color:#F3F4FA; cursor:pointer; font-family:inherit; }
.tf-me:hover, .tf-me[aria-expanded="true"]{ background:rgba(255,255,255,.14); }
.tf-av{ width:30px; height:30px; border-radius:50%; background:#4C6EF5; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; overflow:hidden; color:#fff; flex-shrink:0; }
.tf-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.tf-me svg{ width:14px; height:14px; fill:none; stroke:#AEB2CC; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; } .tf-me[aria-expanded="true"] svg{ transform:rotate(180deg); }
.tf-nm{ display:none; font-size:13px; font-weight:700; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } @media (min-width:900px){ .tf-nm{ display:block; } }
.tf-menu{ position:absolute; top:calc(100% + 8px); left:0; z-index:910; width:244px; border-radius:18px; padding:8px; background:rgba(14,18,40,.94); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.14); box-shadow:0 20px 50px rgba(0,0,0,.55); animation:tfPop .16s ease; }
.tf-menu[hidden]{ display:none; }
@keyframes tfPop{ from{ opacity:0; transform:translateY(-6px) scale(.98); } to{ opacity:1; transform:none; } }
.tf-mh{ padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:6px; } .tf-mh b{ display:block; font-size:14px; color:#fff; overflow-wrap:anywhere; } .tf-mh span{ font-size:12px; color:#E0FF2C; }
.tf-mi{ display:flex; align-items:center; gap:11px; width:100%; padding:10px 12px; border:0; border-radius:12px; background:none; text-align:right; font:600 13.5px/1.6 'Vazirmatn',Tahoma,sans-serif; color:#F3F4FA; text-decoration:none; cursor:pointer; }
.tf-mi:hover{ background:rgba(255,255,255,.08); } .tf-mi[aria-current="page"]{ background:rgba(224,255,44,.12); color:#E0FF2C; }
.tf-mi svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; opacity:.9; }
.tf-mi.danger{ color:#FF8D80; } .tf-sep{ height:1px; background:rgba(255,255,255,.1); margin:6px 4px; }
.tf-bar [hidden]{ display:none !important; }
.tf-bar :focus-visible{ outline:2px solid #E0FF2C; outline-offset:2px; }
/* زنگوله‌ی notify.js داخل نوار */
.tf-bar .tfn-bell{ width:40px; height:40px; }
@media (prefers-reduced-motion:reduce){ .tf-menu{ animation:none; } .tf-bar, .tf-me svg{ transition:none; } }

/* فاصله‌ی محتوا از نوار */
.tf-bar ~ .wrap{ padding-top:14px; }