:root {
  


  --ys-bg: #faf9f6;              
  --ys-ink: #2b2620;             
  --ys-muted: #756e5e;           
  --ys-card: #ffffff;            
  --ys-line: #e8e4db;            
  --ys-var: #2f9e54;             
  --ys-yok: #d14343;             
  --ys-izinli: #d18a2a;          
  --ys-turkuaz: #00a3bf;         
  --ys-turkuaz-dark: #007e94;    
  --ys-turkuaz-bg: #dff3f7;      
  --ys-gold-dark: #7e5f2c;       
  --ys-gold-light: #b8945a;      
  --ys-bicim-zemin: #f3e9d3;     
  --ys-bicim-cerceve: #d8c39a;   
  --ys-parsomen: #f7eed9;        
  --ys-anket-oran: #E85D22;     
  
  --ys-dosya-pdf: #a5352c;
  --ys-dosya-kelime: #30599a;
  --ys-dosya-tablo: #2b6e46;
  --ys-dosya-sunum: #a8501c;
  --ys-dosya-gorsel: #8a3a78;
  --ys-dosya-ses: #5a479c;
  --ys-dosya-video: #46505a;
  --ys-dosya-etiket-yazi: #ffffff;
  


  --ys-fg: var(--ys-ink);
  


  --ys-shadow: 0 1px 3px rgba(0,0,0,.06);                          
  --ys-shadow-hover: 0 2px 6px rgba(0,0,0,.07), 0 8px 20px rgba(0,0,0,.08); 
  --ys-radius: 14px;                                               
}


.thread-avatar.avatar-duyuru > svg { width: 20px; height: 20px; }




.portal-ders-sohbet, .portal-ders-gorusme { display: flex; align-items: center; justify-content: center; gap: 6px;
  width: calc(100% - 28px); margin: 4px 14px 8px; }



.modal-galeri { width: min(94vw, 460px); }
.galeri-tab-switch { display: flex; gap: 6px; margin-bottom: 10px; flex: none; }
.galeri-tab { flex: 1; border: 1px solid var(--ys-line); background: #fff; color: var(--ys-muted);
  border-radius: 999px; padding: 6px 4px; font-size: 12.5px; font-weight: 600;
  cursor: pointer; font-family: inherit; }
.galeri-tab.aktif { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); border-color: var(--ys-turkuaz); }
.galeri-govde { min-height: 120px; }
.galeri-bos { padding: 30px 6px; text-align: center; color: var(--ys-muted); font-size: 13.5px; }
.galeri-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.galeri-tile { position: relative; aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; border: none; padding: 0; cursor: zoom-in; background: #efe9dd; }
.galeri-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeri-tile-video { cursor: default; }
.galeri-tile-video video { width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }
.galeri-belge-liste, .galeri-link-liste { display: flex; flex-direction: column; gap: 8px; }
.galeri-belge-satir { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid var(--ys-line); border-radius: 12px; text-decoration: none; color: var(--ys-ink); }
.galeri-belge-satir:active { background: var(--ys-line); }
.galeri-link-satir { padding: 8px 2px; border-bottom: 1px solid var(--ys-line); }
.galeri-link-satir:last-child { border-bottom: none; }
.galeri-link-href { display: block; word-break: break-all; font-size: 13.5px; }
.galeri-link-meta { font-size: 11.5px; color: var(--ys-muted); margin-top: 2px; }








.modal.modal-kamera { width: min(92vw, 300px); }
.kamera-secenekler { display: flex; gap: 12px; justify-content: center; }
.kamera-sec {
  flex: 1 1 0; min-width: 44px; min-height: 72px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--ys-line); background: #fff; color: var(--ys-turkuaz-dark);
  border-radius: 12px; cursor: pointer;
}


.kamera-sec .bik { width: 30px; height: 30px; }
@media (hover: hover) { .kamera-sec:hover { border-color: var(--ys-turkuaz); background: var(--ys-turkuaz-bg); } }
.kamera-sec:active { background: var(--ys-turkuaz-bg); }
.kamera-sec:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }










.modal.modal-atac { width: min(92vw, 320px); }















.composer-cekmece { flex: none; border-top: 1px solid var(--ys-line); background: var(--ys-bg); padding: 10px 2px; }
.composer-cekmece[hidden] { display: none; }

































.atac-izgara { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 340px; margin-left: auto; margin-right: auto; }











.atac-kutu {
  flex: 0 1 calc((100% - 24px) / 4); min-width: 0;
  min-height: 72px; padding: 8px 4px; gap: 4px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border: 1px solid var(--ys-line); background: #fff; color: var(--ys-ink);
  border-radius: 12px; cursor: pointer; font-family: inherit;
}


.atac-kutu .bik { width: 22px; height: 22px; color: var(--ys-turkuaz-dark); }
.atac-kutu-etiket { font-size: 11px; font-weight: 600; line-height: 1.2; text-align: center;
                overflow-wrap: anywhere; }
@media (hover: hover) { .atac-kutu:hover { border-color: var(--ys-turkuaz); background: var(--ys-turkuaz-bg); } }
.atac-kutu:active { background: var(--ys-turkuaz-bg); }
.atac-kutu:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }









.modal.modal-onizle { width: min(94vw, 360px); }
.onizle-medya { display: flex; justify-content: center; margin-bottom: 12px; }



.onizle-medya .baloncuk { max-width: 100%; }


.onizle-altyazi { width: 100%; resize: none; line-height: 1.35; max-height: 160px; }
.atac-secenekler { display: flex; flex-direction: column; gap: 8px; }
.atac-sec {
  display: flex; align-items: center; gap: 10px; min-height: 44px;
  padding: 8px 12px; text-align: left;
  border: 1px solid var(--ys-line); background: #fff; color: var(--ys-ink);
  border-radius: 12px; cursor: pointer; font-size: 14.5px; font-weight: 600;
}
.atac-sec .bik { flex: 0 0 auto; width: 22px; height: 22px; color: var(--ys-turkuaz-dark); }
@media (hover: hover) { .atac-sec:hover { border-color: var(--ys-turkuaz); background: var(--ys-turkuaz-bg); } }
.atac-sec:active { background: var(--ys-turkuaz-bg); }
.atac-sec:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }


.anket-girdi-sat { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.anket-girdi-sat .ekle-input { flex: 1 1 auto; min-width: 0; }
.anket-girdi-sil {
  flex: none; width: 32px; height: 32px; border: none; background: none; cursor: pointer;
  color: var(--ys-muted); border-radius: 50%; display: grid; place-items: center; padding: 0;
}
.anket-girdi-sil[hidden] { display: none; }
.anket-girdi-sil:active { background: var(--ys-line); }
.anket-girdi-sil .bik { width: 16px; height: 16px; }
.anket-secenek-ekle[hidden] { display: none; }


.anket-gizli-not { font-size: 12.5px; line-height: 1.4; color: var(--ys-muted); margin: 4px 0 0 24px; }


.sohbet-liste .ders-sub.sohbet-onizleme { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sohbet-onizleme-bos { color: #a59c89; font-style: italic; }



.sohbet-suz-satir { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 12px; }
.sohbet-kapali-switch { flex: none; }
.sohbet-kapali-switch button { white-space: nowrap; }


.sohbet-okunmamis .ders-title { font-weight: 800; color: var(--ys-ink); }
.sohbet-okunmamis .sohbet-onizleme { color: var(--ys-ink); font-weight: 600; }
.sohbet-nokta { flex: none; align-self: center; width: 10px; height: 10px; border-radius: 50%; background: var(--ys-turkuaz); }


.section-title.sohbet-bas { display: flex; align-items: center; justify-content: space-between; }
.sohbet-yeni-btn { flex: none; width: 30px; height: 30px; border-radius: 50%; border: none; background: var(--ys-turkuaz); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.sec-satir.sy-geri { color: var(--ys-turkuaz-dark); font-weight: 600; }



.sohbet-giris { display: flex; align-items: center; gap: 12px; width: 100%; padding: 15px 16px; cursor: pointer; text-align: left; background: var(--ys-card); border: 1px solid var(--ys-line); }
.sohbet-giris-ikon { position: relative; display: grid; place-items: center; color: var(--ys-gold-dark); }
.sohbet-giris-ikon svg { width: 22px; height: 22px; }
.sohbet-giris-okunmamis .sohbet-giris-ikon::after {
  content: ""; position: absolute; top: -2px; right: -4px;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--ys-turkuaz); box-shadow: 0 0 0 2px var(--ys-card);
}
.sohbet-giris-ad { flex: 1; font-weight: 700; font-size: 15px; color: var(--ys-ink); }
.sohbet-giris-ok { color: #a59c89; font-size: 22px; }


.app > .thread { flex: 1 1 auto; min-height: 0; }







































.govde > .ekran:has(> .thread) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.ekran > .thread { flex: 1 1 auto; min-height: 0; }


























.govde:has(> .ekran > .thread) { padding-bottom: 0; }
@media (max-width: 719.9px) {
  .thread > .composer { padding-bottom: 4px; }
}







































.thread { --ys-govde-yan: 16px; }   
.thread > .composer,
.thread > .composer-salt,
.thread > .composer-yanit,
.thread > .emoji-panel,



.thread > .composer-cekmece {
  margin-left: calc(-1 * var(--ys-govde-yan));
  margin-right: calc(-1 * var(--ys-govde-yan));
}




.thread > .composer       { padding-left: var(--ys-govde-yan); padding-right: var(--ys-govde-yan); }
.thread > .composer-salt  { padding-left: calc(var(--ys-govde-yan) + 4px);  padding-right: calc(var(--ys-govde-yan) + 4px); }
.thread > .composer-yanit { padding-left: calc(var(--ys-govde-yan) + 10px); padding-right: calc(var(--ys-govde-yan) + 10px); }
.thread > .emoji-panel    { padding-left: calc(var(--ys-govde-yan) + 2px);  padding-right: calc(var(--ys-govde-yan) + 2px); }



.thread > .composer-cekmece { padding-left: calc(var(--ys-govde-yan) + 2px); padding-right: calc(var(--ys-govde-yan) + 2px); }

.thread { display: flex; flex-direction: column; min-height: 0; }
.thread-bar { display: flex; align-items: center; gap: 8px; padding: 0 0 10px; border-bottom: 1px solid var(--ys-line); flex: none; }
.thread-geri { background: none; border: none; font-size: 26px; line-height: 1; color: var(--ys-turkuaz-dark); cursor: pointer; padding: 0 4px; }
.thread-avatar { width: 38px; height: 38px; border-radius: 4px; font-size: 12px; }
.thread-avatar.avatar-tiklanir { cursor: pointer; }
.thread-avatar.avatar-tiklanir:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }
.thread-baslik { min-width: 0; flex: 1; }

.thread-baslik-tiklanir { cursor: pointer; border-radius: 8px; margin: -4px -6px; padding: 4px 6px; }
.thread-baslik-tiklanir:active { background: var(--ys-turkuaz-bg); }
@media (hover: hover) { .thread-baslik-tiklanir:hover .thread-ad { color: var(--ys-turkuaz-dark); } }





.thread-supur { flex: none; background: none; border: none; color: var(--ys-turkuaz-dark); font-size: 18px; line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: 8px; }
.thread-supur:not(:disabled):active { background: var(--ys-line); }
.thread-supur:disabled { opacity: .35; cursor: default; } 
.thread-sil { flex: none; margin-left: auto; background: none; border: none; font-size: 18px; line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: 8px; }
.thread-sil:active { background: var(--ys-line); }



.sohbet-sessiz-mini { flex: none; align-self: center; color: #a59c89; display: inline-flex; }
.sohbet-sessiz-mini .bik { width: 16px; height: 16px; }






.sohbet-sabit-btn {
  flex: none; align-self: center; display: inline-flex; padding: 7px;
  background: none; border: none; border-radius: 8px; cursor: pointer;
  color: #a59c89; -webkit-appearance: none; appearance: none;
}
.sohbet-sabit-btn:active { background: var(--ys-line); }
.sohbet-sabit-btn .bik { width: 16px; height: 16px; }


.thread-arama-bar { display: flex; align-items: center; gap: 6px; padding: 8px 0; border-bottom: 1px solid var(--ys-line); flex: none; }
.thread-arama-ikon { flex: none; color: var(--ys-muted); font-size: 16px; display: flex; }
.thread-arama-input { flex: 1; min-width: 0; border: 1px solid var(--ys-line); border-radius: 9px; padding: 7px 10px; font-size: 14px; font-family: inherit; background: #fff; color: var(--ys-ink); }
.thread-arama-sayac { flex: none; font-size: 12.5px; color: var(--ys-muted); min-width: 32px; text-align: center; font-variant-numeric: tabular-nums; }
.thread-arama-yukari, .thread-arama-asagi, .thread-arama-kapat { flex: none; background: none; border: none; font-size: 16px; line-height: 1; color: var(--ys-muted); cursor: pointer; padding: 5px 6px; border-radius: 8px; }
.thread-arama-yukari:disabled, .thread-arama-asagi:disabled { opacity: .35; cursor: default; }
.thread-arama-yukari:not(:disabled):active, .thread-arama-asagi:not(:disabled):active, .thread-arama-kapat:active { background: var(--ys-line); }







.thread-secim-bar { display: flex; align-items: center; gap: 6px; padding: 8px 0; border-bottom: 1px solid var(--ys-line); flex: none; }
.thread-secim-sayac { flex: 1; min-width: 0; font-weight: 700; font-size: 16px; color: var(--ys-ink); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thread-secim-kopya, .thread-secim-ilet, .thread-secim-kanal, .thread-secim-sil, .thread-secim-kapat { flex: none; background: none; border: none; font-size: 18px; line-height: 1; color: var(--ys-turkuaz-dark); cursor: pointer; padding: 4px 6px; border-radius: 8px; }
.thread-secim-sil { color: var(--ys-yok); }
.thread-secim-kapat { color: var(--ys-muted); }
.thread-secim-kopya[aria-disabled="true"], .thread-secim-ilet[aria-disabled="true"], .thread-secim-sil[aria-disabled="true"] { opacity: .35; cursor: default; }
.thread-secim-kopya:not([aria-disabled="true"]):active, .thread-secim-ilet:not([aria-disabled="true"]):active, .thread-secim-sil:not([aria-disabled="true"]):active, .thread-secim-kanal:active, .thread-secim-kapat:active { background: var(--ys-line); }



.thread-secim .baloncuk-secili { box-shadow: 0 0 0 3px var(--ys-turkuaz), 0 0 0 6px var(--ys-turkuaz-bg); }
.thread-secim .thread-govde .baloncuk[data-mid] { cursor: pointer; }

.composer-salt { display: flex; align-items: center; gap: 7px; padding: 12px 4px calc(env(safe-area-inset-bottom) + 8px);
  border-top: 1px solid var(--ys-line); color: var(--ys-muted); font-size: 12.5px; line-height: 1.35; flex: none; }
.composer-salt > svg { flex: none; }

.sohbet-yonetim-sil { flex: none; align-self: center; background: none; border: none; color: var(--ys-yok); cursor: pointer; padding: 6px 8px; border-radius: 8px; }
.sohbet-yonetim-sil:active { background: var(--ys-line); }
.sohbet-yonetim-sil .bik { width: 1.25em; height: 1.25em; }




.sohbet-yonetim-supur { flex: none; align-self: center; background: none; border: none; color: var(--ys-turkuaz-dark); cursor: pointer; padding: 6px 8px; border-radius: 8px; }
.sohbet-yonetim-supur:not(:disabled):active { background: var(--ys-line); }
.sohbet-yonetim-supur:disabled { opacity: .35; cursor: default; } 
.sohbet-yonetim-supur .bik { width: 1.25em; height: 1.25em; }
.sohbet-kid-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: #a59c89; word-break: break-all; }
.thread-ad { font-weight: 700; font-size: 16px; color: var(--ys-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thread-alt { font-size: 12.5px; color: var(--ys-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }












.thread-govde { position: relative; flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; padding: 12px 2px; }
.thread-yukleniyor, .thread-bos { color: var(--ys-muted); text-align: center; padding: 24px 12px; font-size: 14px; }


.thread-eski-yukle { align-self: center; margin: 2px 0 6px; padding: 6px 14px; border: 1px solid var(--ys-line); border-radius: 999px; background: var(--ys-card); color: var(--ys-muted); font: inherit; font-size: 13px; cursor: pointer; }
.thread-eski-yukle:hover:not(:disabled) { color: var(--ys-ink); }
.thread-eski-yukle:disabled { opacity: .6; cursor: default; }

.gun-ayrac { align-self: center; margin: 10px 0 6px; }
.gun-ayrac span { background: #efe9dd; color: #6b6455; font-size: 11.5px; font-weight: 600; padding: 3px 12px; border-radius: 999px; }




.uyelik-ayrac { display: flex; align-items: center; gap: 10px; margin: 4px 12px; color: var(--ys-muted); font-size: 11.5px; line-height: 1.4; text-align: center; }
.uyelik-ayrac::before, .uyelik-ayrac::after { content: ""; flex: 1; min-width: 16px; height: 1px; background: var(--ys-line); }


.sohbet-sistem-not { align-self: center; max-width: 80%; margin: 6px 0; padding: 6px 14px; background: #efe9dd; color: #6b6455; font-size: 12.5px; line-height: 1.5; text-align: center; border-radius: 12px; white-space: pre-line; overflow-wrap: anywhere; }






.thread-gun-rozet { flex: none; position: relative; height: 0; z-index: 3; pointer-events: none; }
.thread-gun-rozet .gun-ayrac { position: absolute; top: 8px; left: 50%; margin: 0; white-space: nowrap; transform: translateX(-50%); opacity: 0; transition: opacity .2s ease-out; }
.thread-gun-rozet.acik .gun-ayrac { opacity: 1; transition-duration: .12s; }





.gun-ayrac-yuzen span { display: inline-block; background: var(--ys-card); color: var(--ys-ink); border: 1px solid var(--ys-line); box-shadow: var(--ys-shadow-hover); }

.baloncuk { max-width: 80%; padding: 7px 11px 5px; border-radius: 14px; -webkit-touch-callout: none; }

.msg-resim, .msg-video, .msg-belge { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.baloncuk-oteki { align-self: flex-start; background: #fff; border: 1px solid var(--ys-line); border-bottom-left-radius: 4px; }
.baloncuk-ben { align-self: flex-end; background: var(--ys-turkuaz-bg); border: 1px solid #cbe9ef; border-bottom-right-radius: 4px; }
.baloncuk-silindi { opacity: .75; }

.baloncuk-vurgu { animation: baloncuk-vurgu 2.2s ease-out 1; }
@keyframes baloncuk-vurgu {
  0%   { box-shadow: 0 0 0 3px var(--ys-turkuaz), 0 0 0 6px var(--ys-turkuaz-bg); }
  30%  { box-shadow: 0 0 0 3px var(--ys-turkuaz), 0 0 0 6px var(--ys-turkuaz-bg); }
  100% { box-shadow: 0 0 0 0 rgba(0,163,191,0), 0 0 0 0 rgba(0,163,191,0); }
}
@media (prefers-reduced-motion: reduce) {
  .baloncuk-vurgu { animation: none; box-shadow: 0 0 0 2px var(--ys-turkuaz); }
}































.msg-gonderen { font-size: 16px; font-weight: 700; color: var(--ys-gold-dark); margin-bottom: 2px; }



.msg-gonderen .rol { display: inline-block; margin-left: 6px; padding: 1px 7px; line-height: 1.45; vertical-align: 1px; }
.msg-metin { font-size: 16px; line-height: 1.35; color: var(--ys-ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.msg-link { color: var(--ys-turkuaz-dark); text-decoration: underline; text-underline-offset: 2px; word-break: break-all; }
.baloncuk-ben .msg-link { color: #0d7a86; }























.msg-mention { display: inline; color: var(--ys-gold-dark); font-weight: 600; text-decoration: none; background: var(--ys-parsomen); border-radius: 999px; padding: 0 7px; margin: 0 1px; cursor: pointer; -webkit-box-decoration-break: clone; box-decoration-break: clone; }


.msg-mention-kalin { font-weight: 700; cursor: inherit; }
.msg-silindi { font-style: italic; color: var(--ys-muted); }


.msg-mention-olu { display: inline; color: var(--ys-muted); font-style: italic; font-weight: 400; background: rgba(0,0,0,.03); border-radius: 3px; padding: 0 2px; margin: 0 -2px; cursor: default; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.baloncuk-ben .msg-mention-olu { background: rgba(255,255,255,.65); }













.msg-bicim-kod { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; background: rgba(0,0,0,.03); border-radius: 3px; padding: 0 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.msg-bicim-kodblok { display: block; margin: 2px 0; padding: 4px 8px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; line-height: 1.4; background: rgba(0,0,0,.03); border-radius: 6px; white-space: pre-wrap; overflow-wrap: anywhere; }
.baloncuk-ben .msg-bicim-kod, .baloncuk-ben .msg-bicim-kodblok { background: rgba(255,255,255,.65); }
.msg-bicim-alinti { margin: 2px 0; padding-left: 8px; border-left: 3px solid var(--ys-gold-light); color: var(--ys-muted); }
.baloncuk-ben .msg-bicim-alinti { border-left-color: var(--ys-turkuaz-dark); }
.msg-bicim-liste { margin: 2px 0; padding-left: 22px; }
.msg-meta { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 2px; }
.msg-saat { font-size: 12px; color: #9a9280; font-variant-numeric: tabular-nums; }
.msg-duzenli { font-size: 12px; color: #9a9280; font-style: italic; }
.msg-duzenle { background: none; border: none; color: var(--ys-turkuaz-dark); cursor: pointer; font-size: 13px; font-weight: 600; padding: 0; margin-right: auto; }
.msg-tik { font-size: 13px; letter-spacing: -2px; font-weight: 700; }
.tik-tek, .tik-alindi { color: #9a9280; }
.tik-okundu { color: var(--ys-turkuaz-dark); }




.msg-yanit { display: block; text-align: left; width: 100%; box-sizing: border-box; margin: 1px 0 5px; padding: 4px 8px; background: rgba(0,0,0,.03); border-left: 3px solid var(--ys-gold-light); border-radius: 6px; cursor: pointer; }
.baloncuk-ben .msg-yanit { background: rgba(255,255,255,.65); border-left-color: var(--ys-turkuaz-dark); }
.msg-yanit-ad { font-size: 14px; font-weight: 700; color: var(--ys-gold-dark); margin-bottom: 1px; }
.baloncuk-ben .msg-yanit-ad { color: #5f8288; }
.msg-yanit-ozet { font-size: 14px; color: var(--ys-muted); line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.yanit-kart { display: flex; align-items: center; gap: 6px; min-width: 0; margin-top: 2px; padding: 3px 8px 3px 4px; border: 1px solid var(--ys-line); border-radius: 8px; }
.yanit-kart .msg-belge-ikon { width: 22px; height: 22px; }
.yanit-kart .msg-belge-ikon svg { width: 18px; height: 18px; }
.yanit-kart .msg-belge-ad { min-width: 0; font-size: 14px; }
.yanit-kart-kol .msg-belge-ikon { color: var(--ys-gold-dark); }









.tepki-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 3px; }
.tepki-serit[hidden] { display: none; }
.tepki-chip { display: inline-flex; align-items: center; gap: 3px; padding: 1px 7px 1px 5px; border: 1px solid var(--ys-line); border-radius: 999px; background: #fff; cursor: pointer; line-height: 1.5; color: var(--ys-ink); }
.tepki-chip-benim { background: var(--ys-turkuaz-bg); border-color: #9fd6e2; }
.tepki-emoji { font-size: 13px; }
.tepki-say { font-size: 11.5px; font-weight: 600; color: var(--ys-muted); font-variant-numeric: tabular-nums; }
.tepki-chip-benim .tepki-say { color: var(--ys-turkuaz-dark); }








.tepki-liste-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tepki-liste-ekle { flex: none; background: none; border: none; cursor: pointer; color: var(--ys-muted); padding: 4px; border-radius: 999px; display: grid; place-items: center; }
.tepki-liste-ekle svg { width: 22px; height: 22px; }
.tepki-liste-ekle:hover, .tepki-liste-ekle:focus-visible { color: var(--ys-turkuaz-dark); background: var(--ys-bg); outline: none; }
.tepki-liste-blok + .tepki-liste-blok { margin-top: 10px; }
.tepki-liste-grup-baslik { font-size: 13px; font-weight: 700; color: var(--ys-ink); padding-bottom: 3px; border-bottom: 1px solid var(--ys-line); margin-bottom: 5px; }
.tepki-liste-ad { font-size: 13.5px; color: var(--ys-ink); padding: 2px 0; }

button.tepki-liste-ad { display: block; width: 100%; text-align: left; background: none; border: none; cursor: pointer; font: inherit; }
.tepki-liste-ipucu { display: block; font-size: 10.5px; font-weight: 400; color: var(--ys-muted); }
.tepki-liste-bos { font-size: 12.5px; font-style: italic; color: var(--ys-muted); }

























































.anket { display: block; margin: 2px 0 1px; }
.anket-rozet { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--ys-muted); text-transform: none; margin-bottom: 3px; }
.anket-rozet .bik { width: 14px; height: 14px; flex: none; }
.anket-soru { font-size: 14.5px; font-weight: 700; line-height: 1.35; color: var(--ys-ink); white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 6px; }
.anket-secenekler { display: flex; flex-direction: column; gap: 4px; }
.anket-sec {
  overflow: hidden; 

  display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto;
  column-gap: 6px; row-gap: 4px; align-items: center; min-height: 34px;
  width: 100%; box-sizing: border-box; padding: 6px 9px; text-align: left;
  









  border: 1px solid #7fb9c4; border-radius: 9px; background: var(--ys-turkuaz-bg);
  cursor: pointer; color: var(--ys-ink); font-size: 13.5px; line-height: 1.3;
}
















.anket-oran { grid-area: 2 / 2 / auto / 4; justify-self: start; height: 5px; border-radius: 999px; background: var(--ys-anket-oran); transition: width .18s ease; }
@media (prefers-reduced-motion: reduce) { .anket-oran { transition: none; } }










.anket-isaret { grid-area: 1 / 1; width: 15px; height: 15px; box-sizing: border-box; border: 2px solid var(--ys-muted); border-radius: 50%; color: var(--ys-turkuaz-dark); display: grid; place-items: center; }
.anket-isaret svg { width: 10px; height: 10px; }
.anket-etiket { grid-area: 1 / 2; min-width: 0; overflow-wrap: anywhere; }
.anket-say { grid-area: 1 / 3; font-size: 12px; font-weight: 700; color: var(--ys-muted); font-variant-numeric: tabular-nums; }





.anket-sec-benim { border-color: var(--ys-turkuaz-dark); }
.anket-sec-benim .anket-say { color: var(--ys-turkuaz-dark); }
.anket-sec-benim .anket-isaret { border-color: var(--ys-turkuaz-dark); }
@media (hover: hover) { .anket-sec:not(:disabled):hover { border-color: var(--ys-turkuaz); } }
.anket-sec:disabled { cursor: default; opacity: .75; }
.anket-alt { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 6px; font-size: 11.5px; color: var(--ys-muted); }
.anket-sayac { font-variant-numeric: tabular-nums; }
.anket-baglanti { background: none; border: none; padding: 0; cursor: pointer; font-size: 11.5px; font-weight: 700; color: var(--ys-turkuaz-dark); }
.anket-not { margin-top: 4px; font-size: 11.5px; font-style: italic; color: var(--ys-muted); }















.gorusme { display: block; margin: 2px 0 1px; }             
.gorusme-bitti .anket-soru { color: var(--ys-muted); font-weight: 600; }


.gorusme-cizili .anket-soru { text-decoration: line-through; }
.gorusme-katil {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 44px; margin-top: 10px; padding: 11px 12px;
  border: none; border-radius: 999px; background: #000; color: #fff;
  font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: .02em;
  cursor: pointer;
}




.gorusme-katil .bik { width: 22px; height: 22px; flex: none; color: var(--ys-yok); }
.gorusme-katil:active { opacity: .75; }
.gorusme-katil:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }





















.gorusme .gorusme-kayit {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 44px; margin-top: 10px; padding: 11px 12px;
  border-radius: 999px; font-size: 14px;
}
.gorusme .gorusme-kayit .bik { width: 1.1em; height: 1.1em; flex: none; }









.gorusme-sabit { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-top: 1px solid var(--ys-line); background: var(--ys-bg); flex: none; }
.gorusme-sabit[hidden] { display: none; }
.gorusme-sabit .anket-soru { flex: 0 1 auto; min-width: 0; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gorusme-sabit .anket-sayac { flex: none; margin-left: -4px; white-space: nowrap; font-size: 14.5px; line-height: 1.35; font-weight: 600; color: var(--ys-muted); }
.gorusme-sabit .gorusme-katil { width: auto; flex: none; margin-top: 0; margin-left: auto; }
.thread > .gorusme-sabit {
  margin-left: calc(-1 * var(--ys-govde-yan)); margin-right: calc(-1 * var(--ys-govde-yan));
  padding-left: calc(var(--ys-govde-yan) + 10px); padding-right: calc(var(--ys-govde-yan) + 10px);
}


.anket-oy-blok { margin-bottom: 12px; }
.anket-oy-baslik { font-size: 13px; font-weight: 700; color: var(--ys-ink); padding-bottom: 3px; border-bottom: 1px solid var(--ys-line); margin-bottom: 5px; }
.anket-oy-ad { font-size: 13.5px; color: var(--ys-ink); padding: 2px 0; }
.anket-oy-bos { font-size: 12.5px; font-style: italic; color: var(--ys-muted); }



































.tepki-hizli { display: flex; align-items: center; justify-content: space-around; gap: 4px; padding: 4px 4px 10px; margin-bottom: 4px; border-bottom: 1px solid var(--ys-line); }
.tepki-hizli-btn { flex: 1 1 0; min-width: 0; background: none; border: none; cursor: pointer; font-size: 25px; line-height: 1; padding: 5px 2px; border-radius: 999px; transition: transform .08s ease; }
.tepki-hizli-btn:hover, .tepki-hizli-btn:focus-visible { transform: scale(1.18); background: var(--ys-bg); outline: none; }
.tepki-hizli-secili { background: var(--ys-turkuaz-bg); }


























.tepki-hizli-tablo { flex: 0 0 auto; background: none; border: none; cursor: pointer; color: var(--ys-muted);
  padding: 5px; border-radius: 999px; display: grid; place-items: center; }
























.tepki-hizli-tablo svg { width: 28px; height: 28px; }
.tepki-hizli-tablo:hover, .tepki-hizli-tablo:focus-visible { color: var(--ys-turkuaz-dark); background: var(--ys-bg); outline: none; }


.composer-yanit { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-top: 1px solid var(--ys-line); background: var(--ys-bg); flex: none; }
.composer-yanit[hidden] { display: none; }
.composer-yanit-ic { flex: 1; min-width: 0; border-left: 3px solid var(--ys-turkuaz-dark); padding-left: 8px; }
.composer-yanit-ad { font-size: 11.5px; font-weight: 700; color: var(--ys-turkuaz-dark); }
.composer-yanit-ozet { font-size: 12.5px; color: var(--ys-muted); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.composer-yanit-ozet .yanit-kart .msg-belge-ad { font-size: 12.5px; }
.composer-yanit-kapat { flex: none; background: none; border: none; color: var(--ys-muted); font-size: 17px; line-height: 1; cursor: pointer; padding: 4px 6px; }

















.mention-panel { flex: none; max-height: 46vh; max-height: 46dvh; display: flex; flex-direction: column; border-top: 1px solid var(--ys-line); background: var(--ys-bg); }
.mention-panel[hidden] { display: none; }
.mention-panel-bas { flex: none; display: flex; align-items: center; gap: 8px; padding: 5px 10px 3px; }
.mention-panel-baslik { flex: 1; min-width: 0; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ys-muted); }
.mention-panel-kapat { flex: none; background: none; border: none; color: var(--ys-muted); font-size: 17px; line-height: 1; cursor: pointer; padding: 2px 6px; }
.mention-panel-liste { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
.mention-oge { display: flex; align-items: baseline; gap: 8px; width: 100%; text-align: left; background: none; border: none; cursor: pointer;
  padding: 9px 10px; font: inherit; color: var(--ys-fg); border-radius: 8px; }
.mention-oge-ad { flex: none; font-size: 14px; font-weight: 600; }
.mention-oge-alt { flex: 1; min-width: 0; font-size: 12px; color: var(--ys-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }




.mention-oge-ikon { flex: none; align-self: center; width: 22px; height: 22px; border-radius: 4px;
  display: grid; place-items: center; background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
.mention-oge-ikon svg { width: 14px; height: 14px; }


.avatar.mention-oge-avatar { flex: none; align-self: center; width: 22px; height: 22px; border-radius: 4px; font-size: 9px; }


.mention-oge.aktif { background: var(--turkuaz-soft, rgba(0,128,128,.12)); }
@media (hover: hover) { .mention-oge:hover { background: var(--hover, rgba(127,127,127,.10)); } }


.mb-mesaj { background: var(--ys-turkuaz-bg); border: 1px solid #cbe9ef; border-radius: 10px; padding: 8px 11px; font-size: 14px; line-height: 1.35; color: var(--ys-ink); margin-bottom: 12px; max-height: 96px; overflow-y: auto; word-break: break-word; }
.mb-liste { display: flex; flex-direction: column; gap: 2px; }
.mb-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 2px; border-bottom: 1px solid var(--ys-line); }
.mb-satir:last-child { border-bottom: none; }
.mb-ad { font-weight: 600; font-size: 14px; color: var(--ys-ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-durum { flex: none; font-size: 12.5px; font-weight: 600; }
.mb-okundu { color: var(--ys-turkuaz-dark); }
.mb-alindi { color: #9a9280; }
.mb-bekliyor { color: var(--ys-muted); }
.mb-bos { color: var(--ys-muted); font-size: 13px; padding: 8px 2px; }








.mb-yazar { margin-bottom: 5px; }

.mb-kisi { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mb-kisi > .avatar { margin-bottom: 0; }
.mb-ozet { font-size: 12.5px; font-weight: 600; color: var(--ys-muted); margin-bottom: 10px; }











.karekod-panel { width: min(78vw, 340px); background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.18); }
.karekod-panel svg { display: block; width: 100%; height: auto; }






.modal-bag { width: min(94vw, 420px); }
.bag-kart { margin-top: 14px; border: 1px solid var(--ys-line); border-radius: 12px; padding: 13px 13px 15px; background: var(--ys-bg); }
.bag-kart-baslik { margin: 0 0 6px; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--ys-gold-dark); }
.bag-kart-aciklama { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: var(--ys-muted); }
.bag-kart .ekle-btn, .bag-kart .btn-ghost { width: 100%; }
.bag-qr { display: grid; place-items: center; min-height: 40px; margin-bottom: 10px; }


.bag-qr-panel { width: min(60vw, 180px); padding: 8px; border-radius: 10px; }
.bag-qr-yedek { margin: 0; color: var(--ys-yok); font-size: 13px; line-height: 1.45; }
.bag-not { margin: 0 0 10px; color: var(--ys-muted); font-size: 12.5px; }
.bag-paylas-yer { display: grid; gap: 8px; margin-top: 8px; }


.bag-paylas-yer[hidden] { display: none; }







.uye-ayarlar { margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid var(--ys-line); }
.uye-ayarlar-baslik { font-size: 11px; font-weight: 700; color: var(--ys-muted); text-transform: uppercase; letter-spacing: .03em; padding: 0 2px 4px; }
.uye-ayarlar .ayar-satir { padding: 9px 2px; }
.uye-ayarlar .ayar-satir label { font-size: 13.5px; color: var(--ys-ink); }
.uye-ayar-btn { flex: none; background: #fff; border: 1px solid var(--ys-line); color: var(--ys-ink);
  font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; padding: 5px 12px; border-radius: 8px; }
.uye-ayar-btn:active { background: var(--ys-bg); }
.uye-ayar-btn:disabled { opacity: .6; }
.ayar-satir-nav { width: 100%; background: none; border: none; font: inherit; text-align: left; cursor: pointer; color: var(--ys-ink); }
.ayar-satir-nav:active { background: var(--ys-bg); }
.ayar-satir-sol { display: flex; align-items: center; gap: 9px; font-size: 13.5px; }
.ayar-satir-sol .bik { flex: none; width: 1.15em; height: 1.15em; color: var(--ys-muted); }
.ayar-satir-ok { flex: none; color: var(--ys-muted); font-size: 16px; line-height: 1; }






.ayar-satir-tehlike { width: 100%; background: none; border: none; font: inherit; text-align: left; cursor: pointer; }
.ayar-satir-tehlike label { cursor: pointer; }
.uye-ayarlar .ayar-satir-tehlike label { color: var(--ys-yok); font-weight: 600; }
.ayar-satir-tehlike:active { background: var(--ys-bg); }




.ayar-satir-not { display: block; font-size: 12.5px; line-height: 1.4; color: var(--ys-muted); }




.uye-liste { display: flex; flex-direction: column; gap: 2px; }
.uye-satir { display: flex; align-items: center; gap: 10px; padding: 7px 2px; border-bottom: 1px solid var(--ys-line); }
.uye-satir:last-child { border-bottom: none; }
.uye-satir .avatar-kucuk { flex: none; }
.uye-metin { flex: 1; min-width: 0; }
.uye-ad { display: block; font-weight: 600; font-size: 14px; color: var(--ys-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.uye-son-gorulme { display: block; font-size: 11.5px; color: var(--ys-muted); margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rol-moderator { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
.uye-daha { color: var(--ys-muted); font-size: 12.5px; text-align: center; padding: 10px 2px 2px; }
.uye-bos { color: var(--ys-muted); font-size: 13px; padding: 8px 2px; }





.uye-led {
  


  flex: none; width: 7px; height: 7px; border-radius: 50%; margin-left: auto;
  background: #1fe05a; box-shadow: 0 0 4px 1px rgba(31,224,90,.65);
}







.thread-cevrimici { flex: none; display: flex; align-items: center; gap: 3px; }
.thread-led { flex: none; width: 7px; height: 7px; border-radius: 50%; }
.thread-led-yesil { background: #1fe05a; box-shadow: 0 0 4px 1px rgba(31,224,90,.65); }
.thread-led-gri { background: #c9c3b6; margin-left: 6px; }
.thread-led-sayi { font-size: 11.5px; font-weight: 700; color: var(--ys-muted); font-variant-numeric: tabular-nums; }
.thread-led-sayi-yesil { color: #17b85a; }


.baloncuk-duzenle { width: 100%; max-width: 100%; box-sizing: border-box; padding: 8px; }
.msg-duzenle-alan { width: 100%; box-sizing: border-box; resize: none; border: 1px solid var(--ys-turkuaz); border-radius: 10px; padding: 7px 10px; font: inherit; font-size: 16px; line-height: 1.35; max-height: 160px; background: #fff; color: var(--ys-ink); scrollbar-width: none; }
.msg-duzenle-alan:focus { outline: none; box-shadow: 0 0 0 2px var(--accent-soft, #e2f3f6); }
.msg-duzenle-alan::-webkit-scrollbar { display: none; } 
.msg-duzenle-aksiyon { display: flex; justify-content: flex-end; gap: 6px; margin-top: 6px; }
.msg-duzenle-aksiyon button { border-radius: 8px; padding: 5px 12px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.msg-duzenle-kaydet { background: var(--ys-turkuaz); border: 1px solid var(--ys-turkuaz); color: #fff; }
.msg-duzenle-iptal { background: none; border: 1px solid var(--ys-line); color: var(--ys-muted); }


.thread-yaziyor { flex: none; display: flex; align-items: center; gap: 6px; padding: 2px 6px 4px;
  font-size: 12.5px; font-style: italic; color: var(--ys-turkuaz-dark); min-height: 0; }
.thread-yaziyor[hidden] { display: none; }
.yaziyor-nokta { display: inline-flex; gap: 3px; align-items: center; }
.yaziyor-nokta i { width: 4px; height: 4px; border-radius: 50%; background: var(--ys-turkuaz-dark); opacity: .4;
  animation: yaziyorZipla 1.2s infinite ease-in-out; }
.yaziyor-nokta i:nth-child(2) { animation-delay: .15s; }
.yaziyor-nokta i:nth-child(3) { animation-delay: .3s; }
@keyframes yaziyorZipla { 0%, 60%, 100% { opacity: .3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { .yaziyor-nokta i { animation: none; opacity: .6; } }

.composer { display: flex; align-items: flex-end; gap: 6px; padding: 10px 0 calc(env(safe-area-inset-bottom) + 4px); border-top: 1px solid var(--ys-line); background: var(--ys-bg); flex: none; }
.composer[hidden] { display: none; } 




.composer-input {
  flex: 1; resize: none; border: 1px solid var(--ys-line); border-radius: 18px; padding: 9px 14px;
  font: inherit; font-size: 14.5px; line-height: 1.35; max-height: 140px; background: #fff; color: var(--ys-ink);
  scrollbar-width: none;
}
.composer-input:focus { outline: none; border-color: var(--ys-turkuaz); }
.composer-input::-webkit-scrollbar { display: none; }

.composer-gonder { flex: none; width: 40px; height: 40px; border-radius: 50%; border: none; background: var(--ys-turkuaz); color: #fff; display: grid; place-items: center; cursor: pointer; padding: 0; }
.composer-gonder:disabled { background: #cfcabb; cursor: default; }
.composer-gonder svg { width: 20px; height: 20px; }
.composer-ikon-mik, .composer-ikon-gonder { display: grid; place-items: center; transition: opacity .12s ease; }
.composer-ikon-mik svg { width: 22px; height: 22px; }
.composer-gonder[data-mod="mik"] .composer-ikon-gonder { display: none; }
.composer-gonder[data-mod="gonder"] .composer-ikon-mik { display: none; }

.composer-smiley, .composer-kamera { flex: none; width: 40px; height: 40px; border-radius: 50%; border: none; background: none; display: grid; place-items: center; cursor: pointer; color: var(--ys-muted); padding: 0; }
.composer-smiley:active, .composer-kamera:active { background: var(--ys-line); }
.composer-smiley svg, .composer-kamera svg { width: 23px; height: 23px; }
.composer-smiley.aktif { color: var(--ys-turkuaz-dark); }





.composer-ek.aktif, .composer-kamera.aktif { color: var(--ys-turkuaz-dark); }








.composer-ek { flex: none; width: 40px; height: 40px; border-radius: 50%; border: none; background: none; padding: 0; display: grid; place-items: center; cursor: pointer; color: var(--ys-muted); }
.composer-ek:active { background: var(--ys-line); }
.composer-ek svg { width: 22px; height: 22px; }



















.bicim-menu-yer { display: contents; }
.bicim-menu { position: fixed; z-index: 30; width: max-content; display: flex; align-items: center; gap: 2px; padding: 3px; background: var(--ys-bicim-zemin); border: 1px solid var(--ys-bicim-cerceve); border-radius: 11px; box-shadow: 0 14px 34px rgba(0,0,0,.18); }
.bicim-menu[hidden] { display: none; }
.bicim-dugme { flex: none; width: 35px; height: 35px; border-radius: 50%; border: none; background: none; display: grid; place-items: center; cursor: pointer; color: var(--ys-gold-dark); padding: 0; }
.bicim-dugme:active { background: rgba(0,0,0,.06); }
.bicim-dugme svg { width: 19px; height: 19px; }









.emoji-panel { flex: none; border-top: 1px solid var(--ys-line); background: var(--ys-bg); padding: 4px 2px 6px; }
.emoji-panel[hidden] { display: none; }























.emoji-secici { display: flex; flex-direction: column; min-height: 0;
  --emoji-yukseklik: 26; --emoji-bosluk: 5px; }
.emoji-arama-satir { padding: 2px 4px 4px; }
.emoji-ara { width: 100%; box-sizing: border-box; border: 1px solid var(--ys-line); border-radius: 999px;
  background: #fff; color: var(--ys-ink); font-family: inherit; font-size: 14px; padding: 7px 12px; outline: none;
  -webkit-appearance: none; appearance: none; }
.emoji-ara:focus { border-color: var(--ys-turkuaz); }
.emoji-ara::-webkit-search-decoration { -webkit-appearance: none; }



.emoji-sekmeler { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 0 4px 5px; }
.emoji-sekmeler::-webkit-scrollbar { display: none; }
.emoji-sekme { flex: none; border: none; background: none; cursor: pointer; color: var(--ys-muted);
  font-size: 12.5px; font-weight: 600; padding: 5px 10px; border-radius: 999px; white-space: nowrap; }
.emoji-sekme-aktif { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
@media (hover: hover) { .emoji-sekme:hover { background: var(--ys-turkuaz-bg); } }





.emoji-govde { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-y;
  max-height: calc(var(--emoji-yukseklik) * 1vh);
  max-height: calc(var(--emoji-yukseklik) * 1dvh); }
.emoji-govde::-webkit-scrollbar { display: none; }























.emoji-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); gap: var(--emoji-bosluk);
  --emoji-gecis-suresi: 180ms; --emoji-gecis-mesafe: 40px; }
@keyframes emoji-kayar-ileri { from { transform: translateX(var(--emoji-gecis-mesafe)); } to { transform: translateX(0); } }
@keyframes emoji-kayar-geri { from { transform: translateX(calc(-1 * var(--emoji-gecis-mesafe))); } to { transform: translateX(0); } }
.emoji-izgara-kayar-ileri { animation: emoji-kayar-ileri var(--emoji-gecis-suresi) ease-out; }
.emoji-izgara-kayar-geri { animation: emoji-kayar-geri var(--emoji-gecis-suresi) ease-out; }


@media (prefers-reduced-motion: reduce) {
  .emoji-izgara-kayar-ileri, .emoji-izgara-kayar-geri { animation: none; }
}
.emoji-oge { border: none; background: none; cursor: pointer; font-size: 22px; line-height: 1; padding: 7px 0; border-radius: 8px; }
.emoji-oge:active { background: var(--ys-turkuaz-bg); }
@media (hover: hover) { .emoji-oge:hover { background: var(--ys-turkuaz-bg); } }
.emoji-bos { padding: 18px 8px; text-align: center; font-size: 13px; color: var(--ys-muted); }
.emoji-bos[hidden] { display: none; }



.emoji-yukleniyor .emoji-sekmeler { opacity: .45; }





























.modal-emoji { width: min(420px, 94vw); --emoji-modal-yukseklik: 45; }
.modal-emoji .modal-govde { padding: 0; }
.modal-emoji .emoji-govde { max-height: none;
  height: calc(var(--emoji-modal-yukseklik) * 1vh);
  height: calc(var(--emoji-modal-yukseklik) * 1dvh); }


.ses-kayit { display: flex; align-items: center; gap: 8px; padding: 8px 2px calc(env(safe-area-inset-bottom) + 4px); border-top: 1px solid var(--ys-line); background: var(--ys-bg); flex: none; }
.ses-kayit[hidden] { display: none; }
.ses-btn { flex: none; width: 40px; height: 40px; border-radius: 50%; border: none; display: grid; place-items: center; cursor: pointer; padding: 0; background: none; }
.ses-cop { color: var(--ys-muted); }
.ses-cop:active { background: var(--ys-line); }
.ses-cop svg { width: 22px; height: 22px; }
.ses-duraklat { color: var(--ys-turkuaz-dark); }
.ses-duraklat:active { background: var(--ys-line); }
.ses-duraklat svg { width: 22px; height: 22px; }
.ses-gonder { background: var(--ys-turkuaz); color: #fff; }
.ses-gonder svg { width: 20px; height: 20px; }
.ses-gosterge { flex: 1; display: flex; align-items: center; gap: 9px; min-width: 0; }
.ses-nokta { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--ys-yok); animation: ses-nabiz 1.1s infinite ease-in-out; }
.ses-gosterge.ses-durakli .ses-nokta { animation: none; opacity: .4; }
.ses-sayac { font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 600; color: var(--ys-ink); }
.ses-not { flex: none; font-size: 11.5px; color: var(--ys-muted); white-space: nowrap; }
@keyframes ses-nabiz { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.8); } }
@media (prefers-reduced-motion: reduce) { .ses-nokta { animation: none; } }





















.kamera-yuzey { position: fixed; inset: 0; z-index: 70; display: flex; flex-direction: column; background: var(--ys-bg); }
.kamera-yuzey[hidden] { display: none; }
.kamera-sahne { position: relative; flex: 1; min-height: 0; display: grid; place-items: center; overflow: hidden; padding: 12px; }









.kamera-sahne.kamera-yakin-var { touch-action: none; }
.kamera-sahne:has(.kamera-onizleme:not([hidden])) { background: #000; padding: 0; }



.kamera-onizleme { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.kamera-onizleme[hidden] { display: none; }
.kamera-hal { max-width: 300px; text-align: center; font-size: 14px; line-height: 1.45; color: var(--ys-muted); }
.kamera-hal[hidden] { display: none; }
.kamera-sahne:has(.kamera-onizleme:not([hidden])) .kamera-hal { position: absolute; color: #fff; }
.kamera-serit { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 12px calc(env(safe-area-inset-bottom) + 10px); border-top: 1px solid var(--ys-line); background: var(--ys-bg); }


.kamera-serit .modal-vazgec { margin-left: auto; }
.kamera-serit .kamera-cikis { margin-left: 0; }














@media (min-width: 720px) {
  .kamera-serit { justify-content: center; }
  .kamera-serit .ses-gosterge { flex: 0 1 auto; }
}


.kamera-cek { width: 56px; height: 56px; background: var(--ys-yok); color: #fff; }
.kamera-cek svg { width: 26px; height: 26px; }
.kamera-cek:active { opacity: .85; }
.kamera-kapat, .kamera-don { color: var(--ys-muted); }
.kamera-kapat:active, .kamera-don:active { background: var(--ys-line); }
.kamera-don svg, .kamera-kapat svg { width: 22px; height: 22px; }

.ses-gosterge.kamera-son .ses-sayac { color: var(--ys-yok); }

.onizle-yeniden { margin-right: auto; }


.msg-medya { display: block; margin: 1px 0 2px; border-radius: 10px; overflow: hidden; }
.msg-medya-resim { line-height: 0; cursor: zoom-in; max-width: 260px; }
.msg-resim { display: block; width: 100%; max-width: 260px; max-height: 340px; object-fit: cover; background: #efe9dd; border-radius: 10px; }
.msg-video { display: block; width: 300px; max-width: 100%; max-height: 360px; border-radius: 10px; background: #000; }





















.msg-resim.msg-medya-olculu { width: min(260px, calc(340px * var(--en) / var(--boy))); }
.baloncuk-sar-ben:has(.msg-video), .msg-sat:has(.msg-video), .baloncuk:has(.msg-video) { max-width: 100%; }










.msg-video-sar { position: relative; width: 100%; max-width: 300px; }
.video-oynat { position: absolute; inset: 0; border: none; padding: 0; background: none; display: grid; place-items: center; cursor: pointer; }
.video-oynat:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: -2px; }
.video-oynat-hap { width: 48px; height: 48px; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; display: grid; place-items: center; transition: transform .12s ease; }
.video-oynat-hap svg { width: 24px; height: 24px; margin-left: 2px; }
.video-oynat:active .video-oynat-hap { transform: scale(.94); }
.galeri-tile-video .video-oynat-hap { width: 34px; height: 34px; }
.galeri-tile-video .video-oynat-hap svg { width: 18px; height: 18px; margin-left: 1px; }
@media (prefers-reduced-motion: reduce) { .video-oynat-hap { transition: none; } }
.msg-belge { display: flex; align-items: center; gap: 10px; min-width: 190px; max-width: 280px; padding: 9px 11px; background: rgba(0,0,0,.03); border: 1px solid var(--ys-line); border-radius: 12px; text-decoration: none; color: var(--ys-ink); }
.baloncuk-ben .msg-belge { background: rgba(255,255,255,.5); border-color: #cbe9ef; }
.msg-belge:active { background: var(--ys-line); }


.msg-belge-ikon { flex: none; width: 40px; height: 40px; display: grid; place-items: center; color: var(--ys-turkuaz-dark); }
.msg-belge-ikon svg { width: 32px; height: 32px; }



.dosya-tur-kelime .dosya-tur-bant { fill: var(--ys-dosya-kelime); }
.dosya-tur-pdf .dosya-tur-bant { fill: var(--ys-dosya-pdf); }
.dosya-tur-tablo .dosya-tur-bant { fill: var(--ys-dosya-tablo); }
.dosya-tur-sunum .dosya-tur-bant { fill: var(--ys-dosya-sunum); }
.dosya-tur-gorsel .dosya-tur-bant { fill: var(--ys-dosya-gorsel); }
.dosya-tur-ses .dosya-tur-bant { fill: var(--ys-dosya-ses); }
.dosya-tur-video .dosya-tur-bant { fill: var(--ys-dosya-video); }
.dosya-tur-yazi { fill: var(--ys-dosya-etiket-yazi); }
.dosya-tur-simge { fill: var(--ys-dosya-etiket-yazi); }
.msg-belge-bilgi { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.msg-belge-ad { font-size: 15px; font-weight: 600; color: var(--ys-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msg-belge-boy { font-size: 13px; color: var(--ys-muted); }




















































.baloncuk-sar-ben:has(.msg-ses), .baloncuk-sar-ben:has(.msg-ses-dus),
.msg-sat:has(.msg-ses), .msg-sat:has(.msg-ses-dus) { max-width: 100%; width: 100%; }
.baloncuk-kolon:has(.msg-ses), .baloncuk-kolon:has(.msg-ses-dus) { width: 100%; }
.baloncuk:has(.msg-ses), .baloncuk:has(.msg-ses-dus) { width: 100%; max-width: 100%; }
.msg-ses { display: block; width: 100%; padding: 2px; }










































.msg-ses-audio { width: 100%; height: 40px; display: block; }



.msg-ses-dus { display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 2px; }
.msg-ses-dus-not { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--ys-muted); padding: 2px 4px 0; }
.msg-ses-dus-not svg { flex: none; width: 16px; height: 16px; }







.msg-medya-yok { display: flex; padding: 2px; }
.msg-medya-yok-not { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--ys-muted); padding: 2px 4px 0; }
.msg-medya-yok-not svg { flex: none; width: 16px; height: 16px; }






.baloncuk-medya { padding: 3px; }
.baloncuk-medya.baloncuk-ben { background: #bfe3ec; border-color: #8fccd9; }
.baloncuk-medya .msg-gonderen,
.baloncuk-medya .msg-ileti { padding: 2px 7px 0; margin-bottom: 3px; }
.baloncuk-medya .msg-metin { padding: 3px 7px 1px; }
.baloncuk-medya .msg-meta { padding: 0 7px 2px; margin-top: 3px; }


.baloncuk-sar { display: flex; align-items: flex-end; gap: 4px; }
.baloncuk-sar-ben { align-self: flex-end; justify-content: flex-end; max-width: 85%; }
.baloncuk-sar-ben .baloncuk { max-width: 100%; }





















































.baloncuk-genis.baloncuk-sar-ben { max-width: 95%; width: 95%; }
.baloncuk-genis.msg-sat { max-width: 95%; width: 95%; }
.baloncuk-genis .baloncuk-kolon { width: 100%; }
.baloncuk-genis .baloncuk { width: 100%; }

















.baloncuk-kart-genis.baloncuk-sar-ben { max-width: 100%; width: 100%; }
.baloncuk-kart-genis.msg-sat { max-width: 100%; width: 100%; }
.baloncuk-kart-genis .baloncuk-kolon { width: 100%; }
.baloncuk-kart-genis .baloncuk { width: 100%; }





.baloncuk-kolon { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
.baloncuk-kolon .baloncuk { max-width: 100%; }
.baloncuk-kolon-ben { align-items: flex-end; }
.baloncuk-kolon-oteki { align-items: flex-start; }
.ilet-ikon { flex: none; width: 28px; height: 28px; padding: 0; border: none; background: none;
  cursor: pointer; color: var(--ys-muted); opacity: .45; display: grid; place-items: center;
  align-self: flex-end; margin-bottom: 3px; border-radius: 50%; }
@media (hover: hover) { .ilet-ikon:hover { opacity: 1; color: var(--ys-turkuaz-dark); background: var(--ys-turkuaz-bg); } }
.ilet-ikon:active { opacity: 1; color: var(--ys-turkuaz-dark); background: var(--ys-turkuaz-bg); }
.ilet-ikon svg { width: 16px; height: 16px; }

.msg-ileti { display: flex; align-items: center; gap: 4px; font-size: 13px; font-style: italic; color: var(--ys-muted); margin-bottom: 2px; }
.msg-ileti .bik { display: inline-flex; }
.msg-ileti .bik svg { width: 12px; height: 12px; }
.baloncuk-ben .msg-ileti { color: #5f8288; }





.resim-tam { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.92); display: grid; place-items: center; padding: 16px; cursor: zoom-out; overflow: hidden; touch-action: none; }
.resim-tam img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; touch-action: none; cursor: zoom-in; }
.resim-tam img.resim-tam-anim { transition: transform .15s ease-out; }
.resim-tam.resim-tam-yakin img { cursor: grab; }
.resim-tam.resim-tam-yakin img:active { cursor: grabbing; }


.sohbet-bilgi { align-self: center; max-width: 90%; margin: 4px auto 10px; padding: 8px 14px; background: #fbf3df; border: 1px solid #efe2bf; color: #6b5d38; font-size: 12px; line-height: 1.4; text-align: center; border-radius: 10px; }


.msg-sat { display: flex; align-items: flex-end; gap: 6px; align-self: flex-start; max-width: 88%; }
.msg-sat .baloncuk-oteki { align-self: auto; max-width: 100%; }
.avatar-msg { width: 30px; height: 30px; min-width: 30px; font-size: 10px; border-radius: 4px; margin-bottom: 2px; }


.kanal-btn { padding: 5px 10px; font-size: 12.5px; font-weight: 600; border-radius: 8px;
  border: 1px solid var(--ys-line); background: #fff; color: var(--ys-turkuaz-dark); flex: none; cursor: pointer; }
.kanal-btn:active { background: #f3f0ea; }
.kanal-btn-yok { color: var(--ys-yok); border-color: #e8cfcf; }
.kanal-asim { color: var(--ys-yok); }
.kanal-kota { margin-bottom: 8px; }




.kanal-kadro .sec-satir.sec-zengin, .kanal-baglar .sec-satir.sec-zengin, .kanal-haric-kutu .sec-satir.sec-zengin { flex-wrap: wrap; row-gap: 0; }
.kanal-kadro .sec-satir.sec-zengin::after, .kanal-baglar .sec-satir.sec-zengin::after, .kanal-haric-kutu .sec-satir.sec-zengin::after { content: ""; order: 1; flex-basis: 100%; }
.kanal-kadro .sec-zengin > button, .kanal-baglar .sec-zengin > button, .kanal-haric-kutu .sec-zengin > button { order: 2; margin-top: 6px; }
.kanal-kadro .sec-zengin > .sec-metin + button, .kanal-baglar .sec-zengin > .sec-metin + button, .kanal-haric-kutu .sec-zengin > .sec-metin + button { margin-left: auto; }
.kanal-kadro .sec-zengin .sec-ad, .kanal-baglar .sec-zengin .sec-ad, .kanal-haric-kutu .sec-zengin .sec-ad { white-space: normal; overflow-wrap: anywhere; }






















.kanal-eylem {
  display: flex; flex-wrap: wrap; gap: 8px;
  


  margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ys-line);
}











.kanal-eylem .kanal-eylem-btn { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 11px 12px; font-size: 14px; }













.kanal-eylem .kanal-eylem-yikici { flex-basis: 100%; color: var(--ys-yok); border-color: #e8cfcf; }
.kanal-eylem .kanal-eylem-yikici:not(:disabled):active { background: #fdecea; color: var(--ys-yok); }


.kanal-ac-btn { width: auto; height: 30px; border-radius: 999px; padding: 0 12px; font-size: 13px; font-weight: 600; }




.kanal-bolum-bas { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--ys-muted); margin: 14px 0 6px; }
.kanal-bag-yok { color: var(--ys-yok); }



.kanal-uye-eylem { margin: 14px 0 6px; }
.kanal-uye-eylem .save { margin-top: 0; }



.kanal-bag-eylem { margin-top: 8px; }
.kanal-bag-eylem:empty { display: none; }


.kanal-uyari .kanal-asim { display: block; border: 1px solid #e8cfcf; border-radius: 8px;
  padding: 8px 10px; margin: 8px 0; font-size: 13px; line-height: 1.35; background: #fdf6f6; }


.kanal-kimlik-satir { display: flex; align-items: center; gap: 10px; padding: 4px 0 10px; }
.kanal-kimlik-satir .kanal-avatar { width: 44px; height: 44px; font-size: 17px; flex: none; }
.kanal-kimlik-satir .sec-metin { min-width: 0; flex: 1; }
.kanal-kimlik-eylem { display: flex; gap: 4px; flex: none; align-items: center; }





.kanal-davet-uyari { color: var(--ys-gold-dark); }
.kanal-davet-durum { margin-top: 2px; }
.kanal-davet-qr { display: grid; place-items: center; margin: 10px 0; }
.kanal-davet-link { font-size: 11.5px; line-height: 1.4; color: var(--ys-muted); word-break: break-all; margin-bottom: 8px; }
.kanal-davet-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.kanal-davet-eylem .save { flex: 1; margin-top: 0; }

.kanal-davet-uye { margin: 4px 0 10px; }













.mention-kart { margin-top: 6px; }
.ders-kart-alt3 {
  color: var(--ys-muted); font-size: 13px; margin-top: 2px; font-variant-numeric: tabular-nums;
  white-space: normal; overflow-wrap: break-word;
}
.mention-kart-yer:empty { display: none; }
.mention-kart-yoklama {
  margin-top: 6px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02); cursor: pointer;
}
.mention-kart-baslik { font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mention-kart-alt { color: var(--ys-muted); font-size: 12px; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mention-kart-sayac { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; font-size: 12px; font-variant-numeric: tabular-nums; }
.mention-kart-var { color: var(--ys-var); }
.mention-kart-izinli { color: var(--ys-izinli); }
.mention-kart-yok { color: var(--ys-yok); }
.mention-kart-oran { color: var(--ys-muted); }
.mention-kart-bos { margin-top: 6px; padding: 8px 12px; border-radius: 10px; border: 1px dashed rgba(0,0,0,.15); color: var(--ys-muted); font-size: 13px; }




.mention-kart-bos[role="button"] { cursor: pointer; }






























.save { width: 100%; padding: 14px; border: none; border-radius: 12px; background: var(--vurgu); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: var(--ys-shadow); }
.save:active { background: var(--vurgu-koyu); }



.bik { display: inline-block; width: 1.05em; height: 1.05em; vertical-align: -0.16em; }
.bik svg { width: 100%; height: 100%; display: block; }




.bos { color: var(--ys-muted); font-size: 14px; line-height: 1.5; padding: 18px 14px; text-align: center; }



.simge-btn {
  flex: none; width: 59px; height: 59px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--ys-line); border-radius: 14px;
  background: #fff; color: var(--ys-ink); cursor: pointer; font-family: inherit;
}
.simge-btn .bik { width: 27px; height: 27px; }
@media (hover: hover) { .simge-btn:hover { border-color: var(--ys-turkuaz); color: var(--ys-turkuaz-dark); } }
.simge-btn:active { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
.simge-btn:disabled { opacity: .5; cursor: default; }
.simge-btn.aksiyon-tehlike { color: var(--ys-yok); }
@media (hover: hover) { .simge-btn.aksiyon-tehlike:hover { border-color: var(--ys-yok); color: var(--ys-yok); } }
.simge-btn.aksiyon-tehlike:active { background: #fdecea; color: var(--ys-yok); }



.btn-ghost {
  flex: 1; border: 1px solid var(--ys-line); border-radius: 12px; padding: 13px;
  background: #fff; color: var(--ys-ink); font-size: 15px; font-weight: 600;
  cursor: pointer; font-family: inherit;
}
@media (hover: hover) { .btn-ghost:not(:disabled):not([aria-disabled="true"]):hover { border-color: var(--ys-turkuaz); color: var(--ys-turkuaz-dark); } }
.btn-ghost:not(:disabled):not([aria-disabled="true"]):active { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
.btn-ghost:disabled,
.btn-ghost[aria-disabled="true"] { opacity: .45; cursor: default; }
.btn-ghost:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }


.aksiyon-menu { display: flex; flex-direction: column; gap: 8px; }
.aksiyon-menu .btn-ghost { display: flex; align-items: center; gap: 10px; text-align: left; }
.aksiyon-menu .btn-ghost .bik { flex: 0 0 auto; }
.aksiyon-menu .btn-ghost.aksiyon-tehlike { color: var(--ys-yok); }
@media (hover: hover) { .aksiyon-menu .btn-ghost.aksiyon-tehlike:hover { border-color: var(--ys-yok); color: var(--ys-yok); } }
.aksiyon-menu .btn-ghost.aksiyon-tehlike:active { background: #fdecea; color: var(--ys-yok); }



.modal.modal-aksiyon {
  width: max-content; min-width: 172px; max-width: min(78vw, 264px);
  padding: 6px; border-radius: 15px; box-shadow: 0 10px 34px rgba(40,30,10,.24);
}
.modal.modal-aksiyon .modal-baslik {
  font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
  color: var(--ys-muted); margin: 5px 12px 3px;
}
.modal.modal-aksiyon .aksiyon-menu { gap: 1px; }
.modal.modal-aksiyon .aksiyon-menu .btn-ghost {
  border: none; background: none; border-radius: 10px;
  padding: 11px 13px; font-size: 14.5px; font-weight: 500; width: 100%;
}
@media (hover: hover) { .modal.modal-aksiyon .aksiyon-menu .btn-ghost:hover { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); border-color: transparent; } }
.modal.modal-aksiyon .aksiyon-menu .btn-ghost:active { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
.modal.modal-aksiyon .aksiyon-menu .btn-ghost.aksiyon-tehlike:active { background: #fdecea; color: var(--ys-yok); }
.modal.modal-aksiyon .modal-btns { display: none; } 








.modal-aksiyon .aksiyon-kat-bas { padding: 3px 6px 4px 2px; }
.aksiyon-kat-geri { font-size: 22px; color: var(--ys-turkuaz-dark); position: relative; }
.aksiyon-kat-geri::before { content: ""; position: absolute; inset: -9px -11px; }






.aksiyon-bolum-bas {
  font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
  color: var(--ys-muted); margin: 5px 12px 3px; padding-top: 7px;
  border-top: 1px solid var(--ys-line);
}


.avatar.avatar-ikon { background: var(--ys-turkuaz-bg); color: var(--ys-turkuaz-dark); }
.avatar-ikon .bik { width: 26px; height: 26px; }
.avatar-ikon > svg { width: 26px; height: 26px; display: block; }



.avatar-kucuk { width: 38px; height: 38px; font-size: 12px; }




.ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 16px; border-bottom: 1px solid #f1eee7; }
.ayar-satir:last-child { border-bottom: none; }
.ayar-satir label { font-size: 14px; }
.ayar-satir input { width: 84px; text-align: center; border: 1px solid var(--ys-line); border-radius: 9px; padding: 8px; font-size: 15px; font-family: inherit; outline: none; }
.ayar-satir input:focus { border-color: var(--ys-turkuaz); }
.ayar-satir input:disabled { background: #faf9f6; color: var(--ys-muted); }
.ayar-satir select {
  border: 1px solid var(--ys-line); border-radius: 9px; padding: 8px 10px;
  font-size: 15px; font-family: inherit; background: #fff; color: var(--ys-ink); outline: none;
}
.ayar-satir select:focus { border-color: var(--ys-turkuaz); }
.ayar-satir select:disabled { background: #faf9f6; color: var(--ys-muted); }




.ders-kart {
  display: flex; align-items: center; gap: 12px; padding: 11px 14px;
  background: var(--ys-card); border: 1px solid var(--ys-line); border-radius: var(--ys-radius);
  box-shadow: var(--ys-shadow); overflow: hidden; cursor: pointer;
  transition: box-shadow .18s, transform .18s, border-color .18s;
}
.ders-kart:active { border-color: var(--ys-turkuaz); background: rgba(0,163,191,.05); }
@media (hover: hover) { .ders-kart:hover { box-shadow: var(--ys-shadow-hover); transform: translateY(-2px); background: rgba(0,163,191,.05); } }
.ders-kart-avatar {
  position: relative; overflow: hidden;
  width: 88px; height: 66px; aspect-ratio: 4 / 3; border-radius: 3px; flex: none;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #f5eee1, #ece0c8);
  color: var(--ys-gold-dark); font-size: 19px; font-weight: 700;
}
.ders-kart-body { flex: 1; min-width: 0; }
.ders-kart-ad { font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ders-kart-alt { color: var(--ys-muted); font-size: 13px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }


.foto-secenekler { display: flex; flex-direction: column; gap: 8px; }
.foto-secenekler .btn-ghost { text-align: left; }
.foto-secenekler .btn-ghost.foto-kaldir { color: var(--ys-yok); margin-top: 4px; }
@media (hover: hover) { .foto-secenekler .btn-ghost.foto-kaldir:hover { border-color: var(--ys-yok); color: var(--ys-yok); } }
.foto-secenekler .btn-ghost.foto-kaldir:active { background: #fdecea; color: var(--ys-yok); }


.kokten-sil-liste { margin: 8px 0 4px; padding-left: 20px; max-height: 180px; overflow-y: auto;
  font-size: 13px; color: var(--ys-ink); line-height: 1.5; }
.kokten-sil-liste li { margin: 1px 0; }
.kokten-sil-ipucu { margin-top: 6px; font-size: 12.5px; color: var(--ys-muted); line-height: 1.35; }
.kokten-sil-ipucu-hazir { color: var(--ys-var); font-weight: 600; }


.alan-kopya.kopyalandi { background: var(--ys-turkuaz, #2a9d8f); color: #fff; border-color: transparent; }





.mesgul-maske { position: fixed; inset: 0; z-index: 200; background: rgba(43, 38, 32, .32); backdrop-filter: blur(1.5px); display: grid; place-items: center; }
.mesgul-kutu { position: relative; background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.18); padding: 15px 22px; display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--ys-ink); }
.mesgul-spin { width: 18px; height: 18px; border: 2.5px solid var(--ys-line); border-top-color: var(--ys-turkuaz); border-radius: 50%; animation: mesgul-don .7s linear infinite; flex: none; }
@keyframes mesgul-don { to { transform: rotate(360deg); } }















.mesgul-vazgec-yeri { flex: none; width: 18px; height: 18px; }
.mesgul-vazgec {
  position: relative; display: grid; place-items: center; width: 18px; height: 18px;
  padding: 0; background: none; border: none; border-radius: 8px;
  color: var(--ys-muted); cursor: pointer; -webkit-appearance: none; appearance: none;
}
.mesgul-vazgec::before { content: ""; position: absolute; inset: -13px; }
.mesgul-vazgec .bik { width: 16px; height: 16px; }
.mesgul-vazgec:active { background: var(--ys-line); }
.mesgul-vazgec:focus-visible { outline: 2px solid var(--ys-turkuaz); outline-offset: 2px; }


.onay-mesaj { margin: 2px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ys-ink); }



.pasif-rozet {
  font-size: 10.5px; font-weight: 700; background: var(--ys-line); color: var(--ys-muted);
  border-radius: 10px; padding: 1px 7px; vertical-align: middle;
}


.portal-ipucu { color: var(--ys-muted); font-size: 13.5px; margin: 0 4px 12px; line-height: 1.5; }





.resimli.resimli { background: none; font-size: 0; }
.resimli.resimli > svg, .resimli.resimli > .bik { display: none; }
.avatar-sigdir .avatar-img { object-fit: contain; }




.rol {
  font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
  background: #f2ede2; color: var(--ys-gold-dark); white-space: nowrap;
}
.rol-hoca { background: #f6ecd2; color: var(--ys-gold-dark); }
.rol-mumessil { background: #ece3f7; color: #6a4a9e; }



.rol-veli { background: #e6eaf7; color: #4d5b86; }


.sec-alt { display: block; font-size: 12px; font-weight: 400; color: var(--ys-muted); overflow: hidden; text-overflow: ellipsis; }
.sec-eylem { border-top: 1px solid #e6ecec; }
.sec-eylem .sec-ad { color: var(--ys-turkuaz-dark); font-weight: 600; }
.sec-eylem:active { background: var(--ys-turkuaz-bg); }



.baslik-btn.sec-gir-btn { white-space: nowrap; }




.secilebilir { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.secilebilir { cursor: pointer; }
.secili { background: var(--ys-turkuaz-bg); }
.secim-tik { display: none; flex: none; width: 24px; height: 24px; margin-right: 2px;
  border: 2px solid var(--ys-line); border-radius: 7px; align-items: center; justify-content: center; }
.secim-modu .ders.secilebilir .secim-tik,
.secim-modu .talebe.secilebilir .secim-tik,
.secim-modu .ders-kart.secilebilir .secim-tik,
.secim-modu .basvuru-kart.secilebilir .secim-tik { display: flex; }
.secim-tik .bik { width: 16px; height: 16px; color: #fff; opacity: 0; }
.secili > .secim-tik { background: var(--ys-turkuaz); border-color: var(--ys-turkuaz); }
.secili > .secim-tik .bik { opacity: 1; }
.secim-modu .fab { display: none; }
.secim-modu .ders.secilebilir .ders-chev,
.secim-modu .basvuru-kart.secilebilir .ders-chev { visibility: hidden; }
.secim-modu .ders.secilebilir .sil-btn,
.secim-modu .ders.secilebilir .tasima-btn,
.secim-modu .ders.secilebilir .uyelik-btn,
.secim-modu .ders.secilebilir .sohbet-yonetim-supur,
.secim-modu .ders.secilebilir .sohbet-yonetim-sil { display: none; } 
.secim-bar {
  position: sticky; top: -16px; z-index: 5; margin: -4px auto 12px;
  display: flex; align-items: center; gap: 10px; padding: 8px 10px;
  background: var(--ys-bg); border: 1px solid var(--ys-turkuaz); border-radius: 12px;
  box-shadow: var(--ys-shadow);
}
.secim-vazgec {
  flex: none; width: 32px; height: 32px; border: none; border-radius: 8px;
  background: none; color: var(--ys-ink); font-size: 19px; cursor: pointer; line-height: 1;
}
.secim-vazgec:active { background: var(--ys-turkuaz-bg); }
.secim-sayi { font-weight: 700; font-size: 14px; color: var(--ys-ink); flex: 1;
  font-variant-numeric: tabular-nums; white-space: nowrap; }
.secim-eylemler { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.secim-eylem {
  flex: none; border: 1px solid var(--ys-turkuaz); background: var(--ys-turkuaz); color: #fff;
  border-radius: 9px; padding: 7px 12px; font-size: 13px; font-weight: 700;
  cursor: pointer; font-family: inherit; white-space: nowrap;
}
.secim-eylem.tehlike { background: #fff; border-color: var(--ys-yok); color: var(--ys-yok); }
.secim-eylem:disabled { opacity: .45; cursor: default; }



.saved-toast.tiklanir { pointer-events: auto; cursor: pointer; border: 1px solid var(--ys-turkuaz); box-shadow: 0 4px 16px rgba(0,0,0,.22); }





.nav-item.nav-okunmamis .nav-ikon { position: relative; }
.nav-item.nav-okunmamis .nav-ikon::after {
  content: ""; position: absolute; top: -3px; right: -5px;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--ys-turkuaz); box-shadow: 0 0 0 2px #fff;
}
.nav-item.nav-okunmamis[data-on] .nav-ikon::after { background: #fff; box-shadow: 0 0 0 2px var(--ys-turkuaz); }






























.composer-input { min-width: 0; }
.thread-bar { margin-bottom: 4px; }



.zs-mevcut .sec-satir.sec-zengin { cursor: default; border: 1px solid var(--ys-line); border-radius: 9px; }


.kur-isaret { flex: none; align-self: flex-start; margin: 2px 0 0 auto; padding-left: 6px; font-size: 10px; font-weight: 700; letter-spacing: .08em; line-height: 1.4; color: var(--ys-gold-dark); opacity: .5; }
.msg-kol { position: relative; }
.msg-kol > .kur-isaret { position: absolute; top: 10px; right: 11px; margin: 0; padding: 0; }