/* کامیونیتی اسمارت اف ایکس — مینیمال، متن ریز، کارت سفید با قاب یاسی.
   ⚠️ قالب روی span و i قانونِ سراسریِ font-size:1rem دارد، پس همان اول خنثی می‌شود. */

.sfx-cy, .cy-bar, .cy-panel, .cy-sheet-wrap { direction: rtl; }
.sfx-cy span, .sfx-cy i, .sfx-cy b, .sfx-cy em,
.cy-bar span, .cy-bar b, .cy-bar i,
.cy-panel span, .cy-panel b, .cy-panel i, .cy-panel em,
.cy-sheet-wrap span, .cy-sheet-wrap b, .cy-sheet-wrap i { font-size: inherit; font-style: normal; }

/* ⚠️ شیت به body چسبانده می‌شود و بیرون از .sfx-cy است، پس توکن‌ها باید روی خودش هم
   تعریف شوند؛ وگرنه var(--grad) بی‌مقدار می‌ماند و دکمه‌ی بنفش، سفیدِ نامرئی می‌شود. */
.sfx-cy, .cy-sheet-wrap, .cy-panel, .cy-bar {
  --ink:#2a2350; --ink2:#6f6a86; --mut:#9a97ad;
  --line:#e9e3fb; --line2:#f2eefc; --bg:#faf9ff; --pan:#fff;
  --acc:#5a4bd6; --acc2:#6a5be2; --grad:linear-gradient(150deg,#6a5be2,#4535ad);
  --ok:#0f8c68; --gold:#ffd35a;
}
.sfx-cy {
  color:var(--ink); font-size:13px; line-height:2;
  max-width:1080px; margin:0 auto; padding:18px 16px 60px;
}
.sfx-cy *{box-sizing:border-box}
/* ⚠️ `.sfx-cy a` اختصاصیتِ (0,1,1) دارد و از `.cy-allbtn` و `.cy-tag` بیشتر است، یعنی
   رنگِ خودِ کامپوننت را می‌خورد و متنِ دکمه سیاه می‌شد. با :where اختصاصیتش صفر می‌شود. */
:where(.sfx-cy) a{text-decoration:none;color:inherit}

/* ------------------------------------------------------------ سربرگ */
.cy-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.cy-head h1{font-size:19px;font-weight:800;margin:0;color:var(--ink);line-height:1.7}
.cy-head p{margin:2px 0 0;font-size:12.5px;color:var(--ink2);line-height:1.9}
.cy-head-l{flex:1 1 260px;min-width:0}
.cy-head-r{display:flex;gap:7px;align-items:center;flex-wrap:wrap}

.cy-live{display:inline-flex;width:7px;height:7px;position:relative;flex:none}
.cy-live > i{position:absolute;inset:0;border-radius:50%;background:#19b36b;box-shadow:0 0 0 0 rgba(25,179,107,.55);animation:cyPulse 2.1s infinite}
@keyframes cyPulse{70%{box-shadow:0 0 0 7px rgba(25,179,107,0)}100%{box-shadow:0 0 0 0 rgba(25,179,107,0)}}
@media(prefers-reduced-motion:reduce){.cy-live > i{animation:none}}

.cy-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;color:var(--ink2);white-space:nowrap}
.cy-chip.on{color:var(--ok);border-color:#cfeede;background:#f4fcf8}
.cy-chip-l:hover{border-color:#cdc0f5;color:var(--acc)}

.cy-btn,.sfx-cy .cy-btn,.cy-sheet .cy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:7px 13px;font-size:12.5px;font-weight:700;
  color:var(--ink);cursor:pointer;font-family:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}
.cy-btn:hover{border-color:#cdc0f5;box-shadow:0 5px 14px rgba(90,70,190,.1);transform:translateY(-1px)}
.cy-btn.pri,.sfx-cy .cy-btn.pri,.cy-sheet .cy-btn.pri{background-image:var(--grad);background-color:#5a4bd6;border-color:transparent;color:#fff}
.cy-btn.pri:hover{box-shadow:0 8px 18px rgba(74,60,180,.28)}
.cy-btn.sm{padding:5px 10px;font-size:12px;border-radius:9px}
.cy-btn[disabled]{opacity:.55;cursor:default;transform:none}
.cy-btn svg{width:14px;height:14px;flex:none}

/* --------------------------------------------------------- چیپ مرتب */
.cy-sorts{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.cy-sort{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;
  font-weight:700;color:var(--ink2);cursor:pointer;font-family:inherit}
.cy-sort.is-on{background:#f1ecff;border-color:#d8ccfa;color:var(--acc)}

/* ------------------------------------------------- کارت کامیونیتی */
.cy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}
.cy-card{background:var(--pan);border:1px solid var(--line);border-radius:14px;padding:11px 12px;
  display:flex;flex-direction:column;gap:9px;transition:border-color .18s,box-shadow .18s}
.cy-card:hover{border-color:#d9cffa;box-shadow:0 8px 20px rgba(80,62,175,.07)}
.cy-card-t{display:flex;gap:9px;align-items:flex-start;min-width:0}
.cy-ico{width:32px;height:32px;border-radius:10px;background:#f2eeff;color:var(--acc);flex:none;
  display:flex;align-items:center;justify-content:center}
.cy-ico svg{width:17px;height:17px}
.cy-card-n{min-width:0;display:block}
.cy-card-n b{display:block;font-size:13.5px;font-weight:800;line-height:1.8}
.cy-card-n em{display:block;font-size:11.5px;color:var(--ink2);line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cy-card-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.cy-meta{font-size:11px;color:var(--mut);font-weight:600;display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.cy-meta .cy-on{color:var(--ok);font-weight:700}
.cy-join{margin-inline-start:auto;border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:4px 12px;font-size:11.5px;font-weight:800;color:var(--acc);cursor:pointer;font-family:inherit;white-space:nowrap}
.cy-join:hover{background:#f4f0ff;border-color:#d8ccfa}
.cy-join.is-in{color:var(--ok);border-color:#cfeede;background:#f4fcf8}

/* صف آواتارها */
.cy-faces{display:inline-flex;align-items:center;direction:ltr}
.cy-faces img,.cy-faces i,.cy-faces b{width:20px;height:20px;border-radius:50%;border:2px solid #fff;
  margin-left:-7px;object-fit:cover;background:#ede8fb;color:var(--acc);font-size:9.5px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;flex:none}
.cy-faces b{width:auto;padding:0 5px;border-radius:999px;font-size:9.5px}

/* ------------------------------------------------------ ردیف گفتگو */
.cy-sec{margin:0 0 26px}
.cy-sec-h{display:flex;align-items:center;gap:8px;margin:0 0 9px}
.cy-sec-h h2{font-size:14.5px;font-weight:800;margin:0;line-height:1.9}
.cy-sec-h .cy-btn{margin-inline-start:auto}

.cy-list{background:var(--pan);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cy-row{display:flex;gap:10px;padding:11px 12px;border-bottom:1px solid var(--line2);align-items:flex-start}
.cy-row:last-child{border-bottom:0}
.cy-row:hover{background:#fcfbff}
.cy-row.is-pin{background:#faf7ff}
.cy-row-av{flex:none}
.cy-row-av img,.cy-row-av i{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.cy-row-b{flex:1;min-width:0}
.cy-row-h{display:block;font-size:13.5px;font-weight:800;line-height:1.85;color:var(--ink)}
.cy-row-h:hover{color:var(--acc)}
.cy-pin{display:inline-block;background:#efeaff;color:var(--acc);border-radius:6px;padding:1px 6px;
  font-size:10px;font-weight:800;margin-inline-end:5px;vertical-align:middle}
.cy-row-b p{margin:1px 0 4px;font-size:11.5px;color:var(--ink2);line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cy-row-m{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--mut);font-weight:600}
.cy-row-m .cy-on{color:var(--ok);font-weight:700;display:inline-flex;align-items:center;gap:4px}
.cy-tag{display:inline-flex;align-items:center;gap:4px;background:#f4f1fd;border-radius:7px;padding:2px 7px;
  color:var(--acc);font-weight:700}
.cy-tag svg{width:12px;height:12px}
.cy-tag:hover{background:#ece5fc}
.cy-row-n{flex:none;text-align:center;min-width:42px;align-self:center;color:var(--ink2)}
.cy-row-n b{display:block;font-size:14px;font-weight:800;color:var(--ink);line-height:1.4}
.cy-row-n span{display:block;font-size:10px;color:var(--mut)}

.cy-empty{padding:26px 16px;text-align:center;color:var(--ink2);font-size:12.5px}
.cy-empty b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:4px}
/* نسخه‌ی باریک برای گفتگوی خالی؛ کادرِ بلند فضای بی‌خودی می‌گرفت. */
.cy-empty.is-slim{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;
  padding:11px 14px;background:#fbfaff;border:1px dashed var(--line);border-radius:12px;line-height:1.9}
.cy-empty.is-slim b{display:inline;font-size:12.5px;margin:0}
.cy-empty.is-slim span{font-size:11.5px;color:var(--mut)}

/* -------------------------------------------- سربرگ کامیونیتی و گفتگو */
.cy-fhead{background:var(--pan);border:1px solid var(--line);border-radius:16px;padding:14px;
  display:flex;gap:12px;align-items:flex-start;margin:0 0 14px}
.cy-fhead .cy-ico{width:42px;height:42px;border-radius:13px}
.cy-fhead .cy-ico svg{width:21px;height:21px}
.cy-fh-b{flex:1;min-width:0}
.cy-fh-b h1{font-size:17px;font-weight:800;margin:0;line-height:1.8}
.cy-fh-b p{margin:2px 0 7px;font-size:12.5px;color:var(--ink2);line-height:1.9}
.cy-fh-m{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cy-fh-a{display:flex;flex-direction:column;gap:6px;align-items:stretch;flex:none}

.cy-crumb{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mut);margin:0 0 10px;font-weight:600}
.cy-crumb a:hover{color:var(--acc)}
.cy-crumb svg{width:11px;height:11px}

.cy-topic{background:var(--pan);border:1px solid var(--line);border-radius:16px;padding:15px 16px;margin:0 0 12px}
.cy-topic h1{font-size:18px;font-weight:800;margin:0 0 8px;line-height:1.85}
.cy-topic-m{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11.5px;color:var(--mut);
  font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--line2);margin-bottom:10px}
/* فقط فرزندِ مستقیم، وگرنه نقطه‌ی «آنلاین» داخل چیپ هم آواتار حساب می‌شود و گرد و بزرگ می‌آید. */
.cy-topic-m > img,.cy-topic-m > i{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.cy-topic-m a{color:var(--ink);font-weight:700}
.cy-body{font-size:13.5px;line-height:2.15;color:var(--ink)}
.cy-body p{margin:0 0 10px}
.cy-body a{color:var(--acc);font-weight:700;word-break:break-word}
.cy-src{display:flex;align-items:center;gap:7px;background:#f7f4ff;border:1px solid var(--line);
  border-radius:11px;padding:8px 11px;margin-top:10px;font-size:12px;font-weight:700}
.cy-src span{color:var(--mut);font-weight:600}

/* ------------------------------------------------------------ پیام‌ها */
.cy-msgs{display:flex;flex-direction:column;gap:2px;margin:0 0 10px}
.cy-msg{display:flex;gap:9px;padding:10px 12px;background:var(--pan);border:1px solid var(--line);
  border-radius:13px;align-items:flex-start}
.cy-msg.is-me{background:#fbfaff;border-color:#e2d9fa}
.cy-msg.is-pin{border-color:#d3c4f7}
.cy-msg-av{flex:none}
.cy-msg-av img,.cy-msg-av i{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.cy-msg-b{flex:1;min-width:0}
.cy-msg-h{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mut);font-weight:600}
.cy-msg-h b{font-size:12.5px;color:var(--ink);font-weight:800}
.cy-msg-h a:hover b{color:var(--acc)}
.cy-msg-h .cy-pin{margin:0}
.cy-msg-t{font-size:13px;line-height:2.05;color:var(--ink);word-break:break-word}
.cy-msg-t p{margin:0 0 6px}
.cy-msg-t p:last-child{margin:0}
.cy-msg-f{display:flex;align-items:center;gap:8px;margin-top:4px}
.cy-like{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--mut);
  font-size:11px;font-weight:700;cursor:pointer;padding:2px 0;font-family:inherit}
.cy-like svg{width:13px;height:13px}
.cy-like:hover,.cy-like.is-on{color:var(--acc)}

/* ---------------------------------------------------- دروازه‌ی مهمان */
.cy-gate{position:relative;padding:4px 0 0;margin-top:2px}
.cy-ghost{display:flex;gap:9px;padding:11px 12px;background:#fff;border:1px solid var(--line);
  border-radius:13px;margin-bottom:2px;filter:blur(3px);opacity:.75;user-select:none}
.cy-ghost-av{width:28px;height:28px;border-radius:50%;background:#e9e3fb;flex:none}
.cy-ghost div{flex:1;display:flex;flex-direction:column;gap:7px;padding-top:5px}
.cy-ghost i{height:8px;border-radius:5px;background:#eee9fa;display:block}
.cy-gate-b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:5px;text-align:center;padding:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.96) 55%)}
.cy-gate-b b{font-size:13.5px;font-weight:800}
.cy-gate-b span{font-size:11.5px;color:var(--ink2);max-width:330px;line-height:1.9}
.cy-gate-b .cy-btn{margin-top:4px}

/* ----------------------------------------------------------- نوشتن */
.cy-compose{background:var(--pan);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.cy-compose textarea{width:100%;border:0;outline:0;resize:vertical;min-height:62px;font-family:inherit;
  font-size:13px;line-height:2;color:var(--ink);background:transparent;padding:0}
.cy-compose textarea::placeholder{color:var(--mut)}
.cy-compose-f{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line2);padding-top:8px;margin-top:6px}
.cy-compose-f .cy-hint{font-size:11px;color:var(--mut);flex:1}
.cy-guest{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f8f6ff;border:1px solid var(--line);
  border-radius:14px;padding:11px 13px}
.cy-guest b{font-size:12.5px;font-weight:800}
.cy-guest span{font-size:11.5px;color:var(--ink2);flex:1;min-width:150px}
.cy-err{color:#c02b2b;font-size:11.5px;font-weight:700;margin-top:6px;min-height:1px}

.cy-skel{display:flex;flex-direction:column;gap:6px;padding:8px 0}
.cy-skel i{height:34px;border-radius:12px;background:linear-gradient(90deg,#f6f3ff,#efeafd,#f6f3ff);
  background-size:200% 100%;animation:cySkel 1.3s infinite;display:block}
@keyframes cySkel{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ------------------------------------------------------ نوار مطلب‌ها
   عمدا شبیه نوار هوش مصنوعی نیست: بنفشِ برند، بزرگ‌تر، با نبض و درخشش. */
.cy-bar{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  background:linear-gradient(120deg,#5a4bd6,#7a4fc0 52%,#4535ad);border:0;border-radius:16px;
  padding:14px 16px;margin:0 0 18px;color:#fff;font-family:inherit;
  box-shadow:0 10px 26px rgba(74,60,180,.24);transition:transform .2s,box-shadow .2s}
.cy-bar:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(74,60,180,.32);color:#fff}
.cy-bar::after{content:"";position:absolute;top:0;bottom:0;width:38%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
  transform:skewX(-14deg);animation:cySheen 4.6s ease-in-out infinite}
@keyframes cySheen{0%{right:-45%}55%{right:115%}100%{right:115%}}

.cy-bar-ico{position:relative;width:42px;height:42px;border-radius:13px;flex:none;
  background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#fff}
.cy-bar-ico svg{width:21px;height:21px;position:relative;z-index:1}
.cy-ring{position:absolute;inset:0;border-radius:13px;border:2px solid rgba(255,255,255,.55);
  animation:cyRing 2.6s ease-out infinite}
.cy-ring.d2{animation-delay:1.3s}
@keyframes cyRing{0%{transform:scale(1);opacity:.75}70%{transform:scale(1.45);opacity:0}100%{opacity:0}}

.cy-bar-t{flex:1 1 220px;min-width:0}
/* ⚠️ قالب داخلِ متنِ مقاله `.sfx-article-body b,strong{color:var(--ink)}` و
   `.sfx-article-body a{color:var(--accent)}` دارد و چون اختصاصیتشان با مالِ ما برابر است،
   هرکدام دیرتر بار شود برنده می‌شود و تیترِ بنر سیاه می‌افتد. اینجا صریح می‌نویسیم. */
a.cy-bar,a.cy-bar:hover,a.cy-bar:focus{color:#fff}
.cy-bar .cy-bar-t b{display:block;font-size:15px;font-weight:800;line-height:1.8;color:#fff!important}
.cy-bar .cy-bar-t em{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;
  color:rgba(255,255,255,.85)!important;line-height:1.7}
.cy-bar .cy-bar-t em span{color:inherit!important}
.cy-bar [data-cy-n]{display:inline-flex;align-items:center;gap:9px;min-width:0}
.cy-bar [data-cy-n] span{white-space:nowrap}
.cy-bar [data-cy-n] span + span{opacity:.82}
.cy-bar .cy-bar-ico{color:#fff}
.cy-bar .cy-bar-go{color:#4535ad!important}
.cy-bar-t .cy-live > i{background:#7bf3b6;box-shadow:0 0 0 0 rgba(123,243,182,.6)}
.cy-bar-n,[data-cy-n]{font-size:12px}
.cy-typing{display:inline-flex;align-items:center;gap:3px}
.cy-typing i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.8);display:block;
  animation:cyType 1.25s infinite}
.cy-typing i:nth-child(2){animation-delay:.18s}
.cy-typing i:nth-child(3){animation-delay:.36s}
@keyframes cyType{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}

.cy-bar .cy-faces{margin-inline-start:auto}
.cy-bar .cy-faces img,.cy-bar .cy-faces i,.cy-bar .cy-faces b{border-color:rgba(255,255,255,.5);background:#6f5fd6;color:#fff}
.cy-bar-go{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:11px;
  padding:9px 15px;font-size:13px;font-weight:800;color:#4535ad;flex:none;
  box-shadow:0 4px 12px rgba(20,10,60,.18);animation:cyNudge 3.4s ease-in-out infinite}
.cy-bar-go svg{width:13px;height:13px}
.cy-bar:hover .cy-bar-go{animation:none;transform:scale(1.03)}
@keyframes cyNudge{0%,88%,100%{transform:scale(1)}92%{transform:scale(1.06)}96%{transform:scale(.99)}}

@media(prefers-reduced-motion:reduce){
  .cy-bar::after,.cy-ring,.cy-typing i,.cy-bar-go{animation:none}
  .cy-bar::after{display:none}
}
/* موبایل: آیکون جلوی متن، نوشته‌ها درشت‌تر، و دکمه‌ی تمام‌عرض وسطِ ردیفِ پایین. */
@media(max-width:700px){
  .cy-bar{display:grid;grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"ico txt" "go go";gap:13px 11px;padding:14px 13px;border-radius:15px}
  .cy-bar-ico{grid-area:ico;width:42px;height:42px;border-radius:13px;align-self:center}
  .cy-bar-ico svg{width:21px;height:21px}
  .cy-bar-t{grid-area:txt;flex:none;align-self:center}
  .cy-bar .cy-bar-t b{font-size:14.5px;line-height:1.7;margin-bottom:5px}
  .cy-bar .cy-bar-t em{font-size:11.5px;gap:6px;line-height:1.7}
  .cy-bar [data-cy-n]{gap:7px;flex-wrap:wrap}
  .cy-bar .cy-faces{display:none}
  /* دکمه کوچک‌تر و وسطِ ردیفِ پایین، نه تمام‌عرض */
  .cy-bar-go{grid-area:go;justify-self:center;width:auto;min-width:190px;justify-content:center;
    padding:9px 22px;font-size:13px;border-radius:11px}
}

/* پنل پایین مطلب */
.cy-panel{margin:26px 0 8px;font-size:13px;color:var(--ink)}
.cy-panel-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.cy-panel-h b{font-size:14.5px;font-weight:800}
.cy-panel .cy-msgs{margin-bottom:8px}

/* --------------------------------------------------------- پروفایل */
.cy-prof{background:var(--pan);border:1px solid var(--line);border-radius:16px;padding:16px;
  display:flex;gap:13px;align-items:flex-start;margin:0 0 14px}
.cy-prof-av img,.cy-prof-av i{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}
.cy-prof-b{flex:1;min-width:0}
.cy-prof-b h1{font-size:18px;font-weight:800;margin:0;line-height:1.8}
.cy-prof-b p{margin:3px 0 8px;font-size:12.5px;color:var(--ink2);line-height:1.95}
.cy-stats{display:flex;gap:7px;flex-wrap:wrap}
.cy-stat{background:#f8f6ff;border:1px solid var(--line);border-radius:11px;padding:6px 11px;text-align:center;min-width:72px}
.cy-stat b{display:block;font-size:15px;font-weight:800;line-height:1.5}
.cy-stat span{display:block;font-size:10.5px;color:var(--mut)}

/* ----------------------------------------------------------- شیت */
.cy-sheet-wrap{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(28,22,60,.45);backdrop-filter:blur(2px)}
.cy-sheet{background:#fff;border-radius:18px;width:100%;max-width:400px;padding:18px;color:#2a2350;
  box-shadow:0 24px 60px rgba(40,28,110,.3);max-height:92vh;overflow:auto;font-size:13px;line-height:2}
.cy-sheet h3{font-size:16px;font-weight:800;margin:0 0 4px;line-height:1.8}
.cy-sheet > p{margin:0 0 12px;font-size:12.5px;color:#6f6a86;line-height:1.95}
.cy-fld{margin:0 0 10px}
.cy-fld label{display:block;font-size:11.5px;font-weight:700;color:#6f6a86;margin-bottom:4px}
.cy-fld input,.cy-fld textarea,.cy-fld select{width:100%;border:1px solid #e3dbfa;border-radius:11px;
  padding:9px 11px;font-family:inherit;font-size:13.5px;color:#2a2350;background:#fff;outline:0}
.cy-fld input:focus,.cy-fld textarea:focus{border-color:#b9a9f0;box-shadow:0 0 0 3px rgba(122,96,232,.12)}
.cy-fld textarea{min-height:76px;resize:vertical;line-height:1.95}
.cy-sheet .cy-btn{width:100%;padding:10px;font-size:13.5px}
.cy-sheet .cy-btn + .cy-btn{margin-top:7px}
.cy-x{position:absolute;inset-inline-end:14px;inset-block-start:12px;border:0;background:none;cursor:pointer;
  color:#9a97ad;font-size:19px;line-height:1;padding:4px}
.cy-sheet-in{position:relative}
.cy-icons{display:flex;gap:6px;flex-wrap:wrap}
.cy-icons button{width:38px;height:38px;border-radius:11px;border:1px solid #e3dbfa;background:#fff;
  color:#6f6a86;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cy-icons button svg{width:18px;height:18px}
.cy-icons button.is-on{border-color:#5a4bd6;color:#5a4bd6;background:#f3efff}
.cy-avup{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.cy-avup img,.cy-avup i{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:#5a4bd6;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cy-ok{text-align:center;padding:12px 0}
.cy-ok b{display:block;font-size:16px;font-weight:800;margin-bottom:4px}
.cy-ok span{font-size:12.5px;color:#6f6a86}

/* ------------------------------------------------------------ موبایل */
@media(max-width:900px){ .cy-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:620px){
  .sfx-cy{padding:14px 12px 46px}
  .cy-grid{grid-template-columns:1fr}
  .cy-head h1{font-size:17px}
  .cy-fhead{flex-wrap:wrap}
  .cy-fh-a{flex-direction:row;width:100%}
  .cy-fh-a .cy-btn{flex:1}
  .cy-row-n{min-width:34px}
  .cy-topic h1{font-size:16px}
}

/* ------------------------------------------------- پاسخ به پاسخ */
.cy-kids{margin-top:9px;border-inline-start:2px solid var(--line);padding-inline-start:10px;
  display:flex;flex-direction:column;gap:6px}
.cy-msg.is-kid{padding:8px 10px;background:#fcfbff;border-color:var(--line2)}
.cy-msg.is-kid .cy-msg-av img,.cy-msg.is-kid .cy-msg-av i{width:24px;height:24px;font-size:10.5px}
.cy-msg.is-kid .cy-msg-t{font-size:12.5px}
.cy-to{background:#f3efff;color:var(--acc);border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700}
.cy-rep{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--mut);
  font-size:11px;font-weight:700;cursor:pointer;padding:2px 0;font-family:inherit}
.cy-rep svg{width:13px;height:13px}
.cy-rep:hover,.cy-rep.is-on{color:var(--acc)}
.cy-rbox:empty{display:none}
.cy-rbox{margin-top:8px}
.cy-rbox .cy-compose{padding:8px 10px;border-radius:12px}
.cy-rbox .cy-compose textarea{min-height:44px;font-size:12.5px}
.cy-rbox .cy-guest{padding:9px 11px}

/* --------------------------------------------- فعال‌ترین اعضا */
.cy-sec-h .cy-meta{margin-inline-start:auto}
.cy-tops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cy-top{display:flex;align-items:center;gap:8px;background:var(--pan);border:1px solid var(--line);
  border-radius:12px;padding:8px 10px;min-width:0;transition:border-color .18s,box-shadow .18s}
.cy-top:hover{border-color:#d9cffa;box-shadow:0 6px 16px rgba(80,62,175,.07)}
.cy-top-r{font-size:11.5px;font-weight:800;color:var(--mut);min-width:13px;text-align:center;flex:none}
.cy-top:first-child .cy-top-r{color:var(--acc)}
.cy-top > img,.cy-top > i{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cy-top-b{min-width:0}
.cy-top-b b{display:block;font-size:12.5px;font-weight:800;line-height:1.7;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-top-b em{display:block;font-size:10.5px;color:var(--mut);line-height:1.6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* نشان کامیونیتیِ در صف تایید */
.cy-wait{background:#fff7e6;border:1px solid #ffe2ad;color:#9a6600;border-radius:999px;
  padding:2px 8px;font-size:10.5px;font-weight:800}
.cy-mine .cy-card{border-color:#ddd2fa;background:linear-gradient(140deg,#fff,#fbf9ff)}

@media(max-width:900px){ .cy-tops{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:620px){
  .cy-tops{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .cy-kids{padding-inline-start:7px}
  .cy-sec-h .cy-meta{width:100%;margin:0}
}

/* ================================================================= دو ستونه
   در راست‌چین ستونِ اولِ گرید سمتِ راست می‌نشیند، پس ساید اول چاپ می‌شود. */
.cy-2col{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}
.cy-main{min-width:0}
/* ⚠️ ساید اسکرولِ داخلی ندارد: با max-height و overflow یک نوارِ خاکستریِ زشت کنارش
   می‌افتاد و ته ستون هم بریده می‌شد. حالا با خودِ صفحه می‌آید. */
.cy-side{min-width:0;display:flex;flex-direction:column;gap:10px;align-self:start}

.cy-block{background:var(--pan);border:1px solid var(--line);border-radius:14px;padding:10px 11px}
.cy-block-h{display:flex;align-items:center;gap:8px;margin:0 0 7px}
.cy-block-h h3{font-size:12.5px;font-weight:800;margin:0;color:var(--ink);line-height:1.8}
.cy-block-h a{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--acc)}

.cy-mini{display:flex;align-items:center;gap:8px;padding:6px 6px;border-radius:10px;min-width:0}
.cy-mini:hover{background:#f8f6ff}
.cy-mini .cy-ico{width:28px;height:28px;border-radius:9px}
.cy-mini .cy-ico svg{width:15px;height:15px}
.cy-mini-b{min-width:0;flex:1}
.cy-mini-b b{display:block;font-size:12.5px;font-weight:700;line-height:1.7;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-mini-b em{display:block;font-size:10.5px;color:var(--mut);line-height:1.6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-mini-on{display:inline-flex;align-items:center;gap:4px;flex:none;
  background:#f1fbf6;border:1px solid #d4f0e2;border-radius:999px;padding:2px 7px}
.cy-mini-on b{font-size:10px;font-weight:800;color:#0f8c68;line-height:1.5}
.cy-mini-on .cy-live{width:6px;height:6px}

.cy-sidet{display:block;padding:7px 6px;border-radius:10px;min-width:0}
.cy-sidet:hover{background:#f8f6ff}
.cy-sidet b{display:block;font-size:12px;font-weight:700;line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cy-sidet em{display:block;font-size:10.5px;color:var(--mut)}

.cy-about p{margin:6px 2px 8px;font-size:11.5px;color:var(--ink2);line-height:1.9}
.cy-about .cy-btn{width:100%;margin-bottom:6px}
.cy-tops.is-side{display:flex;flex-direction:column;gap:2px}
.cy-tops.is-side .cy-top{border:0;padding:6px;border-radius:10px;box-shadow:none}
.cy-tops.is-side .cy-top:hover{background:#f8f6ff}

/* چیپ‌های ریزِ سربرگ کامیونیتی، تا عنوان و توضیح جا باز کنند */
.cy-tick{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--ink2);
  background:#f7f5ff;border:1px solid var(--line2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.cy-tick b{font-weight:800;color:var(--ink)}
.cy-tick.on{color:var(--ok);background:#f4fcf8;border-color:#d8f0e5}
.cy-tick.on b{color:var(--ok)}
.cy-fhead{padding:13px 14px;gap:11px}
.cy-fh-b h1{font-size:18px}
.cy-fh-b p{margin:2px 0 9px;font-size:12.5px}
/* ⚠️ بلوکِ قدیمیِ .cy-fh-a بالاتر flex-direction:column دارد و ارث می‌ماند، پس اینجا
   صریحا row می‌شود وگرنه دکمه‌ها زیر هم می‌افتند و کنارِ سربرگ جای خالی می‌ماند. */
.cy-fh-a{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin-inline-start:auto;flex:none}
.cy-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* --------------------------------------------------- عکس داخل پیام */
.cy-shots{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}
.cy-shots a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  max-width:100%;line-height:0;background:#f8f6ff}
.cy-shots img{max-width:100%;height:auto;display:block;max-height:420px;object-fit:contain}
.cy-shots.is-multi a{flex:1 1 180px;max-width:calc(50% - 3px)}
.cy-shots.is-multi img{height:150px;object-fit:cover;width:100%}
.cy-shots a:hover{border-color:#cdc0f5}

/* پیوست در کادر نوشتن */
.cy-att{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;
  border-radius:9px;padding:5px 10px;font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;
  font-family:inherit;flex:none}
.cy-att:hover{border-color:#cdc0f5;color:var(--acc)}
.cy-att svg{width:13px;height:13px}
.cy-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 0}
.cy-thumb{position:relative;width:62px;height:62px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.cy-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cy-thumb button{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:18px;height:18px;
  border-radius:50%;border:0;background:rgba(20,12,50,.62);color:#fff;font-size:12px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.cy-thumb.is-up{display:flex;align-items:center;justify-content:center;background:#f4f1fd;color:var(--mut);font-size:10px}

@media(max-width:980px){
  .cy-2col{grid-template-columns:1fr;gap:14px}
  .cy-side{position:static;max-height:none;overflow:visible;order:2;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cy-main{order:1}
}
@media(max-width:620px){
  .cy-side{grid-template-columns:1fr}
  .cy-grid-2{grid-template-columns:1fr}
  .cy-fh-a{width:100%;margin:6px 0 0}
  .cy-fh-a .cy-btn{flex:1}
  .cy-shots.is-multi a{max-width:100%;flex:1 1 100%}
}

/* گفتگویی که سیستم باز کرده */
.cy-row-av.is-sys,.cy-topic-m > i.is-sys{background:linear-gradient(150deg,#6a5be2,#4535ad);color:#fff;
  display:flex;align-items:center;justify-content:center;border-radius:50%}
.cy-row-av.is-sys svg,.cy-topic-m > i.is-sys svg{width:16px;height:16px}
.cy-topic-m > i.is-sys svg{width:13px;height:13px}
.cy-sysname{font-size:12px;font-weight:800;color:var(--ink)}

/* سربرگ پروفایل: کاشی‌های آمار سمت چپ، نام و معرفی سمت راست */
.cy-prof-r{margin-inline-start:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.cy-prof-b .cy-stats{display:none}
@media(max-width:620px){
  .cy-prof{flex-wrap:wrap}
  .cy-prof-r{width:100%;margin:8px 0 0;align-items:stretch}
  .cy-prof-r .cy-stats{width:100%}
  .cy-prof-r .cy-stat{flex:1}
}

/* ============================================================ اعلان‌ها */
.cy-bell{position:relative;width:34px;height:34px;border-radius:11px;border:1px solid var(--line);
  background:#fff;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  font-family:inherit;flex:none;margin-inline-start:6px;vertical-align:middle}
.cy-bell:hover{border-color:#cdc0f5;color:var(--acc)}
.cy-bell svg{width:17px;height:17px}
.cy-bell i{position:absolute;inset-block-start:-5px;inset-inline-start:-5px;min-width:16px;height:16px;
  border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
.cy-crumb .cy-bell{margin-inline-start:auto}
.cy-crumb{align-items:center}

/* ظرفِ زنگ باید relative باشد وگرنه پنل نسبت به کلِ صفحه جا می‌افتد و روی ساید می‌رود. */
.cy-head-r,.cy-crumb{position:relative}
.cy-notif{position:absolute;z-index:80;top:100%;inset-inline-start:0;margin-top:8px;width:320px;max-width:calc(100vw - 32px);
  background:var(--pan);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(60,44,140,.16);
  overflow:hidden}
.cy-notif-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line2)}
.cy-notif-h b{font-size:12.5px;font-weight:800}
.cy-nlist{max-height:330px;overflow:auto}
.cy-nrow{display:flex;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line2);align-items:flex-start}
.cy-nrow:last-child{border-bottom:0}
.cy-nrow:hover{background:#faf8ff}
.cy-nrow.is-new{background:#f7f3ff}
.cy-nrow img,.cy-nrow > i{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cy-nrow span{min-width:0;flex:1}
.cy-nrow b{display:block;font-size:12.5px;font-weight:700;line-height:1.75;color:var(--ink)}
.cy-nrow em{display:block;font-size:11.5px;color:var(--ink2);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cy-nrow time{display:block;font-size:10.5px;color:var(--mut);margin-top:2px}

/* کلید روشن و خاموش */
.cy-sw{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink2);font-weight:700;
  cursor:pointer;margin-inline-start:auto}
.cy-sw input{position:absolute;opacity:0;width:0;height:0}
.cy-sw span{width:30px;height:17px;border-radius:999px;background:#e2dcf6;position:relative;transition:background .18s;flex:none}
.cy-sw span::after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;width:13px;height:13px;
  border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cy-sw input:checked + span{background:var(--ok)}
.cy-sw input:checked + span::after{transform:translateX(-13px)}

/* چه چیزی عوض شد، داخل شیتِ عضویت */
.cy-what{margin:0 0 12px;padding:0;list-style:none}
.cy-what li{position:relative;padding-inline-start:0;padding-inline-end:20px;font-size:12.5px;color:var(--ink2);line-height:2}
.cy-what li::before{content:"✓";position:absolute;inset-inline-end:0;color:var(--ok);font-weight:800;font-size:12px}

/* --------------------------------------------------------- نشان‌ها */
.cy-badges{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 9px}
.cy-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(140deg,#f6f2ff,#efeaff);
  border:1px solid #ddd2fa;border-radius:999px;padding:3px 10px;color:var(--acc)}
.cy-badge svg{width:13px;height:13px}
.cy-badge b{font-size:11px;font-weight:800;color:var(--acc)}

@media(max-width:620px){
  .cy-notif{inset-inline-start:auto;inset-inline-end:0;width:min(320px,calc(100vw - 24px))}
}

/* پیشنهادِ بازنشرِ نظر در کامیونیتی */
.cy-mirror{background:#f8f6ff;border:1px solid var(--line);border-right:3px solid var(--acc);
  border-radius:11px;padding:10px 12px;font-size:12.5px;line-height:2;color:var(--ink2);margin:0 0 10px;
  max-height:110px;overflow:auto}
.cy-mstat{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ok);font-weight:700;
  margin:0 0 10px;min-height:1px}

/* گوشه‌ی کاربر: پروفایل + زنگ */
.cy-ubox{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;position:relative}
.cy-me{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:3px 11px 3px 4px;max-width:190px}
.cy-me:hover{border-color:#cdc0f5}
.cy-me img,.cy-me > i{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#ede8fb;
  color:var(--acc);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cy-me b{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-crumb .cy-bell,.cy-ubox .cy-bell{margin-inline-start:0}
.cy-head-r .cy-ubox{margin-inline-start:0}

/* دکمه‌ی برگشت به صفحه‌ی اصلی کامیونیتی، بالای ساید */
.cy-allbtn{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--grad);
  color:#fff;border-radius:13px;padding:10px 12px;font-size:12.5px;font-weight:800;
  box-shadow:0 6px 16px rgba(74,60,180,.18)}
.cy-allbtn:hover{color:#fff;box-shadow:0 9px 22px rgba(74,60,180,.28)}
.cy-allbtn svg{width:15px;height:15px}
@media(max-width:980px){ .cy-side .cy-allbtn{grid-column:1/-1} }

.cy-allbtn,.cy-allbtn:hover,.cy-allbtn span{color:#fff}

/* حالت خالیِ «فروم‌های من» */
.cy-noforum{font-size:12px;color:var(--ink2);line-height:2;margin:0 0 9px;padding:2px}
.cy-block .cy-btn{width:100%}

/* فعالیت کاربر در پروفایل */
.cy-act{display:flex;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line2);align-items:flex-start}
.cy-act:last-child{border-bottom:0}
.cy-act:hover{background:#fcfbff}
.cy-act .cy-ico{width:28px;height:28px;border-radius:9px;flex:none}
.cy-act .cy-ico svg{width:15px;height:15px}
.cy-act-b{min-width:0}
.cy-act-b b{display:block;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cy-act-b em{display:block;font-size:11px;color:var(--mut);line-height:1.8}