/* Öğretmen Evrak — Sosyal Platform tasarım sistemi (bağımsız, modern).
Kaynak: sosyal_medya/tasarim/demo.html. Bootstrap'tan bağımsız. */
:root{
/* renk — tasarim.md §1 — Twitter paleti (KARAR 2026-06-23) */
--bg:#f5f8fa; --surface:#ffffff; --surface-2:#f5f8fa; --surface-3:#e1e8ed;
--border:#e1e8ed; --border-2:#aab8c2;
/* W11 AA: text-2 #657786→#536471 (surface-2'de 4.35'ti) · text-3 #aab8c2→#63717c (2.03'tü) — kullanıcı kararı */
--text:#14171a; --text-2:#536471; --text-3:#63717c;
--primary:#1da1f2; --primary-soft:#e8f5fe; --primary-press:#1a91da; --accent-2:#0d8ddb;
--gradient:linear-gradient(135deg,#1da1f2,#0d8ddb);
--green:#17bf63; --green-soft:#e7f7ee; --success:#17bf63;
--gold1:#f5b740; --gold2:#e08e0b; --warning:#e08e0b;
--danger:#e0245e; --danger-soft:#fdecef; --danger-press:#c01e50;
/* radius skalası — §4 */
--r-xs:8px; --r-sm:11px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-full:999px;
--radius:18px; --radius-sm:11px; /* geriye uyumlu alias */
/* elevation — §5 (hep yumuşak) */
--e1:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04);
--e2:0 4px 16px rgba(16,24,40,.08);
--e3:0 16px 40px rgba(16,24,40,.16);
--shadow:var(--e1); /* alias */
/* motion — §6 */
--ms-fast:120ms; --ms:180ms; --ms-slow:280ms;
--ease:cubic-bezier(.4,0,.2,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
--maxw:1180px;
/* ---- TEMA W0: şekil + tipografi token'ları (Klasik değerleri) ----
İKİ EKSEN vardır (sosyal_medya/tema/00_tema_yol_haritasi.md):
TEMA = modern|klasik → (sunucudan; sosyal-modern.css bunları ezer)
GÖRÜNÜM = acik|koyu → (cihazda; yukarıdaki renk blokları)
Burada YALNIZ çok-noktalı şekil kararları token'laşır (avatar formu). Tek-sınıflık farklar
(buton/çip/kart yarıçapı) sosyal-modern.css'te sınıf bazlı ezilir — sosyal.css'e dokunulmaz. */
--font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--font-icerik:var(--font-ui); /* Klasik'te gövde de UI fontu; Modern'de Lora (serif) olur */
--r-avatar:var(--r-full); /* kişi avatarı: Klasik daire · Modern yuvarlak kare */
/* dolu-aksan (primary/gradient/danger) zemin üstündeki metin/ikon rengi. Klasik: her iki
görünümde de beyaz. Modern KOYU görünümde aksan AÇIK bir pembeye döner → beyaz metin
okunmaz; bu token orada koyu yüzey rengine geçer. (mobil `onPrimary` token'ının eşi) */
--on-primary:#fff;
/* uyarı şeridi (askı · onay notu · handle bekliyor) — 3 yerde sabit hex'ti; koyu görünümde
ve Modern temada sırıtıyordu. Klasik değerleri birebir korundu. */
--warning-soft:#fff8e6; --warning-line:#e08e0b55; --warning-text:#7a4e00;
/* liste avatarı harf-fallback zemini (3 sınıfta sabit pastel degradeydi; Modern kâğıt
paletinde Twitter mavisi-yeşili duruyordu). Klasik değeri birebir. */
--av-fb:linear-gradient(135deg,#c7d2fe,#a7f3d0); --av-fb-text:#1e293b;
/* anahtar topuzu — `--surface`e bağlanınca KOYU görünümde topuz koyulaşıyordu (W8 ekran turunda
yakalandı). Topuz her zaman track'ten AÇIK olmalı; Klasik iki görünümde de beyaz kalır. */
--switch-knob:#fff;
/* ---- TEMA W8: semantik şerit ailelerinin TAMAMLANMASI ----
`_bildirim_satir.blade.php` moderasyon bildirimlerini **7 tip × 4 sabit hex** ile boyuyordu
(PHP dizisi → inline style). Klasik KOYU'da da beyaz bant veriyordu — W7'deki DM tiki
hatasının aynısı. Dört aile de `soft`(zemin) · `line`(kenar) · `text`(metin) üçlüsüne
tamamlandı; Klasik AÇIK değerleri blade'deki hex'lerden birebir alındı. */
--danger-line:#d11a2a55; --danger-text:#7a1018;
--success-soft:#eaf7ee; --success-line:#1c8c3c55; --success-text:#155a27;
--info:#2f6fed; --info-soft:#eef4fd; --info-line:#2f6fed55; --info-text:#1e478f;
}
/* Gece/gündüz — §1.1: dark token'ları. auto (sistem, light zorlanmadıkça) + zorla dark. */
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
--bg:#15202b; --surface:#192734; --surface-2:#22303c; --surface-3:#2c3a47;
--border:#38444d; --border-2:#536471;
/* W11 AA: text-2/3 koyu zeminde de ≥4.5 (surface-2 #22303c ölçüsüyle) */
--text:#f7f9f9; --text-2:#93a0ad; --text-3:#8d99a4;
--primary:#1d9bf0; --primary-soft:#1c2e3e; --primary-press:#1a8cd8; --accent-2:#0d8ddb;
--gradient:linear-gradient(135deg,#1d9bf0,#0d8ddb);
--green:#00ba7c; --green-soft:#0d2920; --success:#00ba7c; --danger:#f4245e; --danger-soft:#2a1820;
--e1:0 1px 2px rgba(0,0,0,.4); --e2:0 6px 20px rgba(0,0,0,.4); --e3:0 18px 44px rgba(0,0,0,.55);
--shadow:var(--e1);
}
}
:root[data-theme="dark"]{
--bg:#15202b; --surface:#192734; --surface-2:#22303c; --surface-3:#2c3a47;
--border:#38444d; --border-2:#536471;
/* W11 AA — media bloğuyla AYNI değerler */
--text:#f7f9f9; --text-2:#93a0ad; --text-3:#8d99a4;
--primary:#1d9bf0; --primary-soft:#1c2e3e; --primary-press:#1a8cd8; --accent-2:#0d8ddb;
--gradient:linear-gradient(135deg,#1d9bf0,#0d8ddb);
--green:#00ba7c; --green-soft:#0d2920; --success:#00ba7c; --danger:#f4245e; --danger-soft:#2a1820;
/* TEMA W8 — semantik şerit aileleri KOYU karşılıkları. Bunlar tanımsızken :root'un AÇIK
değerleri miras alınıyordu → koyu ekranda beyaz/sarı bant (askı şeridi, moderasyon
bildirimi, tür rozeti). `.aski-serit`in elle yazılmış koyu kuralı kaynak alındı. */
--warning-soft:#3a2e12; --warning-line:#e08e0b66; --warning-text:#f0c268;
--danger-line:#f4245e66; --danger-text:#f5a3b4;
--success-soft:#0d2920; --success-line:#00ba7c66; --success-text:#7ee0b8;
--info:#5b9bf5; --info-soft:#12243d; --info-line:#5b9bf566; --info-text:#a8c9f7;
--e1:0 1px 2px rgba(0,0,0,.4); --e2:0 6px 20px rgba(0,0,0,.4); --e3:0 18px 44px rgba(0,0,0,.55);
--shadow:var(--e1);
}
*{box-sizing:border-box}
html,body{margin:0}
body{
background:var(--bg); color:var(--text); font-size:14.5px; line-height:1.55;
font-family:var(--font-ui);
-webkit-font-smoothing:antialiased;
transition:background-color var(--ms) var(--ease), color var(--ms) var(--ease);
}
.num,.begeni-sayi{font-variant-numeric:tabular-nums}
/* görünür focus ring (klavye) — §11 · W11: --primary-soft halkası görünmezdi (beyazda 1.1:1) →
accent-2 outline (≥3:1, dört kombinasyonda ölçüldü); yalnız :focus-visible — fare akışı değişmez */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;box-shadow:none;border-radius:var(--r-xs)}
/* form öğeleri global halkaya W11'de katıldı (radius'ları kendilerinden — ezilmez) */
input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
/* hareket azaltma saygısı — §6/§11 (W11: sonsuz animasyon + gecikmeler de kesilir) */
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}
a{color:inherit;text-decoration:none}
/* [hidden] her zaman gizli — display:flex/grid gibi kurallar UA hidden'ını ezmesin (KRİTİK) */
[hidden]{display:none!important}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
svg.i{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
svg.i.sm{width:17px;height:17px}
/* Lucide ikon sistemi (class="lic", _ikon.blade.php) — boyut inline style'dan gelir
(flex item SVG attribute'la deforme olur); burada flex koruması + yuvarlak uç/köşe (§7) */
svg.lic{flex:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.embed-play .lic{fill:currentColor;stroke:none} /* video play: dolu üçgen */
/* ---------- top bar (site geçişi erişilebilir) ---------- */
.sos-top{
position:sticky;top:0;z-index:50;display:flex;gap:14px;align-items:center;
padding:12px 22px;border-bottom:1px solid var(--border);
background:var(--surface);
background:color-mix(in srgb,var(--surface) 72%,transparent);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
/* başlık ikon butonları (tema, avatar) */
.top-ic{width:38px;height:38px;border-radius:var(--r-full);display:grid;place-items:center;color:var(--text-2);transition:var(--ms-fast)}
.top-ic:hover{background:var(--surface-2);color:var(--text)}
.tema-gunes{display:none} .tema-ay{display:block}
:root[data-theme="dark"] .tema-gunes{display:block} :root[data-theme="dark"] .tema-ay{display:none}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .tema-gunes{display:block} :root:not([data-theme="light"]) .tema-ay{display:none} }
.sos-brand{font-weight:700;font-size:16px;letter-spacing:-.02em;display:flex;gap:9px;align-items:center}
.logo-dot{width:28px;height:28px;border-radius:9px;background:var(--gradient);
display:grid;place-items:center;color:var(--on-primary);font-weight:900;font-size:15px}
/* TEMA W8.5 — üst barın iç kapsayıcısı ve yeni öğeleri.
Klasik'te sarmalayıcılar `display:contents` ile YOK SAYILIR (çocuklar doğrudan flex item kalır)
ve tasarıma özel öğeler gizlenir → eski üst bar birebir korunur. */
.sos-top-ic{display:contents}
.top-kisi{display:contents}
.sos-top-ayrac,.sos-top-sayfa,.top-av-ad,.side-card-sayi{display:none}
.sos-top .spacer{flex:1}
/* W11 — dar ekran nav çekmecesi: buton + karartma (çekmece kuralı kabuk kırılımlarında; Klasik ≤760 · Modern ≤880) */
.nav-btn{display:none;width:40px;height:40px;flex:none;border-radius:var(--r-sm);place-items:center;color:var(--text-2)}
.nav-btn:hover{background:var(--surface-2);color:var(--text)}
.nav-ortu{position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity var(--ms) var(--ease)}
html.nav-acik .nav-ortu{opacity:1;pointer-events:auto}
html.nav-acik{overflow:hidden}
/* W11 — klavye için içeriğe atlama bağlantısı (yalnız odakta görünür) */
.atlama-link{position:fixed;top:10px;left:10px;z-index:120;background:var(--surface);color:var(--text);
padding:10px 16px;border-radius:var(--r-sm);border:1px solid var(--border);box-shadow:var(--e2);
font-weight:600;font-size:13.5px;transform:translateY(-250%)}
.atlama-link:focus{transform:none}
/* W11 — dokunma hedefi genişletici (görsel boyut tasarımın; hedef ≥40px) */
.top-ic{position:relative}
.top-ic::after{content:"";position:absolute;inset:-4px;border-radius:inherit}
.sos-toplink{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:9px;
font-weight:600;font-size:13.5px;color:var(--text-2);border:1px solid var(--border);background:var(--surface-2)}
.sos-toplink:hover{color:var(--text)}
.sos-wrap{max-width:var(--maxw);margin:22px auto;padding:0 18px 60px}
.sos-center{max-width:600px;margin:32px auto;padding:0 18px}
/* ---------- atoms ---------- */
.avatar{border-radius:var(--r-avatar);background:var(--gradient);display:grid;place-items:center;
font-weight:600;color:var(--on-primary);flex:none;overflow:hidden}
/* profil-resmi-her-yerde — foto avatar (tek-nokta _avatar_ic): konteyner ne olursa olsun daireyi doldurur.
overflow eklenmez (.bldr-ava overlay ikonu kırpılmasın) — yuvarlama img'nin kendisinde. */
.avatar img,.kisi-av img,.kld-av img,.engel-av img,.grup-uye-av img,.bldr-ava img{
width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.badge-prem{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;
background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#fff;font-size:9px;font-weight:900;vertical-align:middle}
/* üye rozetleri — premium (koyu altın + yıldız) · doğrulanmış admin/mod (mavi tik) */
.prem-rozet,.dog-rozet{display:inline-flex;align-items:center;vertical-align:-3px;margin-left:2px;line-height:0;flex:none} /* cursor:help KALDIRILDI — soru işareti yerine SOS tooltip (tam-dönüt kuralı) */
.prem-rozet{color:#b8860b}
.dog-rozet{color:#1d9bf0}
.prem-rozet svg,.dog-rozet svg{width:15px;height:15px;display:block}
.dok-detay-yazar-sar{display:inline-flex;align-items:center}
.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;
background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:600}
.chip.green{background:var(--green-soft);color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;border-radius:11px;
font-weight:700;font-size:14px;background:var(--primary);color:var(--on-primary);transition:.15s;width:auto}
.btn:hover{background:var(--primary-press)}
.btn:disabled{opacity:.6;cursor:default}
.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.btn.sm{padding:7px 13px;font-size:12.5px;border-radius:9px}
.btn.block{width:100%}
.btn.gold{background:linear-gradient(135deg,var(--gold1),var(--gold2))}
.btn.tehlike{background:var(--danger)} .btn.tehlike:hover{background:var(--danger-press)}
/* ---------- bildirim + onay (sıfırdan, modüler) ---------- */
.sos-toasts{position:fixed;right:18px;bottom:18px;z-index:300;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 36px)}
.sos-toast{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);
border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 15px;min-width:230px;max-width:350px;
font-weight:600;font-size:13.5px;transform:translateX(130%);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1),opacity .3s}
.sos-toast.show{transform:translateX(0);opacity:1}
.sos-toast .tic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.sos-toast.ok .tic{background:var(--green-soft);color:var(--green)}
.sos-toast.error .tic{background:var(--danger-soft);color:var(--danger)}
.sos-toast.info .tic{background:var(--primary-soft);color:var(--primary)}
.sos-modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:20px;
background:rgba(16,24,40,.5);opacity:0;transition:.2s}
.sos-modal.show{opacity:1}
.sos-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
max-width:380px;width:100%;padding:26px 24px;text-align:center;transform:scale(.94);transition:.2s}
.sos-modal.show .sos-dialog{transform:scale(1)}
.sos-dialog .dic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px}
.sos-dialog h3{margin:0 0 6px;font-size:18px;letter-spacing:-.01em}
.sos-dialog p{margin:0 0 22px;color:var(--text-2);font-size:14px;line-height:1.5}
.sos-dialog .dacts{display:flex;gap:10px}
.sos-dialog .dacts .btn{flex:1;padding:12px}
.muted{color:var(--text-2)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
/* ---------- form (onboarding) ---------- */
.sos-label{display:block;font-weight:700;font-size:13.5px;margin-bottom:8px}
.sos-input{width:100%;padding:13px 15px;border-radius:var(--radius-sm);border:1px solid var(--border);
background:var(--surface-2);color:var(--text);font-size:15px;outline:none;transition:.15s}
.sos-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft)}
.sos-help{font-size:12.5px;color:var(--text-3);margin-top:6px}
.sos-help.ok{color:var(--green)} .sos-help.err{color:var(--danger)}
.sos-ig{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-sm);
background:var(--surface-2);overflow:hidden;transition:.15s}
.sos-ig:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft)}
.sos-ig .at{display:grid;place-items:center;padding:0 13px;color:var(--text-3);font-weight:700;background:transparent}
.sos-ig input{flex:1;border:none;background:transparent;padding:13px 4px;font-size:15px;color:var(--text);outline:none}
.sos-ig .st{display:grid;place-items:center;padding:0 13px}
/* identity choice */
.idsel{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:22px}
.idsel .opt{cursor:pointer;border:2px solid var(--border);border-radius:var(--radius-sm);padding:18px 12px;
text-align:center;transition:.15s;background:var(--surface)}
.idsel .opt:hover{border-color:var(--primary)}
.idsel .opt.on{border-color:var(--primary);background:var(--primary-soft)}
.idsel .opt .t{font-weight:700;margin-top:7px}
.idsel .opt .s{font-size:12px;color:var(--text-3);margin-top:2px}
.idsel .opt .ic{color:var(--primary)}
/* spinner */
.spin{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;
display:inline-block;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* ---------- compose + post ---------- */
/* 2026-08-26 "tatlı composer" geçişi (kullanıcı isteği, 2 tur):
· kart ÇİZGİSİZ — yumuşak yükselti taşır; odakta bir kademe daha yükselir (W11 halkası S30 ile kalktı)
· yazı alanı geniş başlar, yazdıkça büyür (JS oto-büyüme), tavanda İNCE zarif scrollbar
· alt bardaki ikonlar kutusuz/çıplak — hover'da yumuşak primary-soft daire (Twitter dili)
Kapsam yalnız .compose/.grup-composer — yorum/doküman kutuları ve diğer .card'lar etkilenmez. */
.compose{padding:16px 18px;border:none;box-shadow:var(--e1);transition:box-shadow var(--ms) var(--ease)}
.grup-composer{border:none;box-shadow:var(--e1);transition:box-shadow var(--ms) var(--ease)}
.compose:focus-within,.grup-composer:focus-within{box-shadow:var(--e2)}
.sos-textarea{width:100%;border:none;background:transparent;resize:none;outline:none;font-size:14.5px;color:var(--text);
font-family:inherit;line-height:1.5;min-height:46px}
.compose .sos-textarea{font-size:16px;line-height:1.55;min-height:88px;max-height:55vh;overflow-y:auto;padding:4px 0 2px}
.grup-composer .sos-textarea{max-height:55vh;overflow-y:auto}
.compose .sos-textarea::placeholder,.grup-composer .sos-textarea::placeholder{color:var(--text-3)}
/* ince scrollbar — yalnız taşınca belirir, yuvarlak uçlu, track görünmez */
.compose .sos-textarea,.grup-composer .sos-textarea{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}
.compose .sos-textarea::-webkit-scrollbar,.grup-composer .sos-textarea::-webkit-scrollbar{width:6px}
.compose .sos-textarea::-webkit-scrollbar-track,.grup-composer .sos-textarea::-webkit-scrollbar-track{background:transparent}
.compose .sos-textarea::-webkit-scrollbar-thumb,.grup-composer .sos-textarea::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px}
.compose .sos-textarea::-webkit-scrollbar-thumb:hover,.grup-composer .sos-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-3)}
/* composer ikonları: kutu/çizgi YOK — çıplak primary ikon, hover'da soft daire, aktifte kalıcı dolgu */
.compose .ikon-btn,.grup-composer .ikon-btn{border:none;background:transparent;border-radius:var(--r-full);color:var(--primary)}
.compose .ikon-btn:hover:not(:disabled),.grup-composer .ikon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}
.compose .ikon-btn.on,.grup-composer .ikon-btn.on{background:var(--primary-soft)}
/* paylaş butonu pill (Klasik — Modern kendi .btn dilini korur, source-order onda) */
.compose .btn,.grup-composer .btn{border-radius:var(--r-full);padding-left:18px;padding-right:18px}
.compose-bar{display:flex;align-items:center;gap:10px;margin-top:10px;border-top:1px solid var(--border);padding-top:11px}
.gor-sel{border:1px solid var(--primary-soft);background:var(--primary-soft);border-radius:999px;padding:7px 12px;font-size:12.5px;
font-weight:600;color:var(--primary);outline:none;cursor:pointer}
.post{padding:17px;margin-bottom:14px}
.post-head{display:flex;gap:11px;align-items:center}
.post-head .name{font-weight:700}
.post-head .meta{font-size:12.5px;color:var(--text-3);display:inline-flex;align-items:center}
.vis-ic{display:inline-flex;align-items:center}
.vis-ic::before{content:"·";margin:0 5px;color:var(--text-3)}
.vis-ic svg{width:13px;height:13px;display:block}
.post-more{margin-left:auto;color:var(--text-3);font-size:20px;line-height:1;padding:0 6px}
.post-body{margin:11px 0 2px;white-space:pre-wrap;word-break:break-word}
.post-vis{font-size:11.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:5px;margin-top:7px}
.feed-empty{text-align:center;color:var(--text-3);padding:34px 10px;line-height:1.6}
/* feed sekmeleri */
.feed-tabs{display:flex;gap:5px;margin:0 0 16px;background:var(--surface);border:1px solid var(--border);
border-radius:var(--radius-sm);padding:5px;box-shadow:var(--shadow)}
.feed-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;
border-radius:9px;font-weight:600;font-size:13.5px;color:var(--text-2);transition:.15s}
.feed-tab.on{background:var(--primary);color:var(--on-primary);box-shadow:var(--e1)}
.feed-tab:hover:not(.on){background:var(--surface-2);color:var(--text)}
/* G7-16 — arama sekmeleri 5'ten 6'ya çıktı (Blog): `flex:1` dar telefonda "Dokümanlar"ı alt satıra kırıyordu.
YALNIZ arama kabında yatay kaydırma (feed'in 2-3 sekmesi eşit bölünmeye devam etsin) — mobil
`SekmeSegment kaydirilabilir` ile parite. */
#araSekmeler{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
#araSekmeler::-webkit-scrollbar{display:none}
#araSekmeler .feed-tab{flex:0 0 auto;white-space:nowrap}
.feed-durum{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;color:var(--text-3);font-size:13px}
.feed-son{text-align:center;padding:22px 10px 8px;color:var(--text-3);font-size:12.5px;letter-spacing:.02em}
/* "yeni gönderi" pili (polling) */
.yeni-pil{display:flex;align-items:center;gap:7px;width:fit-content;margin:0 auto 14px;
padding:9px 18px;border-radius:999px;background:var(--gradient);color:var(--on-primary);font-weight:600;font-size:13px;
box-shadow:0 6px 20px rgba(29,161,242,.4);transition:transform .12s,background .15s;
position:sticky;top:76px;z-index:20}
.yeni-pil:hover{transform:translateY(-1px)}
/* feed skeleton (sekme değişimi / ilk yükleme) */
.post-skel{pointer-events:none}
.post-skel .ps-head{display:flex;gap:11px;align-items:center}
.post-skel .ps-lines{flex:1;display:flex;flex-direction:column;gap:7px}
.post-skel .ps-lines span{height:10px;border-radius:5px}
.post-skel .ps-lines span:first-child{width:40%}
.post-skel .ps-lines span:last-child{width:24%}
.post-skel .ps-body{height:54px;border-radius:8px;margin-top:12px}
.post-skel .ps-av{width:42px;height:42px;border-radius:var(--r-avatar)}
.post-skel .ps-av,.post-skel .ps-lines span,.post-skel .ps-body{
background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface) 50%,var(--surface-2) 70%);
background-size:200% 100%;animation:embedShim 1.3s ease-in-out infinite}
.post-link{color:var(--primary);font-weight:600;word-break:break-all}
.post-link:hover{text-decoration:underline}
.post-mention{color:var(--primary);font-weight:600;text-decoration:none}
.post-mention:hover{text-decoration:underline}
/* B10 — hashtag (#etiket) linki: mention ile aynı dil */
.post-hashtag{color:var(--primary);font-weight:600;text-decoration:none}
.post-hashtag:hover{text-decoration:underline}
/* B10 — etiket sayfası başlığı (gradient hash imzası — §9) */
.etiket-bas{margin-bottom:18px}
.etiket-bas-ic{display:flex;align-items:center;gap:14px}
.etiket-hash{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--gradient);color:var(--on-primary);font-size:25px;font-weight:800;line-height:1;flex:none;box-shadow:var(--e1)}
.etiket-ad{margin:0;font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.2;word-break:break-word}
/* B11 — Gündem (trending): pill sekmeler (§8) + yön chip (token) */
.gundem-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 12px}
.gundem-tab{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:background var(--ms-fast) var(--ease),color var(--ms-fast) var(--ease)}
.gundem-tab:hover:not(.on){background:var(--surface-2);color:var(--text)}
.gundem-tab.on{background:var(--primary);color:var(--on-primary);border-color:transparent}
.trend-up{background:var(--green-soft);color:var(--green)}
.trend-pin{background:var(--primary-soft);color:var(--primary)}
.gundem-bos{font-size:13px;color:var(--text-3);text-align:center;padding:14px 2px}
/* B11 — Keşfet gündem listesi: kart hover-yükselme (§9) */
.kesfet-wrap{max-width:580px;margin:0 auto}
.kesfet-kart{padding:4px 18px}
.kesfet-wrap .etiket-bas{margin-bottom:14px}
.kesfet-wrap .trend{padding:12px 0}
.kesfet-wrap .trend:hover .t{color:var(--primary)}
.kesfet-wrap .trend .t{font-size:15.5px}
.kesfet-wrap .trend .c{font-size:12.5px;margin-top:2px}
/* B11.6 — Keşfet Yükselen/Popüler mod toggle (§8 pill segment) */
.kesfet-mod{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:3px;margin:0 0 14px}
.kesfet-modbtn{font-size:13px;font-weight:600;padding:6px 16px;border-radius:var(--r-full);color:var(--text-2);transition:color var(--ms-fast) var(--ease),background var(--ms-fast) var(--ease)}
.kesfet-modbtn.on{background:var(--primary);color:var(--on-primary)}
.kesfet-modbtn:hover:not(.on){color:var(--text)}
/* B4 beğeni aksiyon çubuğu */
.post-aksiyon{display:flex;align-items:center;gap:4px;margin-top:12px}
.post-akt{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;color:var(--text-2);font-size:13px;font-weight:600;transition:background .15s,color .15s}
.post-akt:hover{background:var(--surface-2)}
/* B13.4 — "İlgilenmiyorum" sonrası post collapse kartı */
.post-gizlendi{padding:0!important}
.post-gizlendi .pg-ic{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;color:var(--text-2);font-size:14px}
.post-gizlendi .pg-geri{font-weight:700;color:var(--primary);padding:6px 12px;border-radius:8px;white-space:nowrap}
.post-gizlendi .pg-geri:hover{background:var(--primary-soft)}
.begeniBtn .kalp{transition:transform .15s}
.begeniBtn.aktif{color:#e0245e}
.begeniBtn.aktif .kalp{fill:#e0245e;stroke:#e0245e}
.begeniBtn.patla .kalp{animation:kalpPatla .34s var(--ease-spring)}
@keyframes kalpPatla{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.88)}100%{transform:scale(1)}}
.begeni-sayi{min-width:6px}
/* B6 — Kaydet (bookmark) + klasör seçici popover */
.kaydetBtn.aktif{color:var(--primary)}
.kaydetBtn.aktif .ic{fill:var(--primary);stroke:var(--primary)}
.kayit-pop{position:absolute;z-index:1200;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:6px}
.kayit-pop-bas{font-weight:700;font-size:13px;padding:7px 9px 5px;color:var(--text)}
.kayit-pop-oge{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:9px;font-size:13.5px;color:var(--text);text-align:left}
.kayit-pop-oge:hover{background:var(--primary-soft)}
.kayit-pop-oge span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kayit-pop-oge b{font-weight:600;font-size:12px}
.kayit-pop-yeni{display:flex;gap:6px;padding:7px 6px 4px;border-top:1px solid var(--border);margin-top:4px}
.kayit-pop-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:7px 9px;font-size:13px;background:var(--surface)}
.kayit-pop-ekle{font-weight:700;color:var(--primary);font-size:13px;padding:0 9px}
.kayit-pop-yukle{padding:16px;text-align:center;font-size:13px}
/* B6 — doküman detay kaydet butonu */
.dok-detay-akt-sol{display:flex;gap:10px;align-items:center}
.dok-kaydet-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:11px;font-weight:700;font-size:14px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.dok-kaydet-btn:hover{background:var(--primary-soft)}
.dok-kaydet-btn.aktif{color:var(--primary);border-color:var(--primary)}
.dok-kaydet-btn.aktif .ic{fill:var(--primary);stroke:var(--primary)}
/* B6 — Kaydedilenler (profil sekmesi) */
.kayit-klasor-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.kayit-cipler{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kayit-cip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:600;border:1px solid transparent}
.kayit-cip:hover{background:var(--primary-soft)}
.kayit-cip.on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}
.kayit-cip .kat-sayi{font-size:11px;opacity:.7}
.kayit-klasor-akt{display:flex;gap:6px;align-items:center}
.kayit-klasor-akt button{font-size:12.5px;font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:8px}
.kayit-klasor-akt button:hover{background:var(--surface-2);color:var(--text)}
.kayit-klasor-sil:hover{color:var(--danger)!important}
.kayit-klasor-yeni{color:var(--primary)!important}
.kayit-yeni-wrap{display:inline-flex;gap:6px;align-items:center;margin-left:6px}
.kayit-yeni-ok{font-weight:700;color:var(--primary);font-size:13px;padding:0 8px}
.kayit-izgara{display:flex;flex-direction:column;gap:16px}
.kayit-oge{position:relative}
/* Sağ-üst işlem menüsü (yalnız kaydedilenler; içteki kart partial'ı değişmez) */
.kayit-oge-menu{position:absolute;top:12px;right:12px;z-index:6}
.kayit-oge-ok{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow)}
.kayit-oge-ok:hover{background:var(--surface-2);color:var(--text)}
.kayit-oge-ok[aria-expanded="true"]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}
.kayit-oge-drop{position:absolute;top:40px;right:0;min-width:172px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:10}
.kayit-oge-drop button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text);text-align:left}
.kayit-oge-drop .kayit-tasi:hover{background:var(--primary-soft);color:var(--primary)}
.kayit-oge-drop .kayit-cikar:hover{background:var(--surface-2);color:var(--danger)}
/* B7 — Repost / alıntı */
.repostBtn.aktif{color:#00ba7c}
.repostBtn.aktif .ic{stroke:#00ba7c}
.repost-sayi{min-width:6px}
.repost-pop{width:auto;min-width:196px}
.repost-ust{display:flex;align-items:center;gap:7px;color:var(--text-3);font-size:13px;font-weight:600;padding:2px 2px 10px}
.repost-ust a{color:var(--text-3)} .repost-ust a:hover{text-decoration:underline}
.repost-ust .post-more{margin-left:auto}
.repost-silindi{padding:14px;border:1px solid var(--border);border-radius:14px;color:var(--text-3);font-size:13.5px;text-align:center;margin-top:10px}
.post-gomulu{display:block;border:1px solid var(--border);border-radius:14px;padding:11px 13px;margin-top:10px;transition:background .15s}
.post-gomulu:hover{background:var(--surface-2)}
.post-gomulu-head{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:5px;flex-wrap:wrap}
.post-gomulu-av{width:22px;height:22px;font-size:11px;flex:none}
.post-gomulu-ad{font-weight:700;color:var(--text)}
.post-gomulu-handle,.post-gomulu-zaman{color:var(--text-3);font-weight:400}
.post-gomulu-metin{color:var(--text);font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.post-gomulu-medya{position:relative;margin-top:8px;max-width:180px}
.post-gomulu-medya img{width:100%;border-radius:10px;display:block}
.post-gomulu-coklu{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px}
.post-gomulu-dok{margin-top:7px;display:inline-flex;align-items:center;gap:5px;color:var(--text-2);font-size:12.5px;font-weight:600}
.alinti-modal{position:fixed;inset:0;z-index:1300;background:rgba(0,0,0,.45);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px}
.alinti-modal[hidden]{display:none}
.alinti-kutu{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);width:100%;max-width:520px;padding:16px}
.alinti-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:16px}
.alinti-kapat{font-size:24px;line-height:1;color:var(--text-3);padding:0 4px}
.alinti-metin{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px;font-size:15px;background:var(--surface);color:var(--text);resize:vertical;min-height:80px}
.alinti-kaynak-not{color:var(--text-3);font-size:12.5px;margin:8px 2px 0}
.alinti-alt{display:flex;justify-content:flex-end;margin-top:12px}
/* beğenenler modal */
.kisi-liste{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:2px}
.kisi-satir{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:10px;color:var(--text)}
.kisi-satir:hover{background:var(--surface-2)}
.kisi-av{width:38px;height:38px;border-radius:var(--r-avatar);background:var(--av-fb);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none;color:var(--av-fb-text)}
.kisi-tx{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.kisi-tx .muted{font-size:12.5px}
.kisi-kapat{font-size:22px;line-height:1;width:30px;height:30px;flex:none}
/* ---------- 2.4 embed ---------- */
/* YouTube facade — 16:9 thumbnail + tıkla-oynat */
.embed-facade{display:block;width:100%;padding:0;text-align:left;margin-top:12px;border:1px solid var(--border);
border-radius:var(--radius-sm);overflow:hidden;background:#000;transition:transform .06s}
.embed-facade:active{transform:scale(.995)}
.embed-yt{position:relative;aspect-ratio:16/9}
.embed-yt .embed-thumb{width:100%;height:100%;object-fit:cover;display:block}
.embed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:64px;height:46px;border-radius:13px;background:rgba(220,38,38,.93);color:#fff;
display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .15s,background .15s}
.embed-yt:hover .embed-play{transform:translate(-50%,-50%) scale(1.08);background:#dc2626}
.embed-tag{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;
padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11.5px;font-weight:700}
.embed-tag-yt svg{color:#ff0033}
/* Tıklayınca yüklenen YouTube iframe (16:9) */
.embed-loaded{margin-top:12px}
.embed-ratio{position:relative;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:#000}
.embed-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Instagram / X — direkt yüklenen gömü + iskelet + kırık linkte fallback kart */
.embed-direct{margin-top:12px;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.embed-direct>*{width:100%;max-width:540px}
/* yükleniyor iskeleti (shimmer) — gömü gelene/zaman aşana kadar; boş beyaz alan değil */
.embed-skel{height:220px;border-radius:var(--radius-sm);border:1px solid var(--border);
background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface) 50%,var(--surface-2) 70%);
background-size:200% 100%;animation:embedShim 1.3s ease-in-out infinite}
@keyframes embedShim{0%{background-position:200% 0}100%{background-position:-200% 0}}
.embed-direct:not(.yukleniyor) .embed-skel{display:none}
/* fallback "platformda aç" kartı (kırık/silinmiş/private link) */
.embed-kart{display:flex;align-items:center;gap:13px;padding:13px 15px;text-decoration:none;color:var(--text);
border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color .15s}
.embed-kart:hover{border-color:var(--primary)}
.embed-kart-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff}
.embed-kart-instagram .embed-kart-ic{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.embed-kart-twitter .embed-kart-ic{background:#000}
.embed-kart-tx{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.embed-kart-tx strong{font-size:14px}
.embed-kart-tx .muted{font-size:12.5px}
.embed-kart-go{margin-left:auto;color:var(--text-3);flex:none}
.embed-kart:hover .embed-kart-go{color:var(--primary)}
/* D1.7 — site-içi link önizleme (gömülü gönderi teaser'ı / mini doküman kartı) */
.embed-sosyal{margin-top:12px}
.embed-sosyal .post-gomulu{margin-top:0}
/* ---------- 2.5 görsel: ızgara + composer önizleme + lightbox ---------- */
.post-medya{margin-top:12px;display:grid;gap:4px;border-radius:var(--radius-sm);overflow:hidden}
.post-medya-it{padding:0;border:0;background:#000;cursor:zoom-in;display:block;overflow:hidden;width:100%;height:100%}
.post-medya-it img{display:block;width:100%;height:100%;object-fit:cover}
.post-medya[data-adet="1"]{grid-template-columns:1fr}
.post-medya[data-adet="1"] .post-medya-it{background:var(--surface-2)}
.post-medya[data-adet="1"] img{height:auto;max-height:510px;object-fit:contain}
.post-medya[data-adet="2"]{grid-template-columns:1fr 1fr;grid-auto-rows:230px}
.post-medya[data-adet="3"]{grid-template-columns:1fr 1fr;grid-auto-rows:155px}
.post-medya[data-adet="3"] .post-medya-it:first-child{grid-row:1 / 3}
.post-medya[data-adet="4"]{grid-template-columns:1fr 1fr;grid-auto-rows:155px}
/* composer: görsel ekle butonu + önizleme */
.ikon-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--text-2);
border:1px solid var(--border);background:var(--surface-2);transition:.15s}
.ikon-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}
.ikon-btn:disabled{opacity:.4;cursor:not-allowed}
.gorsel-onizleme{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 2px;padding-left:54px}
.go-it{position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}
.go-it img{width:100%;height:100%;object-fit:cover}
.go-sil{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.62);
color:#fff;font-size:15px;line-height:1;display:grid;place-items:center}
.go-sil:hover{background:var(--danger)}
/* lightbox */
.sos-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:grid;place-items:center;opacity:0;transition:opacity .2s}
.sos-lightbox.show{opacity:1}
.lb-img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:6px}
.lb-kapat{position:absolute;top:18px;right:18px}
.lb-kapat,.lb-ok{color:#fff;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.lb-kapat{width:44px;height:44px}
.lb-ok{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px}
.lb-onceki{left:18px}.lb-sonraki{right:18px}
.lb-kapat:hover,.lb-ok:hover{background:rgba(255,255,255,.24)}
.lb-sayac{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;
background:rgba(0,0,0,.5);padding:4px 13px;border-radius:999px}
/* ---------- web shell (sonraki adımlar: feed) ---------- */
.sos-web{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:22px;align-items:start;max-width:1100px;margin:22px auto;padding:0 22px}
.sos-web .col{position:sticky;top:78px}
.col-main{min-width:0;max-width:640px;width:100%;margin:0 auto}
/* sağ panel boşsa (yan içerik yoksa) 2 kolona düş */
.sos-web:has(.yan-col:empty){grid-template-columns:200px minmax(0,1fr)}
.nav{display:flex;flex-direction:column;gap:3px}
/* TEMA W2 — sol nav bölüm başlığı ("Oda" / "Diğer"): YALNIZ Modern temada görünür.
Klasik'te gizli → link seti ve görünüm başlangıçla birebir kalır. */
.nav-bolum{display:none}
/* "Anasayfaya Dön" ayracı — eskiden inline style'daydı; Klasik değeri birebir korundu. */
.nav .navitem.nav-cikis{margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid #e5e9f0;opacity:.9}
.nav .navitem{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:var(--r-sm);font-weight:600;color:var(--text-2);transition:var(--ms-fast)}
.nav .navitem.on{background:var(--primary-soft);color:var(--primary)}
.nav .navitem:hover:not(.on){background:var(--surface-2);color:var(--text)}
.nav .count{margin-left:auto;background:var(--primary);color:var(--on-primary);border-radius:var(--r-full);font-size:11px;font-weight:800;padding:1px 7px}
.side-card{padding:16px;margin-bottom:16px}
.side-card h4{margin:0 0 12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}
/* profil özet kartı (sağ panel) */
.ozet{text-align:center;padding:18px 16px}
.ozet .avatar{margin:0 auto 10px}
.ozet-ad{font-weight:700;font-size:15px}
.ozet-handle{color:var(--text-3);font-size:12.5px;margin-bottom:14px}
.ozet-sayac{display:flex;justify-content:center;gap:20px}
.ozet-sayac b{display:block;font-size:16px} .ozet-sayac span{font-size:11.5px;color:var(--text-3)}
@media (max-width:1040px){ /* sağ paneli gizle */
.sos-web{grid-template-columns:200px minmax(0,1fr)}
.yan-col{display:none}
}
@media (max-width:760px){ /* tek kolon — W11: sol nav display:none yerine ÇEKMECE (#navBtn açar) */
.sos-web{grid-template-columns:1fr;padding:0 14px}
.sos-web .col{position:static}
.sos-web .sol-col{position:fixed;top:0;left:0;bottom:0;z-index:80;width:264px;max-width:82vw;margin:0;
background:var(--surface);border-right:1px solid var(--border);padding:18px 16px;overflow-y:auto;
transform:translateX(-105%);transition:transform var(--ms) var(--ease)}
html.nav-acik .sos-web .sol-col{transform:none}
.nav-btn{display:grid}
}
/* ---------- onizleme.html birebir uyum ---------- */
/* başlıkta sekmeler (feed tabs sticky başlık içinde) */
.sos-top .feed-tabs{margin:0 0 0 8px;box-shadow:none;background:var(--surface-2);border:1px solid var(--border)}
.sos-top .feed-tab{flex:none}
.brand-tx{white-space:nowrap}
@media (max-width:600px){ .brand-tx{display:none} .sos-top .feed-tabs{margin-left:0;min-width:0;overflow-x:auto;scrollbar-width:none} }
/* başlık avatarı (profil linki) */
.top-av{width:38px;height:38px;font-size:13px;text-decoration:none}
/* post aksiyon çubuğu — onizleme düzeni (beğeni·yorum·repost ··· kaydet) */
.post-aksiyon .spacer{flex:1}
/* ---------- post header: zaman linki + hızlı takip ---------- */
.post-zaman{color:var(--text-3)}
.post-zaman:hover{color:var(--text-2);text-decoration:underline}
.takip-btn{color:var(--primary);font-weight:700;font-size:12.5px;padding:0;background:none}
.takip-btn::before{content:"·";margin:0 6px;color:var(--text-3);font-weight:400}
.takip-btn:hover{text-decoration:underline}
.takip-btn.beklemede,.takip-btn.onayli{color:var(--text-3);font-weight:600}
.takip-btn.beklemede:hover,.takip-btn.onayli:hover{text-decoration:underline;color:var(--text-2)}
/* ---------- B5 yorum ---------- */
.detay-geri{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:600;font-size:13.5px;margin-bottom:14px}
.detay-geri:hover{color:var(--text)}
.yorum-sayi{font-variant-numeric:tabular-nums}
.post-akt.yorum-ac.acik{color:var(--primary)}
/* yorum bölümü (feed inline + detay) */
.post-yorumlar{margin-top:12px;padding-top:14px;border-top:1px solid var(--border)}
/* composer */
.yorum-composer{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;margin-bottom:16px;transition:border-color var(--ms-fast),box-shadow var(--ms-fast)}
.yorum-composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.yorum-composer .yorum-ta{min-height:24px;background:transparent;font-size:14.5px;line-height:1.45}
.yorum-composer-bar{display:flex;align-items:center;gap:8px;margin-top:6px}
.yorum-composer-bar .ikon-btn{width:32px;height:32px;border-radius:var(--r-xs)}
.yorum-sayac{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}
.yorum-gorsel-onizleme{position:relative;margin:8px 0 4px;max-width:220px}
.yorum-gorsel-onizleme img{width:100%;border-radius:var(--r-md);display:block}
.yorum-gorsel-sil{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:var(--r-full);background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;backdrop-filter:blur(2px)}
.yorum-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-2);font-size:13.5px}
/* liste — Facebook tarzı balon */
.yorum-liste{display:flex;flex-direction:column;gap:12px}
.yorum{display:flex;gap:10px}
.yorum-av{width:36px;height:36px;font-size:13px;font-weight:600;flex:none;margin-top:1px}
.yorum-govde{flex:1;min-width:0}
.yorum-balon{position:relative;display:inline-block;max-width:100%;background:var(--surface-2);border-radius:16px;padding:8px 13px 9px}
.yorum-bas{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.yorum-ad{font-weight:700;font-size:13.5px;color:var(--text)}
.yorum-ad:hover{text-decoration:underline}
.yorum-handle{color:var(--text-3);font-size:12px}
.yorum-metin{margin-top:2px;white-space:pre-wrap;word-break:break-word;font-size:14.5px;line-height:1.45}
.yorum-gorsel{display:block;margin-top:8px;border-radius:var(--r-md);overflow:hidden;max-width:260px;cursor:zoom-in;border:1px solid var(--border)}
.yorum-gorsel img{display:block;width:100%;height:auto}
.yorum-embed{margin-top:8px;max-width:480px}
.yorum-alt{display:flex;align-items:center;gap:14px;margin:5px 0 0 13px}
.yorum-zaman{color:var(--text-3);font-size:12px}
.yorum-sil,.yorum-sikayet{color:var(--text-3);font-size:12px;font-weight:600;padding:0}
.yorum-sil:hover{color:var(--danger)}
.yorum-sikayet:hover{color:var(--warning)}
/* B5.3 — yorum beğeni (post beğeni dili, küçük) */
.yorum-begen{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);font-size:12px;font-weight:600;padding:0}
.yorum-begen .ic{width:15px;height:15px;transition:transform .15s}
.yorum-begen:hover{color:#e0245e}
.yorum-begen.aktif{color:#e0245e}
.yorum-begen.aktif .ic{fill:#e0245e;stroke:#e0245e}
.yorum-begen.patla .ic{animation:kalpPatla .34s var(--ease-spring)}
.yorum-bos{text-align:center;color:var(--text-3);padding:20px 10px;font-size:13.5px}
.yorum-daha{align-self:flex-start;margin-top:2px;color:var(--primary);font-weight:600;font-size:13px;padding:4px 0}
.yorum-daha:hover{text-decoration:underline}
.yorum-yukle-durum{text-align:center;color:var(--text-3);font-size:12.5px;padding:10px}
.yorum-yeni{animation:inUp var(--ms) var(--ease)}
.yorum.cikiyor{opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}
/* B5.2 — 1 seviye yanıt */
.yorum-yanitla{color:var(--text-3);font-size:12px;font-weight:600;padding:0}
.yorum-yanitla:hover{color:var(--primary)}
.yorum-yanitlar{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.yorum-yanitlar:empty{display:none}
.yorum-yanit .yorum-av{width:28px;height:28px;font-size:11px}
.yorum-yanit .yorum-balon{border-radius:14px;padding:7px 12px 8px}
.yorum-yanit-gor{align-self:flex-start;margin-top:8px;color:var(--text-2);font-weight:600;font-size:12.5px;padding:4px 0}
.yorum-yanit-gor:hover{color:var(--primary)}
.yorum-yanit-gor[hidden]{display:none}
.yorum-yanit-composer{margin-top:10px}
.yorum-yanit-composer[hidden]{display:none}
.yorum-composer.mini{margin-bottom:0;padding:8px 11px}
.yorum-composer.mini .yorum-ta{font-size:14px}
/* C2 — doküman kartı (feed eki + kütüphane ortak) */
.post-dokumanlar{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.dokuman-kart{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:border-color var(--ms-fast),background var(--ms-fast),transform var(--ms-fast),box-shadow var(--ms-fast)}
.dokuman-kart:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px);box-shadow:var(--e2)}
.dokuman-onizleme{flex:none;width:46px;height:46px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-3);border:1px solid var(--border)}
.dokuman-onizleme img{width:100%;height:100%;object-fit:cover;display:block}
.dokuman-ac{flex:none;width:30px;height:30px;display:grid;place-items:center;color:var(--text-3);transition:color var(--ms-fast),transform var(--ms-fast)}
.dokuman-kart:hover .dokuman-ac{color:var(--primary);transform:translateX(2px)}
.dokuman-ikon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary)}
.dokuman-ikon.uz-pdf{color:#e0245e}
.dokuman-ikon.uz-xls,.dokuman-ikon.uz-xlsx{color:#17a673}
.dokuman-ikon.uz-ppt,.dokuman-ikon.uz-pptx{color:#e8730c}
.dokuman-ikon.uz-zip,.dokuman-ikon.uz-rar{color:#7856d6}
.dokuman-bilgi{flex:1;min-width:0}
.dokuman-baslik{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dokuman-meta{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12px;color:var(--text-3)}
.dokuman-uzanti{font-weight:700;letter-spacing:.02em}
.dokuman-boyut{font-variant-numeric:tabular-nums}
.dokuman-indir{flex:none;width:38px;height:38px;border-radius:var(--r-full);display:grid;place-items:center;color:var(--primary);transition:background var(--ms-fast)}
.dokuman-indir:hover{background:var(--surface-3,rgba(29,161,242,.12))}
.dokuman-indir:active{transform:scale(.92)}
.dokuman-indir[disabled]{opacity:.5;cursor:progress}
/* C2 — composer doküman ekleme */
.dok-onizleme{margin:10px 0;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px}
.dok-onizleme-bas{display:flex;align-items:center;gap:8px}
.dok-onizleme-bas .dok-ikon{color:var(--primary);flex:none;display:grid;place-items:center}
.dok-onizleme-ad{flex:1;min-width:0;font-weight:600;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dok-kaldir{width:28px;height:28px;flex:none}
.sos-input{width:100%;padding:8px 11px;background:transparent;border:1px solid var(--border);border-radius:var(--r-md);font-size:14px;color:var(--text);transition:border-color var(--ms-fast),box-shadow var(--ms-fast)}
.sos-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}
.dok-onizleme .dok-aciklama{min-height:24px;font-size:14px;background:transparent}
.dok-onizleme .gor-sel{width:100%}
/* C3.1/C3.4 — doküman detay sayfası (SEO public; misafir görür-indiremez) */
.dok-detay{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e1);overflow:hidden}
.dok-detay-ust-blok{padding:30px 28px 26px;text-align:center}
.dok-detay-alt-blok{padding:24px 28px;border-top:1px solid var(--border)}
.dok-bilgi-kutu{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:11px}
.dok-bilgi-satir{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2)}
.dok-puan-satir{justify-content:space-between;padding-bottom:11px;border-bottom:1px solid var(--border)}
.dok-puan-satir .sos-yildizlar{color:#e0a020}
.dok-puan-satir .dok-puan-deg{font-size:13px}
.dok-bilgi-satir b{color:var(--text);font-weight:700}
.dok-bilgi-satir .dbi{flex:none;color:var(--text-3);display:grid;place-items:center}
.dok-bilgi-satir.guvenli{color:#17a673}
.dok-bilgi-satir.guvenli .dbi{color:#17a673}
.dok-onizleme-kol{max-width:400px;margin:0 auto}
.dok-onizleme-gorsel{display:block;width:100%;max-height:560px;object-fit:contain;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e1);cursor:zoom-in;transition:box-shadow var(--ms-fast)}
.dok-onizleme-gorsel:hover{box-shadow:var(--e2)}
.dok-yorum-embed{margin-top:8px}
.dok-detay-ikon{position:relative;display:grid;place-items:center;width:100%;height:300px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary)}
.dok-detay-ikon.uz-pdf{color:#e0245e}.dok-detay-ikon.uz-xls,.dok-detay-ikon.uz-xlsx{color:#17a673}.dok-detay-ikon.uz-ppt,.dok-detay-ikon.uz-pptx{color:#e8730c}.dok-detay-ikon.uz-zip,.dok-detay-ikon.uz-rar{color:#7856d6}
.dok-detay-uz{position:absolute;bottom:20px;font-size:13px;font-weight:700;letter-spacing:.04em}
.dok-bilgi-kol{min-width:0}
.dok-detay-kategori{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:12.5px;font-weight:600;margin-bottom:8px}
.dok-detay-baslik{font-size:25px;line-height:1.25;font-weight:700;color:var(--text);margin:0 0 20px;letter-spacing:-.01em;word-break:break-word}
.dok-puan-ozet{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0}
.sos-yildizlar{display:inline-flex;gap:1px;color:#e0a020}
.sos-yildizlar .yildiz .lic{fill:none}
.sos-yildizlar .yildiz.dolu .lic{fill:currentColor}
.sos-yildizlar .yildiz:not(.dolu){color:var(--border-2)}
.dok-puan-deg{font-size:13px;color:var(--text-2)}
.dok-puan-deg b{color:var(--text);font-variant-numeric:tabular-nums}
.dok-puan-deg.muted{color:var(--text-3)}
.dok-detay-ust{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.dok-detay-av{width:42px;height:42px;flex:none;font-size:15px}
.dok-detay-ustbilgi{display:flex;flex-direction:column;gap:1px;min-width:0}
.dok-detay-yazar{font-weight:700;font-size:14px;color:var(--text);text-decoration:none}
a.dok-detay-yazar:hover{color:var(--primary)}
.dok-detay-tarih{font-size:12.5px;color:var(--text-3)}
.dok-detay-aciklama{font-size:14.5px;line-height:1.65;color:var(--text);margin:0 0 22px;white-space:pre-wrap;word-break:break-word}
.dok-detay-bilgi{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:24px;font-size:13px;color:var(--text-2)}
.dok-bilgi-chip{font-weight:700;letter-spacing:.03em;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:3px 10px;color:var(--text-2)}
.dok-bilgi-oge{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.dok-bilgi-oge b{color:var(--text)}
.dok-detay-aksiyon{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.dok-indir-btn{display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;background:var(--primary);color:var(--on-primary);border:0;border-radius:var(--r-md);padding:11px 24px;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:var(--e1);transition:background var(--ms-fast),transform var(--ms-fast)}
.dok-indir-btn:hover{background:var(--primary-press);transform:translateY(-1px)}
.dok-indir-btn:active{transform:scale(.98)}
.dok-indir-btn[disabled],.dok-indir-btn.yukleniyor{opacity:.65;cursor:progress}
.dok-gonderi-link{font-size:13px;color:var(--text-2);text-decoration:none}
.dok-gonderi-link:hover{color:var(--primary);text-decoration:underline}
/* bölümler (puanlama + yorumlar) */
.dok-bolum{padding:26px 30px;border-top:1px solid var(--border)}
.dok-bolum-bas{font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}
.dok-yorum-sayi{color:var(--text-3);font-weight:600}
/* puanlama (interaktif yıldız) */
.dok-puanla{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sos-yildiz-sec{display:inline-flex;gap:2px}
.yildiz-btn{padding:2px;background:none;border:0;cursor:pointer;color:var(--border-2);transition:color var(--ms-fast),transform var(--ms-fast)}
.yildiz-btn .lic{fill:none;transition:fill var(--ms-fast)}
.yildiz-btn.dolu{color:#e0a020}
.yildiz-btn.dolu .lic{fill:currentColor}
.yildiz-btn:hover{transform:scale(1.12)}
.dok-puanla-not{font-size:13px;color:var(--text-2)}
/* yorum composer */
.dok-yorum-composer{display:flex;gap:10px;align-items:flex-end;margin-bottom:18px}
.dok-yorum-ta{flex:1;min-width:0;resize:vertical;min-height:44px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;font-size:14px;color:var(--text);transition:border-color var(--ms-fast),box-shadow var(--ms-fast)}
.dok-yorum-ta:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.dok-yorum-gonder{flex:none;background:var(--primary);color:var(--on-primary);border:0;border-radius:var(--r-md);padding:10px 18px;font-weight:700;font-size:13.5px;cursor:pointer;transition:background var(--ms-fast)}
.dok-yorum-gonder:hover{background:var(--primary-press)}
.dok-yorum-gonder[disabled]{opacity:.6;cursor:progress}
/* yorum listesi */
.dok-yorum-liste{display:flex;flex-direction:column;gap:14px}
.dok-yorum{display:flex;gap:10px}
.dok-yorum-av{width:36px;height:36px;flex:none;font-size:13px}
.dok-yorum-govde{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 12px}
.dok-yorum-bas{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.dok-yorum-ad{font-weight:700;font-size:13.5px;color:var(--text);text-decoration:none}
a.dok-yorum-ad:hover{color:var(--primary)}
.dok-yorum-tarih{font-size:12px;color:var(--text-3)}
.dok-yorum-sil{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;color:var(--text-3);border-radius:var(--r-full);transition:color var(--ms-fast),background var(--ms-fast)}
.dok-yorum-sil:hover{color:var(--danger);background:var(--surface-3)}
.dok-yorum-metin{font-size:14px;line-height:1.5;color:var(--text);word-break:break-word}
.dok-yorum-bos{font-size:13.5px;color:var(--text-3);padding:6px 0}
.dok-yorum-daha{margin-top:14px;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:9px;font-weight:600;font-size:13px;color:var(--text-2);cursor:pointer;transition:background var(--ms-fast)}
.dok-yorum-daha:hover{background:var(--surface-3);color:var(--text)}
@media(max-width:640px){.dok-detay-grid{grid-template-columns:1fr}}
/* C2.4 — kütüphane + profil "dosyalar" sekmesi */
.dok-kut-bas{margin-bottom:16px}
.dok-kut-bas h1{font-size:23px;font-weight:700;letter-spacing:-.01em;margin:0 0 2px}
.dok-kut-bas .muted{font-size:13.5px}
.dok-kut-arac{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.dok-ara-kutu{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:0 12px;color:var(--text-3);transition:border-color var(--ms-fast),box-shadow var(--ms-fast)}
.dok-ara-kutu:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);color:var(--primary)}
.dok-ara{flex:1;border:0;background:transparent;padding:11px 0;font:inherit;font-size:14.5px;color:var(--text);outline:none}
.dok-kat-cipler{display:flex;gap:8px;flex-wrap:wrap}
.dok-kat-cip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:6px 14px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:border-color var(--ms-fast),color var(--ms-fast),background var(--ms-fast)}
.dok-kat-cip:hover{border-color:var(--primary);color:var(--primary)}
.dok-kat-cip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.dokuman-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
/* ızgarada dikey galeri kartı (feed'de yatay kalır — tek partial) */
.dokuman-izgara .dokuman-kart{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:var(--r-lg)}
.dokuman-izgara .dokuman-kart:hover{transform:translateY(-3px);box-shadow:var(--e2);border-color:var(--border)}
.dokuman-izgara .dokuman-onizleme{width:100%;height:165px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface-2)}
.dokuman-izgara .dokuman-onizleme img{object-fit:cover;object-position:top}
.dokuman-izgara .dokuman-ikon{width:100%;height:165px;border-radius:0;border-bottom:1px solid var(--border);background:var(--surface-2)}
.dokuman-izgara .dokuman-ikon .lic{width:52px!important;height:52px!important}
.dokuman-izgara .dokuman-bilgi{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px}
.dokuman-izgara .dokuman-baslik{white-space:normal;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dokuman-izgara .dokuman-ac{display:none}
.dokuman-izgara .dokuman-yukleyen{margin-top:2px}
.dok-kut-bos{grid-column:1/-1;text-align:center;padding:32px 12px;color:var(--text-3);font-size:14px}
/* W10 — iki kademeli boş durum (başlık + ipucu; kütüphane + arama) */
.dok-kut-bos b,.ara-bos b{display:block;font-size:15px;font-weight:600;color:var(--text-2);margin-bottom:4px}
.dok-kut-bos p,.ara-bos p{margin:0 0 12px}
.dokuman-puan,.dokuman-indirme{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}
.dokuman-puan{color:#e0a020}
.dokuman-yukleyen{margin-top:3px;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profil-sekmeler{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:4px;margin-bottom:16px}
.profil-sekme{flex:1;background:none;border:0;border-radius:var(--r-full);padding:9px 12px;font-size:14px;font-weight:700;color:var(--text-2);cursor:pointer;transition:color var(--ms-fast),background var(--ms-fast)}
.profil-sekme:hover{color:var(--text)}
.profil-sekme.on{background:var(--primary);color:var(--on-primary);box-shadow:var(--e1)}
.profil-sekme .sekme-sayi{font-weight:600;opacity:.7;font-variant-numeric:tabular-nums}
.profil-panel .dok-kat-cipler{margin-bottom:14px}
@media(max-width:560px){.dokuman-izgara{grid-template-columns:1fr}}
/* C3.2 — kategori ağacı (yan panel) + breadcrumb + alt kategoriler */
.yan-blok{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:16px}
.yan-bas{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin:0 0 10px}
.kat-agac{list-style:none;margin:0;padding:0}
.kat-agac .kat-agac{margin-left:14px;border-left:1px solid var(--border);padding-left:6px;margin-top:2px}
.kat-agac-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-size:13.5px;font-weight:600;transition:background var(--ms-fast),color var(--ms-fast)}
.kat-agac-link:hover{background:var(--surface-2);color:var(--primary)}
.kat-agac-link.on{background:var(--primary-soft);color:var(--primary);font-weight:700}
.kat-tum-link{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-size:13.5px;font-weight:600;margin-bottom:4px;transition:background var(--ms-fast),color var(--ms-fast)}
.kat-tum-link:hover{background:var(--surface-2);color:var(--primary)}
.kat-tum-link.on{background:var(--primary-soft);color:var(--primary);font-weight:700}
.kat-sayi{font-size:11.5px;font-weight:600;color:var(--text-3);background:var(--surface-2);border-radius:var(--r-full);padding:1px 8px;font-variant-numeric:tabular-nums}
.kat-agac-link:hover .kat-sayi{color:var(--primary)}
.sos-bc-serit{max-width:1100px;margin:16px auto -6px;padding:0 22px}
.sos-bc-serit .dok-breadcrumb{margin-bottom:0}
@media (max-width:760px){.sos-bc-serit{padding:0 14px}} /* W11 — kabuk kırılımıyla hizalı */
.dok-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;margin-bottom:12px;color:var(--text-3)}
.dok-breadcrumb a{color:var(--text-2);text-decoration:none}
.dok-breadcrumb a:hover{color:var(--primary)}
.dok-breadcrumb .aktif{color:var(--text);font-weight:600}
.dok-breadcrumb .ayrac{color:var(--text-3)}
.dok-altkat{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.dok-altkat-link{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:7px 14px;font-size:13px;font-weight:600;color:var(--text-2);text-decoration:none;transition:border-color var(--ms-fast),color var(--ms-fast)}
.dok-altkat-link:hover{border-color:var(--primary);color:var(--primary)}
/* C2.5 — kategori kapalı "hazırlanıyor" placeholder */
.dok-hazirlaniyor{text-align:center;padding:56px 24px;max-width:460px;margin:32px auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e1)}
.dok-haz-ikon{display:inline-grid;place-items:center;width:78px;height:78px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary);margin-bottom:18px}
.dok-hazirlaniyor h1{font-size:21px;font-weight:700;color:var(--text);margin:0 0 10px;letter-spacing:-.01em}
.dok-hazirlaniyor p{font-size:14.5px;line-height:1.6;color:var(--text-2);margin:0 0 22px}
.dok-haz-btn{display:inline-flex;align-items:center;gap:7px;background:var(--primary);color:var(--on-primary);border-radius:var(--r-md);padding:11px 22px;font-weight:700;font-size:14px;text-decoration:none;transition:background var(--ms-fast)}
.dok-haz-btn:hover{background:var(--primary-press)}
/* İndirme bilgilendirme modalı (kota / profil / uygulama yönlendirme) */
.bilgi-dialog{max-width:520px;text-align:left}
.bilgi-dialog h3{text-align:center;margin-bottom:6px}
.bilgi-govde{margin:2px 0}
.bilgi-aciklama{font-size:13.5px;line-height:1.55;color:var(--text-2);margin:0 0 12px}
.kota-tablo{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.kota-satir{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-radius:var(--r-sm);background:var(--surface-2);font-size:13.5px}
.kota-satir span{color:var(--text-2)}
.kota-satir b{font-variant-numeric:tabular-nums;color:var(--text)}
.kota-satir.dolu{background:var(--danger-soft)}
.kota-satir.dolu span,.kota-satir.dolu b{color:var(--danger)}
.modal-butonlar{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.modal-butonlar .btn{width:100%;justify-content:center;text-decoration:none}
.bm-bikon{display:inline-flex;align-items:center;margin-right:7px}
.bm-bikon svg{display:block}
.pt-baslik{font-weight:700;color:var(--text);margin:2px 0 8px}
.paket-tablo-sar{overflow-x:auto;margin:0 0 14px;border:1px solid var(--border);border-radius:var(--r-sm)}
.paket-tablo{width:100%;border-collapse:collapse;font-size:12.5px}
.paket-tablo th,.paket-tablo td{padding:7px 9px;text-align:center;white-space:nowrap}
.paket-tablo th{background:var(--surface-2);color:var(--text-2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.paket-tablo th.pl-ad,.paket-tablo td.pl-ad{text-align:left;white-space:normal;min-width:130px;font-weight:600;color:var(--text)}
.paket-tablo td{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text)}
.paket-tablo tr.aktif td{background:var(--primary-soft)}
.pl-sen{display:inline-block;font-size:9.5px;font-weight:700;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:1px 6px;margin-left:5px;vertical-align:middle;text-transform:none;letter-spacing:0}
/* Faz D — post sabit/boost rozeti + sağa-sabit doküman vitrini */
.post-rozet{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:var(--r-full);margin-left:6px;vertical-align:middle}
.post-rozet.sabit{background:var(--primary-soft);color:var(--primary)}
.post-rozet.boost{background:var(--gold1);color:#fff}
.post-rozet svg{width:12px;height:12px}
.yan-sabit{margin-bottom:16px}
.side-card-bas{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:10px}
.yan-sabit-oge{display:flex;gap:10px;padding:9px;border-radius:var(--r-md);text-decoration:none;transition:background var(--ms-fast)}
.yan-sabit-oge:hover{background:var(--surface-2)}
/* D-YAN — Katıldığım gruplar (sağ panel) + yeni gönderi pili */
.yan-grup{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:background var(--ms-fast)}
.yan-grup:hover{background:var(--surface-2)}
.yan-grup-av{width:30px;height:30px;border-radius:9px;overflow:hidden;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-2);flex:none}
.yan-grup-av img{width:100%;height:100%;object-fit:cover;display:block}
.yan-grup-ad{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* D2.2 — sığarsa TEK satır; yalnız gerçekten uzun ad 2 satıra sarar */
.yan-grup-pil{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.yan-gruplar-tum{display:block;margin-top:8px;padding-top:9px;border-top:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--primary);text-decoration:none}
.yan-gruplar-tum:hover{text-decoration:underline}
/* D-YAN2 — Önerilen gruplar (sağ panel) + yoksay */
.oneri-grup{display:flex;align-items:center;gap:0;border-radius:var(--r-md);transition:background var(--ms-fast)}
.oneri-grup:hover{background:var(--surface-2)}
.oneri-grup-lnk{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:7px 0 7px 6px;text-decoration:none;color:var(--text)}
.oneri-grup-bil{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.oneri-grup-ad{font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* D2.2 — sığarsa TEK satır; yalnız gerçekten uzun ad sarar */
.oneri-grup-alt{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oneri-grup-yok{flex:none;width:22px;height:22px;margin-right:3px;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--ms-fast),background var(--ms-fast),color var(--ms-fast)}
.oneri-grup:hover .oneri-grup-yok{opacity:1}
.oneri-grup-yok:hover{background:var(--surface-3);color:var(--text)}
@media (hover:none){.oneri-grup-yok{opacity:.6}}
/* D4 — kişi önerisi (panel kartı + kesfet/kisiler sayfası ortak satır) */
.oneri-kisi{display:flex;align-items:center;gap:6px;border-radius:var(--r-md);transition:background var(--ms-fast)}
.oneri-kisi:hover{background:var(--surface-2)}
.oneri-kisi-lnk{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:7px 0 7px 6px;text-decoration:none;color:var(--text)}
.oneri-kisi-av{border-radius:var(--r-avatar)}
.oneri-kisi-bil{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.oneri-kisi-ad{font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oneri-kisi-alt{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oneri-kisi-akt{display:inline-flex;align-items:center;gap:2px;flex:none}
.oneri-kisi .takip-btn{font-size:12px;padding:5px 10px}
.oneri-kisi-yok{flex:none;width:22px;height:22px;margin-right:3px;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--ms-fast),background var(--ms-fast),color var(--ms-fast)}
.oneri-kisi:hover .oneri-kisi-yok{opacity:1}
.oneri-kisi-yok:hover{background:var(--surface-3);color:var(--text)}
@media (hover:none){.oneri-kisi-yok{opacity:.6}}
.oneri-kisi-tum{display:block;padding:9px 6px 3px;font-size:12.5px;font-weight:600;color:var(--primary);text-decoration:none;border-top:1px solid var(--border);margin-top:6px}
.oneri-kisi-tum:hover{text-decoration:underline}
.oneri-kisiler-sayfa{padding:10px 14px}
.oneri-kisiler-sayfa .oneri-kisi{padding:3px 0}
.kesfet-kisi-bos{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 10px;text-align:center;color:var(--text-2)}
.hosgeldin-takip{max-width:560px;margin:0 auto}
.hosgeldin-bas h1{margin-bottom:4px}
.hosgeldin-akt{display:flex;justify-content:center;margin-top:16px}
/* D5 — profil düzenleme modalı + avatar gösterimi + sekme linkleri */
/* TEMA W5 — profil künyesi: eskiden blade'de inline style'daydı, sınıfa taşındı.
Buradaki değerler Klasik'in **birebir** eski görünümüdür; Modern `sosyal-modern.css`'te ezer. */
.profil-card{padding:26px 24px;text-align:center;margin-bottom:18px;position:relative}
.profil-card .profil-avatar{width:84px;height:84px;font-size:30px;margin:0 auto 12px}
.profil-ad{margin:0 0 2px;font-size:21px;letter-spacing:-.02em}
.profil-bio{margin:10px 0 0}
.profil-sayaclar{display:flex;gap:26px;justify-content:center;margin:16px 0 4px}
.profil-aksiyon{margin-top:14px;display:flex;gap:8px;justify-content:center}
.profil-avatar{overflow:hidden}
.profil-avatar img,.pd-avatar-onz img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-avatar)}
a.profil-sekme{text-decoration:none;color:inherit}
.pd-avatar-satir{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.pd-avatar-onz{width:64px;height:64px;font-size:22px;flex:none;overflow:hidden}
.pd-avatar-akt{display:flex;gap:8px;flex-wrap:wrap}
.pd-etiket{display:block;font-size:12.5px;font-weight:700;color:var(--text-2);margin:12px 0 5px}
.pd-handle-bolum{border-top:1px solid var(--border);margin-top:16px;padding-top:4px}
.pd-handle-not{font-size:12.5px;margin:0 0 8px}
.pd-handle-durum{display:block;font-size:12px;margin:5px 0;min-height:15px}
.pd-handle-durum.ok{color:var(--success,#16a34a)}
.pd-handle-durum.hata{color:var(--danger)}
.pd-handle-durum.bekliyor{color:var(--warning-text);background:var(--warning-soft);border-radius:var(--r-sm);padding:8px 10px;margin-bottom:8px}
/* D5 — avatar kadrajlama (sürükle + zoom; daire = sitede görünecek alan) */
.pd-kirp{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0 12px}
.pd-kirp-alan{position:relative;width:256px;height:256px;border-radius:var(--r-avatar);overflow:hidden;background:#111;cursor:grab;touch-action:none;box-shadow:0 0 0 1px var(--border)}
.pd-kirp-alan:active{cursor:grabbing}
.pd-kirp-alan img{position:absolute;left:0;top:0;max-width:none;user-select:none;pointer-events:none}
.pd-kirp-zoom{width:220px;accent-color:var(--primary)}
.pd-kirp-not{font-size:12px;margin:0;text-align:center}
/* W10 — profili düzenle açıklaması (M21) + avatar alanı ipucu (M22) */
.pd-modal-not{margin:0 0 14px;font-size:13.5px}
.pd-alan-not{font-size:12px;margin:2px 0 12px}
/* D-ADMIN — grup üyelerine özel uyarı (ana akış üstü banner) */
.feed-uyari-kart{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;margin-bottom:14px;
border:1px solid color-mix(in srgb,#f59e0b 40%,var(--border));border-left:4px solid #f59e0b;
background:color-mix(in srgb,#f59e0b 7%,var(--surface))}
.feed-uyari-ikon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
background:color-mix(in srgb,#f59e0b 16%,transparent);color:#b45309}
.feed-uyari-govde{flex:1;min-width:0}
.feed-uyari-bas{font-size:13px;font-weight:700;color:#b45309;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.feed-uyari-zaman{font-size:11.5px;font-weight:500;color:var(--text-3)}
.feed-uyari-metin{margin-top:3px;font-size:13.5px;line-height:1.45;white-space:pre-line}
/* D-ONAY — grup gönderi onay kuyruğu */
#grupFormOnaySar{margin-top:14px;display:flex}
#grupFormOnaySar input{margin-top:3px}
.grup-onay-sat{border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:10px}
.grup-onay-sat:last-child{border-bottom:0;margin-bottom:0}
.grup-onay-sat .post{margin-bottom:0;opacity:.92}
.grup-onay-bar{display:flex;align-items:center;gap:8px;padding:8px 12px}
.grup-onay-etiket{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#b45309}
.grup-onay-bar .spacer{flex:1}
/* D1-17 — grup üye engelleme */
.grup-uye-engelle{flex:0 0 auto;width:32px;height:32px;border-radius:var(--r-full);border:0;background:none;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ms),color var(--ms)}
.grup-uye-engelle:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.grup-engel-ekran{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}
.grup-engel-ekran svg{color:var(--danger)}
.grup-engel-not{margin-top:12px;padding:10px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--danger) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));font-size:13.5px;max-width:460px}
.grup-engel-govde{padding:16px;display:flex;flex-direction:column;gap:8px}
.grup-engel-akt{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.grup-engel-sat-not{display:block;font-size:11.5px;color:var(--text-3);font-weight:400}
.yan-sabit-oge .ys-ik{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--primary-soft);color:var(--primary)}
.yan-sabit-oge .ys-tx{min-width:0}
.yan-sabit-oge .ys-baslik{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yan-sabit-oge .ys-meta{font-size:11.5px;color:var(--text-3)}
.dok-kat-mobil{display:none;margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px}
.dok-kat-mobil summary{font-weight:700;font-size:13.5px;cursor:pointer;color:var(--text)}
a.dok-kat-cip{text-decoration:none}
.dok-kat-mobil .kat-yan{display:block;margin:0} /* W11: details içindeki _kat_yan kopyası 980 gizlemesinden muaf */
@media(max-width:980px){.kat-yan{display:none}.dok-kat-mobil{display:block}}
/* C2 — aranabilir hiyerarşik kategori seçici */
.kat-secici{position:relative}
.kat-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px 11px;background:transparent;border:1px solid var(--border);border-radius:var(--r-md);font-size:14px;color:var(--text-3);cursor:pointer;transition:border-color var(--ms-fast),box-shadow var(--ms-fast)}
.kat-trigger:hover{border-color:var(--primary)}
.kat-trigger.secili{color:var(--text)}
.kat-trigger-ik{flex:none;color:var(--text-3)}
.kat-trigger-ad{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kat-trigger-ok{flex:none;color:var(--text-3);transition:transform var(--ms-fast)}
.kat-secici[data-acik="1"] .kat-trigger{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.kat-secici[data-acik="1"] .kat-trigger-ok{transform:rotate(180deg)}
.kat-panel{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 28px rgba(0,0,0,.16);overflow:hidden;animation:inUp var(--ms) var(--ease)}
.kat-panel[hidden]{display:none}
.kat-ara-sar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border)}
.kat-ara-ik{flex:none;color:var(--text-3)}
.kat-ara{flex:1;background:transparent;border:0;font-size:14px;color:var(--text)} /* W11: outline:none kalktı — klavye halkası global kuraldan */
.kat-liste{max-height:240px;overflow-y:auto;padding:6px}
.kat-oge{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;padding-left:calc(10px + var(--d,0)*16px);border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;text-align:left;transition:background var(--ms-fast)}
.kat-oge:hover{background:var(--surface-2)}
.kat-oge.gizli{display:none}
.kat-oge-ad{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kat-oge-yol{flex:1;min-width:0;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);font-size:13px}
.kat-oge-tik{flex:none;color:var(--primary);opacity:0}
.kat-oge.secili{color:var(--primary);font-weight:600}
.kat-oge.secili .kat-oge-tik{opacity:1}
.kat-liste.arama-modu .kat-oge{padding-left:10px}
.kat-liste.arama-modu .kat-oge-ad{display:none}
.kat-liste.arama-modu .kat-oge-yol{display:block}
.kat-bos{padding:16px 12px;text-align:center;color:var(--text-3);font-size:13px}
.kat-bos[hidden]{display:none}
.post-akt .ic{transition:transform var(--ms-fast)}
.post-akt:active .ic{transform:scale(.9)}
/* sağ panel: gündem / tanıyor olabilirsin */
.trend{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}
.trend:last-child{border:0}
.trend-sira{font-size:13px;font-weight:700;color:var(--text-3);min-width:16px;text-align:center;flex:none;font-variant-numeric:tabular-nums}
.trend-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.trend .t{font-weight:600} .trend .c{font-size:12px;color:var(--text-3)}
.trend:hover .t{color:var(--primary)}
/* ===== B8 Bildirim ===== */
/* zil badge (sol nav) */
.bld-zil{position:relative}
.bld-badge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-full);background:var(--danger);
color:var(--on-primary);font-size:11.5px;font-weight:700;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--surface)}
/* dropdown panel */
.bld-pop{position:fixed;z-index:1200;width:360px;max-width:calc(100vw - 24px);max-height:min(70vh,540px);
display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);
border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;animation:bldPop var(--ms-fast) var(--ease)}
@keyframes bldPop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.bld-pop-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border)}
.bld-pop-bas b{font-size:15px}
.bld-pop-okundu{background:none;border:none;color:var(--primary);font-weight:600;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:var(--r-sm)}
.bld-pop-okundu:hover{background:var(--primary-soft)}
.bld-pop-liste{overflow-y:auto;flex:1}
.bld-pop-yukle,.bld-pop-bos{padding:26px 16px;text-align:center;font-size:13.5px}
.bld-pop-tumu{display:block;text-align:center;padding:12px;border-top:1px solid var(--border);
color:var(--primary);font-weight:600;font-size:13.5px}
.bld-pop-tumu:hover{background:var(--surface-2)}
/* bildirim satırı (dropdown + tam sayfa ortak) */
.bldr{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border);
color:var(--text);transition:background var(--ms-fast)}
.bldr:hover{background:var(--surface-2)}
.bldr.yeni{background:var(--primary-soft)}
.bldr.yeni:hover{background:var(--primary-soft);filter:brightness(.98)}
.bldr-ava{position:relative;flex:none;width:42px;height:42px;border-radius:var(--r-avatar);background:var(--gradient);
color:var(--on-primary);font-weight:700;font-size:15px;display:grid;place-items:center}
.bldr-ic{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:var(--r-full);
display:grid;place-items:center;background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 2px var(--surface)}
.bldr:hover .bldr-ic,.bldr.yeni .bldr-ic{box-shadow:0 0 0 2px var(--surface-2)}
.bldr-ic-gonderi_begeni,.bldr-ic-yorum_begeni{background:var(--danger)}
.bldr-ic-gonderi_yorum,.bldr-ic-yorum_yanit{background:var(--primary)}
.bldr-ic-dokuman_yorum{background:var(--green)}
.bldr-ic-gonderi_repost{background:var(--green)}
.bldr-ic-takip,.bldr-ic-takip_istek{background:var(--primary)}
.bldr-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bldr-mtn{font-size:14px;line-height:1.4}
.bldr-mtn b{font-weight:700}
.bldr-zaman{font-size:12.5px;color:var(--text-2)}
.bldr-nokta{flex:none;align-self:center;width:9px;height:9px;border-radius:var(--r-full);background:var(--primary)}
.bldr-sil{flex:none;align-self:center;width:28px;height:28px;border-radius:var(--r-full);border:none;background:none;
color:var(--text-2);display:grid;place-items:center;cursor:pointer;opacity:.45;
transition:opacity var(--ms-fast),background var(--ms-fast),color var(--ms-fast)}
.bldr:hover .bldr-sil,.bldr-sil:focus-visible{opacity:1}
.bldr-sil:hover{background:var(--danger-soft);color:var(--danger)}
/* TEMA W8 — moderasyon bildirimleri: 7 tipin rengi PHP dizisinde SABİT HEX'ti ve inline
style'a basılıyordu (koyu görünümde beyaz bant). Artık ton sınıfı + token. */
.bldr-uyari-neden{display:block;margin-top:3px;padding:6px 9px;border-radius:6px;font-size:13px;
line-height:1.45;white-space:normal;border-left:3px solid transparent}
.bldr-ton-uyari{background:var(--warning-soft);color:var(--warning)}
.bldr-ton-ceza{background:var(--danger-soft);color:var(--danger)}
.bldr-ton-basari{background:var(--success-soft);color:var(--success)}
.bldr-ton-bilgi{background:var(--info-soft);color:var(--info)}
.bldr-ton-notr{background:var(--surface-3);color:var(--text-2)}
.bldr-neden-uyari{background:var(--warning-soft);border-left-color:var(--warning);color:var(--warning-text)}
.bldr-neden-ceza{background:var(--danger-soft);border-left-color:var(--danger);color:var(--danger-text)}
.bldr-neden-basari{background:var(--success-soft);border-left-color:var(--success);color:var(--success-text)}
.bldr-neden-bilgi{background:var(--info-soft);border-left-color:var(--info);color:var(--info-text)}
.bldr-neden-notr{background:var(--surface-2);border-left-color:var(--border-2);color:var(--text)}
/* tam sayfa */
.bld-sayfa{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.bld-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}
.bld-bas h1{font-size:20px;margin:0}
.bld-bas-akt{display:flex;align-items:center;gap:10px}
.bld-tumu-okundu{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);
color:var(--text);font-weight:600;font-size:13px;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer}
.bld-tumu-okundu:hover:not(:disabled){background:var(--surface-3)}
.bld-tumu-okundu:disabled{opacity:.5;cursor:default}
.bld-tumu-sil{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);
color:var(--danger);font-weight:600;font-size:13px;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer}
.bld-tumu-sil:hover:not(:disabled){background:var(--danger);color:var(--on-primary);border-color:var(--danger)}
.bld-tumu-sil:disabled{opacity:.5;cursor:default}
.bld-ayar-link{color:var(--primary);font-weight:600;font-size:13.5px}
.bld-liste .bldr:last-child{border-bottom:none}
.bld-bos{padding:60px 20px;text-align:center;color:var(--text-2)}
.bld-bos p{margin-top:10px}
/* tercih ayarları sayfası */
.ayar-sayfa{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;padding-bottom:6px}
.ayar-aciklama{padding:14px 18px 2px;font-size:13.5px}
.ayar-liste{display:flex;flex-direction:column}
.ayar-satir{display:flex;align-items:center;gap:14px;padding:15px 18px;border-top:1px solid var(--border);cursor:pointer}
.ayar-ic{flex:none;width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--surface-2);color:var(--primary)}
.ayar-mtn{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ayar-mtn b{font-size:14.5px}
.ayar-mtn small{font-size:12.5px;line-height:1.45}
.ayar-switch{flex:none}
.ayar-switch input{position:absolute;opacity:0;width:0;height:0}
.ayar-track{display:block;width:44px;height:25px;border-radius:var(--r-full);background:var(--surface-3);
position:relative;transition:background var(--ms-fast)}
.ayar-track::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:var(--r-full);
background:var(--switch-knob);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--ms) var(--ease-spring)}
.ayar-switch input:checked + .ayar-track{background:var(--primary)}
.ayar-switch input:checked + .ayar-track::after{transform:translateX(19px)}
/* W11 — anahtar klavye odağı (input görsel olarak gizli → halkayı track taşır) */
.ayar-switch input:focus-visible + .ayar-track{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent-2)}
.ayar-kaydet-serit{padding:16px 18px;display:flex;justify-content:flex-end}
/* ---- TEMA W0 — Ayarlar > Görünüm (tema kartları + aydınlık/karanlık seçimi) ----
Token bazlı → her iki temada (Klasik/Modern) ve her iki görünümde otomatik uyar. */
.gor-bolum-bas{padding:18px 18px 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.gor-bolum-not{padding:6px 18px 12px;font-size:12.5px;margin:0}
.gor-tema-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 6px}
.gor-tema-kart{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;width:100%;
padding:14px 15px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);
cursor:pointer;position:relative;transition:border-color var(--ms-fast),background var(--ms-fast),box-shadow var(--ms-fast)}
.gor-tema-kart:hover{border-color:var(--border-2)}
.gor-tema-kart.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:var(--e1)}
.gor-tema-onz{display:inline-flex;gap:5px;flex:none}
.gor-tema-nokta{width:26px;height:26px;border-radius:var(--r-xs);border:1px solid rgba(0,0,0,.12);flex:none}
.gor-tema-mtn{display:flex;flex-direction:column;gap:3px;min-width:0}
.gor-tema-mtn b{font-size:14.5px}
.gor-tema-mtn small{font-size:12.5px;line-height:1.45}
.gor-tema-tik{position:absolute;top:12px;right:13px;color:var(--primary);opacity:0;transition:opacity var(--ms-fast)}
.gor-tema-kart.on .gor-tema-tik{opacity:1}
.gor-mod-liste{margin-top:4px}
.gor-mod-satir{width:100%;text-align:left;background:none;border-left:0;border-right:0;border-bottom:0}
.gor-mod-satir:hover{background:var(--surface-2)}
.gor-mod-satir.on{background:var(--primary-soft)}
.gor-mod-satir.on .ayar-ic{background:var(--primary);color:var(--on-primary)}
.gor-mod-tik{flex:none;color:var(--primary);opacity:0;transition:opacity var(--ms-fast)}
.gor-mod-satir.on .gor-mod-tik{opacity:1}
@media (max-width:640px){.gor-tema-liste{grid-template-columns:1fr}}
/* ---- B12.1 Engelleme ---- */
.post-more.post-menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 4px}
.post-more.post-menu-btn:hover{color:var(--text)}
.post-menu-pop .kayit-pop-oge.pm-engelle{color:var(--danger)}
.post-menu-pop .kayit-pop-oge.pm-engelle:hover{background:var(--danger-soft)}
.profil-engelle-btn{display:inline-flex;align-items:center;gap:5px;margin-left:8px}
.engel-durum{text-align:center}
.engel-durum-tx{margin:0;color:var(--text-2);line-height:1.6;font-size:14.5px}
.engel-durum-tx b{color:var(--text);font-size:16px}
.engel-liste{display:flex;flex-direction:column;gap:2px}
.engel-satir{display:flex;align-items:center;gap:11px;padding:10px 6px;border-radius:11px}
.engel-satir:hover{background:var(--surface-2)}
.engel-kisi{display:flex;align-items:center;gap:11px;flex:1;min-width:0;color:var(--text)}
.engel-av{width:42px;height:42px;border-radius:var(--r-avatar);background:var(--av-fb);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none;color:var(--av-fb-text)}
.engel-tx{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.engel-tx b{font-weight:700;font-size:14.5px}
.engel-tx .muted{font-size:12.5px}
.engel-satir .engel-kaldir-btn{flex:none}
.engel-bos{text-align:center;padding:26px 10px;font-size:13.5px}
.post-menu-pop .kayit-pop-oge.pm-sustur{color:var(--text)}
.post-menu-pop .kayit-pop-oge.pm-sustur:hover{background:var(--surface-2)}
/* MOD-1 — post ⋯ menüsünde moderasyon bloğu: ayraç + tehlikeli aksiyon rengi */
.post-menu-pop .pm-ayrac{border-top:1px solid var(--border);margin:4px 2px}
.post-menu-pop .kayit-pop-oge.pm-teh{color:var(--danger)}
.post-menu-pop .kayit-pop-oge.pm-teh:hover{background:var(--danger-soft)}
/* ---- Merkezi ayarlar kabuğu (TEK kutu: sol kategori nav | govde) ---- */
.col-main:has(.ayar-duzen){max-width:1000px} /* ayarlar feed'in dar kolonuna sıkışmasın */
.ayar-duzen{display:flex;align-items:stretch;max-width:1000px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04)}
.ayar-nav{flex:none;width:250px;padding:18px 14px;border-right:1px solid var(--border)}
.ayar-nav-bas{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:6px 12px 12px;margin:0;font-weight:700}
.ayar-nav-it{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-sm);color:var(--text-2);font-weight:600;font-size:14px;transition:background var(--ms-fast),color var(--ms-fast)}
.ayar-nav-it:hover{background:var(--surface-2);color:var(--text)}
.ayar-nav-it.on{background:var(--primary-soft);color:var(--primary)}
.ayar-nav-it .ayar-nav-sayi{margin-left:auto;background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-variant-numeric:tabular-nums}
.ayar-govde{flex:1;min-width:0;padding:30px 36px}
.ayar-baslik{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}
.ayar-govde .ayar-aciklama{margin:0 0 22px;font-size:13.5px;line-height:1.55}
.ayar-select{margin-left:auto;flex:none;min-width:190px;border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 13px;font-size:13.5px;background:var(--surface);color:var(--text);font-family:inherit;cursor:pointer}
@media (max-width:760px){
.ayar-duzen{flex-direction:column;max-width:600px}
.ayar-nav{width:auto;border-right:none;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;padding:10px}
.ayar-nav-bas{width:100%;padding:4px 8px 6px}
.ayar-nav-it{flex:1 1 auto;justify-content:center}
.ayar-govde{padding:22px 18px}
}
/* ---- Takipçi / takip listesi modalı (arama + sonsuz kaydırma + aksiyon) ---- */
.profil-sayi{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;transition:color var(--ms-fast)}
.profil-sayi:hover b,.profil-sayi:hover .muted{color:var(--primary)}
.kisi-liste-dialog{text-align:left;width:min(440px,92vw);max-width:440px;padding:0;overflow:hidden}
.kld-bas{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 13px;border-bottom:1px solid var(--border)}
.kld-bas h3{margin:0;font-size:17px;font-weight:700}
.kld-kapat{color:var(--text-3);font-size:24px;line-height:1;background:none;border:none;cursor:pointer}
.kld-ara-sar{padding:12px 16px 8px}
.kld-ara{width:100%;border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 13px;font-size:14px;background:var(--surface-2);color:var(--text);font-family:inherit}
.kld-ara:focus{background:var(--surface);border-color:var(--primary);outline:none}
.kld-liste{max-height:min(420px,56vh);overflow-y:auto;padding:2px 8px 10px}
.kld-satir{display:flex;align-items:center;gap:11px;padding:8px;border-radius:11px}
.kld-satir:hover{background:var(--surface-2)}
.kld-kisi{display:flex;align-items:center;gap:11px;flex:1;min-width:0;color:var(--text)}
.kld-av{width:40px;height:40px;border-radius:var(--r-avatar);background:var(--av-fb);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none;color:var(--av-fb-text)}
.kld-tx{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.kld-ust{display:flex;align-items:center;gap:3px;min-width:0}
.kld-ust b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kld-tx b{font-size:14px;font-weight:700}
.kld-tx .muted{font-size:12.5px}
.kld-satir .btn{flex:none}
.kld-bos,.kld-durum{text-align:center;padding:22px 10px;font-size:13.5px;color:var(--text-2)}
/* ---- B12.2 Şikayet modalı + tetikleyiciler ---- */
.sikayet-dialog{text-align:left;width:min(440px,92vw);max-width:440px}
.sik-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sik-bas h3{margin:0;font-size:17px;font-weight:700}
.sik-kapat{background:none;border:none;color:var(--text-3);font-size:24px;line-height:1;cursor:pointer}
.sik-ack{font-size:13px;line-height:1.5;margin:0 0 14px}
.sik-sebepler{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.sik-sebep{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);cursor:pointer;transition:background var(--ms-fast)}
.sik-sebep:hover{background:var(--surface-2)}
.sik-sebep input{accent-color:var(--primary);width:17px;height:17px;flex:none;margin:0}
.sik-sebep span{font-size:14px}
.sik-not{width:100%;border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 12px;font-size:13.5px;font-family:inherit;background:var(--surface-2);color:var(--text);resize:vertical}
.sik-not:focus{background:var(--surface);border-color:var(--primary);outline:none}
.sik-alt{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.btn.ikon-btn{padding-left:11px;padding-right:11px}
.profil-ust-menu{position:absolute;top:14px;right:14px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;color:var(--text-2);cursor:pointer;transition:background var(--ms-fast),color var(--ms-fast)}
.profil-ust-menu:hover{background:var(--surface-2);color:var(--text)}
.dok-sik-link{margin-left:auto;flex:none;background:none;border:none;color:var(--text-3);cursor:pointer;padding:5px;border-radius:8px;transition:color var(--ms-fast),background var(--ms-fast)}
.dok-sik-link:hover{color:var(--danger);background:var(--danger-soft)}
/* ---- B12.3 Moderasyon kuyruğu (üye-yüzü) ---- */
.col-main:has(.mod-sayfa){max-width:760px}
.mod-bas{margin-bottom:16px}
.mod-bas h1{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}
.mod-bas .muted{font-size:13.5px;line-height:1.5}
.mod-filtre{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.mod-tabs{display:inline-flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:var(--r-md)}
.mod-tab{padding:7px 14px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;color:var(--text-2);background:none;border:none;cursor:pointer;transition:var(--ms-fast)}
.mod-tab:hover{color:var(--text)}
.mod-tab.on{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px rgba(16,24,40,.06)}
/* G7-18 — "Yaptırımlar" sekmesi kuyruk sekmelerinden AYRI bir veri kaynağı: görsel olarak da ayrılır */
.mod-tab-ayrik{margin-left:6px;padding-left:14px;border-left:1px solid var(--border)}
.mod-yaptirim-kart .mod-hedef{margin-top:2px}
.mod-yaptirim-ara{min-width:220px}
.mod-liste{display:flex;flex-direction:column;gap:12px}
.mod-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}
.mod-kart-ust{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mod-tip-rozet{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2)}
.mod-tip-gonderi{background:var(--primary-soft);color:var(--primary)}
.mod-tip-yorum{background:var(--success-soft);color:var(--success)}
.mod-tip-dokuman{background:var(--warning-soft);color:var(--warning)}
.mod-tip-kullanici{background:var(--danger-soft);color:var(--danger)}
.mod-tip-okul_degerlendirme{background:var(--warning-soft);color:var(--warning-text)}
.mod-sebep{font-weight:700;font-size:13.5px}
.mod-zaman{margin-left:auto;font-size:12.5px}
.mod-hedef{margin-bottom:6px}
.mod-hedef-link{color:var(--text);font-size:14.5px;word-break:break-word}
.mod-hedef-link:hover{color:var(--primary)}
.mod-aciklama{font-size:13.5px;color:var(--text-2);margin-bottom:6px}
.mod-meta{font-size:12.5px;margin-bottom:10px}
.mod-meta span{color:var(--text-3)}
.mod-aksiyon{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:10px}
.mod-aksiyon .mod-kaldir{color:var(--danger)}
.mod-karar-rozet{font-size:12.5px;color:var(--text-3);border-top:1px solid var(--border);padding-top:8px}
.mod-bos{text-align:center;padding:36px 10px;font-size:14px}
/* ---- TEMA W8 — moderasyon: sayaç şeridi (YENİ, W8-K1) + inline style'dan kurtarılanlar ----
Aşağıdaki `.mod-sure-sec` / `.mod-neden` / `.mod-dm-*` kuralları blade'de inline style'daydı;
değerler BİREBİR taşındı (Klasik görünüm değişmez), skin artık bunları ezebiliyor. */
.mod-sayac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.mod-sayac-oge{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 14px}
.mod-sayac-oge b{display:block;font-size:22px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.mod-sayac-oge b[data-sayac="bekliyor"]{color:var(--danger)}
.mod-sayac-oge span{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-top:4px}
@media (max-width:640px){.mod-sayac{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mod-filtre .ayar-select{margin:0}
.mod-sure-sec{display:flex;gap:14px;justify-content:center;margin:6px 0 10px}
.mod-neden{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-sm);
padding:8px 10px;font:inherit;resize:vertical;background:var(--surface-2);color:var(--text)}
.mod-dm-dialog{text-align:left;max-width:520px}
.mod-dm-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mod-dm-bas h3{margin:0}
.mod-dm-kapat{background:none;border:none;color:var(--text-3);font-size:24px;line-height:1;cursor:pointer;padding:0}
.mod-dm-uyari{font-size:12px;margin:0 0 10px}
.mod-dm-liste{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.mod-dm-sistem{text-align:center;font-size:12px}
.mod-dm-mesaj{border:1px solid var(--border);border-radius:10px;padding:7px 10px}
.mod-dm-mesaj.silinmis{background:var(--danger-soft)}
.mod-dm-yazar{font-size:12px;font-weight:700}
.mod-dm-yazar .muted{font-weight:500}
.mod-dm-metin{font-size:13px;white-space:pre-wrap}
.mod-dm-medya{max-width:180px;border-radius:8px;margin-top:4px}
/* ---- TEMA W8 — onboarding · sistem ekranları · push ayarları · yaptırım satırı ----
Hepsi blade'de inline style'daydı; değerler BİREBİR taşındı (Klasik görünüm değişmez). */
.ob-kart{padding:30px 28px}
.ob-bas{text-align:center;margin-bottom:24px}
.ob-rozet{margin-bottom:10px}
.ob-bas h2{margin:6px 0 4px;font-size:22px;letter-spacing:-.02em}
.ob-alan{margin-bottom:18px}
.ob-alan-son{margin-bottom:24px}
.ob-gonder{padding:14px}
.ob-sonra{text-align:center;margin-top:14px}
.ob-sonra a{font-size:13px}
.ob-st{display:inline-flex}
.ob-st.ok{color:var(--success)}
.ob-st.err{color:var(--danger)}
.spin-aksan{border-top-color:var(--on-primary)} /* dolu buton üstündeki spinner */
/* ban · erişim yok · (doküman hazırlanıyor W8'de bu dile katıldı) — tek desen */
.sistem-kart{padding:40px 28px;text-align:center}
.sistem-ikon{width:72px;height:72px;margin:0 auto 16px;border-radius:var(--r-full);display:grid;place-items:center}
.sistem-ikon.tehlike{background:var(--danger-soft);color:var(--danger)}
.sistem-ikon.notr{background:var(--surface-2);color:var(--text-3)}
.sistem-kart h2{margin:0 0 6px;font-size:21px;letter-spacing:-.02em}
.sistem-kart>p.muted{margin:0 auto;max-width:420px}
.sistem-neden{margin:18px auto 0;max-width:420px;padding:12px 14px;background:var(--surface-2);
border:1px solid var(--border);border-radius:var(--r-sm);text-align:left}
.sistem-neden small{display:block;margin-bottom:2px}
.sistem-neden b{font-weight:600}
.sistem-don{margin-top:20px}
.ayar-satir.kilitli{opacity:.5}
.ayar-altbaslik{font-size:16px;margin-top:22px}
.sessiz-saat-sec.pasif{opacity:.45;pointer-events:none}
.ayar-mtn.ayar-mtn-yatay{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.sessiz-etiket{font-size:13px}
.sessiz-saat{width:auto}
.mod-hedef.mod-hedef-kisi{display:flex;align-items:center;gap:9px}
.mod-yaptirim-av{width:36px;height:36px;flex:0 0 36px}
/* ===== B14 — Üst-bar arama + canlı dropdown ===== */
.sos-ara{position:relative;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 12px;height:40px;width:380px;max-width:42vw;transition:border-color var(--ms-fast) var(--ease),box-shadow var(--ms-fast) var(--ease),background var(--ms-fast) var(--ease)}
.sos-ara:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface)}
.sos-ara-ic{display:flex;color:var(--text-3);flex:0 0 auto}
.sos-ara-in{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:14px;color:var(--text);font-family:inherit}
.sos-ara-in::placeholder{color:var(--text-3)}
.sos-ara-pop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e2);z-index:1200;overflow:hidden;max-height:70vh;overflow-y:auto;animation:sapIn var(--ms-fast) var(--ease)}
@keyframes sapIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sap-grup{font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);padding:10px 14px 4px}
.sap-oge{display:flex;align-items:center;gap:10px;padding:8px 14px;color:var(--text);transition:background var(--ms-fast) var(--ease)}
.sap-oge:hover{background:var(--primary-soft)}
.sap-av{flex:0 0 auto;width:34px;height:34px;border-radius:var(--r-avatar);background:var(--gradient);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;overflow:hidden}
.sap-av img{width:100%;height:100%;object-fit:cover}
.sap-hash{background:var(--primary-soft);color:var(--primary);font-size:17px;font-weight:700}
.sap-dok{background:var(--primary-soft);color:var(--primary)}
.sap-ad{display:flex;flex-direction:column;min-width:0;font-size:14px;font-weight:600;line-height:1.3}
.sap-ad-ust{display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sap-ad .sap-alt{font-size:12.5px;font-weight:400;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sap-prem{display:inline-flex;flex:0 0 auto;color:var(--warning)}
.sap-bos{padding:18px 14px;text-align:center;color:var(--text-2);font-size:13.5px}
.sap-tum{display:block;padding:11px 14px;text-align:center;font-size:13px;font-weight:600;color:var(--primary);border-top:1px solid var(--border)}
.sap-tum:hover{background:var(--surface-2)}
/* ===== B14 — Arama sonuç sayfası ===== */
.feed-tab-say{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:700;line-height:1}
.feed-tab.on .feed-tab-say{background:rgba(255,255,255,.25);color:var(--on-primary)}
.ara-bas{font-size:18px;font-weight:700;margin:0 0 2px}
.ara-bas .ara-q{color:var(--primary)}
.ara-ozet{font-size:13px;color:var(--text-2);margin-bottom:14px}
.ara-liste{display:flex;flex-direction:column;gap:8px}
.ara-kisi,.ara-etiket,.ara-dokuman{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e1);transition:border-color var(--ms-fast) var(--ease),box-shadow var(--ms-fast) var(--ease)}
.ara-kisi:hover,.ara-etiket:hover,.ara-dokuman:hover{border-color:var(--primary);box-shadow:var(--e2)}
.ara-kisi-av{flex:0 0 auto;width:46px;height:46px;border-radius:var(--r-avatar);background:var(--gradient);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;overflow:hidden}
.ara-kisi-av img{width:100%;height:100%;object-fit:cover}
.ara-kisi-bil,.ara-dokuman-bil{flex:1;min-width:0}
.ara-kisi-ad{font-size:15px;font-weight:700;display:flex;align-items:center;gap:5px}
.ara-kisi-ad .prem-rozet,.ara-kisi-ad .dog-rozet{flex:0 0 auto}
.ara-kisi-alt,.ara-kisi-bio{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ara-etiket-ic,.ara-dokuman-ic{flex:0 0 auto;width:44px;height:44px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.ara-etiket-bil{flex:1;min-width:0}
.ara-etiket-ad,.ara-dokuman-ad{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ara-etiket-alt,.ara-dokuman-alt{font-size:13px;color:var(--text-2)}
.ara-dokuman-ad{font-size:14.5px;font-weight:600}
.ara-bos{text-align:center;padding:40px 16px;color:var(--text-2);font-size:14px}
.ara-yukleniyor{text-align:center;padding:18px;color:var(--text-3);font-size:13px}
@media(max-width:760px){.sos-ara{width:auto;flex:1 1 auto;max-width:none}.sos-brand .brand-tx{display:none}}
/* ============================= D1 — Gruplar ============================= */
.grup-kesif-bas{padding:18px 20px;margin-bottom:14px}
.grup-kesif-bas-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.grup-kesif-baslik{font-size:22px;font-weight:800;margin:0 0 2px}
.grup-arama{position:relative;margin-top:14px}
.grup-arama-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);display:flex}
.grup-arama-in{width:100%;height:42px;padding:0 14px 0 40px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);color:var(--text);font-size:14.5px;outline:none;transition:border-color var(--ms)}
.grup-arama-in:focus{border-color:var(--primary);background:var(--surface)}
.grup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:680px){.grup-grid{grid-template-columns:1fr}}
.grup-bos{grid-column:1/-1;text-align:center;padding:48px 16px;color:var(--text-2);font-size:14.5px}
.grup-kart{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--ms) var(--ease),box-shadow var(--ms),border-color var(--ms)}
.grup-kart:hover{transform:translateY(-2px);box-shadow:var(--e2);border-color:var(--border-2)}
.grup-kart-kapak{height:84px;background:var(--gradient);background-size:cover;background-position:center}
.grup-kart-govde{display:flex;gap:12px;padding:0 14px 14px}
.grup-kart-av{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--surface-3);background-size:cover;background-position:center;border:3px solid var(--surface);margin-top:-22px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--primary)}
.grup-kart-bilgi{flex:1;min-width:0;padding-top:8px}
.grup-kart-ad{font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grup-kart-ack{font-size:13px;color:var(--text-2);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grup-kart-meta{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.grup-rozet{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-2)}
.grup-rozet svg{display:block}
.grup-rozet-public{background:var(--green-soft);color:var(--green)}
.grup-rozet-restricted{background:var(--primary-soft);color:var(--primary)}
.grup-rozet-private{background:var(--surface-3);color:var(--text-2)}
.grup-rozet-aidiyet{background:rgba(224,142,11,.14);color:var(--warning)} /* D2 — okul/il/zümre otomatik grup */
.grup-uye-sayi{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-2)}
.grup-bas{padding:0;overflow:hidden;margin-bottom:14px}
.grup-bas-kapak{height:160px;background:var(--gradient);background-size:cover;background-position:center}
.grup-bas-govde{display:flex;align-items:flex-end;gap:12px;padding:10px 18px 16px;margin-top:0} /* D2.2 — ad kapağa binmez; bütçe: ad üyeyken de tek satır */
.grup-bas-av{flex:0 0 auto;width:80px;height:80px;margin-top:-42px;border-radius:18px;background:var(--surface-3);background-size:cover;background-position:center;border:4px solid var(--surface);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:var(--primary)} /* D2.2 — yalnız avatar kapağa taşar */
.grup-bas-bilgi{flex:1;min-width:0;padding-bottom:4px}
.grup-bas-ad{font-size:20px;font-weight:800;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* D2.2 — sığarsa TEK satır (üye butonları varken de); yalnız gerçekten uzun ad 2 satıra */
.grup-bas-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px} /* D2.2 — aksiyonlar rozet satırında; ad tam genişlik */
.grup-bas-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-2);font-size:13.5px}
.grup-bas-meta>span{display:inline-flex;align-items:center;gap:5px}
.grup-bas-aksiyon{display:flex;align-items:center;gap:8px;margin-left:auto}
.grup-uye-rozet{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--green);padding:7px 12px;border-radius:var(--r-full);background:var(--green-soft)}
.grup-uye-rozet.beklemede{color:var(--warning);background:rgba(224,142,11,.14)}
.grup-mnu-btn{width:38px;height:38px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ms)}
.grup-mnu-btn:hover{background:var(--surface-2)}
/* G7.7 web fix v2 — 6 sekme dar kolonda taşıyordu. Masaüstünde gizli-scrollbar kaydırma İŞLEVSİZ
(fare ile yatay kaydırma doğal değil) → asıl çözüm KOMPAKT ölçülerle SIĞDIRMAK; kaydırma yalnız
çok dar viewport için yedek. */
.grup-sekme{margin-bottom:14px;gap:3px;padding:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.grup-sekme::-webkit-scrollbar{display:none}
.grup-sekme .feed-tab{flex:0 1 auto;white-space:nowrap;padding:7px 9px;font-size:12.5px;gap:5px}
.grup-sekme .grup-tab-say{font-size:10.5px;padding:1px 6px}
.grup-panel .card{padding:18px 20px}
.grup-bos-akis{text-align:center;padding:44px 16px!important;color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:6px}
.grup-bos-akis p{margin:4px 0 0;font-weight:600;color:var(--text)}
.grup-bos-akis svg,.grup-kilit svg,.grup-kilit-mini svg{color:var(--text-3)}
.grup-kilit{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.grup-kilit h2{margin:6px 0 0;font-size:18px}
.grup-kilit-mini{display:flex;align-items:center;justify-content:center;gap:10px;padding:26px 16px;color:var(--text-2)}
.grup-hakkinda{display:flex;flex-direction:column;gap:12px}
.grup-hk-ack{margin:0;font-size:14.5px;line-height:1.6}
.grup-hk-satir{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}
.grup-hk-satir svg{color:var(--text-3);flex:0 0 auto}
.grup-hk-kurucu{color:var(--primary);text-decoration:none;font-weight:600}
.grup-hk-kurucu:hover{text-decoration:underline}
.grup-mnu{position:absolute;z-index:60;min-width:194px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--e3);padding:6px;display:flex;flex-direction:column}
.grup-mnu-it{display:flex;align-items:center;gap:9px;padding:9px 11px;border:0;background:none;color:var(--text);font-size:14px;text-align:left;border-radius:8px;cursor:pointer;transition:background var(--ms)}
.grup-mnu-it:hover{background:var(--surface-2)}
.grup-mnu-it svg{color:var(--text-3);flex:0 0 auto}
.grup-mnu-it.tehlike{color:var(--danger)}
.grup-mnu-it.tehlike:hover{background:var(--danger-soft)}
.grup-mnu-it.tehlike svg{color:var(--danger)}
.grup-modal{position:fixed;inset:0;z-index:120;background:rgba(16,24,40,.55);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity var(--ms)}
.grup-modal.show{opacity:1}
.grup-modal-kutu{width:100%;max-width:480px;max-height:92vh;overflow:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e3);transform:translateY(8px);transition:transform var(--ms) var(--ease-spring)}
.grup-modal.show .grup-modal-kutu{transform:none}
.grup-modal-bas{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}
.grup-modal-bas b{font-size:16px}
.grup-modal-kapat{border:0;background:none;font-size:24px;line-height:1;color:var(--text-3);cursor:pointer}
.grup-form{padding:16px 18px 18px;display:flex;flex-direction:column}
.grup-form-gorsel{position:relative;margin-bottom:24px}
.grup-yukle-kapak{display:flex;align-items:center;justify-content:center;height:110px;border-radius:var(--r-md);border:2px dashed var(--border-2);background:var(--surface-2) center/cover no-repeat;color:var(--text-2);cursor:pointer;font-size:13.5px}
.grup-yukle-ipucu{display:inline-flex;align-items:center;gap:6px}
.grup-yukle-kapak.dolu .grup-yukle-ipucu{background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:var(--r-full)}
.grup-yukle-avatar{position:absolute;left:16px;bottom:-18px;width:58px;height:58px;border-radius:16px;border:3px solid var(--surface);background:var(--surface-3) center/cover no-repeat;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer}
.grup-form-l{font-size:13px;font-weight:600;color:var(--text-2);margin:14px 0 6px}
.grup-form-in{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:14.5px;font-family:inherit;outline:none;transition:border-color var(--ms)}
.grup-form-in:focus{border-color:var(--primary);background:var(--surface)}
textarea.grup-form-in{resize:vertical;min-height:64px}
.grup-gizlilik{display:flex;flex-direction:column;gap:8px}
.grup-giz-sec{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--ms),background var(--ms)}
.grup-giz-sec:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.grup-giz-sec input{accent-color:var(--primary);flex:0 0 auto}
.grup-giz-ic{display:flex;flex-direction:column}
.grup-giz-ic b{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.grup-giz-ic b svg{color:var(--text-2)}
.grup-giz-ic small{font-size:12.5px;color:var(--text-2);margin-top:1px}
.grup-form-alt{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.btn.ikincil{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.btn.ikincil:hover{background:var(--surface-3)}
/* D1.2 — üyelik akışı */
.grup-birincil{display:flex;align-items:center;gap:8px}
.grup-uye-btn{cursor:pointer;border:0;font:inherit;transition:background var(--ms),color var(--ms)}
.grup-uye-btn:hover{background:var(--danger-soft);color:var(--danger)}
.grup-tab-say{display:inline-block;margin-left:3px;font-size:12px;font-weight:700;color:var(--text-3)}
.grup-panel-bas{font-size:14px;font-weight:700;padding:2px 2px 12px}
.grup-istekler-kart{margin-bottom:14px}
.grup-uye-arama{margin-bottom:8px}
.grup-uye-sat,.grup-istek-sat,.grup-davet-kisi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px}
.grup-uye-sat+.grup-uye-sat,.grup-istek-sat+.grup-istek-sat,.grup-davet-kisi+.grup-davet-kisi{border-top:1px solid var(--border)}
.grup-uye-sol{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:inherit;flex:1}
.grup-uye-av{flex:0 0 auto;width:40px;height:40px;border-radius:var(--r-avatar);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--primary)}
.grup-uye-ad{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px;min-width:0}
.grup-uye-etiket{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-soft);padding:2px 7px;border-radius:var(--r-full)}
.grup-uye-cikar{flex:0 0 auto;width:32px;height:32px;border-radius:var(--r-full);border:0;background:none;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ms),color var(--ms)}
.grup-uye-cikar:hover{background:var(--danger-soft);color:var(--danger)}
.grup-istek-akt{display:flex;gap:8px;flex:0 0 auto}
.grup-istek-onay,.grup-istek-red{padding:6px 14px;font-size:13px}
.grup-davet-govde{padding:16px 18px 18px;display:flex;flex-direction:column;gap:18px}
.grup-davet-blok{display:flex;flex-direction:column}
.grup-davet-link-kutu{display:flex;gap:8px;margin-top:4px}
.grup-davet-link-kutu input{flex:1;min-width:0}
.grup-davet-sonuc{margin-top:8px;max-height:280px;overflow:auto}
.grup-davet-et{padding:5px 12px;font-size:13px;flex:0 0 auto}
/* D1.3 — grup akışı + composer + post rozeti */
.post-grup-rozet{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--primary);text-decoration:none;background:var(--primary-soft);padding:2px 9px;border-radius:var(--r-full)}
.post-grup-rozet:hover{text-decoration:underline}
.grup-composer{padding:14px 16px;margin-bottom:14px}
.grup-composer .sos-textarea{width:100%;border:0;background:none;resize:none;min-height:72px;font:inherit;font-size:16px;line-height:1.55;color:var(--text);outline:none}
.grup-comp-alt{display:flex;align-items:center;gap:8px;margin-top:8px}
.grup-comp-alt .btn.sm{margin-left:auto;padding:7px 18px}
/* D1.4 — grup-içi moderasyon */
.grup-uye-akt{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.grup-uye-mod{width:32px;height:32px;border-radius:var(--r-full);border:0;background:none;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ms),color var(--ms)}
.grup-uye-mod:hover{background:var(--primary-soft);color:var(--primary)}
.grup-uye-mod.aktif{color:var(--primary)}
.grup-uye-etiket.mod{color:var(--accent-2);background:var(--primary-soft)}
/* D1.6 — Grup dosya alanı (Dosyalar sekmesi = ana kütüphane grup-scope) */
.grup-dosya-govde{display:flex;gap:18px;align-items:flex-start}
.grup-dosya-yan{flex:0 0 220px;position:sticky;top:76px}
.grup-dosya-yan .kat-yan{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg,14px);padding:14px 16px}
.grup-dosya-ana{flex:1 1 auto;min-width:0}
@media(max-width:820px){.grup-dosya-govde{flex-direction:column}.grup-dosya-yan{flex:none;width:100%;position:static}}
.grup-dosya-composer{padding:14px 16px;margin-bottom:14px}
.grup-dfc-ac,.grup-kat-yonet-ac{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;background:none;border:0;cursor:pointer;padding:4px 0}
.grup-dfc-ac{color:var(--primary)}
.grup-kat-yonet-ac{color:var(--text)}
#grupDokForm{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.grup-dosya-composer .sos-input,.grup-dosya-composer .sos-textarea,.grup-kat-form .sos-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r-md,10px);background:var(--bg);color:var(--text);font:inherit;font-size:14px;outline:none}
.grup-dosya-composer .sos-textarea{resize:vertical;min-height:44px}
.grup-dosya-composer .sos-input:focus,.grup-dosya-composer .sos-textarea:focus,.grup-kat-form .sos-input:focus{border-color:var(--primary)}
.grup-dok-secili{font-size:13px;color:var(--text-3);font-weight:600}
.grup-dfc-alt,.grup-kat-form-alt{display:flex;gap:8px}
.grup-kat-yonet{margin-top:12px}
.grup-kat-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.grup-kat-form .sos-input{flex:1 1 150px;width:auto}
.grup-kat-liste{display:flex;flex-direction:column;gap:2px}
.grup-kat-sat{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:var(--r-md,10px);transition:background var(--ms)}
.grup-kat-sat:hover{background:var(--primary-soft)}
.grup-kat-sat.pasif{opacity:.5}
.grup-kat-ad{font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}
.grup-kat-say{font-size:12px;color:var(--text-3);background:var(--bg);border-radius:var(--r-full);padding:1px 8px;font-weight:600}
.grup-kat-akt{display:flex;align-items:center;gap:2px}
.ikon-btn.xs{width:28px;height:28px;border-radius:var(--r-md,10px);border:0;background:none;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ms),color var(--ms)}
.ikon-btn.xs:hover{background:var(--card);color:var(--primary)}
.ikon-btn.xs.tehlike:hover{color:var(--warning);background:rgba(224,142,11,.12)}
.grup-kat-bos{padding:14px;text-align:center;font-size:13.5px}
.grup-dk-ust{color:var(--primary);text-decoration:none;font-weight:600}
.grup-dk-ust:hover{text-decoration:underline}
/* madde 5 — kategori yönet kartı ile dosya listesi arası net boşluk */
.grup-kat-yonet-kart{margin-bottom:16px}
.grup-dosya-govde{margin-top:8px}
/* madde 4 — doküman detay: paylaşıldığı grup bloğu */
.grup-dk-blok{margin-bottom:14px}
.grup-dk-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--primary);text-decoration:none;background:var(--primary-soft);padding:9px 12px;border-radius:var(--r-md,10px)}
.grup-dk-link:hover{text-decoration:underline}
/* grup composer doküman önizleme (ana composer .dok-onizleme reuse) */
.grup-composer .dok-onizleme{margin-top:10px}
/* ---- D3.1 — okul değerlendirmeleri (aidiyet okul grubu "Değerlendirmeler" sekmesi) ---- */
.okul-deg-pano{display:flex;flex-direction:column;gap:14px;padding:18px;margin-bottom:12px}
.okul-deg-genel{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--border)}
.okul-deg-genel-puan{font-size:32px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}
.okul-deg-genel-yan{display:flex;flex-direction:column;gap:3px}
.okul-deg-oy{font-size:12.5px;color:var(--text-3)}
.okul-deg-kriterler{display:flex;flex-direction:column;gap:8px}
.okul-deg-kriter{display:flex;align-items:center;justify-content:space-between;gap:10px}
.okul-deg-kr-ad{font-size:13px;color:var(--text-2);min-width:0}
.okul-deg-kr-sag{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}
.okul-deg-kr-deg{font-size:12.5px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;min-width:24px;text-align:right}
.okul-deg-kart{display:flex;flex-direction:column;gap:9px;padding:16px;margin-bottom:12px}
.okul-deg-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.okul-deg-kim{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.okul-deg-ad{font-weight:700;color:var(--text);text-decoration:none}
a.okul-deg-ad:hover{text-decoration:underline}
.okul-deg-anonim{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);font-weight:600}
.okul-deg-tarih{font-size:12.5px;color:var(--text-3)}
.okul-deg-puan{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.okul-deg-puan b{font-size:13px;font-variant-numeric:tabular-nums}
.okul-deg-sag{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.okul-deg-sikayet{color:var(--text-3)}
.okul-deg-sikayet:hover{color:var(--danger)}
.okul-deg-yorum{margin:0;font-size:14.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.okul-deg-detay-btn{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;background:none;border:0;padding:0;color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:color var(--ms-fast)}
.okul-deg-detay-btn:hover{color:var(--text)}
.okul-deg-detay-btn svg{transition:transform var(--ms-fast)}
.okul-deg-detay-btn.acik svg{transform:rotate(180deg)}
.okul-deg-detay{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:9px}
.grup-hk-link{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;font-size:inherit;font-weight:600}
.grup-hk-link:hover{text-decoration:underline}
/* D3.5 — sekmeler oldu (SEO link + AJAX geçiş): buton görünümü korunur */
a.feed-tab{text-decoration:none;color:inherit}
a.feed-tab:hover{text-decoration:none}
/* D3.2 — okul değerlendirme yazma */
.okul-deg-aksiyon{display:flex;justify-content:flex-end;margin-bottom:12px}
.okul-deg-onay-not{display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:12px;font-size:13px;color:var(--warning-text);background:var(--warning-soft);border-color:var(--warning)}
.okul-deg-form-kriterler{display:flex;flex-direction:column;gap:2px;margin:10px 0 12px}
.okul-deg-form-kriter{display:flex;align-items:center;justify-content:space-between;gap:10px}
/* kendi yıldız seçicisi — sos-yildiz-sec/yildiz-btn KULLANILMAZ (sosyal-ui.js onları doküman puanlama AJAX'ına bağlıyor) */
.okul-deg-yildiz-sec{display:inline-flex;gap:2px}
.okul-yildiz-btn{padding:5px;background:none;border:0;cursor:pointer;color:var(--border-2);transition:color var(--ms-fast),transform var(--ms-fast)}
.okul-yildiz-btn .lic{fill:none;transition:fill var(--ms-fast)}
.okul-yildiz-btn.dolu{color:#e0a020}
.okul-yildiz-btn.dolu .lic{fill:currentColor}
.okul-yildiz-btn:hover{transform:scale(1.12)}
.okul-deg-gizli-satir{display:flex;align-items:center;gap:7px;margin:10px 0 4px;font-size:13.5px;color:var(--text-2);cursor:pointer;user-select:none}
.okul-deg-gizli-satir input{accent-color:var(--primary);width:16px;height:16px}
/* ============ E2 DM — mesajlaşma (faz_08_e2_dm; tasarim.md token dili) ============ */
.col-main:has(.dm-sayfa){max-width:960px}
.dm-sayfa{display:grid;grid-template-columns:310px minmax(0,1fr);padding:0;overflow:hidden;height:calc(100vh - 150px);height:calc(100dvh - 150px);min-height:480px}
.dm-liste-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}
.dm-liste-bas{padding:12px 14px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.dm-liste-bas h2{margin:0;font-size:17px}
/* yeni grup butonu — başlıkla aynı satır, sağda; soft-primary daire (tasarım imzası, hover'da dolu) */
.dm-yeni-grup{width:34px;height:34px;flex:none;border:0;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;cursor:pointer;transition:background var(--ms-fast) var(--ease),color var(--ms-fast) var(--ease),transform var(--ms-fast) var(--ease)}
.dm-yeni-grup:hover{background:var(--primary);color:var(--on-primary);transform:translateY(-1px)}
.dm-yeni-grup:active{transform:scale(.96)}
.dm-sekmeler{display:flex;gap:5px;padding:0 12px 10px;border-bottom:1px solid var(--border)}
.dm-sekme{border:0;background:none;color:var(--text-2);font-weight:600;font-size:13px;padding:6px 10px;border-radius:var(--r-full);cursor:pointer;display:flex;align-items:center;gap:5px;transition:background var(--ms-fast)}
.dm-sekme:hover{background:var(--surface-2)}
.dm-sekme.on{background:var(--primary-soft);color:var(--primary)}
.dm-sekme-rozet{background:var(--primary);color:var(--on-primary);font-size:11px;border-radius:var(--r-full);padding:1px 6px;font-weight:700}
.dm-liste{flex:1;overflow-y:auto;min-height:0}
.dm-liste-bos{padding:28px 18px;text-align:center;color:var(--text-2);font-size:13.5px;line-height:1.5}
.dm-satir{display:flex;gap:10px;width:100%;text-align:left;border:0;background:none;padding:11px 14px;cursor:pointer;align-items:center;transition:background var(--ms-fast);border-left:2px solid transparent;font:inherit;color:inherit}
.dm-satir:hover{background:var(--surface-2)}
.dm-satir.on{background:var(--surface-2);border-left-color:var(--primary)}
.dm-satir-av{width:44px;height:44px;font-size:16px}
.dm-satir-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dm-satir-ust{display:flex;align-items:center;gap:4px;min-width:0}
.dm-satir-ust b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-satir-zaman{margin-left:auto;color:var(--text-3);font-size:11.5px;flex:none;font-variant-numeric:tabular-nums}
.dm-mini-ic{color:var(--text-3);display:inline-flex;flex:none}
.dm-satir-alt{display:flex;align-items:center;gap:4px;min-width:0}
.dm-satir-onz{color:var(--text-2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.dm-satir.yeni .dm-satir-onz{color:var(--text);font-weight:600}
.dm-okunmamis{background:var(--primary);color:var(--on-primary);font-size:10.5px;font-weight:700;border-radius:var(--r-full);padding:1px 6px;flex:none}
.dm-tik{color:var(--text-3);display:inline-flex;flex:none}
.dm-tik.okundu{color:var(--primary)}
.dm-liste-durum{padding:10px;text-align:center;font-size:12.5px}
/* konuşma paneli */
.dm-konusma-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
.dm-bos{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-2);padding:30px;text-align:center}
.dm-bos-ikon{width:64px;height:64px;border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}
.dm-bos b{font-size:16px;color:var(--text)}
.dm-aktif{flex:1;display:flex;flex-direction:column;min-height:0}
.dm-kon-bas{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}
.dm-geri{display:none}
.dm-kon-kisi{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.dm-kon-av{width:38px;height:38px;font-size:14px}
.dm-kon-bilgi{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.dm-kon-bilgi b{font-size:14.5px}
.dm-kon-bilgi .muted{font-size:12px}
.dm-bayrak.on{color:var(--primary);background:var(--primary-soft)}
.dm-istek-band{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 14px;background:var(--primary-soft);font-size:13px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.dm-istek-akt{display:flex;gap:8px}
.dm-mesajlar{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;min-height:0}
.dm-gun-ayrac{text-align:center;margin:12px 0 8px;flex:none}
.dm-gun-ayrac span{background:var(--surface-2);color:var(--text-3);font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--r-full)}
.dm-msg{display:flex;align-items:flex-end;gap:6px;margin:2px 0;max-width:78%;flex:none}
.dm-msg.benden{margin-left:auto;flex-direction:row-reverse}
.dm-msg-av{width:26px;height:26px;font-size:11px;flex:none}
.dm-balon{background:var(--surface-2);border-radius:16px 16px 16px 5px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.dm-msg.benden .dm-balon{background:var(--primary);color:var(--on-primary);border-radius:16px 16px 5px 16px}
.dm-msg-metin{font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.dm-msg-gorsel{max-width:280px;max-height:280px;border-radius:10px;display:block;object-fit:cover}
.dm-msg-reply{font-size:12px;opacity:.85;border-left:2px solid currentColor;padding-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.dm-msg-silindi{font-size:12.5px;font-style:italic;opacity:.7;display:flex;align-items:center;gap:5px}
.dm-msg-meta{display:flex;align-items:center;gap:3px;font-size:10.5px;opacity:.7;align-self:flex-end;font-variant-numeric:tabular-nums}
.dm-msg.benden .dm-msg-meta .dm-tik{color:rgba(255,255,255,.8)}
.dm-msg.benden .dm-msg-meta .dm-tik.okundu{color:#aef0ff}
.dm-msg-akt{display:none;gap:2px;align-items:center;flex:none}
.dm-msg:hover .dm-msg-akt{display:flex}
.dm-akt-btn{border:0;background:none;color:var(--text-3);width:26px;height:26px;border-radius:var(--r-full);display:grid;place-items:center;cursor:pointer}
.dm-akt-btn:hover{background:var(--surface-2);color:var(--text)}
.dm-reply-cubuk,.dm-gorsel-cubuk{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--border);font-size:12.5px}
.dm-reply-ic{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-2)}
.dm-reply-kapat{margin-left:auto;border:0;background:none;color:var(--text-3);font-size:18px;cursor:pointer;line-height:1}
.dm-gorsel-cubuk img{height:48px;border-radius:8px}
.dm-composer{display:flex;align-items:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}
.dm-metin{flex:1;resize:none;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-sm);padding:9px 12px;font:inherit;font-size:14px;color:var(--text);max-height:120px;line-height:1.4}
.dm-metin:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.dm-gonder{padding:9px 13px;border-radius:var(--r-md)}
.dm-kilit{padding:12px 14px;border-top:1px solid var(--border);text-align:center;font-size:13px}
@media (max-width:860px){
.dm-sayfa{grid-template-columns:1fr;height:calc(100vh - 120px);height:calc(100dvh - 120px)}
.dm-konusma-panel{display:none}
.dm-sayfa.konusma-acik .dm-konusma-panel{display:flex}
.dm-sayfa.konusma-acik .dm-liste-panel{display:none}
.dm-geri{display:grid}
}
.dm-yaziyor{color:var(--success)!important;font-weight:600}
/* ---- GENEL TOOLTIP (tam-dönüt kuralı; sosyal-ui.js delegasyon + title lazy-migration) ---- */
.sos-tip{position:fixed;z-index:9000;pointer-events:none;background:var(--text);color:var(--surface);
font-size:12px;font-weight:600;line-height:1.35;padding:5px 10px;border-radius:var(--r-xs);
box-shadow:var(--e2);max-width:260px;opacity:0;transform:translateY(3px);
transition:opacity var(--ms-fast) var(--ease),transform var(--ms-fast) var(--ease)}
.sos-tip.alt{transform:translateY(-3px)}
.sos-tip.show{opacity:1;transform:translateY(0)}
/* DM composer: auto-grow scrollbar fix — max yüksekliğe ulaşana dek scroll GİZLİ (JS overflowY yönetir) */
.dm-metin{overflow-y:hidden}
.dm-msg-gorsel{cursor:zoom-in}
/* ---- E2.4 DM grup konuşması (kurma + yönetim modalları) ---- */
.dm-gk-govde{display:flex;flex-direction:column;gap:10px;padding:4px 0}
.dm-gk-ad,.dm-gk-ara{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-sm);padding:9px 12px;font:inherit;font-size:14px;color:var(--text)}
.dm-gk-ad:focus,.dm-gk-ara:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.dm-gk-avatar-satir{display:flex;align-items:center;gap:10px}
.dm-gk-avatar-onz{width:44px;height:44px;font-size:15px;background:var(--surface-3);color:var(--text-2)}
.dm-gk-secili{display:flex;flex-wrap:wrap;gap:6px}
.dm-gk-secili:empty{display:none}
.dm-gk-chip{display:inline-flex;align-items:center;gap:5px;background:var(--primary-soft);color:var(--primary);font-size:12.5px;font-weight:600;padding:3px 6px 3px 10px;border-radius:var(--r-full)}
.dm-gk-chip button{border:0;background:none;color:inherit;font-size:15px;cursor:pointer;line-height:1;padding:0 3px}
.dm-gk-sonuc{max-height:200px;overflow-y:auto;display:flex;flex-direction:column}
.dm-gk-kisi{display:flex;align-items:center;gap:9px;border:0;background:none;padding:7px 6px;cursor:pointer;font:inherit;color:inherit;text-align:left;border-radius:var(--r-xs);transition:background var(--ms-fast)}
.dm-gk-kisi:hover{background:var(--surface-2)}
.dm-gk-kisi-av{width:30px;height:30px;font-size:12px}
.dm-gk-alt{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--border);margin-top:6px}
.dm-gy-duzen{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.dm-gy-liste{max-height:260px;overflow-y:auto;display:flex;flex-direction:column}
.dm-gy-satir{display:flex;align-items:center;gap:8px;padding:7px 4px}
.dm-gy-kisi{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:inherit;text-decoration:none}
.dm-gy-kisi:hover{text-decoration:none}
.dm-gy-etiket{background:var(--primary-soft);color:var(--primary);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:var(--r-full);margin-left:6px;vertical-align:1px}
/* DM sistem notu ("xxx konuşma grubundan ayrıldı") — gün ayracı diliyle nötr, ortalanmış */
.dm-sistem{align-self:center;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:500;padding:4px 12px;border-radius:var(--r-full);margin:8px 0;flex:none;text-align:center;max-width:90%}
/* E2.5 — moderasyon kuyruğu DM erişim satırı */
.mod-dm-erisim{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.mod-dm-not{font-size:11.5px}
/* ================= GK-6 — KEŞFET HUB (2026-07-05; tasarim.md dili) ================= */
.kesfet-hero{padding:6px 4px 16px}
.kesfet-hero-ad{margin:0;font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.kesfet-hero-alt{margin:4px 0 0;font-size:13.5px}
.kesfet-bolum{margin-bottom:16px}
.kesfet-bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 10px}
.kesfet-kart .kesfet-bolum-bas{border-bottom:1px solid var(--border)}
.kesfet-bolum-dis{padding:2px 2px 10px}
.kesfet-bolum-ad{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;color:var(--text);margin:0}
.kesfet-bolum-ad svg{color:var(--primary)}
.kesfet-bolum-alt{font-size:12.5px}
.kesfet-tumu{font-size:13px;font-weight:600;color:var(--primary);border-radius:var(--r-full);padding:5px 12px;transition:background var(--ms-fast) var(--ease)}
.kesfet-tumu:hover{background:var(--primary-soft)}
.kesfet-bolum .kesfet-mod{margin:0;padding:2px}
.kesfet-bolum .kesfet-modbtn{padding:5px 13px;font-size:12.5px}
.kesfet-postlar .post{margin-bottom:14px}
.kesfet-kisiler{padding:4px 0 10px}
.kesfet-kisiler .oneri-kisi{padding:10px 0;border-bottom:1px solid var(--border)}
.kesfet-kisiler .oneri-kisi:last-child{border-bottom:none}
.kesfet-gruplar{padding:4px 0 10px}
.kesfet-grup{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);transition:background var(--ms-fast) var(--ease)}
.kesfet-grup:last-child{border-bottom:none}
.kesfet-grup:hover .kesfet-grup-ad{color:var(--primary)}
.kesfet-grup-bil{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.kesfet-grup-ad{font-size:14.5px;font-weight:700;color:var(--text);transition:color var(--ms-fast) var(--ease)}
.kesfet-grup-alt{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kesfet-grup-git{color:var(--text-3);flex:none;transition:transform var(--ms-fast) var(--ease)}
.kesfet-grup:hover .kesfet-grup-git{transform:translateX(2px);color:var(--primary)}
.kesfet-dok-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0 14px}
.kesfet-dok-grid .dokuman-kart{margin:0;min-width:0}
@media (max-width:640px){.kesfet-dok-grid{grid-template-columns:1fr}}
/* K1-5 (B12-12) — askılı üye: uyarı şeridi + yazma/etkileşim yüzeyleri pasif (gezinme serbest) */
.aski-serit{display:flex;align-items:center;gap:9px;max-width:1100px;margin:10px auto 0;padding:11px 16px;background:var(--warning-soft);border:1px solid var(--warning-line);border-radius:var(--r-sm);color:var(--warning-text);font-size:13.5px;font-weight:600}
[data-theme="dark"] .aski-serit{background:#3a2e12;border-color:#e08e0b66;color:#f0c268}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .aski-serit{background:#3a2e12;border-color:#e08e0b66;color:#f0c268}}
.sos-web[data-askili] .compose,
.sos-web[data-askili] .post-aksiyon,
.sos-web[data-askili] .takip-btn,
.sos-web[data-askili] .yorum-form{pointer-events:none;opacity:.5}
/* K1-8 (D1-39) — sahibinin profilinde onay bekleyen gönderi */
.post-onay-bekliyor{opacity:.85;border-style:dashed}
.post-onay-serit{display:flex;align-items:center;gap:7px;margin:-4px 0 10px;padding:7px 11px;background:var(--primary-soft);color:var(--primary);border-radius:var(--r-sm);font-size:12.5px;font-weight:600}
/* K1-1 — @/# autocomplete dropdown */
.typeahead-pop{max-height:280px;overflow-y:auto;z-index:1200}
.typeahead-pop .ta-oge{display:flex;align-items:center;gap:10px;width:100%;text-align:left}
.typeahead-pop .ta-oge.on,.typeahead-pop .ta-oge:hover{background:var(--surface-2)}
/* typeahead avatarı — asıl stiller INLINE (JS); buradakiler eski js-cache kombinasyonları için GERİYE UYUM emniyeti */
.typeahead-pop .sap-av,.typeahead-pop .ta-av,.typeahead-pop .ta-avi{flex:0 0 30px;width:30px;height:30px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:var(--on-primary);font-weight:600;font-size:13px}
.typeahead-pop .sap-av img,.typeahead-pop .ta-av img,.typeahead-pop .ta-avi img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.typeahead-pop .ta-hash{background:var(--primary-soft) !important;color:var(--primary) !important;font-size:15px;font-weight:700}
.ta-tx{display:flex;flex-direction:column;min-width:0}
.ta-tx b{font-size:13.5px}
.ta-tx .muted{font-size:12px}
/* ==== Kademe 2 Blok A (v104) ==== */
/* A2 — esnek grup rozeti: üye adı yanında SVG ikon (birden fazla yan yana; tooltip title'dan) */
.sos-rozet{display:inline-flex;align-items:center;vertical-align:-2px;margin-left:3px;cursor:default}
.sos-rozet img{width:15px;height:15px;display:block}
/* A1 — composer zamanlama satırı (display inline verilmez — [hidden] ezilmesin) */
.zamanla-alan{display:flex;align-items:center;gap:8px;margin-top:8px}
.zamanla-alan[hidden]{display:none}
/* ---- ANKET (2026-08-26) — kart: seçenek butonları ↔ animasyonlu sonuç çubukları ---- */
.post-anket{margin:10px 0 2px}
.post-anket.bekliyor{opacity:.6;pointer-events:none}
.anket-govde{display:flex;flex-direction:column;gap:7px}
.anket-secenek{width:100%;text-align:center;padding:9px 14px;border:1.5px solid var(--primary);color:var(--primary);border-radius:var(--r-full);font-size:14px;font-weight:700;background:transparent;transition:background var(--ms-fast) var(--ease),color var(--ms-fast) var(--ease),transform var(--ms-fast) var(--ease)}
.anket-secenek:hover{background:var(--primary-soft)}
.anket-secenek:active{transform:scale(.985)}
.anket-secenek.secili{background:var(--primary);color:var(--on-primary)}
.anket-bar{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);overflow:hidden;font-size:14px;color:var(--text)}
.anket-bar-dolgu{position:absolute;inset:0;width:var(--oran,0%);background:var(--surface-3);border-radius:inherit}
.anket-bar.onde{font-weight:700}
.anket-bar.onde .anket-bar-dolgu{background:var(--primary-soft)}
.anket-bar-metin{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anket-benim-tik{display:inline-flex;color:var(--primary)}
.anket-bar-oran{position:relative;font-weight:700;font-variant-numeric:tabular-nums}
.anket-alt{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px}
.anket-alt .anketOyGonder{padding:6px 14px}
.anket-degistir{color:var(--primary);font-weight:600;margin-left:auto}
.anket-degistir:hover{text-decoration:underline}
/* composer anket alanı (zamanla-alan deseni: display CSS'te, [hidden] ezilmez).
2026-08-26 tatlı-composer: çizgi yerine yumuşak zemin (kartta artık border yok — iç kutu da çizgisiz). */
.anket-alan{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:var(--r-lg);padding:12px 14px;margin-top:10px}
.anket-alan[hidden]{display:none}
.anket-alan-bas{display:flex;align-items:center;justify-content:space-between}
.anket-secenek-liste{display:flex;flex-direction:column;gap:6px}
.anket-sec-satir{display:flex;align-items:center;gap:6px}
.anket-sec-satir .anket-inp{flex:1}
.anket-secenek-ekle{align-self:flex-start;color:var(--primary);font-weight:600;font-size:13.5px;padding:2px}
.anket-secenek-ekle:hover{text-decoration:underline}
.anket-alan-alt{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.anket-sure-etiket{display:flex;align-items:center;gap:6px;font-size:13px}
.anket-sure-sel{max-width:120px;padding:6px 10px;font-size:13px}
.anket-coklu-etiket{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.ikon-btn.on{color:var(--primary,#2563eb)}
/* A3 — davet aramasında üyelik durumu hapı (inline stil garantili; bu kurallar tema uyumu için) */
.grup-davet-durum{font-size:12px;border-radius:999px;padding:3px 10px;white-space:nowrap}
/* ==== FAZ 11 BLOG sosyal dokunuşları (v105) ==== */
.blog-tanitim a{color:inherit}
.blog-tanitim a:hover{color:var(--primary,#2563eb)}
.sos-blog-kart{transition:border-color .15s,background .15s}
.sos-blog-kart:hover{border-color:var(--primary-soft,#c6d6f7);background:var(--zemin-soft,#f8fafd)}
/* ==== E2-1 DM reaksiyon + presence (v106) ==== */
.dm-reak-cip{transition:transform .12s,border-color .12s;color:var(--metin,#1f2532)}
.dm-reak-cip:hover{transform:scale(1.06);border-color:var(--primary,#2563eb)!important}
.dm-reak-cip.on{border-color:var(--primary,#2563eb)!important;background:var(--primary-soft,#e8efff)!important}
.dm-msg.benden .dm-reak-cip{background:rgba(255,255,255,.85)!important}
.dm-reak-palet button:hover{background:#f1f5f9}
/* birebir başlık avatarında çevrimiçi noktası */
.dm-kon-bas .avatar{position:relative}
.dm-kon-bas .avatar.dm-cevrimici::after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:999px;background:#22c55e;border:2px solid #fff}
/* ===== B6-2 / D1-26 — doküman kartı: kaydet butonu + grup rozeti ===================== */
/* Kart komple tek ; buton içine KONAMAZ → sarmalayıcıda absolute (blade yorumu ile eş). */
.dokuman-kart-sar{position:relative;display:block;min-width:0}
.dokuman-izgara .dokuman-kart-sar,.kesfet-dok-grid .dokuman-kart-sar{display:flex;height:100%}
.dokuman-izgara .dokuman-kart-sar>.dokuman-kart,.kesfet-dok-grid .dokuman-kart-sar>.dokuman-kart{flex:1;min-width:0}
.dokuman-kaydet{display:none;position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;
place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--r-full);
background:var(--surface);color:var(--text-2);cursor:pointer;box-shadow:var(--e1);
transition:color var(--ms-fast),border-color var(--ms-fast),background var(--ms-fast),transform var(--ms-fast)}
/* yalnız ızgara bağlamlarında görünür; feed eki yatay kartında ve kaydedilenler öğesinde YOK
(kaydedilenlerde öğe menüsü zaten "Kayıttan çıkar" veriyor → aynı köşede çakışırdı) */
.dokuman-izgara .dokuman-kaydet,.kesfet-dok-grid .dokuman-kaydet{display:grid}
.kayit-oge .dokuman-kaydet{display:none}
.dokuman-kaydet:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}
.dokuman-kaydet:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.dokuman-kaydet.aktif{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}
.dokuman-kaydet.aktif .ic{fill:currentColor}
/* grup rozeti — _post.blade.php post-grup-rozet ile aynı görsel dil, kartta tek satır */
.dokuman-grup-rozet{align-self:flex-start;max-width:100%;margin-top:2px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.dokuman-grup-rozet:hover{text-decoration:none}
/* ==========================================================================
D1-24 — Composer ÇOKLU doküman listesi (ana + grup composer ortak;
SOS.dokKutusu üretir). .dok-onizleme kutusunun içinde satır listesi olarak durur.
========================================================================== */
.dok-liste{display:flex;flex-direction:column;gap:6px}
.dok-satir{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
.dok-satir .dok-ikon{flex:none;color:var(--primary);display:grid;place-items:center}
.dok-satir-ad{flex:1;min-width:0;font-weight:600;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dok-satir-boyut{flex:none;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}
.dok-satir-kaldir{width:26px;height:26px;flex:none}