/* فاز ۳ — گام ۳٫۱: فید تازهٔ تحلیل‌ها (فقط وقتی nbx_new=1 فعال باشد).
   چیدمان (عرض ستون‌ها، سایدبار چپ، رفتار موبایل) از خود قالب می‌آید:
   همان .archive-page-wrapper.container + tie-col-md-8/4 صفحه‌ی فعلی، و قواعدش در analysis.css.
   اینجا فقط ظاهرِ داخل ستون اصلی تعریف می‌شود. */
.nbxf{
  --f-brand:#784ed1;
  --f-ink:#1b1a20; --f-ink2:#3f3d47; --f-muted:#7a7784; --f-faint:#a3a0ab;
  --f-surface:#fff; --f-chip:#f1f0f4; --f-chip-h:#e7e5ec; --f-sel:#fff;
  --f-line:rgba(0,0,0,.1); --f-line-2:rgba(0,0,0,.16);
  --f-up:#16a34a; --f-down:#dc2f3c;
  --f-shadow:0 2px 10px rgba(27,26,32,.06);
  --f-page:#fff;
  --f-r:8px;
  font-family:inherit; color:var(--f-ink);
}
/* نسخه‌ی تیره — همان متغیرهای قالب (جعبه #1f2024، خط سفیدِ ۱۰٪) */
html.dark-skin .nbxf{
  --f-brand:#a98cea;
  --f-ink:#ececed; --f-ink2:#c6c6cc; --f-muted:#9a99a3; --f-faint:#7e7d88;
  --f-surface:var(--tie-dark-skin-bg-main,#1f2024); --f-chip:rgba(255,255,255,.07); --f-chip-h:rgba(255,255,255,.13); --f-sel:rgba(255,255,255,.14);
  --f-line:rgba(255,255,255,.1); --f-line-2:rgba(255,255,255,.18);
  --f-up:#2ec27e; --f-down:#f0616d;
  --f-shadow:0 2px 10px rgba(0,0,0,.35);
  --f-page:var(--tie-dark-skin-bg,#27292d);
}
/* وقتی ستون کناری چاپ نشده (موبایل یا سایدبار خالی)، ستون اصلی تمام‌عرض است */
.main-content:only-child{width:100%}

/* نوار تب‌ها + کلید دامنه: فقط در موبایل زیر هدر سایت می‌چسبند (قاعده‌اش پایین، در بلوک موبایل).
   در دسکتاپ عمداً چسبان نیست. */

.nbxf *{box-sizing:border-box}
.nbxf a{text-decoration:none; color:inherit}
/* ⚠️ اینجا font-variant-numeric:tabular-nums نگذارید: فونت سایت (وزیرمتن FD) ارقام
   ASCII را فارسی نشان می‌دهد و این ویژگی فونت را به ارقام لاتین برمی‌گرداند. */
.nbxf .sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}

/* تب‌ها و فیلتر — جعبه‌ای با همان قاب و شعاع بقیه‌ی صفحه */
.nbxf-tabs-row{position:relative; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--f-line); padding:0 2px; margin-bottom:12px}
.nbxf-tabs{display:flex; align-self:stretch; align-items:stretch; gap:18px; overflow-x:auto; scrollbar-width:none; flex:1 1 auto; min-width:0}
.nbxf-tabs::-webkit-scrollbar{display:none}
.nbxf-tab{position:relative; display:flex; align-items:center; padding:12px 2px; font-size:13px; font-weight:600; color:var(--f-muted); white-space:nowrap}
.nbxf-tab:hover{color:var(--f-ink)}
.nbxf-tab[aria-current="page"]{color:var(--f-brand); font-weight:700}
/* نشانگر دقیقاً روی خط زیرینِ نوار می‌نشیند (۱px پایین‌تر = هم‌راستا با border) */
.nbxf-tab[aria-current="page"]::after{content:""; position:absolute; inset-inline:0; bottom:-1px; height:2px; background:var(--f-brand)}
.nbxf-fbtn{position:relative; display:inline-flex; align-items:center; gap:6px; border:1px solid var(--f-line); background:transparent; color:var(--f-ink2); font-family:inherit; font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; cursor:pointer; flex:0 0 auto; margin-block:6px}
.nbxf-fbtn:hover{border-color:var(--f-line-2); color:var(--f-ink)}
.nbxf-fbtn svg{width:15px; height:15px}
.nbxf-fbtn.on{border-color:var(--f-brand); color:var(--f-brand)}
.nbxf-dot{display:none}
.nbxf-fbtn.on .nbxf-dot{display:block; width:6px; height:6px; border-radius:50%; background:var(--f-brand)}

.nbxf-panel{position:absolute; inset-inline-end:12px; top:calc(100% + 6px); width:340px; max-width:calc(100vw - 32px); background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); box-shadow:0 12px 36px rgba(27,26,32,.16); z-index:60}
html.dark-skin .nbxf-panel{box-shadow:0 12px 36px rgba(0,0,0,.5)}
.nbxf-panel[hidden]{display:none}
.nbxf-grip{display:none}
.nbxf-panel-body{padding:14px 16px; display:flex; flex-direction:column; gap:14px}
.nbxf-group .nbxf-glabel{font-size:12px; font-weight:700; color:var(--f-muted); margin:0 0 7px}
.nbxf-search{width:100%; border:1px solid var(--f-line); background:transparent; border-radius:8px; padding:7px 10px; font-family:inherit; font-size:13px; color:var(--f-ink); margin-bottom:8px}
.nbxf-opts{display:flex; flex-wrap:wrap; gap:6px}
.nbxf-opt{display:inline-flex; align-items:center; gap:5px; border:1px solid var(--f-line); color:var(--f-ink2); font-size:12px; font-weight:600; padding:5px 11px; border-radius:999px}
.nbxf-opt img{width:15px; height:15px; border-radius:50%}
.nbxf-opt svg{width:14px; height:14px}
.nbxf-opt-tup svg{color:var(--f-up)}
.nbxf-opt-tdown svg{color:var(--f-down)}
.nbxf-opt-tup.on{border-color:var(--f-up); color:var(--f-up)}
.nbxf-opt-tdown.on{border-color:var(--f-down); color:var(--f-down)}
.nbxf-opt:hover{border-color:var(--f-line-2); color:var(--f-ink)}
.nbxf-opt.on{border-color:var(--f-brand); color:var(--f-brand)}
.nbxf-opt[hidden]{display:none}
.nbxf-opt.nbxf-hid{display:none}
[data-nbxf-coinlist].searching .nbxf-opt.nbxf-hid:not([hidden]){display:inline-flex}
[data-nbxf-coinlist].searching .nbxf-dots{display:none}
.nbxf-dots{border:1px solid var(--f-line); background:transparent; color:var(--f-muted); font-family:inherit; font-size:13px; font-weight:700; line-height:1; padding:5px 12px; border-radius:999px; cursor:pointer}
.nbxf-dots:hover{border-color:var(--f-line-2); color:var(--f-ink)}
.nbxf-panel-foot{display:flex; align-items:center; gap:10px; padding:10px 16px; border-top:1px solid var(--f-line)}
.nbxf-apply{margin-inline-start:auto; border:0; background:var(--f-brand); color:#fff; font-family:inherit; font-size:13px; font-weight:700; padding:7px 16px; border-radius:var(--f-r); cursor:pointer}
.nbxf-clear{display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; color:var(--f-muted)}
.nbxf-clear:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-clear svg{width:15px; height:15px}

.nbxf-active{display:flex; gap:6px; flex-wrap:wrap; align-items:center; padding:0 2px 10px}
.nbxf-chip{display:inline-flex; align-items:center; gap:5px; border:1px solid var(--f-line); color:var(--f-ink2); font-size:12px; font-weight:600; padding:3px 6px 3px 10px; border-radius:999px}
.nbxf-chip:hover{border-color:var(--f-line-2)}
.nbxf-chip .x{width:16px; height:16px; border-radius:50%; display:grid; place-items:center; font-size:10px; color:var(--f-muted)}
.nbxf-hot{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--f-muted); margin:0 0 8px; padding-inline:4px}
.nbxf-hot svg{width:14px; height:14px; color:var(--f-down)}

/* همه تحلیل‌ها / برای من + نوشتن */
.nbxf-scope{display:flex; align-items:center; gap:8px; padding:0 0 10px}
.nbxf-seg{flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; background:var(--f-chip); border-radius:var(--f-r); padding:3px}
.nbxf-seg a{text-align:center; font-size:13px; font-weight:600; color:var(--f-muted); padding:6px 0; border-radius:6px}
.nbxf-seg a[aria-pressed="true"]{background:var(--f-sel); color:var(--f-ink); font-weight:700; box-shadow:0 1px 2px rgba(27,26,32,.1)}
.nbxf-write{flex:0 0 auto; height:36px; padding:0 12px; border:1px solid var(--f-brand); color:var(--f-brand); border-radius:var(--f-r); display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; white-space:nowrap}
.nbxf-write:hover{background:var(--f-chip)}
.nbxf-write svg{width:18px; height:18px; flex:0 0 auto}
.nbxf-write-lbl{display:inline}

/* کارت — قاب همیشه دیده می‌شود (نه فقط موقع هاور) */
.nbxf-list{display:flex; flex-direction:column; gap:10px}
.nbxf-card{cursor:pointer; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); padding:14px 16px 12px; transition:border-color .15s, box-shadow .15s}
.nbxf-card:hover{border-color:var(--f-line-2); box-shadow:var(--f-shadow)}
.nbxf-head{display:flex; align-items:center; gap:10px}
.nbxf-av{flex:0 0 auto; line-height:0}
.nbxf-avatar{width:36px; height:36px; border-radius:50%}
.nbxf-who{min-width:0; line-height:1.45; display:flex; flex-direction:column}
.nbxf-name{font-size:12px; font-weight:700; color:var(--f-ink)}
.nbxf-name:hover{color:var(--f-brand)}
.nbxf-time{font-size:10px; color:var(--f-faint)}
.nbxf-body{display:block; margin-top:9px}
.nbxf-title{font-size:20px; font-weight:700; color:var(--f-ink); line-height:1.4; margin:0}
.nbxf-text{font-size:13px; color:var(--f-ink2); line-height:1.6; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.nbxf-media{display:block; margin-top:9px; width:390px; max-width:100%; border-radius:var(--f-r); overflow:hidden; border:1px solid var(--f-line); line-height:0}
.nbxf-media img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover}
.nbxf-meta{display:flex; align-items:center; gap:8px; margin-top:10px; flex-wrap:wrap}
.nbxf-tags{display:flex; align-items:center; gap:5px; flex-wrap:wrap}
.nbxf-tag{display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; color:var(--f-ink2); border:1px solid var(--f-line); padding:2px 8px; border-radius:999px; line-height:1.8}
.nbxf-tag:hover{border-color:var(--f-line-2)}
.nbxf-coin{width:14px; height:14px; border-radius:50%}
.nbxf-arr{font-size:9px}
.nbxf-arr.up{color:var(--f-up)} .nbxf-arr.down{color:var(--f-down)} .nbxf-arr.flat{color:var(--f-faint)}
.nbxf-counts{margin-inline-start:auto; display:flex; align-items:center; gap:13px; color:var(--f-muted); font-size:13px}
.nbxf-count{display:inline-flex; align-items:center; gap:4px; padding:2px 4px; margin:-2px -4px; border-radius:6px}
.nbxf-count svg{width:14px; height:14px}
a.nbxf-count:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-empty{background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); padding:26px 16px; text-align:center; color:var(--f-muted); font-size:13px}
.nbxf-loading{display:flex; align-items:center; justify-content:center; gap:9px; padding:16px; color:var(--f-faint); font-size:13px}
.nbxf-spinner{width:14px; height:14px; border:2px solid var(--f-line); border-top-color:var(--f-ink2); border-radius:50%; animation:nbxf-spin .8s linear infinite}
@keyframes nbxf-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ .nbxf-spinner{animation:none} }

/* ===== گام ۳٫۵: نظرسنجی و پنجره‌ی نوشتن ===== */
.nbxf-poll{display:flex; flex-direction:column; gap:5px; margin-top:10px}
.nbxf-poll-row{position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid var(--f-line); background:transparent; color:var(--f-ink2); font-family:inherit; font-size:13px; padding:8px 11px; border-radius:var(--f-r); cursor:pointer; overflow:hidden; text-align:start}
.nbxf-poll-row:not([disabled]):hover{border-color:var(--f-brand); color:var(--f-brand)}
.nbxf-poll-row[disabled]{cursor:default}
.nbxf-poll-row .bar{position:absolute; inset-inline-start:0; top:0; bottom:0; background:var(--f-chip); z-index:0}
.nbxf-poll-row.mine .bar{background:var(--f-chip-h)}
.nbxf-poll-row .t, .nbxf-poll-row .p{position:relative; z-index:1}
.nbxf-poll-row.mine{border-color:var(--f-brand); color:var(--f-brand); font-weight:700}
.nbxf-poll-row .p{font-weight:700}
.nbxf-poll-meta{font-size:12px; color:var(--f-muted)}

.nbxf-compose-box{width:600px; padding:0}
.nbxf-c-top{display:flex; align-items:center; justify-content:flex-end; padding:12px 16px 4px}
.nbxf-c-x{border:0; background:none; color:var(--f-muted); font-size:15px; cursor:pointer; padding:4px}
.nbxf-c-x:hover{color:var(--f-ink)}
.nbxf-compose-box form{padding:0 20px 18px}
/* جعبه‌ی نوشتن: عنوان و متن بدون کادر، داخل یک قاب */
.nbxf-c-field{border:1px solid var(--f-line); border-radius:var(--f-r); padding:12px 14px; background:var(--f-chip)}
.nbxf-c-field:focus-within{border-color:var(--f-line-2)}
/* سرِ کاربر مثل نمونه‌ی CMC: آواتار کنار ستونِ نام و کادر نوشتن */
.nbxf-c-who{display:flex; align-items:flex-start; gap:12px}
.nbxf-c-col{flex:1 1 auto; min-width:0}
.nbxf-c-av{width:40px; height:40px; border-radius:50%; flex:0 0 auto}
.nbxf-c-id{display:flex; align-items:center; gap:7px; min-width:0; flex-wrap:wrap; margin-bottom:8px}
.nbxf-c-id b{font-size:14px; font-weight:700; color:var(--f-ink); display:inline-flex; align-items:center}
.nbxf-c-id span{font-size:13px; color:var(--f-muted); direction:ltr; unicode-bidi:isolate}

.nbxf-c-line{display:flex; align-items:baseline; gap:8px}
.nbxf-c-line.nbxf-c-area{align-items:flex-end}
.nbxf-c-n{font-style:normal; font-size:10px; color:var(--f-faint); flex:0 0 auto; line-height:2}
.nbxf-c-n.low{color:var(--f-down)}
.nbxf-c-field input[name="title"], .nbxf-c-field textarea, .nbxf-c-field .nbxf-editor{width:100%; border:0; background:transparent; padding:0; font-family:inherit; color:var(--f-ink); outline:none}

/* ویرایشگر متن (به‌جای textarea) تا منشن‌ها همان لحظه رنگی دیده شوند */
.nbxf-editor{font-size:14px; line-height:1.9; min-height:88px; white-space:pre-wrap; word-break:break-word; overflow-wrap:anywhere}
.nbxf-editor.empty::before{content:attr(data-placeholder); color:var(--f-faint); pointer-events:none}
.nbxf-editor .nbxf-mention, .nbxf-editor .nbxf-cashtag{color:var(--f-brand); font-weight:700; white-space:nowrap}
.nbxf-editor-sm{font-size:13px; min-height:44px}
.nbxf-c-field input[name="title"]{font-size:17px; font-weight:700; line-height:2; margin-bottom:2px}
.nbxf-c-field textarea{font-size:14px; line-height:1.9; resize:vertical; min-height:88px}
.nbxf-c-field ::placeholder{color:var(--f-faint)}

.nbxf-c-imgprev{position:relative; display:inline-block; line-height:0; margin-top:10px}
.nbxf-c-imgprev[hidden]{display:none}
.nbxf-c-imgprev img{width:160px; height:100px; object-fit:cover; border-radius:var(--f-r); border:1px solid var(--f-line)}
.nbxf-c-imgprev button{position:absolute; top:-7px; inset-inline-end:-7px; width:22px; height:22px; border:0; border-radius:50%; background:var(--f-ink); color:#fff; font-size:11px; cursor:pointer; line-height:1}

.nbxf-c-poll{margin-top:10px; border:1px solid var(--f-line); border-radius:var(--f-r); padding:10px; display:flex; flex-direction:column; gap:7px; background:var(--f-surface)}
.nbxf-c-poll[hidden]{display:none}
.nbxf-c-poll [data-nbxf-pollopts]{display:flex; flex-direction:column; gap:7px}
.nbxf-c-poll input[type=text]{width:100%; border:1px solid var(--f-line); background:transparent; border-radius:6px; padding:7px 10px; font-family:inherit; font-size:13px; color:var(--f-ink)}
.nbxf-c-pollfoot{display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:12px; color:var(--f-muted)}
.nbxf-c-pollfoot button{border:0; background:none; font-family:inherit; font-size:12px; font-weight:700; color:var(--f-brand); cursor:pointer}
.nbxf-c-pollfoot .nbxf-c-pollremove{color:var(--f-down); margin-inline-start:auto}
.nbxf-c-pollfoot label{display:inline-flex; align-items:center; gap:6px}
.nbxf-c-pollfoot select{border:1px solid var(--f-line); background:transparent; border-radius:6px; padding:4px 8px; font-family:inherit; font-size:12px; color:var(--f-ink)}

/* ویژگی‌ها: هر کدام یک ردیف با برچسب — مثل ماکت */
.nbxf-c-props{display:flex; flex-direction:column; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid var(--f-line)}
.nbxf-c-prop{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.nbxf-c-prop .lbl{flex:0 0 auto; width:82px; font-size:12px; font-weight:700; color:var(--f-muted)}
.nbxf-c-prop .lbl i{font-style:normal; color:var(--f-down)}

.nbxf-c-coin{position:relative}
.nbxf-c-coin input[type=text]{border:0; background:var(--f-chip); border-radius:999px; padding:6px 13px; font-family:inherit; font-size:12px; color:var(--f-ink); width:190px}
.nbxf-c-coin input[type=text]:focus{outline:none; box-shadow:inset 0 0 0 1px var(--f-brand)}
.nbxf-c-coinlist{position:absolute; top:calc(100% + 4px); inset-inline-start:0; z-index:40; width:250px; max-height:210px; overflow-y:auto; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); box-shadow:0 10px 30px rgba(27,26,32,.16)}
html.dark-skin .nbxf-c-coinlist{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.nbxf-c-coinlist[hidden]{display:none}
.nbxf-c-coinlist button{display:flex; align-items:center; gap:7px; width:100%; border:0; background:none; font-family:inherit; font-size:13px; color:var(--f-ink2); padding:8px 11px; cursor:pointer; text-align:start}
.nbxf-c-coinlist button:hover{background:var(--f-chip)}
.nbxf-c-coinlist img, .nbxf-c-picked img{width:18px; height:18px; border-radius:50%}
.nbxf-c-coinlist b{color:var(--f-ink)}
.nbxf-c-coinlist span{color:var(--f-muted); font-size:12px}
.nbxf-c-picked{display:inline-flex; align-items:center; gap:6px; background:var(--f-ink); color:#fff; font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px}
.nbxf-c-picked[hidden]{display:none}
.nbxf-c-picked i{font-style:normal; font-weight:400; opacity:.75}
.nbxf-c-picked button{border:0; background:none; color:inherit; cursor:pointer; font-size:11px; opacity:.8}

/* گزینه‌ها: چیپ، انتخاب‌شده تیره؛ صعودی/نزولی با رنگ همیشگی و پس‌زمینه‌ی کم‌رنگ */
.nbxf-c-opts{display:flex; gap:5px; flex-wrap:wrap}
.nbxf-c-opts button{display:inline-flex; align-items:center; gap:5px; border:0; background:var(--f-chip); color:var(--f-ink2); font-family:inherit; font-size:12px; font-weight:600; padding:5px 12px; border-radius:999px; cursor:pointer; white-space:nowrap}
.nbxf-c-opts button:hover{background:var(--f-chip-h)}
.nbxf-c-opts button[aria-pressed="true"]{background:var(--f-ink); color:#fff}
.nbxf-c-opts svg{width:15px; height:15px}
.nbxf-c-trend .t-up svg{color:var(--f-up)}
.nbxf-c-trend .t-down svg{color:var(--f-down)}
.nbxf-c-trend .t-up[aria-pressed="true"]{background:#ecf8f0; color:var(--f-up)}
.nbxf-c-trend .t-down[aria-pressed="true"]{background:#fdeeef; color:var(--f-down)}
html.dark-skin .nbxf-c-trend .t-up[aria-pressed="true"]{background:rgba(46,194,126,.16)}
html.dark-skin .nbxf-c-trend .t-down[aria-pressed="true"]{background:rgba(240,97,109,.16)}

/* نوار پایین: ابزارها + انتشار */
.nbxf-c-bar{display:flex; align-items:center; gap:10px; margin-top:12px; padding-top:10px; border-top:1px solid var(--f-line)}
.nbxf-c-bar .nbxf-quote-msg{font-size:12px}

/* خطاها روی همان بخش */
.nbxf-c-err{font-size:11px; color:var(--f-down)}
.nbxf-c-err:empty{display:none}
.nbxf-c-prop .nbxf-c-err{flex:1 1 100%; margin-inline-start:92px}
.nbxf-bad{border-color:var(--f-down) !important}
.nbxf-c-field input.nbxf-bad, .nbxf-c-field textarea.nbxf-bad{box-shadow:0 1px 0 0 var(--f-down)}
[data-nbxf-group].nbxf-bad button{box-shadow:inset 0 0 0 1px var(--f-down)}
.nbxf-c-coin input.nbxf-bad{box-shadow:inset 0 0 0 1px var(--f-down)}
.nbxf-c-tools{display:flex; align-items:center; gap:2px}
.nbxf-c-tools > button, .nbxf-c-emojiwrap > button{display:grid; place-items:center; width:32px; height:32px; border:0; background:none; color:var(--f-muted); border-radius:8px; cursor:pointer}
.nbxf-c-tools > button:hover, .nbxf-c-emojiwrap > button:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-c-tools svg{width:18px; height:18px}
.nbxf-c-tools button.on{color:var(--f-brand)}

/* «تصویر الزامی است»: همان ستاره‌ی قرمزِ بقیه‌ی فیلدهای الزامی، اینجا روی
   آیکون و با چشمک آرام. به‌محض انتخاب تصویر، کلاس has می‌آید و ستاره می‌رود. */
.nbxf-c-tools > button.nbxf-c-img{position:relative}
.nbxf-c-img .nbxf-need{position:absolute; top:4px; inset-inline-end:4px; font-style:normal; font-size:15px;
  line-height:1; color:var(--f-down); pointer-events:none; animation:nbxf-need 2.4s ease-in-out infinite}
.nbxf-c-img.has .nbxf-need{display:none}
@keyframes nbxf-need{0%,100%{opacity:1} 50%{opacity:.18}}
@media (prefers-reduced-motion:reduce){ .nbxf-c-img .nbxf-need{animation:none} }
.nbxf-c-emojiwrap{position:relative; display:inline-flex}
.nbxf-c-emojiwrap .nbxf-react-pop{bottom:calc(100% + 6px); inset-inline-start:-6px}
.nbxf-c-send{margin-inline-start:auto; border:0; background:var(--f-brand); color:#fff; font-family:inherit; font-size:13px; font-weight:700; padding:8px 22px; border-radius:var(--f-r); cursor:pointer}
.nbxf-c-send[disabled]{opacity:.6; cursor:default}
.nbxf-c-foot{display:flex; align-items:center; gap:10px; margin-top:8px; min-height:16px}
.nbxf-c-counts{margin-inline-start:auto; font-size:11px; color:var(--f-faint)}
.nbxf-c-counts em{font-style:normal}

@media (max-width:768px){
  .nbxf-compose-box{width:100%}
  .nbxf-c-bar{gap:8px}
  .nbxf-c-send{padding:8px 16px}
  .nbxf-c-coin input[type=text]{min-width:120px}
}

/* ===== گام ۳٫۴: ری‌پست ===== */
/* ردیف بالای کارت: وضعیت + ویرایش و حذف */
.nbxf-owner{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px}
.nbxf-owner .nbxf-edit{margin-inline-start:auto}
.nbxf-owner .nbxf-edit + .nbxf-del{margin-inline-start:0}

/* نوار «در انتظار بررسی» — چشم‌گیر ولی آرام */
.nbxf-flag{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#8a5a00; background:#fff6dc; border:1px solid #f0d89a; border-radius:999px; padding:3px 11px}
html.dark-skin .nbxf-flag{color:#e0b256; background:rgba(224,178,86,.12); border-color:rgba(224,178,86,.3)}
.nbxf-flag::before{content:"⏳"; font-size:11px}
.nbxf-flag.rp{color:var(--f-muted); background:transparent; border-color:var(--f-line); font-weight:600}
.nbxf-flag.rp::before{content:none}
.nbxf-flag svg{width:13px; height:13px}
.nbxf-card.is-pending{border-color:#f0d89a}
html.dark-skin .nbxf-card.is-pending{border-color:rgba(224,178,86,.3)}

/* ویرایش نوشته‌ی خودم */
.nbxf-edit, .nbxf-del{display:inline-flex; align-items:center; gap:4px; color:var(--f-muted); border:0; background:none; font-family:inherit; font-size:13px; cursor:pointer; padding:2px 4px; margin:-2px -4px; border-radius:6px}
.nbxf-edit:hover{color:var(--f-brand); background:var(--f-chip)}
.nbxf-del:hover{color:var(--f-down); background:var(--f-chip)}
.nbxf-edit svg, .nbxf-del svg{width:14px; height:14px}
.nbxf-embed{display:block; margin-top:12px; cursor:pointer; border:1px solid var(--f-line); border-radius:var(--f-r); padding:9px 11px; color:inherit}
.nbxf-embed:hover{border-color:var(--f-line-2)}
.nbxf-embed-gone{color:var(--f-faint); font-size:12px; text-align:center}
.nbxf-e-head{display:flex; align-items:center; gap:5px; font-size:12px; color:var(--f-muted)}
.nbxf-e-av{width:18px; height:18px; border-radius:50%}
.nbxf-e-head b{color:var(--f-ink); font-weight:700}
.nbxf-e-body{display:flex; gap:9px; margin-top:6px; align-items:flex-start}
.nbxf-e-thumb{flex:0 0 auto; width:64px; height:48px; border-radius:6px; overflow:hidden; line-height:0}
.nbxf-e-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.nbxf-e-text{min-width:0; display:flex; flex-direction:column; gap:2px}
.nbxf-e-text b{font-size:13px; font-weight:700; color:var(--f-ink); line-height:1.6}
.nbxf-e-text span{font-size:12px; color:var(--f-ink2); line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

.nbxf-rp-wrap{position:relative; display:inline-flex}
.nbxf-rp-btn{border:0; background:none; font-family:inherit; font-size:13px; color:var(--f-muted); cursor:pointer; display:inline-flex; align-items:center; gap:4px; padding:2px 4px; margin:-2px -4px; border-radius:6px}
.nbxf-rp-btn:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-rp-btn svg{width:14px; height:14px}
.nbxf-rp-btn.on{color:var(--f-up)}
.nbxf-rp-pop{position:absolute; top:calc(100% + 6px); inset-inline-end:0; z-index:50; display:flex; flex-direction:column; min-width:160px; padding:5px; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); box-shadow:0 10px 30px rgba(27,26,32,.16)}
html.dark-skin .nbxf-rp-pop{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.nbxf-rp-pop[hidden]{display:none}
.nbxf-rp-pop button{display:flex; align-items:center; gap:9px; border:0; background:none; font-family:inherit; font-size:13px; color:var(--f-ink2); text-align:start; padding:8px 10px; border-radius:6px; cursor:pointer; white-space:nowrap}
.nbxf-rp-pop button:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-rp-pop svg{width:15px; height:15px; flex:0 0 auto; opacity:.75}
.nbxf-rp-pop button:hover svg{opacity:1}

.nbxf-quote-box{width:520px}
.nbxf-quote-title{font-size:17px; font-weight:700; margin:8px 0 10px; color:var(--f-ink)}
.nbxf-quote-box textarea{width:100%; border:1px solid var(--f-line); background:transparent; border-radius:var(--f-r); padding:9px 11px; font-family:inherit; font-size:13px; line-height:1.9; color:var(--f-ink); resize:vertical}
.nbxf-quote-embed{margin-top:10px; border:1px solid var(--f-line); border-radius:var(--f-r); padding:9px 11px; font-size:13px; color:var(--f-ink2)}
.nbxf-quote-foot{display:flex; align-items:center; gap:10px; margin-top:12px}
.nbxf-quote-msg{font-size:12px; color:var(--f-down)}
.nbxf-quote-foot .nbxf-cmf-send{margin-inline-start:auto}

/* ===== سرِ کارت: تیک تأیید، رتبه، دنبال کردن ===== */
.nbxf-vrf{width:13px; height:13px; margin-inline-start:3px; color:#1d9bf0; vertical-align:-2px}
.nbxf-rank{display:inline-grid; place-items:center; min-width:20px; height:20px; border-radius:999px; background:var(--f-chip); font-size:10px; font-weight:800; color:var(--f-ink2); margin-inline-start:auto}
.nbxf-follow{margin-inline-start:auto; border:1px solid var(--f-brand); background:var(--f-brand); color:#fff; font-family:inherit; font-size:12px; font-weight:700; padding:4px 12px; border-radius:999px; cursor:pointer; flex:0 0 auto}
.nbxf-rank + .nbxf-follow{margin-inline-start:8px}
.nbxf-follow:hover{opacity:.9}
.nbxf-follow.on{background:transparent; color:var(--f-muted); border-color:var(--f-line)}
.nbxf-follow[disabled]{opacity:.6; cursor:default}
.nbxf-more{display:inline-block; font-size:12px; font-weight:600; color:var(--f-muted); margin-top:2px}
.nbxf-body:hover .nbxf-more{color:var(--f-brand)}

/* منوی سه‌نقطه */
.nbxf-more-wrap{position:relative; display:inline-flex}
.nbxf-more-btn{border:0; background:none; font-family:inherit; font-size:12px; font-weight:700; color:var(--f-muted); cursor:pointer; letter-spacing:1px}
.nbxf-more-btn:hover{color:var(--f-ink)}
.nbxf-more-pop{position:absolute; top:calc(100% + 6px); inset-inline-end:0; z-index:50; display:flex; flex-direction:column; min-width:218px; padding:5px; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); box-shadow:0 10px 30px rgba(27,26,32,.16)}
html.dark-skin .nbxf-more-pop{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.nbxf-more-pop[hidden]{display:none}
.nbxf-more-pop button, .nbxf-more-pop a{display:flex; align-items:center; gap:9px; border:0; background:none; font-family:inherit; font-size:13px; color:var(--f-ink2); text-align:start; padding:8px 10px; border-radius:6px; cursor:pointer; white-space:nowrap}
.nbxf-more-pop svg{width:15px; height:15px; flex:0 0 auto; opacity:.75}
.nbxf-more-pop button:hover svg, .nbxf-more-pop a:hover svg{opacity:1}
/* آیکون دنبال کردن/لغو بدون دست‌زدن به جاوااسکریپت عوض می‌شود */
.nbxf-more-pop [data-nbxf-op="follow"] .i-on, .nbxf-more-pop [data-nbxf-op="unfollow"] .i-off{display:none}
.nbxf-more-pop button:hover, .nbxf-more-pop a:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-more-pop .danger{color:var(--f-down)}
.nbxf-more-pop hr{border:0; border-top:1px solid var(--f-line); margin:5px 0}

/* پیام کوتاه */
.nbxf-toast{position:fixed; inset-inline:0; bottom:22px; margin-inline:auto; width:max-content; max-width:calc(100vw - 32px); z-index:100002; background:#1b1a20; color:#fff; font-size:13px; padding:9px 16px; border-radius:999px; box-shadow:0 8px 24px rgba(0,0,0,.28); opacity:1; transition:opacity .35s}
.nbxf-toast.out{opacity:0}

/* ===== گام ۳٫۳: واکنش‌های ایموجی (چیپ هر واکنش + افزودن) ===== */
.nbxf-foot{position:relative}
.nbxf-reacts{display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin-top:8px}
.nbxf-rc{display:inline-flex; align-items:center; gap:3px; border:0; background:var(--f-chip); color:var(--f-ink2); font-family:inherit; font-size:12px; font-weight:600; line-height:1.9; padding:1px 9px; border-radius:999px; cursor:pointer}
.nbxf-rc:hover{background:var(--f-chip-h)}
.nbxf-rc .e{font-size:13px; line-height:1; display:inline-flex}
/* ایموجی‌ها تصویرند تا روی همه‌ی دستگاه‌ها یک شکل باشند؛ اندازه از font-size محیط می‌آید */
.nbxf-emo{display:inline-block; width:1.25em; height:1.25em; vertical-align:-.18em; object-fit:contain}
.nbxf-rc .e .nbxf-emo{vertical-align:middle}
.nbxf-rc.mine{background:#ece5fb; color:var(--f-brand)}
html.dark-skin .nbxf-rc.mine{background:rgba(169,140,234,.18); color:var(--f-brand)}
.nbxf-rc-add{color:var(--f-faint); background:transparent; border:1px solid var(--f-line); gap:4px}
.nbxf-rc-add:hover{background:var(--f-chip); color:var(--f-ink2)}
.nbxf-rc-add svg{width:14px; height:14px}
.nbxf-react-pop{position:absolute; bottom:calc(100% + 6px); inset-inline-start:0; z-index:40; display:grid; grid-template-columns:repeat(7,1fr); gap:2px; width:268px; padding:6px; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); box-shadow:0 10px 30px rgba(27,26,32,.16)}
html.dark-skin .nbxf-react-pop{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.nbxf-react-pop[hidden]{display:none}
.nbxf-react-opt{border:0; background:none; font-size:17px; line-height:1; padding:5px 0; border-radius:6px; cursor:pointer}
.nbxf-react-opt .nbxf-emo{width:22px; height:22px; vertical-align:middle}
.nbxf-react-opt:hover{background:var(--f-chip)}
.nbxf-react-opt.on{background:var(--f-chip-h)}
/* به سقف واکنش رسیده: فقط آن‌هایی که ثبت کرده پررنگ‌اند (برای برداشتن)،
   بقیه کم‌رنگ می‌شوند. کلیک همچنان می‌شود؛ سرور با پیام رد می‌کند. */
.nbxf-react-pop.full .nbxf-react-opt:not(.on){opacity:.35}

/* ===== گام ۳٫۲: مودال تحلیل ===== */
.nbxf-modal[hidden], .nbxf-zoom[hidden]{display:none}
.nbxf-modal{position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:24px}
.nbxf-modal-bg{position:absolute; inset:0; background:rgba(20,19,24,.55); backdrop-filter:blur(2px)}
.nbxf-modal-box{position:relative; width:640px; max-width:100%; max-height:calc(100vh - 48px); overflow-y:auto; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); padding:18px 20px 20px; box-shadow:0 20px 60px rgba(0,0,0,.28)}
.nbxf-modal-x{position:sticky; top:0; float:left; margin-top:3px; border:0; background:var(--f-chip); color:var(--f-ink2); width:30px; height:30px; border-radius:50%; font-size:13px; line-height:1; cursor:pointer; font-family:inherit}
.nbxf-modal-x:hover{background:var(--f-chip-h); color:var(--f-ink)}
/* دکمه‌ی بستن سمت چپِ بالا شناور است؛ دکمه‌ی دنبال کردن نباید بچسبد به آن */
.nbxf-post .nbxf-follow{margin-inline-end:12px}
.nbxf-post-title{font-size:20px; font-weight:700; color:var(--f-ink); line-height:1.4; margin:12px 0 0}
.nbxf-post-media{display:block; margin:14px 0 0; padding:0; width:340px; max-width:100%; border:1px solid var(--f-line); border-radius:var(--f-r); overflow:hidden; background:none; cursor:zoom-in; line-height:0}
.nbxf-post-media img{display:block; width:100%; height:auto}
.nbxf-post-text{font-size:17px; line-height:1.7; color:var(--f-ink2); margin-top:12px}
.nbxf-post-text img{max-width:100%; height:auto; border-radius:var(--f-r)}
.nbxf-post .nbxf-meta{border-top:1px solid var(--f-line); padding-top:12px}
.nbxf-disclaimer{margin-top:14px; padding:10px 12px; border:1px dashed var(--f-line); border-radius:var(--f-r); font-size:12px; color:var(--f-muted); text-align:center}
.nbxf-cmlist{margin-top:16px; border-top:1px solid var(--f-line); padding-top:14px}
.nbxf-cmlist .nbxf-cmtitle{font-size:17px; font-weight:700; color:var(--f-ink); margin:0 0 10px}
.nbxf-cm{display:flex; gap:9px; padding:9px 0; border-top:1px solid var(--f-line)}
.nbxf-cm:first-of-type{border-top:0}
.nbxf-cm-av{width:28px; height:28px; border-radius:50%; flex:0 0 auto}
.nbxf-cm-who{font-size:12px; font-weight:700; color:var(--f-ink); display:flex; gap:7px; align-items:baseline}
.nbxf-cm-who em{font-style:normal; font-size:10px; font-weight:400; color:var(--f-faint)}
.nbxf-cm-text{font-size:13px; line-height:1.6; color:var(--f-ink2)}
.nbxf-cm-text p{margin:2px 0 0}
.nbxf-cm-none{font-size:13px; color:var(--f-muted); margin:6px 0 0}
.nbxf-sent{display:inline-flex; margin-inline-start:2px}
.nbxf-sent svg{width:13px; height:13px}
.nbxf-sent.up{color:var(--f-up)} .nbxf-sent.down{color:var(--f-down)}
.nbxf-cm-img{display:block; margin-top:7px; padding:0; border:1px solid var(--f-line); border-radius:var(--f-r); overflow:hidden; background:none; cursor:zoom-in; line-height:0; width:180px; max-width:100%}
.nbxf-cm-img img{display:block; width:100%; height:auto}
.nbxf-poll-sm{max-width:320px; margin-top:8px}
.nbxf-poll-sm .nbxf-poll-row{font-size:12px; padding:6px 10px}
.nbxf-cmf{margin-top:12px; border:1px solid var(--f-line); border-radius:var(--f-r); padding:10px}
.nbxf-cmf:focus-within{border-color:var(--f-line-2)}
.nbxf-cmf textarea, .nbxf-cmf .nbxf-editor{width:100%; border:0; background:transparent; padding:0; font-family:inherit; font-size:13px; line-height:1.9; color:var(--f-ink); min-height:44px; outline:none}
.nbxf-cmf-imgprev{position:relative; display:inline-block; line-height:0; margin-top:8px}
.nbxf-cmf-imgprev[hidden]{display:none}
.nbxf-cmf-imgprev img{width:140px; height:90px; object-fit:cover; border-radius:var(--f-r); border:1px solid var(--f-line)}
.nbxf-cmf-imgprev button{position:absolute; top:-7px; inset-inline-end:-7px; width:22px; height:22px; border:0; border-radius:50%; background:var(--f-ink); color:#fff; font-size:11px; cursor:pointer; line-height:1}
.nbxf-cmf-poll{margin-top:8px}
.nbxf-cmf-foot{display:flex; align-items:center; gap:8px; margin-top:8px; flex-wrap:wrap}
.nbxf-cmf-sent{display:flex; gap:6px}
.nbxf-cmf-sent button{display:inline-flex; align-items:center; gap:4px; border:1px solid var(--f-line); background:transparent; color:var(--f-muted); font-family:inherit; font-size:12px; font-weight:600; padding:4px 10px; border-radius:999px; cursor:pointer}
.nbxf-cmf-sent svg{width:14px; height:14px}
.nbxf-cmf-sent .up svg{color:var(--f-up)}
.nbxf-cmf-sent .down svg{color:var(--f-down)}
.nbxf-cmf-sent button.up[aria-pressed="true"]{border-color:var(--f-up); color:var(--f-up); background:#ecf8f0}
.nbxf-cmf-sent button.down[aria-pressed="true"]{border-color:var(--f-down); color:var(--f-down); background:#fdeeef}
html.dark-skin .nbxf-cmf-sent button.up[aria-pressed="true"]{background:rgba(46,194,126,.16)}
html.dark-skin .nbxf-cmf-sent button.down[aria-pressed="true"]{background:rgba(240,97,109,.16)}
.nbxf-cmf-tools{display:flex; align-items:center; gap:2px}
.nbxf-cmf-tools > button, .nbxf-cmf-tools .nbxf-c-emojiwrap > button{display:grid; place-items:center; width:30px; height:30px; border:0; background:none; color:var(--f-muted); border-radius:8px; cursor:pointer}
.nbxf-cmf-tools > button:hover, .nbxf-cmf-tools .nbxf-c-emojiwrap > button:hover{background:var(--f-chip); color:var(--f-ink)}
.nbxf-cmf-tools svg{width:17px; height:17px}
.nbxf-cmf-tools button.on{color:var(--f-brand)}
.nbxf-cmf-send{margin-inline-start:auto; border:0; background:var(--f-brand); color:#fff; font-family:inherit; font-size:13px; font-weight:700; padding:7px 18px; border-radius:var(--f-r); cursor:pointer}
.nbxf-cmf-send[disabled]{opacity:.55; cursor:default}
.nbxf-cmf-msg{margin:8px 0 0; font-size:12px}
.nbxf-cmf-msg.ok{color:var(--f-up)} .nbxf-cmf-msg.bad{color:var(--f-down)}
.nbxf-cmf-msg[hidden]{display:none}
.nbxf-zoom{position:fixed; inset:0; z-index:100001; background:rgba(12,11,15,.88); display:flex; align-items:center; justify-content:center; padding:20px; cursor:zoom-out}
.nbxf-zoom img{max-width:100%; max-height:100%; border-radius:var(--f-r)}

/* موبایل — بدون حاشیه‌ی منفی؛ عرض دقیقاً همان ستون قالب می‌ماند */
@media (max-width:768px){
  /* در موبایل ستون‌های قالب تا لبه‌ی صفحه می‌روند؛ چون فید کارت‌های جداست، کمی نفس‌کشیدن لازم دارد */
  .nbxf{padding-inline:10px}
  /* چسبان فقط در موبایل. جانا روی #tie-container اورفلوی hidden دارد و sticky را بی‌اثر می‌کند؛
     این فایل تنها با nbx_new=1 لود می‌شود، پس اثرش از همین صفحه بیرون نمی‌رود. */
  body.post-type-archive-pulse #tie-container{overflow:visible}
  .nbxf-stick{position:sticky; top:var(--nbxf-top,0px); z-index:30; background:var(--f-page); margin-inline:-10px; padding-inline:10px}
  .nbxf-fbtn-lbl{display:none}
  .nbxf-fbtn{padding:7px 9px}
  /* در موبایل تصویر تحلیل تمام‌عرضِ کارت است */
  .nbxf-media{width:100%; max-width:none}
  .nbxf-foot{display:flex; flex-direction:column; gap:10px; margin-top:6px}
  .nbxf-meta{display:contents}
  .nbxf-tags{order:1; margin-top:4px}
  .nbxf-reacts{order:2; margin-top:0}
  .nbxf-counts{order:3; margin-inline-start:0}
  .nbxf-panel{position:fixed; inset-inline:10px; inset-block-end:calc(var(--nbxf-bottom, 56px) + 10px + env(safe-area-inset-bottom, 0px)); top:auto; width:auto; max-width:none; border-radius:16px}
  .nbxf-grip{display:block; width:38px; height:4px; border-radius:4px; background:var(--f-line-2); margin:8px auto 0}
  .nbxf-seg a{font-size:12px}

  /* منوی سه‌نقطه و ری‌پست در موبایل: برگه‌ی پایینی تمام‌عرض، وگرنه از لبه‌ی صفحه بیرون می‌زد */
  /* بالای نوار پایینی سایت (.nb-appbar-wrap، ۵۶px) می‌نشیند تا آخرین گزینه زیرش نرود */
  .nbxf-more-pop, .nbxf-rp-pop{position:fixed; inset-inline:10px; inset-block:auto calc(var(--nbxf-bottom, 56px) + 10px + env(safe-area-inset-bottom, 0px)); top:auto; z-index:100003; max-height:calc(100vh - 140px); overflow-y:auto; min-width:0; padding:8px; border-radius:16px; box-shadow:0 -8px 30px rgba(27,26,32,.22)}
  html.dark-skin .nbxf-more-pop, html.dark-skin .nbxf-rp-pop{box-shadow:0 -8px 30px rgba(0,0,0,.55)}
  .nbxf-more-pop button, .nbxf-more-pop a, .nbxf-rp-pop button{font-size:14px; padding:12px 12px; white-space:normal}
  /* انتخابگر واکنش هم داخل صفحه بماند */
  .nbxf-react-pop{max-width:calc(100vw - 32px)}
  /* مودال در موبایل تمام‌صفحه می‌شود */
  .nbxf-modal{padding:0; align-items:flex-end}
  .nbxf-modal-box{width:100%; max-height:92vh; border-radius:16px 16px 0 0; padding:14px 14px 18px}
  .nbxf-post-media{width:100%; max-width:none}

}

/* ===== گام ۳٫۷: پروفایل (چیدمان ماکت) ===== */
/* دسکتاپ: کارت معرفی و جعبه‌های آمار در ستون کناری. موبایل: بالای تب‌ها. */
.nbxp-side{display:flex; flex-direction:column; gap:10px}
/* در ستون کناری، کارت معرفی بالای ویجت‌هاست و باید همان فاصله‌ی بین ویجت‌های قالب را داشته باشد */
.nbxf-side .nbxp-side{margin-bottom:30px}
/* اسم کاربر در ستون کناری لینک است، نه تیتر صفحه */
.nbxf a.nbxp-name{color:var(--f-ink); text-decoration:none}
.nbxf a.nbxp-name:hover{color:var(--f-brand)}
/* دو نسخه‌ی یکسان در DOM است؛ این‌ها تعیین می‌کنند کدام دیده شود.
   انتخابگر دوکلاسه لازم است تا از .nbxp-side قوی‌تر باشد. */
.nbxp-side.nbxp-onmobile{display:none}
@media (max-width:991px){
  .nbxp-side.nbxp-ondesktop{display:none}
  .nbxp-side.nbxp-onmobile{display:flex; margin-bottom:10px}
}

.nbxp-card{background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); overflow:hidden}
.nbxp-cover{height:92px; background:linear-gradient(135deg,#6f4ec9,#9b7ae8 55%,#c9b6f5)}
.nbxp-body{padding:0 16px 16px}
.nbxp-top{display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap}
.nbxp-av{width:76px; height:76px; border-radius:50%; border:4px solid var(--f-surface); margin-top:-34px; position:relative; z-index:1; display:block; flex:0 0 auto}
.nbxp-idcol{min-width:0; flex:1 1 auto; padding-top:6px}
.nbxp-name{font-size:17px; font-weight:800; color:var(--f-ink); margin:0; line-height:1.5; display:flex; align-items:center; gap:4px}
.nbxp-handle{font-size:12px; color:var(--f-faint); display:block}
.nbxp-actcol{display:flex; flex-direction:column; align-items:flex-start; gap:5px; flex:0 0 auto; padding-top:6px}
.nbxp-actcol .nbxf-follow{margin-inline-start:0}
.nbxp-joined{font-size:11px; color:var(--f-faint)}
.nbxp-chips{display:flex; gap:6px; flex-wrap:wrap; margin-top:10px}
.nbxp-chip{display:inline-flex; align-items:center; gap:4px; background:var(--f-chip); color:var(--f-ink); font-size:12px; font-weight:800; padding:3px 10px; border-radius:999px}
.nbxp-chip small{font-weight:600; color:var(--f-faint); font-size:11px}
.nbxp-socials{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px solid var(--f-line)}
.nbxp-socials a{color:var(--f-muted); font-size:17px; line-height:1}
.nbxp-socials a:hover{color:var(--f-brand)}
.nbxp-bio{font-size:13px; color:var(--f-ink2); line-height:1.9; margin:10px 0 0}
.nbxp-link{display:inline-block; margin-top:8px; font-size:12px; font-weight:600; color:var(--f-brand); direction:ltr}
.nbxp-edit{border:1px solid var(--f-line); color:var(--f-ink2); font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px}
.nbxp-edit:hover{border-color:var(--f-brand); color:var(--f-brand)}


/* نوار تب‌ها: کلید چندحالته داخل یک جعبه، آیکون نوشتن کنارش */
.nbxp-head{display:flex; align-items:center; gap:8px; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); padding:6px; margin-bottom:10px}
.nbxp-tabs{display:flex; gap:4px; flex:1 1 auto; min-width:0; overflow-x:auto; scrollbar-width:none}
.nbxp-tabs::-webkit-scrollbar{display:none}
.nbxp-tab{display:inline-flex; align-items:center; gap:5px; color:var(--f-muted); font-size:12px; font-weight:600; padding:6px 14px; border-radius:8px; white-space:nowrap; flex:0 0 auto}
.nbxp-tab:hover{color:var(--f-ink2)}
.nbxp-tab.on{background:var(--f-chip); color:var(--f-ink); font-weight:700}
.nbxp-tab i{font-style:normal; font-size:11px; color:var(--f-faint)}
.nbxp-tab .t-sm{display:none}
.nbxp-head .nbxf-write{height:32px; padding:0 10px; font-size:12px; flex:0 0 auto}

/* کارت مقاله/دوره/وبینار و دیدگاه */
.nbxp-item{display:flex; align-items:flex-start; gap:10px; color:inherit}
.nbxp-item-thumb{flex:0 0 76px; width:76px; border-radius:6px; overflow:hidden; line-height:0}
.nbxp-item-thumb img{width:100%; height:auto; display:block}
.nbxp-item-text{min-width:0; display:flex; flex-direction:column; gap:3px}
.nbxp-item-text b{font-size:14px; font-weight:700; color:var(--f-ink); line-height:1.7}
.nbxp-item:hover .nbxp-item-text b{color:var(--f-brand)}
.nbxp-item-text span{font-size:11px; color:var(--f-faint)}
.nbxp-cmcard .nbxf-cm{padding:0}
.nbxp-on{display:block; font-size:12px; color:var(--f-muted); margin-bottom:8px; padding-bottom:8px; border-bottom:1px dashed var(--f-line)}
.nbxp-on b{color:var(--f-ink2); font-weight:700}
.nbxp-on:hover b{color:var(--f-brand)}

/* حالت خالی */
.nbxp-empty{background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); padding:36px 20px; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center}
.nbxp-empty svg{width:110px; height:90px; color:var(--f-brand)}
.nbxp-empty h3{font-size:14px; font-weight:800; color:var(--f-ink); margin:0}
.nbxp-empty p{font-size:13px; color:var(--f-muted); margin:0; max-width:42ch}
.nbxp-write-btn{display:inline-flex; align-items:center; gap:6px; background:var(--f-brand); color:#fff; font-size:13px; font-weight:700; padding:8px 18px; border-radius:var(--f-r); margin-top:4px}
.nbxp-write-btn svg{width:15px; height:15px}

@media (max-width:768px){
  .nbxp-tabs{gap:2px}
  .nbxp-tab{flex:1 1 0; min-width:0; justify-content:center; padding:6px 4px; font-size:11px}
  .nbxp-tab .t-lg{display:none}
  .nbxp-tab .t-sm{display:inline}
  .nbxp-tab i{display:none}
}

/* ===== منشن کاربران و نماد رمزارز ===== */
/* انتخابگر دو کلاسه لازم است تا از قاعده‌ی عمومیِ .nbxf a قوی‌تر باشد */
.nbxf .nbxf-mention, .nbxf .nbxf-cashtag{color:var(--f-brand); font-weight:700}
.nbxf a.nbxf-mention:hover, .nbxf a.nbxf-cashtag:hover{text-decoration:underline}
.nbxf-cashtag{direction:ltr; unicode-bidi:isolate}

.nbxf-mpop{position:fixed; z-index:100006; background:var(--f-surface); display:flex; flex-direction:column; max-height:230px; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; background:var(--f-surface); border:1px solid var(--f-line); border-radius:var(--f-r); box-shadow:0 10px 30px rgba(27,26,32,.16)}
html.dark-skin .nbxf-mpop{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.nbxf-mpop[hidden]{display:none}
.nbxf-mpop button{display:flex; align-items:center; gap:8px; border:0; background:none; font-family:inherit; font-size:13px; color:var(--f-ink2); padding:10px; cursor:pointer; text-align:start; white-space:nowrap; flex:0 0 auto; touch-action:pan-y}
.nbxf-mpop button:hover, .nbxf-mpop button.on{background:var(--f-chip)}
.nbxf-mpop img{width:24px; height:24px; border-radius:50%; flex:0 0 auto}
.nbxf-mpop .ph{display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--f-chip); color:var(--f-muted); font-size:12px; font-weight:800; flex:0 0 auto}
.nbxf-mpop b{color:var(--f-ink); font-weight:700}
.nbxf-mpop span{color:var(--f-faint); font-size:11.5px; direction:ltr; unicode-bidi:isolate; margin-inline-start:auto}

/* ===== پنجره‌ی فهرست دنبال‌کننده/دنبال‌شده و ویرایش پروفایل ===== */
/* نشان‌های کارت حالا دکمه‌اند، پس ظاهر دکمه‌ی مرورگر را خنثی می‌کنیم */
button.nbxp-chip{border:0; font-family:inherit; cursor:pointer}
button.nbxp-chip b{font-weight:inherit}
button.nbxp-chip:hover{background:var(--f-chip-h)}
button.nbxp-edit{font-family:inherit; cursor:pointer}

.nbxf-flist-box, .nbxf-pedit-box{width:440px; max-width:100%}
.nbxf-flist-title, .nbxf-pedit-title{margin:0 0 12px; font-size:17px; font-weight:800; color:var(--f-ink)}
.nbxf-flist-body{display:flex; flex-direction:column; gap:2px; max-height:60vh; overflow-y:auto; overscroll-behavior:contain}

.nbxf-frow{display:flex; align-items:center; gap:10px; padding:8px 4px}
.nbxf-frow-av img{width:44px; height:44px; border-radius:50%; display:block}
.nbxf-frow-id{display:flex; flex-direction:column; min-width:0; gap:1px}
.nbxf-frow-id b{display:flex; align-items:center; gap:4px; font-size:13px; font-weight:700; color:var(--f-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.nbxf-frow-id span{font-size:12px; color:var(--f-faint)}
.nbxf-frow .nbxf-follow{margin-inline-start:auto; flex:0 0 auto}

.nbxf-flist-note{display:flex; flex-direction:column; align-items:center; gap:12px; padding:26px 10px; text-align:center}
.nbxf-flist-note p{margin:0; font-size:13px; color:var(--f-ink2)}
.nbxf-fmore{align-self:center; margin-top:8px; border:1px solid var(--f-line); background:none; font-family:inherit; font-size:12px; color:var(--f-ink2); padding:7px 16px; border-radius:999px; cursor:pointer}
.nbxf-fmore:hover{background:var(--f-chip)}

/* --- ویرایش پروفایل --- */
.nbxf-pedit-av{display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; margin-bottom:14px}
.nbxf-pedit-av img{width:88px; height:88px; border-radius:50%; object-fit:cover; display:block}
.nbxf-pedit-avbtn{display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--f-brand)}
.nbxf-pedit-avbtn svg{width:14px; height:14px}

.nbxf-pedit-row{display:flex; flex-direction:column; gap:5px; margin-bottom:12px}
.nbxf-pedit-row > span{font-size:12px; color:var(--f-muted)}
.nbxf-pedit-row input, .nbxf-pedit-row textarea{width:100%; box-sizing:border-box; font-family:inherit; font-size:13px; color:var(--f-ink); background:var(--f-page); border:1px solid var(--f-line); border-radius:var(--f-r); padding:9px 11px; resize:none}
.nbxf-pedit-row input:focus, .nbxf-pedit-row textarea:focus{outline:none; border-color:var(--f-brand)}

.nbxf-pedit-socials{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px}
.nbxf-pedit-social{display:flex; align-items:center; gap:7px; background:var(--f-page); border:1px solid var(--f-line); border-radius:var(--f-r); padding:0 10px}
.nbxf-pedit-social > span{color:var(--f-muted); font-size:14px; flex:0 0 auto}
.nbxf-pedit-social input{flex:1; min-width:0; border:0; background:none; font-family:inherit; font-size:12.5px; color:var(--f-ink); padding:9px 0}
.nbxf-pedit-social input:focus{outline:none}
.nbxf-pedit-social:focus-within{border-color:var(--f-brand)}

.nbxf-pedit-err{margin:-8px 0 10px; font-size:11.5px; color:var(--f-down)}
.nbxf-pedit-foot{display:flex; align-items:center; gap:10px; justify-content:flex-end; margin-top:4px}
.nbxf-pedit-msg{font-size:12px; color:var(--f-muted); margin-inline-end:auto}

@media (max-width:767px){
  .nbxf-pedit-socials{grid-template-columns:1fr}
  .nbxf-flist-body{max-height:none}
}

/* ===== تیتر صفحهٔ هاب ===== */
.nbxf-hero{margin:4px 0 14px}
.nbxf-h1{font-size:28px; font-weight:800; color:var(--f-ink); margin:0 0 6px; line-height:1.4}
.nbxf-lead{font-size:13px; color:var(--f-muted); margin:0; line-height:1.9}
/* شمار تحلیل‌ها بخشی از خودِ جمله است: بدون کادر و بدون پس‌زمینه، فقط کمی پررنگ‌تر */
.nbxf-total{font-weight:700; color:inherit}
/* تیتر تحلیل اصلی داخل کادر ری‌پست — ظاهرش همان <b> قبلی است */
.nbxf-e-title{font-size:13px; font-weight:700; color:var(--f-ink); margin:0; line-height:1.6}
@media (max-width:767px){
  .nbxf-h1{font-size:20px}
  .nbxf-hero{margin:2px 0 10px}
}
/* تیتر پنجرهٔ ری‌پست کمی کوچک‌تر است، چون تیتر تحلیل اصلی هم زیرش می‌آید */
.nbxf-post-title-rp{font-size:17px; color:var(--f-ink2); margin:10px 0 2px}

/* در موبایل فقط آیکون می‌ماند تا نوار تب‌ها شلوغ نشود */
@media (max-width:480px){
  .nbxf-write-lbl{display:none}
  .nbxf-write{padding:0; width:36px; justify-content:center}
  .nbxp-head .nbxf-write{width:32px; padding:0}
}

/* ===== شمارندهٔ چرخان بالای صفحه ===== */
/* عدد و واژهٔ «تحلیل» با هم می‌مانند و وسط نمی‌شکنند */
.nbxf-total{white-space:nowrap}
.nbxf-lead .nbxf-total{font-size:inherit}
.nbxf-odo{display:inline-flex; direction:ltr; unicode-bidi:isolate; vertical-align:-0.08em}
.nbxf-odo-box{display:inline-flex; align-items:flex-start}
.nbxf-odo-sep{display:inline-block; line-height:1em}
.nbxf-odo-c{display:inline-block; height:1em; line-height:1em; overflow:hidden}
.nbxf-odo-s{display:block; line-height:1em; white-space:pre; transform:translateY(0);
  transition-property:transform; transition-timing-function:cubic-bezier(.16,.84,.3,1)}

/* ===== راهنمای گام‌به‌گام ===== */
.nbxf-help{display:inline-flex}
.nbxf-tour[hidden]{display:none}
.nbxf-tour{position:fixed; inset:0; z-index:100020}
/* تاریکیِ همه‌جا جز عنصر هدف، با یک سایهٔ بسیار بزرگ دور حلقه ساخته می‌شود */
.nbxf-tour-dim{position:absolute; inset:0}
.nbxf-tour-ring{position:fixed; border-radius:10px; pointer-events:none;
  box-shadow:0 0 0 9999px rgba(18,17,22,.68), 0 0 0 2px var(--f-brand) inset;
  transition:top .22s ease, left .22s ease, width .22s ease, height .22s ease}
.nbxf-tour-pop{position:fixed; width:290px; max-width:calc(100vw - 16px); background:var(--f-surface);
  border:1px solid var(--f-line); border-radius:var(--f-r); padding:14px 16px 12px;
  box-shadow:0 18px 50px rgba(0,0,0,.3); transition:top .22s ease, left .22s ease}
.nbxf-tour-pop h4{margin:0 0 6px; font-size:14px; font-weight:800; color:var(--f-ink)}
.nbxf-tour-pop p{margin:0 0 12px; font-size:12.5px; line-height:2; color:var(--f-ink2)}
/* رنگ متن را صریح می‌دهیم: قالب به code رنگ تیره‌ی ثابت می‌دهد و در دارک‌مود
   سیاه روی سیاه می‌شد. --f-ink در هر دو حالت کنتراست دارد. */
.nbxf-tour-pop code{background:var(--f-chip); color:var(--f-ink); border:1px solid var(--f-line);
  border-radius:4px; padding:1px 6px; font-size:12px; font-weight:700; direction:ltr; unicode-bidi:isolate}
/* بنفشِ برند روی پس‌زمینه‌ی تیره کم‌جان است؛ در دارک‌مود روشن‌ترش می‌کنیم */
html.dark-skin .nbxf-tour-pop b{color:#a98cea}
.nbxf-tour-pop b{color:var(--f-brand)}
.nbxf-tour-x{position:absolute; inset-inline-start:8px; top:8px; border:0; background:none; color:var(--f-faint); font-size:13px; cursor:pointer; line-height:1}
.nbxf-tour-foot{display:flex; align-items:center; gap:7px}
.nbxf-tour-n{font-size:11.5px; color:var(--f-faint); margin-inline-end:auto}
.nbxf-tour-ghost{border:0; background:none; font-family:inherit; font-size:12px; color:var(--f-muted); cursor:pointer; padding:5px 6px; border-radius:6px}
.nbxf-tour-ghost:hover{background:var(--f-chip); color:var(--f-ink2)}
.nbxf-tour-pop .nbxf-cmf-send{font-size:12px; padding:6px 14px}
@media (max-width:480px){
  .nbxf-tour-pop{width:auto; inset-inline:8px}
}

/* ===== صفحهٔ تکی تحلیل: هم‌چیدمان با بقیهٔ نوشته‌های قالب ===== */
/* قالب مادر به .entry-content پدینگ ۳۰ پیکسلی می‌دهد. چون فقط بلوک متن این
   کلاس را دارد، متن تورفته می‌شد و بقیه به لبه می‌چسبید — در پنجره هم همین بود.
   پدینگ را از متن برمی‌داریم و به کل بلوک می‌دهیم، همان اندازه‌ای که قالب
   برای تک‌نوشته‌ها استفاده می‌کند. */
.nbxf .nbxf-post-text.entry-content{padding:0}
.nbxf-single{padding:26px 30px 30px}
/* کادر خاکستری سلب مسئولیت و بخش دیدگاه‌ها هم تا لبه کشیده نشوند */
.nbxf-single .nbxf-disclaimer{margin-inline:0}
@media (max-width:767px){
  .nbxf-single{padding:16px 16px 20px}
}