/*
 * Proje: ALAEDDİN Aİ — Topluluk | Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 0.1.0 | Genel başlangıç yerleşimi. Kategori temaları henüz tanımlı değildir.
 */
:root{--top-ana:#6759be;--top-yazi:#20233c;--top-soluk:#65677c;--top-kenar:#e4e6f0;--top-zemin:#f7f8ff}
body{margin:0;background:#fff;color:var(--top-yazi);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.top-main{max-width:1080px;margin:0 auto;padding:24px 22px 64px}
.top-karsilama{display:flex;align-items:center;gap:28px;background:linear-gradient(105deg,#f1f0ff,#f7fbff);border:1px solid var(--top-kenar);border-radius:26px;padding:18px 34px;min-height:195px}
.top-karsilama img{object-fit:contain;flex:none;max-height:190px;width:auto}
.top-karsilama h1{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.18;margin:6px 0}
.top-karsilama p{color:var(--top-soluk);max-width:550px}.top-kicker{color:var(--top-ana);font-size:.82rem;font-weight:750;letter-spacing:.08em}
.top-sekmeler{display:flex;gap:16px;border-bottom:1px solid var(--top-kenar);padding:20px 0 12px}
.top-sekmeler a{padding:12px 18px;border-radius:12px;color:var(--top-yazi);font-weight:650;text-decoration:none}
.top-sekmeler a[aria-current=page]{background:var(--top-ana);color:#fff}
.top-filtre{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:20px 0}
.top-filtre label{font-size:.84rem;color:var(--top-soluk);font-weight:650;display:block;width:100%}
.top-filtre input,.top-filtre select{padding:11px 12px;background:white;border:1px solid #ccd0e2;border-radius:10px;min-width:155px;font:inherit}
.top-filtre input{flex:2;min-width:190px}.top-filtre button,.top-buton,.top-devam{background:var(--top-ana);color:#fff;padding:11px 16px;border:0;border-radius:10px;text-decoration:none;display:inline-block;font:inherit;font-weight:650;cursor:pointer}
.top-sonuclar h2{font-size:1.3rem;margin:24px 0 18px}.top-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.top-kart,.top-profil{border:1px solid var(--top-kenar);border-radius:18px;padding:18px 19px;background:#fff}
.top-kart h3{font-size:1.05rem;margin:16px 0 7px}.top-kart h3 a,.top-profil a{color:var(--top-yazi);text-decoration:none}
.top-kart p,.top-profil p{color:var(--top-soluk);line-height:1.55}.top-kart-kimlik{display:flex;align-items:center;gap:10px}.top-kart-kimlik small{display:block;color:var(--top-soluk);margin-top:3px}
.top-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}.top-ikon{width:42px;height:42px;background:#f0edff;border-radius:50%;display:inline-grid;place-items:center;flex:none;color:var(--top-ana);font-size:1.5rem}
.top-sahip{font-weight:700;color:var(--top-yazi)}.top-durum{font-weight:700;color:#4e439e!important}.top-kart-alt{display:flex;flex-direction:column;gap:7px;font-size:.86rem;color:var(--top-soluk);border-top:1px solid var(--top-kenar);padding-top:10px}
.top-eylemler{display:flex;flex-wrap:wrap;gap:10px}.top-buton-pasif{background:#edf0f8;color:#65677c;cursor:not-allowed}.top-devam{margin:24px 0}
.top-profil{margin-top:20px;max-width:760px}.top-profil h1{font-size:clamp(1.5rem,3vw,2.3rem)}.top-bilgi{background:var(--top-zemin);padding:22px;border-radius:14px}.top-ikaz{font-size:.9rem}
@media(max-width:620px){.top-main{padding:14px 14px 40px}.top-karsilama{gap:13px;padding:16px;min-height:130px}.top-karsilama img{max-height:125px}.top-filtre{display:grid;grid-template-columns:1fr}.top-filtre label{margin-top:5px}.top-liste{grid-template-columns:1fr}}

/* Ortak Topluluk ana sayfası / Part 2–3, CSP uyumlu. */
.top-kesif{max-width:1200px}
.top-kesif-karsilama{background:linear-gradient(118deg,#f2f0ff,#eff9ff)}
.top-kesif-karsilama>div{flex:1;min-width:0}
.top-kesif-ara{max-width:700px;margin:18px 0 0}
.top-kesif-ara>label{font-size:.83rem;font-weight:700;display:block;margin:0 0 7px;color:#586381}
.top-kesif-ara>div{display:flex;gap:8px;border:1px solid #d2d9f2;border-radius:13px;padding:6px;background:#fff}
.top-kesif-ara input{flex:1;min-width:0;padding:11px;font:inherit;border:0;background:transparent}
.top-kesif-ara button,.top-kesif-devam button{border:0;border-radius:10px;background:#5d5ab8;color:white;padding:11px 18px;cursor:pointer;font:inherit;font-weight:750}
.top-kesif-bolum{margin:30px 0 38px}
.top-kesif-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.top-kesif-baslik h2{font-size:1.45rem;line-height:1.3;margin:0}
.top-kesif-baslik a{color:#4b58a3;font-weight:700;font-size:.87rem}
.top-kesif-kategoriler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.top-kesif-kategori{display:grid;gap:7px;border-radius:15px;border:1px solid #e0e7f4;padding:17px;background:linear-gradient(145deg,#fff,#f4faff);text-decoration:none;color:#2a4066}
.top-kesif-kategori span{font-size:.76rem;color:#687d97}
.top-kesif-akis{border:1px solid #e6ebfa;background:#f8faff;border-radius:22px;padding:24px}
.top-kesif-bos{padding:20px;background:white;border:1px dashed #cbd7ee;border-radius:14px}
.top-kesif-devam{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:18px}
.top-kesif-devam span{font-size:.83rem;color:#6a778e}
.top-kesif-devam button:disabled{opacity:.5}
.top-kesif [data-kesif-id]{min-width:0}
.top-kesif [data-kesif-id]>.top-kart{height:100%;box-sizing:border-box}
@media(max-width:900px){.top-kesif-kategoriler{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.top-kesif-kategoriler{grid-template-columns:repeat(2,minmax(0,1fr))}.top-kesif-akis{padding:16px 12px}.top-kesif-baslik h2{font-size:1.25rem}.top-kesif-ara>div{flex-wrap:wrap}.top-kesif-ara button{width:100%}}

.top-kesif-afis{display:block;width:100%;height:auto;max-height:420px;aspect-ratio:16/9;object-fit:contain;border-radius:13px;background:#f2f7ff;margin:10px 0 15px}

.top-kesif-karsilama{position:relative;isolation:isolate;overflow:hidden}
.top-kesif-karsilama>.top-kesif-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;pointer-events:none;z-index:0}
.top-kesif-karsilama>img,.top-kesif-karsilama>div{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.top-kesif-karsilama>.top-kesif-video{display:none}}