/* PriceONN v2 · topluluk (/community, /topluluk, /community/{slug}, /community/post/{kimlik}).
   Gönderi kartı, boş durum, menü ve bildirim penceresi profile.css'ten gelir (aynı kart iki yerde de basılır);
   burada yalnız sayfa iskeleti, yazma kutusu, sembol odaları ve beğeni düğmesi var.
   Yerleşim: telefonda tek sütun (yaz, akış, odalar, kurallar); 1100 px ve üstünde 8/4 (akış | yan sütun). */

.cm{display:grid;gap:var(--gap);min-width:0}
.cm .av{width:var(--av,40px);height:var(--av,40px);font-size:max(.875rem,calc(var(--av,40px) * .34));color:var(--text-primary);background:color-mix(in srgb,var(--action-text) 16%,var(--bg-raised));border-color:transparent;overflow:hidden}
.cm .av img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.cm-notice{margin:0}
.cm-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500}
.cm-back:hover{color:var(--text-primary);background:var(--bg-raised)}

.cm-grid{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);min-width:0;align-items:start}
.cm-main,.cm-side{display:grid;gap:var(--gap);min-width:0}
/* Dar ekranda sıra belgedeki gibidir (yaz, akış, yan kartlar): odalara geçiş yapışkan oda şeridindedir. */
@media (min-width:1100px){
  .cm-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  /* Yan sütun yapışkan DEĞİL: yapışkan oda şeridinin altında kalır ve uzun olduğunda alt kısmına ulaşılamazdı. */
}

/* ---------- yazma kutusu ---------- */
.cm-compose{display:grid;gap:10px;padding:16px;margin:0}
.cm-text{min-height:96px;resize:vertical;overflow-wrap:anywhere}
.cm-reply-box .cm-text{min-height:72px}
.cm-c-bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.cm-sym{flex:1 1 12rem;min-width:0;max-width:22rem;min-height:44px}
.cm-count{margin-left:auto;font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}
.cm-count.is-near{color:var(--warn)}
.cm-count.is-over{color:var(--down)}
.cm-send{min-height:44px;min-width:7.5rem}
.cm-compose .pf-hint{margin:0}
@media (min-width:768px){.cm-compose{padding:18px 24px}}

.cm-join{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:16px}
.cm-join h3{margin:0;font-size:1rem;line-height:1.5rem;font-weight:600}
.cm-join p{margin:2px 0 0;max-width:52ch;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary)}
.cm-join-acts{display:flex;gap:8px;flex-wrap:wrap}
.cm-join-acts .btn{min-height:44px}
@media (min-width:768px){.cm-join{padding:18px 24px}}

/* ---------- akış ---------- */
.cm-feed-pn .pf-empty{padding:40px 24px 48px}
.cm-none{margin:0;padding:20px 16px;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary)}
.cm-trunc{border-top:1px solid var(--line);color:var(--text-tertiary)}
.cm-reply-box{border-top:1px solid var(--line)}
@media (min-width:768px){.cm-none{padding:20px 24px}}

/* Gönderi menüsü ("...") başlık satırının sağında. */
.cm-menu{margin-left:auto;flex:none}
.cm-ib{width:32px;height:32px;min-height:32px;color:var(--text-tertiary)}
.cm-ib::after{content:"";position:absolute;inset:-6px}
.cm-menu>summary{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.cm-menu>summary:hover{color:var(--text-primary);background:var(--bg-raised)}
.cm-root .pf-text{font-size:1.125rem;line-height:1.75rem}
.pf-post:target{background:color-mix(in srgb,var(--action-text) 6%,transparent)}
.cm-sheet-p{margin:0;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary)}

/* ---------- sembol odaları: 6 öğe, 2x3 / 3x2; tek kabuk içinde çizgiyle ayrılmış hücreler.
   Sınıf adı `cmr`: ana sayfa widget'ının `.cm-rooms` kuralları (home.css, widgets.css) bu sayfada da yüklüdür. ---------- */
.cmr{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.cmr li{background:var(--panel-bg);min-width:0}
.cmr-a{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 14px;color:var(--text-primary);text-decoration:none;transition:background var(--t-fast) var(--ease)}
.cmr-a:hover{background:var(--bg-raised)}
.cmr-a[aria-current="page"]{background:color-mix(in srgb,var(--action-text) 10%,transparent)}
.cmr-id{display:grid;min-width:0}
.cmr-id b{font-family:var(--font-num);font-size:.875rem;line-height:1.25rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmr-id span{font-size:.75rem;line-height:1rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:600px) and (max-width:1099px){.cmr{grid-template-columns:repeat(3,minmax(0,1fr))}}

.cm-rules{margin:0;padding:14px 16px 14px 36px;display:grid;gap:8px;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary)}

/* ================================================================ başlık bandı
   Sembol sayfasının bandıyla (symbol.css .sym-head) aynı dil: koyu bant, ince ızgara parıltısı, büyük rakam.
   Ana akış: başlık + tanıtım | gerçek sayılar | "Gönderi yaz". Oda: sembol + kırıntı | canlı fiyat | "Odayı takip et". */
.cm-hero{position:relative;display:grid;gap:16px 24px;padding:20px 16px;border-radius:var(--r-xl);border:1px solid var(--band-border);
  background:var(--band-bg);box-shadow:var(--band-shadow);overflow:hidden;overflow:clip;isolation:isolate;color:var(--text-primary);
  grid-template-columns:minmax(0,1fr);grid-template-areas:"id" "q" "act"}
/* Genel akış başlığında sayı özeti YOK (operatör, 4 Ekim 2026: gönderi, oda, takipçi sayısı başlıkta gösterilmez):
   fiyat alanı (q) yalnız oda başlığında vardır, genel başlıkta satır boş kalmasın. */
.cm-hero:not(.cm-hero-room){grid-template-areas:"id" "act"}
:root[data-theme="dark"] .cm-hero{--text-primary:#f2f4f8;--text-secondary:#b9c6dc;--text-tertiary:#93a3bf;--up:#2fcb6f;--down:#f2555a;--warn:#f5a524;--action-text:#7cc4ff;--focus:#7cc4ff;
  --up-tint:rgba(47,203,111,.14);--down-tint:rgba(242,85,90,.14);--line:rgba(255,255,255,.1)}
.cmh-id{grid-area:id;display:flex;align-items:flex-start;gap:14px;min-width:0}
.cmh-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--action-text) 16%,transparent);color:var(--action-text)}
.cmh-ic svg.i{width:24px;height:24px}
.cmh-mark .am,.cmh-mark .am-c{width:48px;height:48px}
.cmh-mark .am-c{font-size:1rem}
.cmh-mark .am-pair .am-c{width:32px;height:32px;font-size:.875rem}
.cmh-t{min-width:0}
.cmh-t h1{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}
.cmh-lead{margin:6px 0 0;max-width:62ch;font-size:.9375rem;line-height:1.5rem;color:var(--text-secondary)}
.cmh-sub{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;font-size:.875rem;line-height:1.25rem;color:var(--text-secondary)}
.cmh-sub b{color:var(--text-primary);font-weight:600}
.cmh-act{grid-area:act;display:flex;align-items:center;gap:8px}
.cmh-act .btn{min-height:44px;flex:1 1 auto}
.cmh-q{grid-area:q;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;min-width:0;color:inherit;text-decoration:none}
.cmh-px{font:700 2rem/1.1 var(--font-num);font-feature-settings:var(--num-features);letter-spacing:-.03em;white-space:nowrap}
.cmh-ql{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--action-text)}
.cmh-q:hover .cmh-ql{text-decoration:underline;text-underline-offset:3px}
.cmh-ql-btn{grid-area:q;justify-self:start;min-height:44px}
.cm-rf-f{display:flex;flex:1 1 auto;margin:0}
.cm-rf{min-height:44px;flex:1 1 auto}
.cm-rf[aria-pressed="true"] .cm-rf-off,.cm-rf[aria-pressed="false"] .cm-rf-on{display:none}
.cm-rf[aria-pressed="true"] svg.i,.cm-star[aria-pressed="true"] svg.i{fill:var(--warn);color:var(--warn)}
@media (min-width:600px){
  .cm-hero{padding:24px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id act" "q q"}
  .cm-hero:not(.cm-hero-room){grid-template-areas:"id act";align-items:center}
  .cmh-act .btn,.cm-rf-f,.cm-rf{flex:none}
  .cm-rf{min-width:11rem}
  .cmh-t h1{font-size:1.875rem;line-height:2.25rem}
}
@media (min-width:1100px){
  .cm-hero{padding:28px 32px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"id q act";align-items:center}
  .cm-hero:not(.cm-hero-room){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id act"}
  .cm-hero-room .cmh-q{justify-content:flex-end;text-align:right}
  .cmh-px{font-size:2.5rem}
}

/* ================================================================ oda şeridi
   Yapışkan: sayfa kayarken odalar arasında geçiş hep elde. Önce "Tüm odalar", sonra takip edilen odalar (yıldızlı,
   son açışından beri yeni gönderi varsa nokta), sonra popüler ve varsayılan odalar; her çipte canlı değişim. */
.cm-rail{position:sticky;top:calc(var(--hd) + 8px);z-index:8;display:flex;align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:var(--shadow-1)}
.cmr-scroll{flex:1 1 auto;display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.cmr-scroll::-webkit-scrollbar{display:none}
/* Kayan şeridin sağ kenarı yumuşak biter: devamı olduğu görünür. */
.cmr-scroll{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);padding-right:24px}
.cmr-chip{position:relative;flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 8px;border:1px solid var(--border-control);border-radius:999px;color:var(--text-primary);text-decoration:none;font-size:.875rem;line-height:1.25rem;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.cmr-chip:hover{background:var(--bg-raised)}
.cmr-chip[aria-current="page"]{border-color:var(--action-text);background:var(--action-tint)}
.cmr-chip .am,.cmr-chip .am-c{width:28px;height:28px}
.cmr-chip .am-pair .am-c{width:20px;height:20px}
.cmr-chip .c-oil svg{width:16px;height:16px}
.cmr-all-chip{padding:0 14px;font-weight:600}
.cmr-n{display:inline-flex;align-items:center;gap:4px}
.cmr-n b{font-family:var(--font-num);font-weight:600}
.cmr-fl{display:inline-flex;color:var(--warn)}
.cmr-fl svg.i{fill:currentColor}
.cmr-chip.is-following{border-color:color-mix(in srgb,var(--warn) 45%,var(--border-control))}
.cmr-chip .chg-pill:empty{display:none}
.cmr-dot{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--onn-2,var(--action-text));box-shadow:0 0 0 2px var(--bg-surface)}
.cmr-more{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--bg-raised);color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap}
.cmr-more:hover{background:color-mix(in srgb,var(--action-text) 14%,var(--bg-raised))}
@media (max-width:599px){.cmr-more span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cmr-more{width:44px;justify-content:center;padding:0}}

/* ================================================================ akış sekmeleri ve canlı bildirim */
.cm-feed-h{gap:8px 12px}
.cm-tabs{display:flex;gap:2px;margin-left:auto;padding:2px;border-radius:var(--r-md);background:var(--bg-raised);overflow-x:auto;scrollbar-width:none;max-width:100%}
.cm-tabs::-webkit-scrollbar{display:none}
.cm-tabs a{position:relative;flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap}
.cm-tabs a:hover{color:var(--text-primary)}
.cm-tabs a[aria-current="page"]{background:var(--seg-on);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-1)}
.cm-tab-dot{width:7px;height:7px;border-radius:50%;background:var(--onn-2,var(--action-text))}
@media (max-width:599px){.cm-tabs{flex:1 1 100%;margin-left:0}}
/* Düğmenin kabı yapışkandır (aria-live bölgesi); düğme gizliyken kap yer kaplamaz. */
.cm-new-w{position:sticky;top:calc(var(--hd) + 72px);z-index:6;display:flex;justify-content:center;height:0;overflow:visible}
.cm-new-w:has(.cm-new:not([hidden])){height:auto;margin:10px 0 2px}
.cm-new{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--action-bg);color:var(--on-action);font:600 .875rem/1.25rem var(--font-sans);box-shadow:var(--shadow-2);cursor:pointer}
.cm-new:hover{background:var(--action-bg-hover)}
.cm-new[hidden]{display:none}
.pf-post.is-new{animation:cm-in .5s var(--ease) both}
@keyframes cm-in{from{background:color-mix(in srgb,var(--action-text) 14%,transparent)}to{background:transparent}}
@media (prefers-reduced-motion:reduce){.pf-post.is-new{animation:none}}

/* ================================================================ yan sütun satırları (odalarım, etkin üyeler, tüm odalar) */
.cm-rows{list-style:none;margin:0;padding:0}
.cm-rows>li{display:flex;align-items:center;gap:8px;padding:0 8px 0 16px;border-top:1px solid var(--line)}
.cm-rows>li:first-child{border-top:0}
.cm-row{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;min-height:60px;color:var(--text-primary);text-decoration:none}
.cm-row:hover b{text-decoration:underline;text-underline-offset:3px}
.cm-row-id{display:grid;min-width:0}
.cm-row-id b{font-size:.875rem;line-height:1.25rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-row-id span{font-size:.75rem;line-height:1rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-row-new{flex:none;padding:0 8px;border-radius:999px;font-size:.75rem;line-height:1.25rem;font-weight:600;color:var(--on-action);background:var(--action-bg)}
.cm-star{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--text-tertiary);cursor:pointer}
.cm-star:hover{background:var(--bg-raised);color:var(--text-primary)}
.cm-rows .pf-f{margin:0}
.cm-people-pn .pf-follow{min-width:0;min-height:36px}
.cm-people-pn .pf-follow::after{content:"";position:absolute;inset:-4px 0}
.cm-people-pn .pf-follow{position:relative}
.cm-all>summary{list-style:none;cursor:pointer;border-bottom:0}
.cm-all>summary::-webkit-details-marker{display:none}
.cm-all>summary::marker{content:""}
.cm-all[open]>summary{border-bottom:1px solid var(--line)}
.cm-all-chev svg{transition:transform var(--t-fast) var(--ease)}
.cm-all[open] .cm-all-chev svg{transform:rotate(180deg)}
.cm-all-b{max-height:min(70vh,640px);overflow:auto;overscroll-behavior:contain;padding:12px 0 8px}
.cm-all-q{margin:0 16px 4px;width:calc(100% - 32px)}
.cm-all-h{margin:12px 16px 4px;font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.cm-all-l{border-top:1px solid var(--line)}