/* ══════════════════════════════════════════
   MMOZirve — Topic Detail Page CSS v2
   Tam yeniden tasarım
══════════════════════════════════════════ */

/* ── KONU BAŞLIK BLOĞU ─────────────────── */
.topic-hdr{
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:10px;
  box-shadow:0 4px 24px rgba(0,0,0,.18);
  overflow:visible;
  margin-bottom:10px;
}
.topic-hdr-top{
  padding:16px 22px 12px;
  border-bottom:none;
  position:relative;
  overflow:hidden;
}
/* Turuncu sol şerit */
.topic-hdr-top::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--orange),transparent);
}
.topic-prefix-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.tpx{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:4px;cursor:default;letter-spacing:.02em}
.tpx-green{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(34,197,94,.25)}
.tpx-orange{background:var(--orange-light);color:var(--orange);border:1px solid rgba(240,120,0,.25)}
.tpx-red{background:var(--color-danger-light);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}
.tpx-diamond{background:var(--color-diamond-light);color:var(--color-diamond);border:1px solid rgba(6,182,212,.25)}
.tpx-gold{background:var(--color-gold-light);color:var(--color-gold);border:1px solid rgba(245,197,24,.25)}
.tpx-purple{background:var(--color-purple-light);color:var(--color-purple);border:1px solid rgba(168,85,247,.25)}
.topic-title{display:block;font-size:19px;font-weight:800;color:var(--color-text-primary);line-height:1.35;margin-bottom:12px;letter-spacing:-.01em}
.topic-title .tpx-title{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:11px;line-height:1.15;vertical-align:middle;margin-right:8px}
.topic-title .tpx-title i{font-size:10px}
.topic-title-text{display:inline;min-width:0}
.topic-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tmeta{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}
.tmeta a{color:var(--color-info);font-weight:600}
.tmeta a:hover{color:var(--orange)}
.tmeta i{font-size:10px;opacity:.7}
.topic-rating-tmeta{cursor:default;gap:3px;}
.topic-raters-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.topic-raters-label{font-size:12px;color:var(--color-text-muted)}
.topic-raters-label a{color:var(--color-info);font-weight:600;text-decoration:none}
.topic-raters-label a:hover{color:var(--orange)}
/* Rating summary dropdown */
.rating-summary-menu{min-width:230px;padding:6px}
.rating-summary-item{display:flex;align-items:center;gap:8px;border-radius:10px;padding:7px 10px;font-size:13px;color:var(--color-text-secondary);text-decoration:none;transition:background .12s}
.rating-summary-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}
.rating-summary-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:1px solid var(--color-border)}
.rating-summary-avatar img{width:100%;height:100%;object-fit:cover}
.rating-summary-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rating-summary-stars{display:flex;gap:1px;flex-shrink:0}
/* active state for sort dropdown items */
.topic-share-item.active{color:var(--orange);font-weight:700}
.topic-share-item.active i{color:var(--orange)}
.topic-hdr--highlighted .topic-title{color:var(--topic-highlight-text,var(--color-text-primary))}
.topic-hdr--highlighted .topic-meta-row .tmeta{color:var(--topic-highlight-muted,var(--color-text-muted))}
.topic-hdr--highlighted .topic-meta-row .tmeta a{color:var(--topic-highlight-link,var(--color-info))}
.topic-hdr--highlighted .topic-meta-row .tmeta i{opacity:.82}
.topic-hdr--highlighted .topic-hdr-top::before{background:linear-gradient(180deg,var(--topic-highlight-link,var(--orange)),transparent)}
.topic-hdr-tags{
  padding:9px 24px;
  border-bottom:1px solid var(--color-border);
  display:flex;gap:5px;flex-wrap:wrap;align-items:center
}
.tag-lbl{font-size:11px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.tag{font-size:11.5px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:2px 10px;border-radius:20px;border:1px solid var(--color-border);transition:all .16s}
.tag:hover{background:var(--orange-light);color:var(--orange);border-color:rgba(240,120,0,.3)}
.topic-hdr--highlighted .topic-hdr-tags .tag-lbl{color:var(--topic-highlight-muted,var(--color-text-muted))}
.topic-hdr--highlighted .topic-hdr-tags .tag{color:var(--topic-highlight-text,var(--color-text-secondary));background:var(--topic-highlight-tag-bg,var(--color-bg-secondary));border-color:var(--topic-highlight-tag-border,var(--color-border))}
.topic-hdr--highlighted .topic-hdr-tags .tag:hover{background:var(--topic-highlight-tag-border,var(--orange-light));color:var(--topic-highlight-link,var(--orange));border-color:var(--topic-highlight-link,var(--orange))}
.match-meta-card{margin-top:16px;padding:16px 18px;border:1px solid var(--color-border2);border-radius:16px;background:linear-gradient(140deg,rgba(249,115,22,.1) 0%,var(--color-bg-card) 46%,var(--color-bg-secondary) 100%);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.match-meta-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.match-meta-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.match-meta-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent}
.match-meta-badge.open{color:#15803d;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.24)}
.match-meta-badge.locked{color:#b91c1c;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.24)}
.match-meta-badge.result{color:#2563eb;background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.22)}
.match-meta-main{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:14px;align-items:center}
.match-team-block{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:var(--color-bg-card);border:1px solid var(--color-border)}
.match-team-block.align-right{text-align:right}
.match-team-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.match-team-block strong{font-size:20px;line-height:1.2;color:var(--color-text-primary)}
.match-meta-scoreline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;border-radius:16px;background:linear-gradient(135deg,var(--orange),#f59e0b);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.match-meta-scoreline span{font-size:26px;font-weight:900;letter-spacing:.02em}
.match-meta-scoreline small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.match-meta-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--color-text-secondary)}
.match-meta-foot span{display:inline-flex;align-items:center;gap:6px}
.hdr-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.hact{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:6px;font-size:12px;font-weight:600;
  color:var(--color-text-secondary);background:var(--color-bg-card);
  border:1px solid var(--color-border);
  cursor:pointer;transition:all .15s;white-space:nowrap
}
.hact:hover{border-color:var(--color-border2);color:var(--color-text-primary);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.hact i{font-size:11px}
.mod-dropdown .mod-item{display:flex;align-items:center;gap:9px;width:100%;margin:0;padding:8px 16px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:13px;color:var(--color-text-secondary);transition:background .12s,color .12s;text-decoration:none}
.mod-dropdown .mod-item:hover{background:var(--color-bg-primary);color:var(--orange);border-color:transparent;box-shadow:none}
.mod-dropdown .mod-item i{width:14px;text-align:center;font-size:12px}

/* ── POSTS TOOLBAR ─────────────────────── */
.posts-bar{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;
  padding:0 0 8px;
  border-bottom:none;
  margin-bottom:10px;
}
.posts-bar-l{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.posts-bar-r{display:flex;align-items:center;gap:3px;flex-wrap:wrap}

/* Sort butonları — her iki temada da görünür solid stil */
.psort-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:6px;font-size:12px;font-weight:600;
  color:var(--color-text-secondary);text-decoration:none;
  background:var(--color-bg-card);border:1px solid var(--color-border);
  transition:all .15s;white-space:nowrap;
}
.psort-btn:hover{color:var(--color-text-primary);border-color:var(--color-border2);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.psort-btn.on{color:var(--orange);background:var(--orange-light);border-color:rgba(240,120,0,.4);font-weight:700}
.psort-btn.on i{color:var(--orange)}
.psort-btn i{font-size:11px;opacity:.8}
.psort-btn.on i{opacity:1}

/* Tool butonları (son mesaj / değerlendir / takip) */
.ptoolbtn{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:6px;font-size:12px;font-weight:600;
  color:var(--color-text-secondary);text-decoration:none;
  background:var(--color-bg-card);border:1px solid var(--color-border);
  cursor:pointer;transition:all .15s;
  white-space:nowrap;line-height:1.4;font-family:var(--font-base);
}
.ptoolbtn:hover{color:var(--color-text-primary);border-color:var(--color-border2);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.ptoolbtn.following{color:var(--orange);background:var(--orange-light);border-color:rgba(240,120,0,.4)}
.ptoolbtn i{font-size:11px;opacity:.8}
.ptoolbtn:hover i{opacity:1}
.ptoolbtn.following i{opacity:1;color:var(--orange)}
.topic-share-wrap{position:relative}
.topic-toolbar-popover{position:relative;flex:0 0 auto}
.topic-share-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:8px;display:none;flex-direction:column;gap:4px;z-index:80}
.topic-share-menu.open{display:flex}
.topic-share-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;border-radius:10px;padding:10px 11px;font-size:13px;font-weight:700;color:var(--color-text-secondary);cursor:pointer;text-align:left}
.topic-share-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}
.topic-share-item i{width:16px;text-align:center;opacity:.9}

/* Toolbar içi ince separator */
.pbar-sep{width:1px;height:18px;background:var(--color-border);margin:0 1px;align-self:center;display:inline-block}

/* ── POST KARTLARI ─────────────────────── */
.post-wrap{margin-bottom:8px}
.post{
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  /* overflow:hidden kaldırıldı → sticky sidebar için */
  transition:box-shadow .2s;
}
.post:hover{box-shadow:0 4px 16px rgba(0,0,0,.18)}
/* post-inner: stretch — her iki kolon tam yüksekliğe uzanır */
.post-inner{display:flex;align-items:stretch}

/* OP postu öne çıkar */
.post.op{border-color:rgba(240,120,0,.35);box-shadow:0 2px 12px rgba(240,120,0,.1)}

/* ── KULLANICI SIDEBAR ─────────────────── */
/* Dış kap: stretch ile sağ kısma eşit uzar, dikey ayırıcı çizgi bu kapa ait */
.user-col{
  width:186px;flex-shrink:0;
  border-right:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  border-radius:8px 0 0 8px;
  /* overflow:hidden YOK — inner sticky için */
}
/* İç kap: gerçekten sticky olan budur */
.user-col-sticky{
  position:sticky;
  top:70px;
  padding:15px 10px;
  display:flex;flex-direction:column;align-items:center;gap:7px;
}
.gm-badge{
  width:100%;
  background:linear-gradient(90deg,#6d28d9,#a855f7);
  border-radius:4px;padding:3px 7px;text-align:center;
  font-size:10.5px;font-weight:800;color:#fff;letter-spacing:.4px;
  display:flex;align-items:center;justify-content:center;gap:4px;
}
.user-av-wrap{position:relative;cursor:pointer;padding:4px}
.topic-sidebar-avatar-frame{display:flex;width:max-content;line-height:0}
.user-av{
  width:96px;height:96px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;font-weight:900;color:#fff;
  border:2px solid var(--color-border2);
  box-shadow:0 3px 10px rgba(0,0,0,.25);overflow:hidden;
}
.post.op .user-av{border-color:rgba(240,120,0,.6);box-shadow:0 0 0 3px rgba(240,120,0,.12)}
.user-av-online{position:absolute;bottom:2px;right:2px;width:11px;height:11px;background:var(--color-online);border-radius:50%;border:2px solid var(--color-bg-secondary)}
.uname{font-size:14px;font-weight:800;color:var(--color-text-primary);text-align:center;line-height:1.3}
.uname a:hover{color:var(--orange)}
.utitle{font-size:12px;color:var(--color-text-muted);text-align:center;font-style:italic;line-height:1.35}
.ranks{display:flex;flex-direction:column;gap:3px;width:100%}
.rank-badge{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:700;width:100%;text-align:center}
.rb-premium{background:rgba(198,138,0,.12);color:var(--color-gold);border:1px solid rgba(198,138,0,.25)}
.team-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);width:100%;justify-content:center}
.ustats{width:100%;font-size:12px;display:flex;flex-direction:column;gap:0;background:var(--color-bg-card);border-radius:5px;border:1px solid var(--color-border);overflow:hidden}
.ustat{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;border-bottom:1px solid var(--color-border)}
.ustat:last-child{border-bottom:none}
.uk{color:var(--color-text-muted);font-size:12px}
.uv{color:var(--color-text-secondary);font-weight:700;font-size:12px}
.uv.gold{color:var(--color-gold)}
.coin-row{
  width:100%;
  background:linear-gradient(90deg,rgba(198,138,0,.1),rgba(245,197,24,.06));
  border:1px solid rgba(198,138,0,.2);border-radius:5px;
  padding:5px 9px;display:flex;align-items:center;justify-content:space-between
}
.coin-lbl{font-size:12px;color:var(--color-text-muted);font-weight:600}
.coin-val{font-size:12px;font-weight:800;color:var(--color-gold);display:flex;align-items:center;gap:4px}
.trade-wrap{width:100%;text-align:center}
.trade-lbl{font-size:12px;color:var(--color-text-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}
.trade-scores{display:flex;gap:4px;justify-content:center}
.ts{height:18px;padding:0 6px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;min-width:28px}
.ts-g{background:var(--color-success)}
.ts-r{background:var(--color-danger)}
.user-medal-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.user-medal-chip{width:28px;height:28px;border-radius:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;cursor:default;position:relative}
.user-medal-chip.has-tip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;font-size:11px;font-weight:500;line-height:1.4;white-space:normal;word-break:break-word;max-width:220px;min-width:80px;padding:5px 9px;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.28);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;text-align:center;z-index:9999}
.user-medal-chip.has-tip::before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1a1a2e;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:9999}
.user-medal-chip.has-tip:hover::after,.user-medal-chip.has-tip:hover::before,.user-medal-chip.has-tip.tip-open::after,.user-medal-chip.has-tip.tip-open::before{opacity:1;visibility:visible}

/* ── POST İÇERİK ALANI ─────────────────── */
/* Sağ kolon: tam yüksekliğe uzanır, içeriği de flex column */
.post-right{flex:1;min-width:0;display:flex;flex-direction:column}

/* Post başlık çubuğu */
.post-head{
  padding:6px 14px;
  background:var(--color-bg-secondary);
  border-bottom:1px solid var(--color-border);
  border-radius:0 8px 0 0;
  display:flex;align-items:center;justify-content:space-between;
  font-size:11.5px;color:var(--color-text-muted);gap:8px;
  flex-shrink:0;
}
.post-head .ptime a{color:var(--color-text-muted);transition:color .15s}
.post-head .ptime a:hover{color:var(--orange)}
.post-acts{display:flex;align-items:center;gap:8px}
.post-acts a{
  color:var(--color-text-muted);font-size:11.5px;
  display:inline-flex;align-items:center;gap:3px;
  transition:color .15s;padding:2px 4px;border-radius:3px;
}
.post-acts a:hover{color:var(--orange);background:var(--orange-light)}
.post-acts a i{font-size:11px}
.pnum{
  font-size:11.5px;font-weight:800;color:var(--color-text-muted);
  background:var(--color-bg-primary);border-radius:4px;
  padding:1px 7px;border:1px solid var(--color-border);
  flex-shrink:0;
}

/* Post gövde: flex:1 ile kalan alanı doldurur → footer her zaman altta */
.post-body{flex:1;padding:16px 18px}
.post-text{font-size:14px;color:var(--color-text-primary);line-height:1.85}
.post-text p{margin-bottom:10px}
.post-text p:last-child{margin-bottom:0}
.post-text > img,
.post-text > :not(.tt-render) img{display:block;max-width:100%;border-radius:0;margin:0;border:none}
.post-text > img+img,
.post-text > :not(.tt-render) img+img{margin-top:0}
.post-text img[src*="emoji.php"],
.post-text img[src*="twemoji"],
.post-text img.smilie,
.tt-render img[src*="emoji.php"],
.tt-render img[src*="twemoji"],
.tt-render img.smilie{
  display:inline-block;
  width:1.1em;
  height:1.1em;
  max-width:none;
  vertical-align:-0.15em;
  margin:0 .12em;
}
.post-text a{color:var(--color-info);text-decoration:underline;text-underline-offset:2px}
.post-text a:hover{color:var(--orange)}
.post-text .mention-link,
.tt-render .mention-link{
  color:var(--color-info);
  font-weight:700;
  text-decoration:none;
}
.post-text .mention-link:hover,
.tt-render .mention-link:hover{
  color:var(--orange);
  text-decoration:underline;
}
.post-text h3{font-size:15px;font-weight:800;color:var(--orange);margin:14px 0 6px}
.post-text ul,.post-text ol{padding-left:20px;margin:8px 0}
.post-text ul li,.post-text ol li{margin-bottom:5px;line-height:1.65}
.post-text blockquote,.post-text .quote-block{
  background:var(--color-bg-secondary);
  border-left:3px solid var(--orange);
  border-radius:0 6px 6px 0;
  padding:10px 14px;margin:12px 0;
  font-size:13px;color:var(--color-text-secondary);
  font-style:italic;
  position:relative;
}
.post-text blockquote.bq-collapsed{max-height:200px;overflow:hidden;}
.post-text blockquote.bq-collapsed::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:64px;
  background:linear-gradient(180deg,transparent,var(--color-bg-secondary));
  pointer-events:none;
}
.post-text blockquote.bq-expanded{max-height:none;overflow:visible;}
.bq-toggle{
  display:inline-block;margin:3px 0 10px;padding:0;border:none;
  background:none;color:var(--orange);font-size:12px;font-weight:700;
  cursor:pointer;text-decoration:none;
}
.bq-toggle:hover{text-decoration:underline;}
.post-text .forum-quote{
  margin:14px 0;
  padding:0;
  border:1px solid color-mix(in srgb,var(--color-info) 28%, var(--color-border));
  border-left:4px solid var(--color-info);
  border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--color-info) 10%, var(--color-bg-card)),color-mix(in srgb,var(--color-bg-card) 92%, var(--color-bg-secondary)));
  color:var(--color-text-secondary);
  font-style:normal;
  overflow:hidden;
}
.post-text .forum-quote-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;background:color-mix(in srgb,var(--color-info) 12%, var(--color-bg-card));border-bottom:1px solid color-mix(in srgb,var(--color-info) 18%, var(--color-border));font-size:12px;}
.post-text .forum-quote-head strong{color:color-mix(in srgb,var(--color-info) 78%, var(--color-text-primary));font-size:12px;}
.post-text .forum-quote-jump{color:var(--color-info);font-weight:700;text-decoration:none;}
.post-text .forum-quote-jump:hover{color:var(--orange);text-decoration:underline;}
.post-text .forum-quote-body{padding:12px 14px;overflow:hidden;}
.post-text .forum-quote.is-collapsed .forum-quote-body{max-height:190px;position:relative;}
.post-text .forum-quote.is-collapsed .forum-quote-body::after{content:'';position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-bg-card) 94%, var(--color-bg-secondary)));pointer-events:none;}
.post-text .forum-quote.is-expanded .forum-quote-body{max-height:none;}
.post-text .forum-quote-content > :first-child{margin-top:0;}
.post-text .forum-quote-content > :last-child{margin-bottom:0;}
.forum-quote-toggle{margin:0 14px 12px;padding:0;border:none;background:none;color:var(--color-info);font-size:12px;font-weight:800;cursor:pointer;}
.forum-quote-toggle:hover{color:var(--orange);}
.post-text pre,.post-text .code-block{
  background:var(--color-bg-primary);
  border:1px solid var(--color-border);
  border-radius:6px;padding:12px 14px;
  font-family:'Fira Code','Courier New',monospace;
  font-size:12.5px;color:var(--color-diamond);
  margin:10px 0;overflow-x:auto;
}

/* İmza */
.post-signature{
  padding:9px 18px;
  border-top:1px dashed rgba(255,255,255,.07);
  background:var(--color-bg-secondary);
}
.sig-label{font-size:9.5px;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.sig-content{font-size:12px;color:var(--color-text-muted);line-height:1.6}

/* Post footer: flex-shrink:0 ile sıkışmaz, her zaman altta kalır */
.post-foot{
  padding:8px 14px;
  border-top:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;
  border-radius:0 0 8px 0;
  flex-shrink:0;
  margin-top:auto;
}
.post-foot-l{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.post-foot-r{display:flex;align-items:center;gap:4px;flex-wrap:wrap}

/* Post action butonları */
.pbtn{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600;
  cursor:pointer;border:1px solid var(--color-border);
  background:var(--color-bg-card);color:var(--color-text-secondary);
  transition:all .15s;white-space:nowrap;font-family:var(--font-base);
  line-height:1.2;min-height:29px;box-sizing:border-box;
  appearance:none;-webkit-appearance:none;text-decoration:none;
}
.pbtn:hover{border-color:var(--color-border2);color:var(--color-text-primary);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pbtn i{font-size:11px}
/* Düzenle butonu (mavi) */
.pbtn.edit-btn{
  background:var(--color-info-light);color:var(--color-info);border-color:rgba(26,115,232,.25);
}
.pbtn.edit-btn:hover{background:var(--color-info);color:#fff;border-color:var(--color-info)}
/* Sil butonu (kırmızı) */
.pbtn.delete-btn{
  background:var(--color-danger-light);color:var(--color-danger);border-color:rgba(211,47,47,.25);
}
.pbtn.delete-btn:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}
/* Cevapla butonu (turuncu) */
.pbtn.reply-btn{
  background:var(--orange);color:#fff;border-color:var(--orange);
  box-shadow:0 2px 6px rgba(240,120,0,.25);
}
.pbtn.reply-btn:hover{background:var(--orange-h);border-color:var(--orange-h)}
.pbtn.reply-btn i{opacity:1}
/* Beğeni butonu */
.pbtn.like-btn{background:var(--color-bg-card);}
.pbtn.like-btn:hover,.pbtn.like-btn.liked{color:var(--color-danger);border-color:rgba(211,47,47,.3);background:var(--color-danger-light)}
.pbtn.like-btn.liked i{color:var(--color-danger)}
.pbtn:disabled{opacity:.7;cursor:wait;}
.post-like-users{margin-top:8px;font-size:12px;line-height:1.5;color:var(--color-info);width:100%;}
.post-like-users.is-empty{display:none;}
.post-like-users-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;color:var(--color-info);font-size:11px;vertical-align:middle;}
.post-like-user-link{color:var(--color-info);text-decoration:none;font-weight:600;}
.post-like-user-link:hover{color:var(--orange);text-decoration:underline;}
.post-like-avatar-stack{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-left:2px}
.post-like-avatar-chip{width:24px;height:24px;border-radius:999px;overflow:hidden;border:2px solid var(--color-bg-card);margin-left:-6px;background:var(--color-bg-secondary);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);text-decoration:none;font-size:10px;font-weight:800;box-shadow:0 2px 6px rgba(15,23,42,.08)}
.post-like-avatar-chip:first-child{margin-left:0}
.post-like-avatar-chip img{width:100%;height:100%;object-fit:cover;display:block}
.topic-top-reactions{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;margin:0 0 12px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.topic-top-reactions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(37,99,235,.06));border-bottom:1px solid var(--color-border)}
.topic-top-reactions-head h3{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--color-text-primary)}
.topic-top-reactions-head h3 i{color:var(--orange)}
.topic-top-reactions-head span{font-size:11.5px;color:var(--color-text-muted);font-weight:700}
.topic-top-reactions-list{display:flex;flex-direction:column}
.topic-top-reaction-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-top:1px solid var(--color-border2)}
.topic-top-reaction-card:first-child{border-top:none}
.topic-top-reaction-avatar{width:44px;height:44px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--orange),#ffaa44);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;text-decoration:none;flex-shrink:0}
.topic-top-reaction-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.topic-top-reaction-main{min-width:0;display:flex;flex-direction:column;gap:8px;flex:1}
.topic-top-reaction-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted)}
.topic-top-reaction-author{font-size:13px;font-weight:800;color:var(--color-text-primary);text-decoration:none}
.topic-top-reaction-author:hover,.topic-top-reaction-date:hover,.topic-top-reaction-jump:hover{color:var(--orange)}
.topic-top-reaction-dot{color:var(--color-border2)}
.topic-top-reaction-date{color:var(--color-text-muted);text-decoration:none}
.topic-top-reaction-text{font-size:13px;line-height:1.7;color:var(--color-text-secondary);display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.topic-top-reaction-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.topic-top-reaction-likers.is-empty{display:none}
.topic-top-reaction-jump{font-size:12px;font-weight:800;color:var(--color-info);text-decoration:none}
#rate-btn.is-rated{color:var(--color-gold);background:var(--color-gold-light);border-color:rgba(198,138,0,.28)}
/* Raporla butonu */
.pbtn.report-btn{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-bg-card)}
.pbtn.report-btn:hover{color:var(--color-danger);background:var(--color-danger-light);border-color:rgba(211,47,47,.25);box-shadow:none}
.reply-quote-preview{padding:10px 14px;background:var(--color-bg-secondary);border:1.5px solid var(--color-border2);border-bottom:none;border-radius:var(--radius-base) var(--radius-base) 0 0;}
.reply-quote-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--color-text-muted);margin-bottom:10px;}
.reply-quote-items{display:flex;flex-direction:column;gap:8px;}
.reply-quote-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-card);}
.reply-quote-item-main{min-width:0;display:flex;flex-direction:column;gap:3px;}
.reply-quote-item-main strong{font-size:12px;color:var(--color-text-primary);}
.reply-quote-item-main span{font-size:11.5px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px;}
.reply-quote-item-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.reply-quote-item-link,.reply-quote-item-remove,.reply-quote-clear-all{border:none;background:none;padding:0;color:#2563eb;font-size:11.5px;font-weight:700;cursor:pointer;text-decoration:none;}
.reply-quote-item-remove,.reply-quote-clear-all{color:var(--color-danger);}
.reply-quote-item-link:hover,.reply-quote-item-remove:hover,.reply-quote-clear-all:hover{color:var(--orange);}

/* ── TAHMİN SKORBORD ───────────────────── */
.predict-board{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:10px;margin-bottom:10px;overflow:hidden;}
.predict-board-head{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:13px;font-weight:700;color:var(--color-text-primary);}
.predict-board-head i{color:var(--orange);}
.predict-board-vs{color:var(--color-text-muted);font-weight:400;font-size:11px;}
.predict-board-count{margin-left:auto;font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);padding:2px 8px;border-radius:10px;}
.predict-board-list{display:flex;flex-direction:column;}
.predict-board-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--color-border2);transition:background .12s;}
.predict-board-row:last-child{border-bottom:none;}
.predict-board-row:hover{background:var(--color-bg-secondary);}
.predict-board-user{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--color-text-primary);text-decoration:none;min-width:0;}
.predict-board-user:hover{color:var(--orange);}
.predict-board-av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.predict-board-av-letter{background:linear-gradient(135deg,var(--orange),#ffaa44);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}
.predict-board-you{font-size:11px;color:var(--orange);font-weight:700;margin-left:3px;}
.predict-board-score{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.predict-board-team{font-size:11px;color:var(--color-text-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.predict-board-num{font-size:15px;font-weight:900;color:var(--color-text-primary);min-width:20px;text-align:center;}
.predict-board-dash{font-size:13px;font-weight:700;color:var(--color-text-muted);}
.predict-result-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.predict-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}
.predict-result-head strong{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--color-text-primary)}
.predict-result-head strong i{color:var(--orange)}
.predict-result-head span{display:block;font-size:12px;color:var(--color-text-muted);margin-top:4px}
.predict-result-count{display:inline-flex!important;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:var(--orange-light);color:var(--orange)!important;font-size:11px!important;font-weight:800!important;margin-top:0!important}
.predict-result-body{display:flex;flex-direction:column}
.predict-result-winner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--color-border2);font-size:13px;color:var(--color-text-primary);transition:background .16s}
.predict-result-winner:last-child{border-bottom:none}
.predict-result-winner:hover{background:var(--color-bg-secondary);color:var(--orange)}
.predict-result-name{font-weight:700}
.predict-result-score{font-weight:900;color:var(--color-success)}
.predict-result-empty{padding:18px 16px;color:var(--color-text-muted);font-size:13px;text-align:center}

/* ── KONUYU GÖRÜNTÜLEYENLERİ ───────────── */
.viewers{
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:8px;padding:9px 16px;
  box-shadow:0 1px 6px rgba(0,0,0,.1);margin-bottom:10px;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.viewers-title{font-size:12px;font-weight:700;color:var(--color-text-muted);display:flex;align-items:center;gap:5px;flex-shrink:0}
.viewers-title i{color:var(--orange);font-size:11px}
.viewers-list{font-size:12.5px;color:var(--color-text-secondary);flex:1}
.viewers-list a{color:var(--color-info)}
.viewers-list a:hover{color:var(--orange)}

.reply-top-pagination{
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:8px;padding:10px 14px;margin-bottom:10px;
  box-shadow:0 1px 6px rgba(0,0,0,.1);
}

.reply-participants-card{
  width:100%;margin:0 0 10px;padding:11px 14px;
  display:flex;align-items:center;gap:12px;
  border:1px solid var(--color-border);border-radius:10px;
  background:linear-gradient(180deg,var(--color-bg-card),var(--color-bg-secondary));
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s;
}
.reply-participants-card:hover{border-color:rgba(240,120,0,.35);transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.reply-participants-icon{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--orange-light);color:var(--orange);font-size:17px;
  border:1px solid rgba(240,120,0,.18);
}
.reply-participants-body{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex:1}
.reply-participants-title{font-size:13px;font-weight:800;color:var(--color-text-primary);white-space:nowrap}
.reply-participants-avatars{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:0;flex:1}
.reply-participant-avatar{
  width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:-7px;border:2px solid var(--color-bg-card);
  background:linear-gradient(135deg,var(--orange),#ffaa44);color:#fff;
  font-size:11px;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.reply-participant-avatar:first-child{margin-left:0}
.reply-participant-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.reply-participants-more{margin-left:10px;font-size:12px;font-weight:700;color:var(--color-text-muted);white-space:nowrap}

.reply-participants-modal{max-width:760px;width:min(94vw,760px);max-height:min(78vh,680px);display:flex;flex-direction:column}
.reply-participants-modal .modal-head{flex:0 0 auto}
.reply-participants-modal .modal-body{padding:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.reply-participants-modal-table-wrap{overflow-y:auto;overflow-x:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}
.reply-participants-table{width:100%;border-collapse:collapse;table-layout:fixed}
.reply-participants-table th,
.reply-participants-table td{padding:11px 12px;border-bottom:1px solid var(--color-border);text-align:left;font-size:13px;overflow:hidden}
.reply-participants-table th:first-child,.reply-participants-table td:first-child{width:auto}
.reply-participants-table th:nth-child(2),.reply-participants-table td:nth-child(2){width:64px;text-align:center}
.reply-participants-table th:nth-child(3),.reply-participants-table td:nth-child(3){width:120px;white-space:nowrap}
.reply-participants-table th{font-size:12px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--color-bg-secondary)}
.reply-participants-table tbody tr:hover{background:var(--color-bg-secondary)}
.reply-participants-table tbody tr:last-child td{border-bottom:none}
.reply-participants-user{display:flex;align-items:center;gap:10px;color:var(--color-text-primary)}
.reply-participants-user:hover{color:var(--orange)}
.reply-participants-user-avatar{
  width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--orange),#ffaa44);color:#fff;font-weight:800;font-size:12px;
}
.reply-participants-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.reply-participants-user-name{font-weight:700}

/* ── CEVAP FORMU ───────────────────────── */
.reply-form{
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.12);
  overflow:hidden;margin-bottom:12px;
}
.reply-form-head{
  padding:10px 16px;
  background:linear-gradient(90deg,var(--color-nav-bg),var(--color-bg-secondary));
  border-bottom:1px solid var(--color-border);
  font-size:13px;font-weight:700;color:#fff;
  display:flex;align-items:center;gap:7px;
}
.reply-form-head i{color:var(--orange)}
.reply-body{display:flex}
.reply-av-col{
  width:84px;flex-shrink:0;padding:14px 10px;
  border-right:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.reply-av{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,var(--orange),#ffaa44);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:900;color:#fff;
  box-shadow:0 3px 8px rgba(240,120,0,.3);
}
.reply-avatar-frame{display:flex;width:48px;height:48px;line-height:0;padding:3px;box-sizing:content-box;flex-shrink:0;}
.reply-av-name{font-size:11px;font-weight:700;color:var(--color-text-muted);text-align:center}
.reply-editor{flex:1;min-width:0}
.editor-tb{
  padding:6px 10px;border-bottom:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  display:flex;align-items:center;gap:2px;flex-wrap:wrap;
}
.etb{
  width:28px;height:28px;border-radius:4px;
  border:1px solid transparent;background:transparent;
  color:var(--color-text-muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:700;transition:all .15s;
}
.etb:hover{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary)}
.esep{width:1px;height:16px;background:var(--color-border);margin:0 3px;opacity:.6}
.etb-group{display:flex;gap:1px;align-items:center}
.editor-area{
  min-height:110px;padding:12px 14px;
  font-size:13.5px;color:var(--color-text-secondary);
  outline:none;border:none;width:100%;
  font-family:var(--font-base);background:var(--color-bg-card);line-height:1.75;
}
.editor-area:focus{color:var(--color-text-primary)}
.editor-area:empty::before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}
.editor-foot{
  padding:8px 12px;border-top:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;
}
.editor-foot-l{display:flex;align-items:center;gap:7px}
.attach-btn{
  display:inline-flex;align-items:center;gap:5px;padding:5px 10px;
  border-radius:5px;font-size:12px;font-weight:600;
  color:var(--color-text-muted);border:1px solid var(--color-border);
  background:transparent;cursor:pointer;transition:all .15s;
}
.attach-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}
.char-count{font-size:11.5px;color:var(--color-text-muted)}
.submit-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 20px;border-radius:6px;font-size:13px;font-weight:700;
  background:var(--orange);color:#fff;border:none;cursor:pointer;
  transition:background .18s,box-shadow .18s;
  font-family:var(--font-base);box-shadow:0 3px 12px rgba(240,120,0,.3);
}
.submit-btn:hover{background:var(--orange-h);box-shadow:0 5px 18px rgba(240,120,0,.4)}

/* ── BENZERİ KONULAR ───────────────────── */
.similar{
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.1);
  overflow:hidden;margin-bottom:10px;
}
.similar-head{
  padding:9px 16px;
  background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);
  font-size:12.5px;font-weight:700;color:var(--color-text-primary);
  display:flex;align-items:center;gap:6px;
}
.similar-head i{color:var(--orange);font-size:12px}
.sim-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--color-border);transition:background .12s}
.sim-item:last-child{border-bottom:none}
.sim-item:hover{background:var(--color-bg-secondary)}
.sim-av{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:1.5px solid var(--color-border)}
.sim-info{flex:1;min-width:0}
.sim-title{font-size:13px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:500;transition:color .15s}
.sim-title:hover{color:var(--orange)}
.sim-meta{font-size:11.5px;color:var(--color-text-muted);margin-top:2px;display:flex;align-items:center;gap:5px}
.sim-meta .u{color:var(--color-info);font-weight:600}
.sim-stats{text-align:right;flex-shrink:0}
.sim-stats .cv{font-size:12px;color:var(--color-text-secondary);font-weight:600}
.sim-stats .gv{font-size:11px;color:var(--color-text-muted)}

/* ── RATING PANELİ ─────────────────────── */
#rating-panel{
  position:absolute;top:calc(100% + 6px);right:0;z-index:200;
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:8px;padding:12px 16px;
  box-shadow:0 8px 32px rgba(0,0,0,.3);
  display:none;flex-direction:column;align-items:center;gap:6px;
  min-width:180px;
}
#rating-panel.open{display:flex}
.rating-title{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}
.stars{display:flex;gap:4px}
.star{
  font-size:22px;color:var(--color-border2);cursor:pointer;
  transition:color .12s,transform .12s;line-height:1;
}
.star:hover,.star.active{color:var(--color-gold);transform:scale(1.15)}
.stars:hover .star{color:var(--color-gold)}
.stars .star:hover ~ .star{color:var(--color-border2)}
.rating-hint{font-size:11.5px;color:var(--color-text-muted);text-align:center}
.rating-submit{
  margin-top:2px;width:100%;padding:6px 0;border-radius:5px;font-size:12.5px;font-weight:700;
  background:var(--orange);color:#fff;border:none;cursor:pointer;transition:background .15s;
}
.rating-submit:hover{background:var(--orange-h)}

/* ── REPORT MODALİ ─────────────────────── */
.report-modal{
  position:fixed;inset:0;z-index:1100;
  display:none;align-items:center;justify-content:center;
  padding:16px;
}
.report-modal.open{display:flex}
.report-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
.report-box{
  position:relative;z-index:1;
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:10px;width:100%;max-width:420px;
  box-shadow:0 16px 48px rgba(0,0,0,.4);
  overflow:hidden;
}
.report-head{
  padding:12px 18px;border-bottom:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  display:flex;align-items:center;justify-content:space-between;
}
.report-head h3{font-size:14px;font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:7px}
.report-head h3 i{color:var(--color-danger)}
.report-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;transition:all .15s}
.report-close:hover{background:var(--color-bg-card);color:var(--color-text-primary)}
.report-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.report-reason{
  display:flex;align-items:flex-start;gap:9px;padding:8px 10px;
  border-radius:6px;border:1px solid var(--color-border);
  cursor:pointer;transition:all .15s;
}
.report-reason:hover{border-color:rgba(240,120,0,.35);background:var(--orange-light)}
.report-reason input[type=radio]{margin-top:2px;accent-color:var(--orange);flex-shrink:0}
.report-reason-text{font-size:13px;color:var(--color-text-secondary);line-height:1.4;font-weight:500}
.report-reason-sub{font-size:11px;color:var(--color-text-muted);margin-top:1px}
.report-reason:has(input:checked){border-color:rgba(240,120,0,.5);background:var(--orange-light)}
.report-reason:has(input:checked) .report-reason-text{color:var(--orange)}
.report-extra{
  margin-top:4px;
  background:var(--color-bg-secondary);border:1px solid var(--color-border);
  border-radius:6px;padding:9px 12px;
  font-size:13px;color:var(--color-text-secondary);
  resize:none;width:100%;outline:none;font-family:var(--font-base);line-height:1.6;
  transition:border-color .15s;
}
.report-extra:focus{border-color:var(--orange)}
.report-foot{
  padding:10px 18px 14px;
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
}
.report-cancel{
  padding:6px 14px;border-radius:5px;font-size:13px;font-weight:600;
  background:transparent;border:1px solid var(--color-border);
  color:var(--color-text-muted);cursor:pointer;transition:all .15s;font-family:var(--font-base);
}
.report-cancel:hover{border-color:var(--color-border2);color:var(--color-text-primary)}
.report-send{
  padding:6px 16px;border-radius:5px;font-size:13px;font-weight:700;
  background:var(--color-danger);color:#fff;border:none;cursor:pointer;
  transition:background .15s;font-family:var(--font-base);
}
.report-send:hover{background:#dc2626}

/* ── SAYFALAMA ─────────────────────────── */
.pag-sm{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pg-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:5px;
  font-size:12.5px;font-weight:600;text-decoration:none;
  color:var(--color-text-muted);border:1px solid transparent;
  transition:all .15s;
}
.pg-btn:hover{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary)}
.pg-btn.on{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 2px 6px rgba(240,120,0,.3)}
.pg-btn.dots{cursor:default;color:var(--color-text-muted)}
.pg-btn.dots:hover{background:transparent;border-color:transparent}
.pg-btn.nav{width:auto;padding:0 6px;font-size:11px}

/* ── RESPONSIVE ────────────────────────── */
@media(max-width:768px){
  .reply-participants-modal{max-height:82vh;width:min(96vw,760px)}
  .reply-participants-table th:nth-child(2),.reply-participants-table td:nth-child(2){min-width:48px}
  .reply-participants-table th:nth-child(3),.reply-participants-table td:nth-child(3){min-width:90px;white-space:nowrap}
  .reply-participants-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topic-hdr-top{padding:14px 16px 12px}
  .match-meta-main{grid-template-columns:1fr}
  .match-team-block.align-right{text-align:left}
  .match-meta-scoreline{order:-1;min-height:86px}
  .post-inner{flex-direction:column}
  .user-col{
    width:100%;border-right:none;
    border-bottom:1px solid var(--color-border);
    border-radius:8px 8px 0 0;
  }
  .user-col-sticky{
    position:static; /* Mobile'da sticky kaldir */
    display:grid;grid-template-columns:52px minmax(0,1fr);gap:2px 10px;
    padding:10px 14px;align-items:center;
  }
  .user-av{width:52px;height:52px;font-size:18px}
  .user-av-wrap{grid-column:1;grid-row:1 / span 2;align-self:start}
  .uname{grid-column:2;grid-row:1;text-align:left;min-width:0}
  .utitle{grid-column:2;grid-row:2;text-align:left;min-width:0;font-size:11px;line-height:1.3}
  .ranks{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,max-content);justify-content:flex-start;gap:2px 4px;margin-top:6px}
  .ranks .rank-badge,.ranks .team-badge{width:auto;min-width:0;max-width:100%;justify-content:flex-start;overflow:hidden}
  .ranks .rank-badge img,.ranks .team-badge img{width:auto !important;max-width:100%;height:31.5px !important;object-fit:contain}
  .ustats,.coin-row,.trade-wrap{display:none}
  .gm-badge{display:none}
  .user-medal-row{display:none !important}
  .uname{font-size:13px}
  .posts-bar{flex-direction:column;align-items:flex-start;gap:6px}
  .posts-bar-l{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
  .posts-bar-r{
    width:100%;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:6px;
    overflow:visible;padding-bottom:0;
  }
  .posts-bar-r > *{flex:0 1 auto;max-width:100%}
  .posts-bar-r .pbar-sep{display:none}
  .topic-share-wrap,.topic-toolbar-popover,.topic-rating-wrap,.psort-wrap{max-width:100%;width:auto;flex:0 1 auto}
  .ptoolbtn,.psort-btn{max-width:100%}
  .mod-dropdown,
  .topic-share-menu,
  #rating-summary-menu,
  #rating-panel{
    position:fixed;left:12px;right:12px;top:auto;bottom:12px;
    width:auto;min-width:0;max-width:none;max-height:min(60vh,420px);
    overflow:auto;border-radius:14px;box-shadow:0 22px 48px rgba(0,0,0,.34);
  }
  .pbar-sep{display:none}
  .psort-btn,.ptoolbtn{max-width:none;flex:0 0 auto}
  #rating-panel{padding:14px 16px}
  .stars{justify-content:center}
  .pbtn{font-size:12px;padding:5px 9px}
  .reply-top-pagination{padding:8px 10px}
  .reply-participants-card{display:none}
  .topic-top-reactions-head{align-items:flex-start;flex-direction:column}
  .topic-top-reaction-card{padding:13px 14px}
  .topic-top-reaction-actions{gap:8px}
}
@media(max-width:520px){
  .topic-title{font-size:15px}
  .post-body{padding:12px}
  .post-foot{padding:7px 12px;flex-direction:column;align-items:flex-start;gap:5px}
  .post-foot-l,.post-foot-r{width:100%}
  .pbtn{padding:4px 7px;font-size:11.5px}
  .reply-av-col{display:none}
}