:root {
  color-scheme: only light;
  --gold: #9c783c;
  --gold-dark: #7e5f2c;
  --gold-light: #b8945a;
  --bg: #faf9f6;
  --ink: #2b2620;
  --muted: #756e5e;
  --card: #ffffff;
  --line: #e8e4db;
  --var: #2f9e54;
  --yok: #d14343;
  --izinli: #d18a2a;
  --turkuaz: #00a3bf;
  --turkuaz-dark: #007e94;
  --turkuaz-bg: #dff3f7;
  




  --bordo: #8a2432;
  --bordo-bg: #f6e7e9;
  






  --turkuaz-cerceve: #8fd3df;
  









  --lavanta-bg: #f0ebfa;
  --lavanta-cerceve: #c8bbde;
  





  --seftali-bg: #fcebe0;
  --seftali-cerceve: #e3bfa6;
  


  --wash: #f6f0e3;
  




  --parsomen: #f7eed9;
  --parsomen-basili: #efe2c4;
  --parsomen-cerceve: #d8c39a;
  --parsomen-lif: rgba(156,120,60,.035);
  --parsomen-golge: rgba(160,120,60,.10);
  




  --bicim-zemin: #f3e9d3;
  --bicim-cerceve: #d8c39a;
  

















  --dosya-pdf: #a5352c;
  --dosya-kelime: #30599a;
  --dosya-tablo: #2b6e46;
  --dosya-sunum: #a8501c;
  --dosya-gorsel: #8a3a78;
  --dosya-ses: #5a479c;
  --dosya-video: #46505a;
  --dosya-etiket-yazi: #ffffff;
  






























































  --anket-oran: #E85D22;
  
  --sezon-amber: #b8860b;
  --sezon-amber-bg: #fdf3d7;
  --sezon-amber-line: #e6c200;
  --sezon-amber-ink: #7a5c00;
  --shadow: 0 1px 3px rgba(0,0,0,.06);
  --shadow-hover: 0 2px 6px rgba(0,0,0,.07), 0 8px 20px rgba(0,0,0,.08);
  --hdr-gap: 9px; 
  --radius: 14px;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; } 















































html, body { margin: 0; height: 100vh; height: 100dvh; overflow: hidden; overscroll-behavior-y: contain; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--bg);
  color: var(--ink);
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  











  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  

  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

input, textarea, select, [contenteditable="true"] {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}






.secilebilir { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }


.splash {
  position: fixed; inset: 0; z-index: 100;
  background: #fff;
  display: grid; place-items: center;
  transition: opacity .5s ease;
}
.splash-img { width: 100%; height: 100%; object-fit: cover; }
.splash.hide { opacity: 0; pointer-events: none; }

.splash.hizli-kapan { transition-duration: .14s; }



html.splash-gecildi #splash { display: none; }






html.splash-marka-disi #splash { display: none; }

.splash-img, .brand-logo, .login-logo, .mutteka-app-ikon-foto img { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }



.app-logo .brand-logo { pointer-events: none; }


.topbar {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: 12px;
  padding: calc(env(safe-area-inset-top) + 8px) 16px 8px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 1px 0 rgba(40,30,10,.02), 0 2px 10px rgba(40,30,10,.03);
}


.hdr-left { display: flex; align-items: center; gap: var(--hdr-gap); flex: none; }
.hdr-right { display: flex; align-items: center; gap: var(--hdr-gap); flex: none; }
.hdr-title { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; }

.app-logo { border: none; background: none; padding: 0; cursor: pointer; display: grid; place-items: center; flex: none; }
.app-logo .brand-logo { width: 32px; height: 32px; display: block; border-radius: 7px; object-fit: contain; }
.app-logo:active { transform: scale(.94); }
.app-logo-pasif { cursor: default; }
.app-logo-pasif:active { transform: none; }
.brand-logo { width: 32px; height: 32px; display: block; }
.brand-text { font-size: 18px; font-weight: 700; color: var(--ink); letter-spacing: .01em; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brand-sub { color: var(--ink); font-weight: 700; }

.brand-text.hdr-ev { display: flex; flex-direction: column; line-height: 1.12; font-size: 17px; white-space: normal; }
.brand-text.hdr-ev .hdr-alt { font-size: 12px; font-weight: 600; color: var(--muted); letter-spacing: .02em; }

.avatar-btn { border: none; background: none; padding: 0; cursor: pointer; flex: none; display: grid; place-items: center; }
.avatar-btn:active { transform: scale(.94); }
.avatar-btn:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; border-radius: 50%; }




.avatar.avatar-yuvarlak { width: 32px; height: 32px; border-radius: 50%; font-size: 12px; }
.avatar.avatar-yuvarlak .avatar-img { border-radius: 50%; }

.pill {
  font-size: 12px; padding: 4px 10px; border-radius: 999px;
  background: #f2ede2; color: var(--gold-dark);
}


.app {
  flex: 1; min-height: 0; overflow-y: auto;
  padding: 16px; scrollbar-gutter: stable;
  display: flex; flex-direction: column;
}


.app > * { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; flex: none; }
.app[data-kolon="orta"] > * { max-width: 760px; }
.app[data-kolon="genis"] > * { max-width: 920px; }


.app.gezinme-yaylan { transition: transform .22s cubic-bezier(.2,.9,.3,1.3); }




.gezinme-park { flex: none; overflow: hidden; pointer-events: none; }
.section-title { font-size: 12px; font-weight: 600; color: #625b4c; text-transform: uppercase; letter-spacing: .09em; margin: 8px auto 12px; padding: 0 6px; }
.sayac { color: var(--turkuaz-dark); font-weight: 600; font-variant-numeric: tabular-nums; }








.merkez-gizli { display: flex; gap: 16px; flex-wrap: wrap; margin: -6px 2px 8px; }
.merkez-gizli span { padding: 2px 0; font-size: 13px; color: var(--muted); }
.merkez-gizli button { background: none; border: none; padding: 2px 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--turkuaz-dark); cursor: pointer; }
.merkez-gizli button:active { opacity: .6; }


.sec-satir.sec-zengin { display: flex; align-items: center; gap: 11px; }
.sec-zengin .sec-metin { min-width: 0; flex: 1; }
.sec-zengin .sec-ad { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sec-zengin .sec-alt2 { font-size: 12px; color: var(--turkuaz-dark); opacity: .72; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sec-eylem { border-top: 1px solid #e6ecec; }


.zs-mevcut .sec-satir.sec-zengin { cursor: default; border: 1px solid var(--line); border-radius: 9px; }
.sec-eylem .sec-ad { color: var(--turkuaz-dark); font-weight: 600; }
.sec-eylem:active { background: var(--turkuaz-bg); }
.avatar.avatar-ikon { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.avatar-ikon .bik { width: 26px; height: 26px; }
.avatar-ikon > svg { width: 26px; height: 26px; display: block; }

.avatar.avatar-duyuru { background: var(--gold); color: #fff; }
.avatar-duyuru > svg { width: 22px; height: 22px; display: block; }
.thread-avatar.avatar-duyuru > svg { width: 20px; height: 20px; }

button.secici-btn { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; cursor: pointer; }
button.secici-btn.secici-bos .secici-label { color: #93a3a3; }


.ekle-input.secici-btn:disabled { cursor: default; opacity: .45; }
.secici-ok { color: var(--turkuaz-dark); flex: 0 0 auto; font-weight: 700; }

.ekle-input[type="search"] { -webkit-appearance: none; appearance: none; }
.ekle-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 14px; overflow: hidden; }
.ders { display: flex; align-items: center; gap: 13px; padding: 14px 16px; cursor: pointer; transition: background .15s; }
.ders + .ders { border-top: 1px solid #f1eee7; }
.ders:active { background: rgba(0,163,191,.12); }
@media (hover: hover) { .ders:hover { background: rgba(0,163,191,.05); } }
.ders-icon {
  position: relative; overflow: hidden; 
  width: 40px; height: 40px; border-radius: 11px; flex: none;
  background: linear-gradient(135deg, var(--gold-light), var(--gold-dark));
  color: #fff; display: grid; place-items: center; font-size: 17px; font-weight: 700;
}
.ders-icon svg { width: 22px; height: 22px; }
.ders-body { flex: 1; min-width: 0; }
.ders-title { font-weight: 700; font-size: 15px; }
.ders-sub { font-size: 13px; color: var(--muted); margin-top: 2px; font-variant-numeric: tabular-nums; }




.eposta-yok { font-style: italic; opacity: .7; }
.ders-chev { color: #a59c89; font-size: 22px; }













.kisiler-serit { padding: 12px 16px 0; }
.kisiler-serit > .backbar { width: 100%; max-width: 640px; margin: 0 auto; }





.serit-bildirim { margin-left: auto; display: flex; align-items: center; gap: 2px; min-width: 0; }
.serit-bildirim-ac {
  display: flex; align-items: center; gap: 6px; min-width: 0;
  border: none; border-radius: 999px; padding: 8px 14px;
  background: var(--turkuaz); color: #fff; font-size: 13.5px; font-weight: 700;
  cursor: pointer; font-family: inherit;
}
.serit-bildirim-ac svg { width: 17px; height: 17px; flex: none; }
.serit-bildirim-ac > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.serit-bildirim-ac:active { background: var(--turkuaz-dark); }
.serit-bildirim-kapat {
  flex: none; border: none; background: none; color: var(--muted);
  font-size: 19px; line-height: 1; padding: 4px 7px; cursor: pointer; font-family: inherit;
}


.backbar { display: flex; align-items: center; gap: 8px; margin: 0 auto 14px; }
.hdr { padding: 2px 4px 14px; }
.hdr h1 { font-size: 22px; font-weight: 700; margin: 0; }
.hdr p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }




.yoklama-eksik-isaret { color: var(--izinli); white-space: nowrap; }









.ders-sub.yoklama-liste-eksik { color: var(--izinli); }
.yoklama-liste-nokta { position: relative; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--izinli); }
.yoklama-liste-nokta::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--izinli); animation: yoklama-liste-nabiz 2.4s ease-out infinite; }
@keyframes yoklama-liste-nabiz { 0% { transform: scale(1); opacity: .55; } 70%, 100% { transform: scale(2.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .yoklama-liste-nokta::after { animation: none; } }

.hdr-dersli { display: flex; align-items: center; gap: 12px; }

.talebe { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.talebe:last-child { border-bottom: none; }


.hero-foto { margin-bottom: 14px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }









.hero-foto img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }










.hero-foto.hero-kare { max-width: 360px; }
.hero-kare img { aspect-ratio: 1 / 1; }





.hero-kilitli img { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }







.kayitli-vesikalik { display: flex; align-items: center; gap: 14px; padding: 14px 16px; }
.kayitli-vesikalik-btn { border: none; background: none; padding: 0; cursor: pointer; flex: none; border-radius: 3px; font-family: inherit; }
.kayitli-vesikalik-btn:active { transform: scale(.94); }
.kayitli-vesikalik-btn:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }
.kayitli-vesikalik-btn:disabled { opacity: .55; cursor: default; }
.kayitli-vesikalik-metin { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.kayitli-vesikalik-ad { font-size: 14px; font-weight: 600; }
.kayitli-vesikalik-alt { font-size: 12.5px; color: var(--muted); line-height: 1.35; }

.kayitli-vesikalik-hata { margin-top: 4px; }


.avatar { position: relative; overflow: hidden; width: 54px; height: 54px; border-radius: 3px; flex: none; background: linear-gradient(135deg, #f6f0e3, #ecdfc6); color: var(--gold-dark); display: grid; place-items: center; font-weight: 700; font-size: 13px; letter-spacing: .02em; }

.avatar-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }




.avatar, .avatar-img { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }






.talebe-name { flex: 1; font-size: 15px; }
.states { display: flex; gap: 6px; }
.state {
  border: 1px solid var(--line); background: #fff;
  border-radius: 9px; padding: 7px 11px; font-size: 13px; font-weight: 600;
  color: var(--muted); cursor: pointer; min-width: 42px;
}
.state[data-on="var"]    { background: var(--var);    border-color: var(--var);    color: #fff; }
.state[data-on="yok"]    { background: var(--yok);    border-color: var(--yok);    color: #fff; }
.state[data-on="izinli"] { background: var(--izinli); border-color: var(--izinli); color: #fff; }

.savebar { position: sticky; bottom: 0; margin-top: auto; padding: 12px 0 calc(env(safe-area-inset-bottom) + 12px); }
.save { width: 100%; padding: 14px; border: none; border-radius: 12px; background: var(--gold); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: var(--shadow); }
.save:active { background: var(--gold-dark); }



.save:disabled { opacity: .45; cursor: default; }
.save:disabled:active { background: var(--gold); }









.saved-toast { position: fixed; z-index: 3100; left: 50%; bottom: 84px; transform: translateX(-50%); background: rgba(43, 38, 32, .82); color: #fff; padding: 10px 18px; border-radius: 22px; font-size: 14px; white-space: normal; width: max-content; max-width: min(92vw, 520px); text-align: center; line-height: 1.45; opacity: 0; transition: opacity .2s; pointer-events: none; backdrop-filter: blur(3px); }
.saved-toast.show { opacity: 1; }
.saved-toast.tiklanir { pointer-events: auto; cursor: pointer; border: 1px solid var(--turkuaz); box-shadow: 0 4px 16px rgba(0,0,0,.22); }

.footnote { text-align: center; color: var(--muted); font-size: 12px; padding: 14px; }


.topbar-right { display: flex; align-items: center; gap: 8px; min-width: 0; }
.user { display: flex; align-items: center; gap: 6px; min-width: 0; }
.user-name { font-size: 13px; font-weight: 600; color: var(--ink); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.rol {
  font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
  background: #f2ede2; color: var(--gold-dark); white-space: nowrap;
}
.rol-admin   { background: var(--gold); color: #fff; }
.rol-idareci { background: var(--ink);  color: #fff; }


.rol-hoca { background: #f6ecd2; color: var(--gold-dark); }


.rol-mumessil { background: #ece3f7; color: #6a4a9e; }




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


.cikis {
  border: 1px solid var(--line); background: #fff; color: var(--muted);
  border-radius: 999px; padding: 4px 11px; font-size: 12px; font-weight: 600; cursor: pointer;
}
.cikis:active { background: #faf7f0; color: var(--gold-dark); }


.login-wrap { display: grid; place-items: center; min-height: 60vh; min-height: 60dvh; padding: 16px 0; }
.login-card {
  width: 100%; max-width: 340px; text-align: center;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  box-shadow: var(--shadow); padding: 32px 24px 28px;
}
.login-logo { width: 56px; height: 56px; margin-bottom: 12px; }
.login-title { margin: 0 0 18px; font-size: 24px; font-weight: 700; color: var(--gold); letter-spacing: .01em; }
.login-sub { margin: 6px 0 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.login-btn {
  width: 100%; padding: 13px; border: none; border-radius: 12px;
  background: var(--gold); color: #fff; font-size: 15px; font-weight: 700;
  cursor: pointer; box-shadow: var(--shadow);
}
.login-btn:active { background: var(--gold-dark); }


.login-btn:disabled { opacity: .45; cursor: default; }
.login-btn:disabled:active { background: var(--gold); }
.login-btn-out { background: #fff; color: var(--gold-dark); border: 1px solid var(--line); box-shadow: none; }
.login-err { margin: 14px 0 0; color: var(--yok); font-size: 13px; }








.login-oauth { display: flex; flex-direction: column; gap: 10px; }



.login-btn-link { display: block; text-align: center; text-decoration: none; margin-bottom: 10px; -webkit-touch-callout: none; }
.login-yardim { margin: 6px 0 18px; color: var(--muted); font-size: 13px; line-height: 1.5; }






.login-oauth + .login-yardim { margin: 16px 0 0; }








.login-magic-ac {
  margin-top: 16px; background: none; border: none; color: var(--gold-dark);
  font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: underline; padding: 4px;
}
.login-magic { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }



.login-magic-not { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.5; text-align: left; }
.login-magic-input {
  width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px;
  font-size: 14px; background: #fff; color: var(--ink);
}
.login-magic-gonder {
  width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 10px;
  background: #fff; color: var(--gold-dark); font-size: 14px; font-weight: 600; cursor: pointer;
}
.login-magic-gonder:active { background: #faf7f0; }
.login-magic-ok { margin: 14px 0 0; color: var(--var); font-size: 13px; line-height: 1.5; }


.otp-kilit-overlay {
  position: fixed; inset: 0; z-index: 300;
  background: var(--bg);
  display: grid; place-items: center;
  padding: 20px; padding-top: max(20px, env(safe-area-inset-top));
  padding-bottom: max(20px, env(safe-area-inset-bottom));
  overflow-y: auto; overscroll-behavior: contain;
}
.otp-kilit-card {
  width: 100%; max-width: 360px; text-align: center;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  box-shadow: var(--shadow); padding: 28px 24px 22px;
}
.otp-kilit-ikon {
  width: 48px; height: 48px; margin: 0 auto 12px;
  display: grid; place-items: center; border-radius: 14px;
  background: #f2ede2; color: var(--gold-dark);
}
.otp-kilit-ikon svg { width: 26px; height: 26px; }
.otp-kilit-baslik { margin: 0; font-size: 21px; font-weight: 700; color: var(--gold); letter-spacing: .01em; }
.otp-kilit-aciklama { margin: 8px 0 14px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.otp-kilit-numara {
  margin: 0 0 16px; font-size: 17px; font-weight: 700; color: var(--ink);
  letter-spacing: .04em; font-variant-numeric: tabular-nums;
}
.otp-kilit-alan { text-align: left; margin-bottom: 12px; }
.otp-kilit-alan label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 5px; }
.otp-kilit-tel { width: 100%; }
.otp-kilit-gonder { width: 100%; }
.otp-kilit-gonder:disabled { opacity: .55; cursor: default; }
.otp-kilit-kod-satir { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.otp-kilit-kod {
  width: 100%; text-align: center; font-size: 20px; font-weight: 700;
  letter-spacing: .35em; font-variant-numeric: tabular-nums;
}
.otp-kilit-dogrula { width: 100%; }
.otp-kilit-err { margin: 12px 0 0; color: var(--yok); font-size: 13px; line-height: 1.5; }
.otp-kilit-cikis {
  margin-top: 18px; background: none; border: none; color: var(--muted);
  font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: underline; padding: 4px;
}


.otp-kilit-cikis:disabled { opacity: .45; cursor: default; }





.otp-kilit-numara.yetkisiz-eposta { margin-top: 8px; letter-spacing: 0; overflow-wrap: anywhere; }











































html:has(> body.otp-kilitli), html:has(> body.bilgi-kapisi-acik), html:has(> body.bakim-ortulu) { overscroll-behavior-y: contain; }
body.otp-kilitli, body.bilgi-kapisi-acik, body.bakim-ortulu { overflow: hidden; overscroll-behavior-y: contain; }







body.otp-kilitli #kisilerSerit, body.bilgi-kapisi-acik #kisilerSerit, body.bakim-ortulu #kisilerSerit { display: none; }






















#bakimOrtu { z-index: 3050; }


.otp-gov-kart { padding: 14px 16px; }
.otp-gov-baslik { margin-bottom: 10px; font-weight: 700; color: var(--ink); }
.otp-gov-durum { margin: 0 0 4px; }
.otp-gov-durum:last-of-type { margin: 0 0 10px; }
.otp-gov-btns { display: flex; flex-wrap: wrap; gap: 8px; }








.otp-gov-btn:disabled { cursor: default; opacity: .45; }




.portal-ipucu { color: var(--muted); font-size: 13.5px; margin: 0 4px 12px; line-height: 1.5; }
.portal-ders { padding: 4px 0 6px; margin-bottom: 14px; }
.portal-ders-hdr { padding: 12px 14px 6px; }
.portal-ders-hdr h1 { margin: 0; font-size: 17px; }
.portal-ders-hdr p { margin: 3px 0 0; color: var(--muted); font-size: 13px; line-height: 1.4; }

.portal-ders-sec { display: block; width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.portal-ders-sec:active { background: var(--turkuaz-bg); }
.portal-ders-bilgi { flex: 1; min-width: 0; }


.portal-ders-hdr .ders-chev { flex: none; align-self: center; }



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


.portal-ders-gorusme-ikon { display: grid; place-items: center; }








.portal-ders-gorusme.gorusme-katil { margin: 4px 14px 8px; width: calc(100% - 28px); }
.portal-yoklama { border-top: 1px solid var(--line); margin-top: 8px; }



.portal-ders .portal-odeme { border-top: 1px solid var(--line); margin-top: 8px; }
.odm-cocuk { margin-top: 10px; }






.portal-oturum {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding: 9px 14px; border-bottom: 1px solid var(--line);
}
.portal-oturum:last-child { border-bottom: none; }




.portal-oturum-tarih { font-size: 14px; flex: 1; }
.portal-oturum-bos { padding: 10px 14px; color: var(--muted); font-size: 13px; }




















.portal-oturum-kayit, .pd-son-kayit, .yoklama-oturum-kayit { flex: none; display: inline-flex; align-items: center; gap: 5px; }





.kayit-sinif-btn { flex: none; background: none; border: none; color: var(--turkuaz-dark); cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; padding: 4px 2px; }
.kayit-sinif-btn:disabled { opacity: .45; cursor: default; }




.kayit-diger-btn { flex: none; background: none; border: none; color: var(--muted); cursor: pointer; font: inherit; font-size: 18px; line-height: 1; min-width: 32px; min-height: 32px; padding: 5px 6px; border-radius: 8px; display: inline-grid; place-items: center; }
.kayit-diger-btn:active { background: var(--turkuaz-bg); }

.portal-oturum .state { cursor: default; }












.kayit-tam {
  position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.92);
  display: grid; place-items: center; padding: 16px;
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
.kayit-kutu { width: min(100%, 980px); }
.portal-oturum .state.portal-bos { color: var(--muted); min-width: 42px; text-align: center; }












.portal-ders.pd { padding: 0 0 12px; border-color: var(--turkuaz-cerceve); }
.portal-ders.pd:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }

.pd .ders-kart-avatar.pd-kapak-gorsel { width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 0; font-size: 44px; }

.pd .ders-kart-avatar.pd-kucuk-gorsel { width: 96px; height: 72px; border-radius: 8px; font-size: 22px; }
.pd-govde { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px 4px; }
.pd-govde .ders-chev { align-self: center; }
.pd-baslik { flex: 1; min-width: 0; }
.pd-manset { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.pd-kapak .pd-manset { font-size: 22px; } 
.pd-rozet { vertical-align: middle; margin-left: 6px; white-space: nowrap; }
.pd-hoca { display: flex; align-items: center; gap: 8px; margin-top: 6px; color: var(--muted); font-size: 14px; min-width: 0; }
.pd-hoca > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-hoca b { color: var(--ink); font-weight: 600; }
.pd-hoca-avatar { font-size: 12px; }
.pd-zayif { color: var(--muted); }

.pd-satirlar { padding: 8px 14px 0; display: flex; flex-direction: column; gap: 7px; }
.pd-satir { display: flex; align-items: center; gap: 10px; font-size: 14px; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: break-word; }
.pd-satir .bik { flex: none; width: 18px; height: 18px; color: var(--muted); }

.pd-sonraki { margin: 10px 14px 0; padding: 10px 12px; border-radius: 10px; background: var(--turkuaz-bg); display: flex; align-items: center; gap: 10px; }
.pd-sonraki .bik { flex: none; width: 20px; height: 20px; color: var(--turkuaz-dark); }
.pd-sonraki-ust { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--turkuaz-dark); }
.pd-sonraki-alt { font-size: 15px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.pd-sonraki-alt small { font-weight: 600; color: var(--turkuaz-dark); font-size: 13px; margin-left: 6px; }
.pd-sonraki-alt s { color: var(--muted); font-weight: 600; }
.pd-sonraki.bugun { background: var(--turkuaz); }
.pd-sonraki.bugun .bik, .pd-sonraki.bugun .pd-sonraki-ust, .pd-sonraki.bugun .pd-sonraki-alt, .pd-sonraki.bugun .pd-sonraki-alt small { color: #fff; }
.pd-sonraki.tatil { background: #f0ece3; }
.pd-sonraki.tatil .bik, .pd-sonraki.tatil .pd-sonraki-ust { color: var(--muted); }

.pd-devam { margin: 12px 14px 0; }
.pd-devam-bas { display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; color: var(--muted); }
.pd-devam-bas b { font-size: 13px; color: var(--ink); font-weight: 600; }
.pd-seg { display: flex; height: 6px; border-radius: 3px; overflow: hidden; margin: 6px 0; background: #f0ece3; }
.pd-seg i { display: block; height: 100%; }
.pd-seg .v { background: var(--var); } .pd-seg .i { background: var(--izinli); } .pd-seg .y { background: var(--yok); }
.pd-say { display: flex; gap: 14px; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.pd-say .v { color: var(--var); } .pd-say .i { color: var(--izinli); } .pd-say .y { color: var(--yok); }


.pd-uyari { margin: 8px 14px 0; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #8a2f2f; background: #fdecea; border-radius: 8px; padding: 6px 10px; }
.pd-uyari .bik { flex: none; width: 16px; height: 16px; }



.pd-son { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 10px 14px 0; font-size: 13px; color: var(--muted); }
.pd-son .state { cursor: default; }



.pd-son > span:first-child { flex: 1; }









.pd-eylem { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 14px 2px; }
.pd-eylem .btn-ghost { flex: 1 1 160px; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 7px; border-color: var(--turkuaz); color: var(--turkuaz-dark); }
.pd-eylem .btn-ghost:active { background: var(--turkuaz-bg); }
.pd-eylem .btn-ghost .bik { width: 1.1em; height: 1.1em; }












.pd .pd-eylem .btn-ghost { flex-basis: 120px; }
.pd-eylem + .pd-eylem { padding-top: 6px; }













.pd-eylem .btn-ghost { padding-left: 5px; padding-right: 5px; }








@media (max-width: 389px) { .pd .pd-eylem .btn-ghost { font-size: 14px; } }
.pd-eylem .pd-yoklama { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }







@media (hover: hover) { .pd-eylem .btn-ghost.pd-yoklama:not(:disabled):hover { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; } }
.pd-eylem .btn-ghost.pd-yoklama:not(:disabled):active { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; }
















.pd-eylem .gorusme-katil { flex: 1 1 160px; width: auto; min-width: 0; margin-top: 0; padding-left: 5px; padding-right: 5px; }
.pd .pd-eylem .gorusme-katil { flex-basis: 120px; }
@media (max-width: 389px) {
  .pd .pd-eylem .gorusme-katil { gap: 7px; }
  .pd .pd-eylem .gorusme-katil .bik { width: 1.1em; height: 1.1em; }
}






.pd-eksik { display: flex; align-items: center; gap: 8px; width: calc(100% - 28px); margin: 8px 14px 0;
  padding: 6px 10px; border: none; border-radius: 8px; background: #f5eee1; color: var(--gold-dark);
  font: inherit; font-size: 12.5px; text-align: left; cursor: pointer; }
.pd-eksik .bik { flex: none; width: 16px; height: 16px; }
.pd-eksik:active { background: #efe4cf; }
.pd-eksik:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }



.vd-talebe-ac[aria-expanded="true"] .ders-chev { transform: rotate(90deg); }


@media (max-width: 430px) {
  .user-name { display: none; }
}


.nav-item {
  border: none; background: none; color: var(--muted);
  font-weight: 600; cursor: pointer; font-family: inherit;
}
.nav-ikon { display: grid; place-items: center; }
.nav-ikon svg { width: 20px; height: 20px; }


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


























.nav-etiket { font-size: 13px; }


.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(--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(--turkuaz); }
@media (min-width: 720px) {
  







  .nav {
    



    position: fixed; left: env(safe-area-inset-left); top: var(--kabuk-ust, 58px); bottom: 0; width: 188px; z-index: 20;
    display: flex; flex-direction: column; gap: 4px; padding: 16px 12px;
    background: #fff; border-right: 1px solid var(--line);
  }
  .nav-item {
    display: flex; align-items: center; gap: 11px; text-align: left;
    padding: 11px 14px; border-radius: 10px; font-size: 14px;
    border-left: 3px solid transparent; transition: background .15s, color .15s;
  }
  .nav-item:hover { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
  .nav-item[data-on] { background: var(--turkuaz-bg); color: var(--turkuaz-dark); border-left-color: var(--turkuaz); }
  


  

















  












  body.has-nav .app, body.has-nav .footnote, body.has-nav #kisilerSerit,
  body.has-nav #filtrePanel { margin-left: 188px; }
  body.has-nav .topbar .user { display: none; } 
}
@media (max-width: 719.9px) {
  .nav {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
    display: flex; justify-content: space-around; align-items: stretch;
    background: #fff; border-top: 1px solid var(--line);
    padding-bottom: env(safe-area-inset-bottom);
    



    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  








  .nav-item {
    flex: 1; display: flex; flex-direction: column; align-items: center;
    gap: 4px; padding: 11px 2px 10px; margin: 0; border-radius: 0;
  }
  .nav-item[data-on] { color: #fff; background: var(--turkuaz); }
  .nav-etiket { font-size: 12px; font-weight: 600; letter-spacing: .01em; }
  .topbar .user { display: none; } 
  body.has-nav .footnote { display: none; }
  
  .app { scrollbar-gutter: auto; scrollbar-width: none; }
  .app::-webkit-scrollbar { display: none; }
  



  body.has-nav { padding-bottom: calc(env(safe-area-inset-bottom) + 62px); }
  body.has-nav .savebar { bottom: 0; }
  body.has-nav .footnote { padding-bottom: 72px; }
}


.back {
  background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 999px;
  padding: 8px 15px 8px 11px; font-size: 14px; font-weight: 600;
  cursor: pointer; font-family: inherit;
}
@media (hover: hover) { .back:hover { border-color: var(--turkuaz); color: var(--turkuaz-dark); } }
.back:active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }








.gezinme-oklar { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.gezinme-ok {
  border: 1px solid var(--line); background: #fff; color: var(--gold-dark);
  border-radius: 9px; width: 38px; height: 34px; font-size: 17px; font-weight: 700;
  cursor: pointer; font-family: inherit; padding: 0;
}
@media (hover: hover) { .gezinme-ok:not(:disabled):hover { border-color: var(--turkuaz); color: var(--turkuaz-dark); } }
.gezinme-ok:not(:disabled):active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.gezinme-ok:disabled { opacity: .3; cursor: default; }






.yoklama-dikey-serit { display: flex; align-items: center; gap: 8px; padding: 0 4px; margin-top: -6px; margin-bottom: 12px; }
.yoklama-dikey-sira { font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; min-width: 3.2em; text-align: center; }



.app:has(> .yoklama-dikey-serit) { overscroll-behavior-y: contain; }



.yoklama-dikey-bant {
  position: fixed; z-index: 5; height: 0; overflow: hidden; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; padding: 0 16px;
  pointer-events: none; color: var(--muted); font-size: 15px;
}
.yoklama-dikey-bant-isim { opacity: 0; transition: opacity .12s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.yoklama-dikey-bant.adli .yoklama-dikey-bant-isim { opacity: 1; }
.yoklama-dikey-bant.hazir { color: var(--turkuaz-dark); font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .yoklama-dikey-bant-isim { transition: none; } }




.detay-aksiyon { display: flex; flex-direction: column; gap: 10px; margin: 0 auto 6px; }
.btn-birincil {
  flex: 1; border: none; border-radius: 12px; padding: 13px;
  background: var(--gold); color: #fff; font-size: 15px; font-weight: 700;
  cursor: pointer; box-shadow: var(--shadow); font-family: inherit;
}
.btn-birincil:active { background: var(--gold-dark); }
.btn-ghost {
  flex: 1; border: 1px solid var(--line); border-radius: 12px; padding: 13px;
  background: #fff; color: var(--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(--turkuaz); color: var(--turkuaz-dark); } }
.btn-ghost:not(:disabled):not([aria-disabled="true"]):active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }






















.btn-ghost:disabled,
.btn-ghost[aria-disabled="true"] { opacity: .45; cursor: default; }















.btn-ghost:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }


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






.simge-btn.simge-canli { position: relative; }
.simge-btn.simge-canli::after {
  content: ""; position: absolute; top: 13px; right: 11px;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--turkuaz); box-shadow: 0 0 0 2px #fff;
}




.simge-btn.aksiyon-tehlike { color: var(--yok); }
@media (hover: hover) { .simge-btn.aksiyon-tehlike:hover { border-color: var(--yok); color: var(--yok); } }
.simge-btn.aksiyon-tehlike:active { background: #fdecea; color: var(--yok); }






.simge-btn.ders-yoklama { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }
@media (hover: hover) { .simge-btn.ders-yoklama:not(:disabled):hover { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; } }
.simge-btn.ders-yoklama:not(:disabled):active { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; }










.backbar-simgeler { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.backbar-simgeler .simge-btn { position: relative; width: 38px; height: 34px; border-radius: 9px; }
.backbar-simgeler .simge-btn .bik { width: 18px; height: 18px; }
.backbar-simgeler .simge-btn::before { content: ""; position: absolute; inset: -5px -3px; }















.backbar-simgeler .simge-btn.simge-uyari-cerceve { border-color: var(--izinli); }
.backbar-ayrac { flex: none; width: 0; height: 20px; border-left: 1px solid var(--line); opacity: .55; }




.ders-yonetim-satir .btn-ghost { flex: 0 1 calc(50% - 5px); }


.ders-yonetim-satir .btn-ghost.aksiyon-tehlike { color: var(--yok); }
@media (hover: hover) { .ders-yonetim-satir .btn-ghost.aksiyon-tehlike:hover { border-color: var(--yok); color: var(--yok); } }
.ders-yonetim-satir .btn-ghost.aksiyon-tehlike:active { background: #fdecea; color: var(--yok); }


.aksiyon-metin-satir { display: flex; flex-wrap: wrap; gap: 10px; }



.hoca-link { color: var(--turkuaz-dark); text-decoration: underline; text-underline-offset: 2px; -webkit-touch-callout: none; }
.hoca-link:active { color: var(--turkuaz); }


.bar {
  display: flex; height: 8px; border-radius: 999px; overflow: hidden;
  background: var(--line); margin-top: 7px;
}
.bar-var { background: var(--var); }
.bar-izinli { background: var(--izinli); }
.bar-yok { background: var(--yok); }
.stat-pct { color: var(--turkuaz-dark); font-weight: 700; font-size: 13px; margin-left: 6px; font-variant-numeric: tabular-nums; }
.stat-row .ders-body, .stat-talebe .ders-body { min-width: 0; flex: 1; }
.stat-ozet { padding: 14px 16px; }
.stat-talebe .talebe-name { display: block; }






.odeme-sayilar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.odeme-k-lbl { font-size: 11.5px; color: var(--muted); font-weight: 600; }
.odeme-k-val { font-size: 17px; font-weight: 800; margin-top: 3px; letter-spacing: -.3px; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.odeme-k-val small { font-size: 11px; font-weight: 600; color: var(--muted); letter-spacing: 0; margin-left: 2px; }
.odeme-k-val.kalan { color: var(--izinli); }
.odeme-ozet .bar, .odeme-ders .bar { margin-top: 12px; }
.odeme-aks { margin-bottom: 14px; }




.odeme-kirilim { margin: 0 auto 10px; }




.odeme-sayilar.burslu { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 520px) { .odeme-sayilar.burslu { grid-template-columns: repeat(4, 1fr); } }





.kat-karo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0 auto 12px; }
.kat-karo button { text-align: left; border: 1px solid var(--line); background: #fff; border-radius: 10px; padding: 8px 11px; cursor: pointer; font-family: inherit; color: var(--muted); }
.kat-karo button .odeme-k-lbl { color: inherit; }
.kat-karo button .odeme-k-val { color: inherit; font-size: 17px; margin-top: 1px; }
.kat-karo button[data-on] { background: var(--turkuaz-bg); border-color: var(--turkuaz); color: var(--turkuaz-dark); }
.kat-karo button:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }
.kat-karo.sayisiz button { padding: 10px 11px; }
.modal-alan .kat-karo.odeme-kategori { margin: 0; }




.odeme-aks .odeme-rapor-al { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }
@media (hover: hover) { .odeme-aks .odeme-rapor-al:not(:disabled):hover { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; } }
.odeme-aks .odeme-rapor-al:not(:disabled):active { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; }


.rapor-aks { margin-bottom: 14px; }
.rapor-aks .rapor-al { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }
@media (hover: hover) { .rapor-aks .rapor-al:not(:disabled):hover { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; } }
.rapor-aks .rapor-al:not(:disabled):active { background: var(--turkuaz-dark); border-color: var(--turkuaz-dark); color: #fff; }


.raporlar-kart { padding: 14px 16px; }
.raporlar-kart .save { margin-top: 4px; }

.odeme-verenler { margin-top: 10px; }

.filtre-chipler.sar { flex-wrap: wrap; overflow: visible; }
.odeme-ders { padding: 14px 16px 6px; }
.odeme-ders .odeme-sayilar { margin-top: 12px; }
.odeme-tahakkuk { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 2px 2px; }
.odeme-tahakkuk .odeme-k-lbl { font-size: 13px; }
.odeme-liste { margin-top: 6px; border-top: 1px solid rgba(128,128,128,.14); }


.odeme-ekle-satir { display: flex; justify-content: flex-end; padding: 8px 2px 6px; }





.odeme-ekle-satir .odeme-ekle { border-color: var(--turkuaz); color: var(--turkuaz-dark); }
.odeme-ekle-satir .odeme-ekle:active { background: var(--turkuaz-bg); }
.odeme-satir-ana { display: flex; flex-direction: column; min-width: 0; }
.odeme-aciklama { color: var(--muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.odeme-tutar { font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.odeme-yok { color: var(--muted); font-size: 13px; padding: 10px 2px; }

.odeme-ayrildi { opacity: .6; }

.odeme-ezilen { max-height: 40vh; overflow-y: auto; }
.odeme-ezilen-satir { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: 14px; border-bottom: 1px solid rgba(128,128,128,.14); }
.odeme-ezilen-satir:last-child { border-bottom: none; }



.odeme-ezilen-satir { align-items: center; }
.odeme-ezilen-isim { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }











.card.odeme-kart, .card.odeme-ozet { border-color: var(--turkuaz-cerceve); }




.card.odeme-kart.odeme-muaf { background: var(--bg); border-style: dashed; box-shadow: none; }



.menu-btn {
  border: none; background: none; color: var(--gold-dark);
  cursor: pointer; padding: 2px; display: grid; place-items: center; flex: none;
}
.menu-btn svg { width: 24px; height: 24px; display: block; }







.menu-btn::before { content: ""; position: absolute; inset: -8px; }




.nav-hesap-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 8px; }






.drawer-wrap { position: fixed; inset: 0; z-index: 60; }
.drawer-bg { position: absolute; inset: 0; background: rgba(40, 30, 10, .35); }
.drawer, .platform-menu {
  position: absolute; top: 0; bottom: 0; width: 250px;
  background: #fff;
  padding: calc(env(safe-area-inset-top) + 16px) 12px 16px;
  display: flex; flex-direction: column; gap: 2px; overflow-y: auto;
}




.drawer { left: 0; box-shadow: 4px 0 24px rgba(40,30,10,.15); padding-left: calc(env(safe-area-inset-left) + 12px); }
.platform-menu { right: 0; box-shadow: -4px 0 24px rgba(40,30,10,.15); padding-right: calc(env(safe-area-inset-right) + 12px); }
.drawer-baslik {
  font-size: 13px; color: var(--muted); text-transform: uppercase;
  letter-spacing: .04em; padding: 4px 14px 10px;
}
.drawer-item {
  display: flex; align-items: center; gap: 13px; text-align: left;
  border: none; background: none; color: var(--ink); font-size: 15px;
  font-weight: 600; cursor: pointer; padding: 12px 14px; border-radius: 10px;
  font-family: inherit; transition: background .15s, color .15s;
}
.drawer-item:hover, .drawer-item:active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }


.drawer-ayrac {
  height: 0; margin: 8px 15px; border-top: 1px solid var(--line); opacity: .55;
}

.menu-badge {
  margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--yok); color: #fff; border-radius: 999px;
  font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums;
}


.drawer-versiyon {
  margin-top: 10px; padding: 10px 14px 2px;
  border-top: 1px solid var(--line); text-align: center;
  font-size: 11.5px; color: var(--muted); opacity: .6;
  font-variant-numeric: tabular-nums; user-select: none;
}





.drawer-guncelle-btn {
  display: block; margin: 10px auto 0; border: none; cursor: pointer;
  font-family: inherit; font-size: 12.5px; font-weight: 800;
  padding: 6px 18px; border-radius: 999px;
  background: #2eff6e; color: #063613; 
  box-shadow: 0 0 0 0 rgba(46,255,110,.55), 0 0 10px 1px rgba(46,255,110,.55);
  animation: guncelle-isik 2.2s ease-in-out infinite;
}
.drawer-guncelle-btn:disabled { cursor: default; opacity: .75; animation: none; }
.drawer-guncelle-btn:active:not(:disabled) { background: #22e05e; }
@keyframes guncelle-isik {
  0%, 100% { box-shadow: 0 0 0 0 rgba(46,255,110,.55), 0 0 10px 1px rgba(46,255,110,.55); }
  50% { box-shadow: 0 0 0 6px rgba(46,255,110,0), 0 0 16px 4px rgba(46,255,110,.8); }
}
@media (prefers-reduced-motion: reduce) {
  
  .drawer-guncelle-btn { animation: none; box-shadow: 0 0 10px 2px rgba(46,255,110,.65); }
}

.menu-btn { position: relative; }
.menu-btn.has-dot::after {
  content: ""; position: absolute; top: 3px; right: 4px;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--yok); box-shadow: 0 0 0 2px var(--bg);
}


.kisi-kart { padding: 18px 16px; }
.kisi-ust { display: flex; align-items: center; gap: 14px; }
.avatar-buyuk { width: 56px; height: 56px; font-size: 20px; }
.kisi-isim { margin: 0 0 2px; font-size: 22px; font-weight: 700; }
.iletisim { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ilet-btn {
  text-decoration: none; background: #f5eee1; color: var(--gold-dark);
  border-radius: 999px; padding: 9px 14px; font-size: 13px; font-weight: 700;
}
.ilet-btn:active { background: var(--gold); color: #fff; }










.ilet-btn:disabled { opacity: .45; cursor: default; }
.ilet-btn:disabled:active { background: #f5eee1; color: var(--gold-dark); }
.uyelik-rol { font-size: 11px; color: var(--muted); font-weight: 600; margin-left: 4px; }


.ders-ok { color: var(--muted); font-size: 20px; flex: none; padding-left: 6px; align-self: center; }


.ders.bekleyen-belge-statik { cursor: default; }
.ders.bekleyen-belge-statik:active { background: transparent; }


.foto-alan { margin-top: 12px; }
.foto-degistir {
  border: 1px solid var(--line); border-radius: 999px; padding: 8px 14px;
  background: #fff; color: var(--ink); font-size: 13px; font-weight: 600;
  cursor: pointer; font-family: inherit;
}
@media (hover: hover) { .foto-degistir:hover { border-color: var(--turkuaz); color: var(--turkuaz-dark); } }
.foto-degistir:active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.foto-degistir:disabled { opacity: .6; cursor: default; }
.foto-hata { color: var(--yok); font-size: 13px; margin-top: 8px; }


.grup-baslik {
  font-size: 14px; font-weight: 700; color: #625b4c;
  margin: 16px 4px 8px;
}



.app > .grup-baslik { margin-left: auto; margin-right: auto; padding: 0 4px; }






.ytk-ns { margin-bottom: 14px; }
.ytk-izgara { display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
.ytk-izgara > .card { margin-bottom: 0; }
@media (min-width: 900px) { .ytk-izgara { display: grid; grid-template-columns: 1fr 1fr; } }
.ytk-kart { padding: 16px; display: flex; flex-direction: column; gap: 12px; cursor: pointer; }
.ytk-kart.ytk-pasif .ytk-isim, .ytk-kart.ytk-pasif .ytk-yigin { opacity: .6; }
.ytk-ust { display: flex; align-items: center; gap: 12px; }
.ytk-ust-metin { flex: 1; min-width: 0; }
.ytk-isim { font-weight: 700; font-size: 16px; }
.ytk-alt { font-size: 13px; color: var(--muted); margin-top: 2px; }
.ytk-yigin { display: flex; align-items: center; gap: 4px; }
.ytk-yigin .avatar { width: 28px; height: 28px; font-size: 10px; }
.ytk-arti { margin-left: 8px; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
.ytk-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.ytk-cipler:empty { display: none; }
.ytk-cip { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 12.5px; padding: 5px 10px; border: none; border-radius: 999px; background: #f2ede2; color: var(--gold-dark); font-weight: 600; }
button.ytk-cip { cursor: pointer; }
.ytk-cip-sure { font-weight: 500; color: var(--muted); }
.ytk-cip.ytk-yakin { background: #fbeaea; color: var(--yok); }
.ytk-cip.ytk-yakin .ytk-cip-sure { color: var(--yok); }
.ytk-cip.ytk-bos { background: none; border: 1px dashed var(--line); color: var(--muted); font-weight: 500; }
.ytk-alt-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ytk-ver { margin-left: auto; border: 1px solid var(--line); background: #fff; border-radius: 10px; padding: 8px 12px; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--turkuaz-dark); cursor: pointer; }
.ytk-ver:active { background: var(--turkuaz-bg); }
.ytk-ilk { width: 100%; padding: 13px; border-radius: 12px; font-size: 15px; margin-bottom: 16px; }
.ytk-ikincil { display: flex; gap: 8px; margin-bottom: 16px; }
.ytk-ikincil .btn-ghost { padding: 10px; font-size: 14px; }
.ytk-ikincil .bik, .ytk-uye-cip .bik { width: 15px; height: 15px; display: inline-block; vertical-align: -2px; }
.ytk-bas { margin-bottom: 14px; padding: 0 4px; }
.ytk-bas-isim { font-size: 20px; font-weight: 700; }
.ytk-bas-alt { font-size: 13.5px; color: var(--muted); margin-top: 3px; }
.ytk-eylem { display: flex; gap: 10px; margin-bottom: 16px; }
.ytk-eylem .ekle-btn { flex: 1.4; padding: 12px; border-radius: 12px; font-size: 15px; }
.ytk-eylem .btn-ghost { flex: 1; padding: 12px; }
.ytk-gerekce { font-size: 12.5px; color: var(--muted); margin-top: 4px; font-style: italic; }
.ytk-not-satir { display: block; border: none; background: none; font: inherit; font-size: 13px; color: var(--muted); text-align: center; margin-bottom: 14px; cursor: pointer; }
.ytk-ek-bag { margin: 0 auto; padding: 6px 4px; }
.ytk-etki { font-size: 13px; color: var(--ink); background: #f2ede2; border-radius: 10px; padding: 8px 12px; }
.ytk-secilen { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ytk-secilen:empty { display: none; }
.ytk-uye-cip { padding: 3px 10px 3px 3px; cursor: pointer; }
.ytk-uye-cip .avatar { width: 24px; height: 24px; font-size: 9.5px; }
.ytk-ara-sonuc:empty { display: none; }
.ytk-ara-sonuc { margin-top: 6px; }



.ytk-cip.ytk-kendi { background: #f0efe9; color: var(--muted); }
.ytk-cip .bik { width: 13px; height: 13px; }
.ytk-kilit-baslik .bik { width: 14px; height: 14px; vertical-align: -2px; color: var(--muted); }
.ytk-kendi-kart { padding: 14px 16px; display: flex; flex-direction: column; gap: 14px; }
.ytk-kendi-bolum > .ytk-alt { margin: 0 0 8px; }











.agac-satir { display: flex; align-items: stretch; min-height: 40px; padding-left: calc(6px + var(--d, 0) * 16px); }
.agac > .agac-satir:first-child { border-bottom: 1px solid var(--line); margin-bottom: 4px; padding-bottom: 4px; }
.agac-ac {
  flex: none; width: 36px; border: none; background: none; color: var(--muted);
  cursor: pointer; display: grid; place-items: center; padding: 0; font-family: inherit;
}
.agac-ac .bik { width: 18px; height: 18px; transition: transform .15s; }
.agac-ac[aria-expanded="false"] .bik { transform: rotate(-90deg); }
.agac-ac-bos { cursor: default; }
.agac-dugum {
  flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px;
  border: none; background: none; text-align: left; padding: 0 12px 0 0; margin-right: 8px;
  font-family: inherit; font-size: 14px; font-weight: 600; color: var(--ink);
  cursor: pointer; border-radius: 8px;
}
.agac-dugum:active { background: var(--turkuaz-bg); }
@media (hover: hover) { .agac-dugum:hover { background: var(--turkuaz-bg); } }
.agac-etiket { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agac-tumu .agac-etiket { font-weight: 700; }
.agac-sayi { margin-left: auto; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .agac-ac .bik { transition: none; } }
.ytk-agac { border: 1px solid var(--line); border-radius: 9px; padding: 4px 0; max-height: min(52vh, 440px); overflow-y: auto; overscroll-behavior: contain; }
.ytk-agac-ara { margin-bottom: 8px; }
.modal-alan .ytk-agac label.agac-dugum { display: flex; margin: 0; font-size: 14px; color: var(--ink); }
.ytk-agac-kutu { width: 18px; height: 18px; margin: 0; flex: none; accent-color: var(--turkuaz); }
.ytk-agac-metin { min-width: 0; display: flex; flex-direction: column; padding: 6px 0; }
.ytk-agac-alt { font-size: 12.5px; font-weight: 400; color: var(--muted); margin-top: 1px; }
.ytk-agac-yaprak { font-weight: 400; }
.ytk-agac .dev-rozet { flex: none; }
.modal-alan .ytk-agac label.ytk-agac-pasif, .modal-alan .ytk-agac label.ytk-agac-kilit { cursor: default; background: none; }
.ytk-agac-pasif .agac-etiket, .ytk-agac-pasif .ytk-agac-kutu, .ytk-agac-pasif .agac-sayi { opacity: .5; }
.ytk-agac .sec-bos { border-bottom: none; }
.ytk-agac .ytk-not-satir { margin: 10px auto; }
.ytk-yetki-kart { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; cursor: pointer; }
.ytk-yetki-ust { display: flex; align-items: center; gap: 12px; }
.ytk-yetki-ust .ders-icon { width: 36px; height: 36px; }
.ytk-kaynak { align-items: flex-start; }
.ytk-kaynak-ikon { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: #f2ede2; color: var(--gold-dark); flex: none; }
.ytk-kaynak-ikon svg { width: 16px; height: 16px; }
.ders-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(338px, 1fr)); gap: 12px; }
.ders-kart {
  display: flex; align-items: center; gap: 12px; padding: 11px 14px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow); overflow: hidden; cursor: pointer;
  transition: box-shadow .18s, transform .18s, border-color .18s;
}
.ders-kart:active { border-color: var(--turkuaz); background: rgba(0,163,191,.05); }
@media (hover: hover) { .ders-kart:hover { box-shadow: var(--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(--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(--muted); font-size: 13px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }


.dev-filtre { display: flex; align-items: center; gap: 8px; margin: 0 auto 4px; }
.dev-stepper { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.dev-stepper .dev-n { min-width: 18px; text-align: center; font-variant-numeric: tabular-nums; }
.dev-adim {
  border: 1px solid var(--line); background: #fff; color: var(--gold-dark);
  border-radius: 999px; width: 22px; height: 22px; padding: 0; line-height: 1;
  font-size: 14px; font-weight: 700; cursor: pointer;
  display: grid; place-items: center; font-family: inherit;
}
.dev-adim:active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }


.dev-rozet {
  font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px;
  margin-left: 4px; white-space: nowrap; font-variant-numeric: tabular-nums;
}
.dev-agir { background: #fbeaea; color: var(--yok); }
.dev-orta { background: #fdf3e4; color: var(--izinli); }
.dev-onay { background: #e9f5ee; color: var(--var); }


.dev-gri { background: #f0efe9; color: var(--muted); }


.surekli-rozet {
  font-size: 10.5px; font-weight: 700; background: var(--turkuaz-bg); color: var(--turkuaz-dark);
  border-radius: 10px; padding: 1px 7px; vertical-align: middle;
}


.gunluk-satir { padding: 10px 16px; border-bottom: 1px solid var(--line); }
.gunluk-satir:last-child { border-bottom: none; }


.gunluk-kaydir { max-height: 320px; overflow-y: auto; } 
.gunluk-ust { font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
.gunluk-ust b { color: var(--ink); font-weight: 600; }
.gunluk-metin { font-size: 14px; margin-top: 2px; }
.gunluk-ok { color: var(--muted); }
.gunluk-ozet { font-size: 12.5px; color: var(--muted); margin-top: 2px; line-height: 1.4; }
.gunluk-kaydeden { font-size: 11.5px; color: var(--muted); opacity: .8; margin-top: 3px; }


.alan-aciklama { margin-top: 4px; font-size: 12px; color: var(--muted); line-height: 1.35; }







.tarih-serit {
  display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
  background: var(--card); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: var(--shadow); padding: 8px 10px;
}
.tarih-ok {
  border: 1px solid var(--line); background: #fff; color: var(--gold-dark);
  border-radius: 9px; width: 38px; height: 34px; font-size: 17px; font-weight: 700; cursor: pointer;
}
.tarih-ok:disabled { opacity: .3; cursor: default; }
.tarih-orta { flex: 1; text-align: center; font-size: 14px; }
.tarih-bugun {
  font-size: 11px; font-weight: 700; background: #eaf6ee; color: var(--var);
  border-radius: 999px; padding: 2px 8px; margin-left: 4px;
}
.tarih-bugune {
  border: none; background: none; color: var(--gold-dark); font-size: 12px;
  font-weight: 600; cursor: pointer; text-decoration: underline; margin-left: 6px;
}












.yoklama-gun-bandi {
  margin-bottom: 12px; padding: 8px 12px; border-radius: 8px; font-size: 13px; line-height: 1.45;
  color: var(--sezon-amber-ink); background: var(--sezon-amber-bg); border: 1px solid var(--sezon-amber-line);
}
.yoklama-gun-bandi-alt { display: block; margin-top: 4px; font-size: 12px; opacity: .78; }





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















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






.bos + .btn-ghost { display: block; width: calc(100% - 28px); margin: 0 14px 16px; }














.yoklama-kilit-not {
  text-align: left; font-size: 13.5px; line-height: 1.4;
  color: var(--ink); background: var(--card);
  border: 1px solid var(--line); border-left: 3px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--shadow);
  padding: 12px 14px; margin-bottom: 14px;
}







.yoklama-kilit-not-alt { display: block; margin-top: 4px; font-size: 12px; opacity: .78; }



.yoklama-kilit-not .btn-ghost { display: block; width: 100%; margin-top: 12px; }


.ekle-input {
  flex: 1; border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px;
  font-size: 14px; font-family: inherit; outline: none;
}
.ekle-input:focus { border-color: var(--gold-light); }









.ekle-input[readonly] { background: var(--bg); color: var(--muted); }




.ekle-input:disabled, .modal-alan .ekle-input:disabled { background: var(--bg); color: var(--muted); cursor: default; }
.ekle-btn {
  border: none; background: var(--gold); color: #fff; border-radius: 9px;
  padding: 9px 14px; font-size: 14px; font-weight: 700; cursor: pointer;
}
.ekle-btn:active { background: var(--gold-dark); }



.ekle-btn:disabled { opacity: .45; cursor: default; }
.ekle-btn:disabled:active { background: var(--gold); }
.modal-onay.tehlike:disabled:active { background: var(--yok); }
.sil-btn {
  border: none; background: none; font-size: 16px; cursor: pointer;
  opacity: .55; padding: 6px;
}
.sil-btn:hover, .sil-btn:active { opacity: 1; }


.tasima-btn {
  border: none; background: none; cursor: pointer; opacity: .55; padding: 6px;
  color: var(--turkuaz-dark, inherit); display: flex; align-items: center;
}
.tasima-btn:hover, .tasima-btn:active { opacity: 1; }
.tasima-btn .bik { width: 18px; height: 18px; }




.uyelik-btn {
  border: none; background: none; cursor: pointer; opacity: .55; padding: 6px;
  color: var(--muted); display: flex; align-items: center;
  



  flex: none;
}
.uyelik-btn:hover, .uyelik-btn:active { opacity: 1; }
.uyelik-btn .bik { width: 18px; height: 18px; }



.uyelik-ozet { white-space: nowrap; }
.sureksiz-rozet {
  font-size: 10.5px; font-weight: 700; color: var(--muted);
  background: var(--line); border-radius: 10px; padding: 1px 7px; vertical-align: middle;
  white-space: nowrap;
}







.brans-sira-btn {
  border: none; background: none; cursor: pointer; opacity: .55; padding: 6px;
  color: var(--muted); display: flex; align-items: center;
}
.brans-sira-btn .bik { width: 16px; height: 16px; }
.brans-sira-btn:hover, .brans-sira-btn:active { opacity: 1; }
.brans-sira-btn:disabled, .brans-sira-btn:disabled:hover, .brans-sira-btn:disabled:active {
  opacity: .2; cursor: default;
}



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








.ders-derssiz .avatar { opacity: .55; }
.ders-derssiz .ders-title { color: var(--muted); }
.ders-derssiz .ders-sub { opacity: .7; }




.talebe-dis-kayit .avatar { opacity: .55; }
.talebe-dis-kayit .talebe-name { color: var(--muted); }









.talebe[data-red="1"] { box-shadow: inset 3px 0 0 var(--yok); }
.yoklama-red-rozet { background: var(--yok); color: #fff; }






.talebe-ad-btn {
  flex: 1; min-width: 0; text-align: left; border: none; background: none; padding: 0;
  font: inherit; font-size: 15px; color: inherit; cursor: pointer;
}
.talebe-ad-btn:active { opacity: .6; }




.gun-skor {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 2px 4px 10px; font-size: 12.5px; color: var(--muted);
}
.gun-skor[hidden] { display: none; }













.yoklama-kayit {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  padding: 2px 4px 10px;
}
.yoklama-kayit .baslik-btn { margin-left: 0; }
.gun-skor-bar {
  display: flex; flex: 1 1 120px; min-width: 90px; height: 6px;
  border-radius: 3px; overflow: hidden; background: var(--line);
}
.gun-skor-dilim[data-durum="var"]    { background: var(--var); }
.gun-skor-dilim[data-durum="izinli"] { background: var(--izinli); }
.gun-skor-dilim[data-durum="yok"]    { background: var(--yok); }
.gun-skor-metin { display: flex; gap: 10px; flex: none; }
.gun-skor-metin b { font-weight: 700; }
.gun-skor-metin b[data-durum="var"]    { color: var(--var); }
.gun-skor-metin b[data-durum="izinli"] { color: var(--izinli); }
.gun-skor-metin b[data-durum="yok"]    { color: var(--yok); }
.gun-skor-ek, .gun-skor-bos { flex: none; }



.kisi-gecmis-ozet { font-size: 13px; line-height: 1.6; margin-bottom: 2px; }
.kisi-gecmis-sezon { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
.kisi-gecmis .portal-oturum-tarih { flex: 1; }
.kisi-gecmis-secili { background: rgba(128, 128, 128, .08); border-radius: 6px; }
.kisi-gecmis-bekliyor {
  font-size: 10.5px; font-weight: 700; color: var(--muted);
  background: var(--line); border-radius: 10px; padding: 1px 7px; margin-right: 6px;
}

.tekrar-ekle-btn {
  border: 1px solid var(--turkuaz-dark, var(--line)); background: none; cursor: pointer;
  color: var(--turkuaz-dark, inherit); font-size: 12.5px; font-weight: 600;
  border-radius: 8px; padding: 5px 10px; white-space: nowrap;
}
.tekrar-ekle-btn:hover, .tekrar-ekle-btn:active { background: var(--turkuaz-bg); }
body.onizlemede .tekrar-ekle-btn { display: none !important; }


.fab {
  





  position: fixed; right: calc(env(safe-area-inset-right) + 20px); bottom: calc(env(safe-area-inset-bottom) + 20px);
  width: 56px; height: 56px; border-radius: 16px; border: none; z-index: 30;
  background: var(--turkuaz); color: #fff; font-size: 26px; font-weight: 700;
  box-shadow: 0 4px 14px rgba(0,163,191,.38); cursor: pointer;
}
.fab:active { background: var(--turkuaz-dark); }
@media (max-width: 719.9px) {
  body.has-nav .fab { bottom: calc(env(safe-area-inset-bottom) + 78px); }
}




.app:has(> .fab) { padding-bottom: calc(env(safe-area-inset-bottom) + 92px); }
@media (max-width: 719.9px) {
  body.has-nav .app:has(> .fab) { padding-bottom: calc(env(safe-area-inset-bottom) + 150px); }
}












body.yg-kucuk { --yg-serit: 52px; }
@media (max-width: 719.9px) {
  body.has-nav.yg-kucuk { padding-bottom: calc(env(safe-area-inset-bottom) + 62px + var(--yg-serit)); }
  body.has-nav.yg-kucuk .fab { bottom: calc(env(safe-area-inset-bottom) + 78px + var(--yg-serit)); }
}
@media (min-width: 720px) {
  body.yg-kucuk { padding-bottom: var(--yg-serit); }
  body.yg-kucuk .fab { bottom: calc(env(safe-area-inset-bottom) + 20px + var(--yg-serit)); }
}
.modal-wrap { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; }
.modal-bg { position: absolute; inset: 0; background: rgba(40,30,10,.35); }






.modal {
  position: relative; width: min(92vw, 360px);
  background: #fff; border-radius: 14px; box-shadow: 0 10px 40px rgba(40,30,10,.3);
  padding: 20px;
  max-height: 90vh; max-height: 90dvh; display: flex; flex-direction: column;
}
.modal-baslik { font-weight: 700; font-size: 16px; margin-bottom: 12px; flex: none; }

.modal-govde { overflow-y: auto; flex: 1 1 auto; min-height: 0; }
.modal .ekle-input { width: 100%; }
.modal-btns { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; flex: none; }



.dugme-eksik { color: var(--muted); font-size: 12.5px; line-height: 1.5; text-align: center; margin-top: 10px; flex: none; }
.modal-btns + .dugme-eksik { text-align: right; }
.modal-vazgec {
  border: 1px solid var(--line); background: #fff; color: var(--muted);
  border-radius: 9px; padding: 9px 14px; font-size: 14px; font-weight: 600; cursor: pointer;
}

.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(--ink); }
.mesgul-spin { width: 18px; height: 18px; border: 2.5px solid var(--line); border-top-color: var(--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(--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(--line); }
.mesgul-vazgec:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }


.onay-mesaj { margin: 2px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink); }
.modal-onay.tehlike { background: var(--yok); }
.modal-onay.tehlike:active { background: #b23636; }

.modal-alan { margin-bottom: 10px; }

.modal-hata { margin: -4px 0 10px; color: var(--yok); font-size: 12.5px; line-height: 1.35; }
.modal-alan label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 4px; }
.modal select.ekle-input, .modal-alan .ekle-input { width: 100%; background: #fff; }
.modal-alan label.secim-satir { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink); margin: 0; cursor: pointer; }
.modal-alan label.secim-satir input { width: auto; }










.modal-alan label.bk-radio { display: inline-flex; align-items: center; font-size: 14px; color: var(--ink); margin: 0; }









.gorsel-gizli:not(:focus):not(:focus-within) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}



.modal-alan label.bosalt-secim { display: flex; align-items: flex-start; gap: 7px; margin: 6px 0 0; font-size: 12.5px; line-height: 1.35; color: var(--yok); cursor: pointer; }
.modal-alan label.bosalt-secim input { width: auto; flex: none; margin-top: 2px; }
.gun-secim { display: flex; flex-wrap: wrap; gap: 6px; }
.gun-secim label.gun-kutu { display: flex; align-items: center; gap: 5px; font-size: 13px; color: var(--ink); margin: 0; padding: 5px 9px; border: 1px solid var(--line, #ddd); border-radius: 8px; background: #fff; cursor: pointer; }


.gun-secim label.gun-kutu input { width: auto; margin: 0; accent-color: var(--turkuaz); }
.gun-secim label.gun-kutu:has(input:checked) { background: var(--turkuaz-bg); border-color: var(--turkuaz); color: var(--turkuaz-dark); }



.modal-ders-form { width: min(94vw, 460px); }
.modal-bolum-baslik {
  font-size: 14px; font-weight: 700; color: #625b4c;
  margin: 18px 0 8px;
}

.modal-bolum:first-child .modal-bolum-baslik { margin-top: 0; }



.ders-form-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); gap: 0 10px; }


.pencere-liste { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.pencere-satir { border: 1px solid var(--line); border-radius: 9px; padding: 8px; }
.pencere-ust { display: flex; align-items: center; gap: 6px; }
.pencere-ust .pencere-sezon { flex: 1; }
.pencere-alt { display: flex; gap: 6px; margin-top: 6px; }
.pencere-alt input { flex: 1; min-width: 0; }



.pencere-hata { margin: 6px 0 0; }




.uyelik-liste { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.uyelik-satir { border: 1px solid var(--line); border-radius: 9px; padding: 8px; }
.uyelik-alanlar { display: flex; gap: 6px; align-items: flex-end; }
.uyelik-alan { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.uyelik-alan span { font-size: 11.5px; color: var(--muted); }
.uyelik-alan input { width: 100%; }
.uyelik-hata { margin: 6px 0 0; }






.pano-serit {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 12px 14px; border-radius: 10px; border-left: 4px solid transparent;
}
.pano-serit-simge, .pano-serit-gorsel {
  flex: none; width: 34px; height: 34px; display: grid; place-items: center;
}
.pano-serit-simge svg { width: 22px; height: 22px; }
.pano-serit-gorsel { border-radius: 8px; overflow: hidden; }
.pano-serit-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pano-serit-govde { min-width: 0; flex: 1; }
.pano-serit-baslik { font-weight: 700; font-size: 14px; margin-bottom: 2px; }





.pano-serit-metin { font-size: 13px; line-height: 1.4; }
.pano-serit-metin p { margin: 0 0 6px; }
.pano-serit-metin p:last-child { margin-bottom: 0; }
.pano-serit-metin ul, .pano-serit-metin ol { margin: 4px 0; padding-left: 20px; }
.pano-serit-metin li { margin: 1px 0; }
.pano-serit-metin a { color: inherit; text-decoration: underline; }
.pano-serit-kompakt { padding: 8px 10px; gap: 8px; }
.pano-serit-kompakt .pano-serit-simge, .pano-serit-kompakt .pano-serit-gorsel { width: 26px; height: 26px; }
.pano-serit-kompakt .pano-serit-simge svg { width: 16px; height: 16px; }
.pano-serit-kompakt .pano-serit-baslik { font-size: 12.5px; }
.pano-serit-kompakt .pano-serit-metin {
  font-size: 12px; overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  white-space: normal;
}




.pano-liste { padding: 6px 10px; }
.pano-satir { display: flex; align-items: center; gap: 10px; padding: 6px 4px; min-height: 44px; cursor: pointer; }
.pano-satir + .pano-satir { border-top: 1px solid #f1eee7; }
.pano-satir .pano-serit { flex: 1 1 190px; min-width: 0; }
.pano-satir-gecmis { opacity: .55; }
.pano-satir-meta { flex: none; text-align: right; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.pano-satir-alt { margin-top: 4px; }
.pano-durum-rozet {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}
.pano-durum-aktif { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.pano-durum-gelecek { background: #f2ede2; color: var(--gold-dark); }
.pano-durum-gecmis { background: var(--line); color: var(--muted); }
.pano-satir .ders-chev { flex: none; }




.pano-detay-onizleme { padding: 10px; }
.pano-kunye { padding: 2px 14px; }
.pano-kunye-satir { display: flex; gap: 12px; padding: 10px 0; font-size: 13.5px; }
.pano-kunye-satir + .pano-kunye-satir { border-top: 1px solid var(--line); }
.pano-kunye-etiket { flex: none; width: 92px; color: var(--muted); }
.pano-kunye-deger { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.pano-kunye-blok { flex-direction: column; gap: 4px; }
.pano-kunye-metin { white-space: pre-wrap; line-height: 1.5; }



.modal-pano-form { width: min(94vw, 420px); }
.pano-tema-secim, .pano-ikon-secim { display: flex; flex-wrap: wrap; gap: 6px; }
.pano-tema-pil {
  position: relative; display: flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 8px; border: 2px solid transparent;
  cursor: pointer; font-size: 12.5px; font-weight: 600; line-height: 1.2;
}
.pano-tema-pil input { position: absolute; opacity: 0; width: 0; height: 0; }
.pano-tema-pil:has(input:checked) { border-color: currentColor; }
.pano-ikon-pil {
  position: relative; display: grid; place-items: center; width: 40px; height: 40px;
  border-radius: 8px; border: 1px solid var(--line); background: #fff; cursor: pointer; color: var(--ink);
}
.pano-ikon-pil input { position: absolute; opacity: 0; width: 0; height: 0; }
.pano-ikon-pil .pano-ikon-svg svg { display: block; width: 20px; height: 20px; }
.pano-ikon-pil:has(input:checked) { border-color: var(--turkuaz-dark); background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.pano-ikon-pil.pano-ikon-yok { width: auto; padding: 0 10px; font-size: 11px; font-weight: 600; color: var(--muted); }
.pano-onizleme-yuva { border: 1px dashed var(--line); border-radius: 10px; padding: 2px; }
.pano-metin-sayac { text-align: right; }






.modal-ders-sec { width: min(94vw, 480px); }





.dbl-liste { border: 1px solid var(--line); border-radius: 9px; }
.dbl-liste .sec-satir.sec-zengin { cursor: default; align-items: flex-start; }
.dbl-kisi .sec-ad { white-space: normal; }
.dbl-liste .sec-satir.dbl-kisi-tek { align-items: center; } 
.dbl-odeme { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; row-gap: 2px; margin-top: 3px; font-size: 12px; font-weight: 400; line-height: 1.4; color: var(--ink); font-variant-numeric: tabular-nums; }
.dbl-odeme > span:nth-child(odd) { color: var(--muted); }
.dbl-odeme-yok { margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--muted); }
.dbl-cakisma .gunluk-ust, .dbl-cakisma .gunluk-ust b, .dbl-cakisma .gunluk-metin { color: var(--yok); }
.dbl-notlar { margin: 0 0 10px; font-size: 13px; line-height: 1.45; }
.dbl-notlar > div + div { margin-top: 4px; }
.dbl-engeller { background: #fbeaea; color: var(--yok); border-radius: 9px; padding: 10px 12px; }
.dbl-uyarilar { color: var(--izinli); }

.merkez-switch { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.merkez-switch button {
  border: 1px solid var(--line); background: #fff; color: var(--muted);
  border-radius: 999px; padding: 6px 13px; font-size: 13px; font-weight: 600;
  cursor: pointer; font-family: inherit;
}
.merkez-switch button.aktif { background: var(--turkuaz-bg); color: var(--turkuaz-dark); border-color: var(--turkuaz); }










.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; }






















.icazet-form {
  border: 1px solid var(--line); border-radius: 14px; background: var(--card);
  padding: 14px 16px; margin-top: 10px;
}
.icazet-form-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.icazet-form-baslik { font-weight: 700; font-size: 14.5px; color: var(--ink); }
.icazet-form-kapat {
  border: none; background: transparent; color: var(--muted); font-size: 16px;
  line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: 6px; font-family: inherit;
}
.icazet-form-kapat:hover { background: var(--wash); color: var(--gold-dark); }

.icazet-tur-pillgrup { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 6px; }
.icazet-tur-pill {
  font: inherit; font-size: 13.5px; font-weight: 600; padding: 7px 15px; border-radius: 999px;
  cursor: pointer; border: 1px solid var(--line); background: var(--card); color: var(--gold-dark);
  transition: border-color .15s, background .15s;
}
.icazet-tur-pill:hover { border-color: var(--gold-light); }
.icazet-tur-pill[aria-pressed="true"] {
  border-color: var(--gold); background: var(--wash); box-shadow: 0 0 0 3px rgba(156,120,60,.12);
}

























.yukleme-kuyruk { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line); }
.yukleme-kuyruk-bas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.yukleme-kuyruk-sayac {
  flex: 1; min-width: 0; font-size: 13px; font-weight: 700; color: var(--ink);
  font-variant-numeric: tabular-nums;
}




.yukleme-kuyruk-iptal,
.yukleme-kuyruk-tekrar { flex: 0 0 auto; padding: 6px 12px; font-size: 12.5px; border-radius: 999px; }
.yukleme-kuyruk-liste {
  margin-top: 6px; max-height: 220px; overflow-y: auto;
  border: 1px solid var(--line); border-radius: 10px; background: var(--card);
}
.yukleme-kuyruk-satir { cursor: default; font-size: 13px; font-weight: 500; gap: 8px; }
.yukleme-kuyruk-satir[data-durum="hata"] { color: var(--yok); font-weight: 600; }
.yukleme-kuyruk-satir[data-durum="bitti"] { color: var(--var); }
.yukleme-kuyruk-satir[data-durum="iptal"] { color: var(--muted); }
.yukleme-kuyruk-durum { flex: 0 0 16px; text-align: center; font-weight: 700; }



.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(--line); background: #fff; color: var(--muted);
  border-radius: 999px; padding: 6px 4px; font-size: 12.5px; font-weight: 600;
  cursor: pointer; font-family: inherit; }
.galeri-tab.aktif { background: var(--turkuaz-bg); color: var(--turkuaz-dark); border-color: var(--turkuaz); }
.galeri-govde { min-height: 120px; }
.galeri-bos { padding: 30px 6px; text-align: center; color: var(--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(--line); border-radius: 12px; text-decoration: none; color: var(--ink); }
.galeri-belge-satir:active { background: var(--line); }
.galeri-link-satir { padding: 8px 2px; border-bottom: 1px solid var(--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(--muted); margin-top: 2px; }
.ders-sec-ara { margin-bottom: 10px; }







.ders-sec-kart { cursor: pointer; flex: none; padding: 0; gap: 0; align-items: stretch; overflow: hidden; }

.ders-sec-kart .ders-kart-avatar {
  width: auto; min-width: 56px; height: 80px; aspect-ratio: auto; align-self: stretch;
  display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 0;
}
.ders-sec-kart .ders-kart-avatar.resimli { min-width: 0; font-size: 0; background: none; }
.ders-sec-kart .avatar-img { position: static !important; inset: auto !important; width: auto !important; height: 100% !important; object-fit: contain !important; border-radius: 0; }
.ders-sec-kart .ders-kart-body { padding: 14px 16px; }
.ders-sec-kart .ders-kart-ad { font-size: 16px; }
.ders-sec-kart .ders-kart-alt { font-size: 14px; margin-top: 4px; }
.ders-sec-kart.secili { border-color: var(--turkuaz); background: var(--turkuaz-bg); box-shadow: 0 0 0 2px var(--turkuaz) inset; }


.sec-liste { max-height: 46vh; max-height: 46dvh; overflow-y: auto; border: 1px solid var(--line); border-radius: 9px; }
.sec-satir { padding: 9px 12px; font-size: 14px; font-weight: 600; cursor: pointer; border-bottom: 1px solid #f1eee7; }
.sec-satir:last-child { border-bottom: none; }
.sec-satir[data-on] { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.sec-alt { display: block; font-size: 12px; font-weight: 400; color: var(--muted); overflow: hidden; text-overflow: ellipsis; }
.sec-bos { cursor: default; color: var(--muted); font-weight: 400; font-size: 13px; }


.foto-secenekler { display: flex; flex-direction: column; gap: 8px; }
.foto-secenekler .btn-ghost { text-align: left; }


.foto-secenekler .btn-ghost.foto-kaldir { color: var(--yok); margin-top: 4px; }
@media (hover: hover) { .foto-secenekler .btn-ghost.foto-kaldir:hover { border-color: var(--yok); color: var(--yok); } }
.foto-secenekler .btn-ghost.foto-kaldir:active { background: #fdecea; color: var(--yok); }








.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(--line); background: #fff; color: var(--turkuaz-dark);
  border-radius: 12px; cursor: pointer;
}


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






.modal.modal-atac { width: min(92vw, 320px); }
.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(--line); background: #fff; color: var(--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(--turkuaz-dark); }
@media (hover: hover) { .atac-sec:hover { border-color: var(--turkuaz); background: var(--turkuaz-bg); } }
.atac-sec:active { background: var(--turkuaz-bg); }
.atac-sec:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }




















.composer-cekmece { flex: none; border-top: 1px solid var(--line); background: var(--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(--line); background: #fff; color: var(--ink);
  border-radius: 12px; cursor: pointer; font-family: inherit;
}


.atac-kutu .bik { width: 22px; height: 22px; color: var(--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(--turkuaz); background: var(--turkuaz-bg); } }
.atac-kutu:active { background: var(--turkuaz-bg); }
.atac-kutu:focus-visible { outline: 2px solid var(--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; }


.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(--muted); border-radius: 50%; display: grid; place-items: center; padding: 0;
}
.anket-girdi-sil[hidden] { display: none; }
.anket-girdi-sil:active { background: var(--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(--muted); margin: 4px 0 0 24px; }


.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(--yok); }
@media (hover: hover) { .aksiyon-menu .btn-ghost.aksiyon-tehlike:hover { border-color: var(--yok); color: var(--yok); } }
.aksiyon-menu .btn-ghost.aksiyon-tehlike:active { background: #fdecea; color: var(--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(--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(--turkuaz-bg); color: var(--turkuaz-dark); border-color: transparent; } }
.modal.modal-aksiyon .aksiyon-menu .btn-ghost:active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.modal.modal-aksiyon .aksiyon-menu .btn-ghost.aksiyon-tehlike:active { background: #fdecea; color: var(--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(--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(--muted); margin: 5px 12px 3px; padding-top: 7px;
  border-top: 1px solid var(--line);
}
















.msg-kol { flex-direction: column; align-items: stretch; gap: 5px; }
.msg-kol-ic { display: flex; align-items: flex-start; gap: 10px; min-width: 0; } 
.msg-kol .msg-belge-ikon { margin-top: 1px; }


.msg-kol .anket-rozet { margin-bottom: 0; white-space: nowrap; }
.msg-kol .msg-belge-ad { white-space: normal; text-overflow: clip; overflow: visible; overflow-wrap: anywhere; }




.kol-kart--isleniyor { cursor: default; }
.kol-kart--isleniyor .kol-kart-durum { color: var(--muted); font-style: italic; }










.kol-kart--isleniyor .kol-kart-durum { display: flex; align-items: center; gap: 6px; font-style: normal; }
.kol-kart--isleniyor .kol-kart-durum .mesgul-spin { width: 12px; height: 12px; border-width: 2px; }
.msg-belge.kol-kart--isleniyor:active { background: rgba(0,0,0,.03); }
.baloncuk-ben .msg-belge.kol-kart--isleniyor:active { background: rgba(255,255,255,.5); }










.msg-medya.msg-belge.msg-kol {
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,0) 55%, var(--parsomen-golge) 100%),
    repeating-linear-gradient(0deg, var(--parsomen-lif) 0 1px, transparent 1px 4px),
    var(--parsomen);
  border-color: var(--parsomen-cerceve);
}
.msg-medya.msg-belge.msg-kol:not(.kol-kart--isleniyor):active { background: var(--parsomen-basili); }
.msg-kol .anket-rozet { color: var(--gold-dark); letter-spacing: .04em; }
.msg-kol .msg-belge-ikon { color: var(--gold-dark); }


.galeri-belge-satir.kol-galeri-satir {
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,0) 55%, var(--parsomen-golge) 100%),
    repeating-linear-gradient(0deg, var(--parsomen-lif) 0 1px, transparent 1px 4px),
    var(--parsomen);
  border-color: var(--parsomen-cerceve);
}
.galeri-belge-satir.kol-galeri-satir:active { background: var(--parsomen-basili); }
.kol-galeri-satir .anket-rozet { color: var(--gold-dark); letter-spacing: .04em; }
.kol-galeri-satir .msg-belge-ikon { color: var(--gold-dark); }










.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(--gold-dark); opacity: .5; }

.msg-kol { position: relative; }
.msg-kol > .kur-isaret { position: absolute; top: 10px; right: 11px; margin: 0; padding: 0; }


.msg-medya.msg-belge.msg-kol[aria-disabled="true"] { cursor: default; }
.msg-medya.msg-belge.msg-kol[aria-disabled="true"]:active { background:
    radial-gradient(ellipse at center, rgba(255,255,255,0) 55%, var(--parsomen-golge) 100%),
    repeating-linear-gradient(0deg, var(--parsomen-lif) 0 1px, transparent 1px 4px),
    var(--parsomen); }


.msg-secki { cursor: pointer; }




.secki-kart-liste { display: flex; flex-direction: column; gap: 1px; margin: 2px 0 0; padding: 6px 0 0; border-top: 1px solid var(--parsomen-cerceve); }
.secki-kart-liste .msg-belge-boy { white-space: normal; overflow-wrap: break-word; }
.secki-kart-liste .secki-kart-oge { color: var(--ink); }
.secki-kart-liste .secki-kart-madde { position: relative; padding-left: 12px; }
.secki-kart-liste .secki-kart-madde::before { content: "•"; position: absolute; left: 0; color: var(--gold-dark); }
.secki-kart-eylem { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 0 1px; }
.secki-kart-eylem .baslik-btn { display: inline-flex; align-items: center; gap: 5px; margin-left: 0; padding: 5px 12px; font-size: 12.5px; }









.msg-secki > .anket-rozet { justify-content: center; }
.msg-secki .msg-kol-ic > .msg-belge-ikon { margin-left: -8px; }


.msg-kol.msg-sayfa { width: 248px; max-width: 100%; }
.sayfa-onizleme { position: relative; margin: 1px 0 3px; background: #fff; border: 1px solid var(--parsomen-cerceve); border-radius: 3px; box-shadow: 0 1px 3px rgba(90,65,20,.22); overflow: hidden; aspect-ratio: 600 / 848; }
.sayfa-onizleme img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.msg-sayfa .msg-belge-bilgi { padding: 0 1px; }
.sayfa-onizleme.yok { aspect-ratio: 4 / 3; display: grid; place-items: center; background: var(--parsomen-basili); box-shadow: none; }



.msg-kol .ea-kart-kucuk { flex: none; width: 64px; height: 64px; border-radius: 8px; overflow: hidden; background: #efe9dd; display: grid; place-items: center; color: var(--bordo); }
.msg-kol .ea-kart-kucuk img { width: 100%; height: 100%; object-fit: cover; display: block; }
.msg-kol .ea-kart-kucuk svg { width: 26px; height: 26px; }
.msg-kol .ea-aday { padding-left: 6px; font-size: 10px; font-weight: 700; letter-spacing: .08em; color: var(--gold-dark); }























.belge-tam { position: fixed; inset: 0; z-index: 3000; background: #000; overflow: hidden; }










.belge-tam-cerceve { position: absolute; top: env(safe-area-inset-top); right: env(safe-area-inset-right); bottom: env(safe-area-inset-bottom); left: env(safe-area-inset-left);
  width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right)); height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom)); border: 0; display: block; }
.belge-tam > .mesgul-spin { position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; }
.belge-tam--yuklendi > .mesgul-spin { display: none; }











.belge-tam-kapat { position: absolute; z-index: 1; top: calc(env(safe-area-inset-top) + 12px); right: calc(env(safe-area-inset-right) + 12px);
  display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: none; border-radius: 50%;
  cursor: pointer; background: rgba(0,0,0,.55); color: #fff; }
.belge-tam-kapat:active { background: rgba(0,0,0,.75); }
.belge-tam-kapat svg { width: 20px; height: 20px; }
.belge-tam--onizleme .belge-tam-kapat { top: calc(env(safe-area-inset-top) + 15px); right: calc(env(safe-area-inset-right) + 68px); }






.belge-tam-medya video.belge-tam-oynatici { object-fit: contain; background: #000; }
.belge-tam-medya audio.belge-tam-oynatici { top: 50%; bottom: auto; left: 50%; right: auto; transform: translate(-50%, -50%);
  width: min(480px, calc(100% - 32px)); height: 54px; }
.belge-tam-ses-baslik { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-100% - 39px));
  max-width: min(480px, calc(100% - 32px)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.88); }


.modal-govde > .msg-belge { max-width: none; min-width: 0; margin-bottom: 12px; }




.kol-satir { width: 100%; align-items: flex-start; background: #fff; font: inherit; text-align: left; cursor: pointer; }
.kol-satir .msg-belge-ikon { margin-top: 1px; }

.kol-satir .msg-belge-ad { white-space: normal; text-overflow: clip; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.kol-ara-satir { display: flex; }
.kol-ara-satir .ekle-input { flex: 1 1 auto; }
.kol-suzgec { display: flex; gap: 8px; }
.kol-suzgec .ekle-input { flex: 1 1 0; min-width: 0; width: auto; }
.modal .kol-ara-satir { margin-bottom: 8px; }
.modal .kol-suzgec { margin-bottom: 12px; }
.modal > .kol-ara-satir, .modal > .kol-suzgec { flex: none; }





.kol-secici { background: #fff; color: inherit; }
.kol-secici .secici-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.modal-alan > .cip-kap { margin: 8px 0 0; }







.kol-dizin .cip { padding: 3px 10px; }
.kol-dizin-icindekiler { list-style: none; margin: 6px 0 0; padding: 0; }
.kol-dizin-icindekiler li { display: flex; align-items: baseline; gap: 8px; padding: 2px 0; font-size: 14px; line-height: 1.45; color: var(--ink); }
.kol-dizin-icindekiler .kol-dizin-baslik { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.kol-dizin-icindekiler .ders-sub { flex: none; margin: 0; }
.kol-dizin-icindekiler .kol-dizin-d2 { padding-left: 14px; }
.kol-dizin-icindekiler .kol-dizin-d3 { padding-left: 28px; }
.kol-dizin > .ders-sub + * { margin-top: 8px; }
.kol-dizin-yz { margin-top: 4px; background: var(--lavanta-bg); border: 1px dashed var(--lavanta-cerceve); border-radius: 12px; padding: 9px 11px 10px; }
.kol-dizin-yz > :last-child { margin-bottom: 0; }
.kol-dizin-ozet { margin: 4px 0 10px; white-space: pre-line; overflow-wrap: anywhere; }







.kol-kunye + .kol-kunye { margin-top: 12px; }
.kol-kunye .cip { padding: 3px 10px; }
.kol-kunye .cip-kap { margin-bottom: 0; }





.kol-yukleme-oran { margin-top: 5px; height: 5px; border-radius: 999px; background: var(--line); overflow: hidden; }


.kol-yukleme-oran > span { display: block; height: 100%; border-radius: 999px; background: var(--turkuaz); transition: width .18s ease; }
@media (prefers-reduced-motion: reduce) { .kol-yukleme-oran > span { transition: none; } }

.kol-yukleme .composer-yanit-kapat { position: relative; }
.kol-yukleme .composer-yanit-kapat::before { content: ""; position: absolute; inset: -10px -13px; }
.kol-yukleme .baslik-btn { flex: none; margin-left: 0; }
.kol-yukleme-sag { flex: none; display: flex; align-items: center; gap: 6px; }






.kol-yukleme-baslik { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.kol-yukleme-adi { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kol-yukleme-yuzde { flex: none; font-variant-numeric: tabular-nums; }


.kayit-durum {
  text-align: center; font-size: 13px; font-weight: 600;
  color: var(--muted); padding: 10px; border-radius: 10px;
}
.kayit-durum[data-hal="tamam"] { color: var(--var); }
.kayit-durum[data-hal="bekliyor"] { color: var(--izinli); }
.kayit-durum[data-hal="gonderiyor"] { color: var(--turkuaz-dark); }
.kayit-durum[data-hal="cevrimdisi"], .kayit-durum[data-hal="hata"] { color: var(--yok); }



.pill { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px; transition: background .25s, color .25s; }
.pill-ikon { display: grid; place-items: center; }
.pill-ikon svg { width: 13px; height: 13px; }

.pill-bekliyor { background: #fdf3e4; color: var(--izinli); } 
.pill-sync     { background: #e9f5ee; color: var(--var); }    
.pill-tamam    { background: #e9f5ee; color: var(--var); }    
.pill-hata     { background: #fbeaea; color: var(--yok); }    
.pill-sync .pill-ikon svg { animation: donme 1.1s linear infinite; }
.pill-bekliyor .pill-ikon svg { animation: nabiz 1.6s ease-in-out infinite; }
.pill-tamam .pill-ikon svg { animation: pit .35s cubic-bezier(.5,1.8,.6,1) both; }
@keyframes donme { to { transform: rotate(360deg); } }
@keyframes nabiz { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.12); opacity: .65; } }
@keyframes pit { from { transform: scale(.3); opacity: 0; } to { transform: scale(1); opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .pill .pill-ikon svg { animation: none !important; }
}


.ara-btn {
  border: none; background: none; color: var(--muted); cursor: pointer;
  padding: 5px; display: grid; place-items: center; border-radius: 8px;
}
.ara-btn:hover { color: var(--turkuaz-dark); }
.ara-btn svg { width: 18px; height: 18px; }
.ara {
  



  min-width: 0;
  width: 0; opacity: 0; padding: 8px 0; margin: 0; border: 1px solid transparent;
  border-radius: 999px; font-size: 13.5px; font-family: inherit;
  background: #faf9f6; color: var(--ink); outline: none;
  


  pointer-events: none;
  transition: width .25s ease, opacity .2s, padding .25s, border-color .2s;
}
.ara.acik { width: min(46vw, 240px); opacity: 1; padding: 8px 14px; border-color: var(--line); pointer-events: auto; }
.topbar.aramada .ara { pointer-events: auto; }
.ara:focus { border-color: var(--turkuaz); background: #fff; }
.ara::placeholder { color: var(--muted); }















.topbar.aramada .hdr-right, .topbar.aramada .hdr-title .brand-text,
.topbar.aramada .app-logo, .topbar.aramada .sezon-stepper { display: none; }
.topbar.aramada .hdr-title { flex: 1; }
.topbar.aramada .ara { flex: 1; max-width: none; }






body:has(.modal-wrap) .sezon-stepper { display: none; }




.oturum-mercek-btn {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 12px 14px; background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 14px;
  font: inherit; color: var(--ink); cursor: pointer; text-align: left;
}
.oturum-mercek-btn:active { background: var(--turkuaz-bg); }
.oturum-mercek-btn-ikon { flex: none; display: inline-flex; color: var(--turkuaz-dark); }
.oturum-mercek-btn-ikon .bik { width: 22px; height: 22px; }
.oturum-mercek-btn-ad { flex: 1; min-width: 0; font-weight: 600; }


.filtre-panel {
  background: #fff; border-bottom: 1px solid var(--line);
  padding: 10px 16px; display: flex; flex-direction: column; gap: 8px;
  box-shadow: 0 4px 12px rgba(40,30,10,.05);
}
.filtre-satir { display: flex; align-items: baseline; gap: 10px; }
.filtre-ad { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; flex: none; width: 58px; }
.filtre-chipler { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.filtre-chipler::-webkit-scrollbar { display: none; }
.filtre-chip {
  border: 1px solid var(--line); background: #fff; color: var(--ink);
  border-radius: 999px; padding: 5px 12px; font-size: 12.5px; font-weight: 600;
  cursor: pointer; white-space: nowrap; font-family: inherit;
}
.filtre-chip[data-on] { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }


.basvuru-btnler { display: flex; gap: 8px; padding: 0 16px 14px; }
.onay-btn {
  flex: 1; border: none; border-radius: 10px; padding: 11px;
  background: var(--var); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer;
}
.red-btn {
  flex: 1; border: 1px solid var(--line); border-radius: 10px; padding: 11px;
  background: #fff; color: var(--yok); font-size: 14px; font-weight: 700; cursor: pointer;
}













.onay-btn:disabled,
.red-btn:disabled { opacity: .45; cursor: default; }


.ders-karar-btnler { display: flex; gap: 6px; flex: none; align-items: center; }
.onay-btn.kucuk, .red-btn.kucuk { flex: none; padding: 7px 11px; font-size: 13px; border-radius: 8px; }






.basvuru-ders { cursor: default; }
.basvuru-ders:active { background: none; }
@media (hover: hover) { .basvuru-ders:hover { background: none; } }



.basvuru-ders .ders-icon.avatar-tiklanir { cursor: pointer; }
.basvuru-ders .ders-icon.avatar-tiklanir:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }




.ders-kaldirilacak .ders-title { text-decoration: line-through; opacity: .6; }
.ders-eklenecek .ders-icon { opacity: .6; }
.ders-duzenle-alt { display: flex; flex-direction: column; gap: 10px; margin: -4px 0 16px; }
.ders-ekle-btn { align-self: flex-start; }
.ders-duzenle-btnler { display: flex; gap: 8px; }
.ders-duzenle-btnler .ekle-btn, .ders-duzenle-btnler .btn-ghost { flex: 1; text-align: center; }










.bilgi-kalem-satir { align-items: flex-start; flex-wrap: wrap; }
.bilgi-kalem-bilgi { min-width: 0; flex: 1 1 220px; display: flex; flex-direction: column; gap: 2px; }
.bilgi-kalem-baslik { font-size: 14px; font-weight: 600; }
.bilgi-kalem-not { color: var(--yok); }


.bilgi-kalem-karar { display: flex; flex-direction: column; gap: 4px; flex: none; align-items: flex-start; }
.bilgi-radio { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 13px; font-weight: 600; padding: 3px 2px; }
.bilgi-radio input { accent-color: var(--turkuaz); width: 17px; height: 17px; margin: 0; }
.bilgi-radio-red { color: var(--yok); }
.bilgi-radio-red input { accent-color: var(--yok); }


.bilgi-toplu-isaret { margin-bottom: 4px; }













.ayar-satir.bilgi-ortak-gerekce { display: block; }
.bilgi-ortak-gerekce label { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 4px; }
.bilgi-ortak-gerekce-girdi { width: 100%; box-sizing: border-box; text-align: left; font-family: inherit; }
.bilgi-ortak-gerekce .ders-sub { margin-top: 4px; }
.bilgi-karar-satir { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
.bilgi-karar-btnler { display: flex; gap: 6px; flex: none; }




.bilgi-kalem-cakisma { color: var(--yok); }





.bilgi-talep-uyari { border-left: 3px solid var(--yok); }
.bilgi-talep-kalemsiz { color: var(--yok); }


.bk-kalem-liste { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bk-kalem { border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; background: #fff; }
.bk-kalem-red { border-color: var(--yok); background: #fdf6f6; }
.bk-kalem-ust { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.bk-kalem-etiket { font-size: 13px; font-weight: 700; }
.bk-kalem-deger { font-size: 14px; margin-top: 3px; word-break: break-word; }
.bk-kalem-gerekce { font-size: 13px; line-height: 1.45; margin-top: 5px; color: var(--yok); }
.bk-son-karar { border: 1px solid var(--line); border-radius: 12px; padding: 11px 12px; margin-bottom: 14px; background: #faf9f6; }
.bk-son-karar-red { border-color: var(--yok); }
.bk-ipucu { margin: 4px 0 0; font-size: 12px; color: var(--muted); line-height: 1.4; }
.bk-son-karar-tamam { margin-top: 10px; border: none; cursor: pointer; }





.bk-kalem-not { background: #faf9f6; border-style: dashed; }
.bk-kalem-not .bk-kalem-gerekce { color: var(--muted); font-style: italic; }





.bk-sabika { border: 1px solid var(--line); border-radius: 12px; padding: 11px 12px; margin: 14px 0 4px; background: #faf9f6; }
.bk-sabika .modal-bolum-baslik { margin-top: 0; }
.bk-sabika .ilet-btn { margin-top: 8px; cursor: pointer; }



.bk-gonder:disabled { opacity: .55; cursor: default; }
.bk-gonder:disabled:active { background: var(--gold); }









.bk-sabika-alan,
.bk-bos-alan { border-color: var(--yok); background: #fdf6f6; }


















































.bk-hane-capa { position: relative; }


.bk-hane-ad { display: block; flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-hane-btn .avatar { width: 26px; height: 26px; font-size: 10px; }
.bk-hane-btn-uyari, .bk-hane-uyari { flex: none; }




.bk-hane-btn[aria-expanded="true"] .secici-ok { display: inline-block; transform: rotate(180deg); }
.bk-hane-liste {
  position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 20;
  background: var(--card); box-shadow: 0 14px 34px rgba(0,0,0,.18);
}


.bk-hane-satir:focus { background: var(--turkuaz-bg); }
.bk-hane-satir:focus-visible { outline: 2px solid var(--gold-light); outline-offset: -2px; }














.bk-tuval { width: 100%; max-width: 420px; }


.eksik-kisi { display: flex; align-items: center; gap: 8px; }
.eksik-kisi .avatar { width: 26px; height: 26px; font-size: 10px; }
.bk-tuval > .bilgi-kapisi-hane-yer:empty { display: none; }
.bk-hane { margin-bottom: 14px; }









.gz-hane .bk-hane-btn { width: 100%; }







#bilgiKapisi .otp-kilit-alan .ekle-input { width: 100%; }






.bk-radio-baslik { display: block; font-size: 13px; color: var(--muted); margin-bottom: 5px; }
.bk-radio-grup { display: flex; gap: 8px; flex-wrap: wrap; }
.bk-radio {
  display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
  border: 1px solid var(--line); border-radius: 9px; padding: 9px 13px;
  font-size: 14px; background: var(--card);
}
.bk-radio input { width: 17px; height: 17px; margin: 0; accent-color: var(--gold); }
.bk-radio:has(input:checked) { border-color: var(--gold-light); background: #fdfbf6; }
.bk-radio:focus-within { outline: 2px solid var(--gold); outline-offset: 2px; }
























#bilgiKapisi .ekle-input::placeholder { color: var(--muted); opacity: .75; }
#bilgiKapisi .ekle-input { color: var(--ink); font-weight: 600; }


.arsiv-bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 8px; margin: 0 0 10px;
}
.arsiv-btnler { display: flex; gap: 8px; }
.arsiv-btnler .red-btn { flex: none; padding: 7px 12px; font-size: 13px; }
.arsiv-btnler .red-btn:disabled { opacity: .45; cursor: default; }
.arsiv-sec { width: 17px; height: 17px; flex: none; accent-color: var(--turkuaz); cursor: pointer; }


.baslik-btn {
  border: 1px solid var(--line); background: #fff; color: var(--turkuaz-dark);
  border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700;
  cursor: pointer; margin-left: 8px; font-family: inherit; vertical-align: 1px;
}
.baslik-btn:active { background: var(--turkuaz-bg); }










.baslik-btn:disabled { opacity: .45; cursor: default; }
.baslik-btn:disabled:active { background: #fff; }









.section-title-btnler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.section-title-btnler:empty { display: none; }
.section-title-btnler .baslik-btn { margin-left: 0; }




.baslik-btn.sec-gir-btn { white-space: nowrap; }
.basvuru-baslik .baslik-btn { margin-left: 0; } 



.basvuru-suzgec-disi { color: var(--turkuaz-dark); }

.oturum-arac .sec-gir-btn { flex: none; }



.secim-tik { display: none; flex: none; width: 24px; height: 24px; margin-right: 2px;
  border: 2px solid var(--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(--turkuaz); border-color: var(--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; } 

.kokten-sil-liste { margin: 8px 0 4px; padding-left: 20px; max-height: 180px; overflow-y: auto;
  font-size: 13px; color: var(--ink); line-height: 1.5; }
.kokten-sil-liste li { margin: 1px 0; }


.kokten-sil-ipucu { margin-top: 6px; font-size: 12.5px; color: var(--muted); line-height: 1.35; }
.kokten-sil-ipucu-hazir { color: var(--var); font-weight: 600; }
.secilebilir { cursor: pointer; }
.secili { background: var(--turkuaz-bg); }

.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(--bg); border: 1px solid var(--turkuaz); border-radius: 12px;
  box-shadow: var(--shadow);
}
.secim-vazgec {
  flex: none; width: 32px; height: 32px; border: none; border-radius: 8px;
  background: none; color: var(--ink); font-size: 19px; cursor: pointer; line-height: 1;
}
.secim-vazgec:active { background: var(--turkuaz-bg); }
.secim-sayi { font-weight: 700; font-size: 14px; color: var(--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(--turkuaz); background: var(--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(--yok); color: var(--yok); }
.secim-eylem:disabled { opacity: .45; cursor: default; }



.coklu-sec-kutu { width: 20px; height: 20px; flex: none; accent-color: var(--turkuaz); pointer-events: none; margin: 0; }














.modal.modal-genis { width: min(94vw, 460px); }






.pano-kurum-kapali { opacity: .55; }
.pano-kurum-kapali .sec-satir { cursor: default; }











.ders-icon .avatar-img.kurum-logo { object-fit: contain; background: #fff; padding: 3px; }


.kurum-hdr { display: flex; align-items: center; gap: 12px; }
.kurum-hdr-metin { min-width: 0; }
.kurum-hdr-metin h1 { overflow: hidden; text-overflow: ellipsis; }


.kurum-kunye-deger { white-space: pre-wrap; overflow-wrap: anywhere; font-weight: 600; }
.kurum-kunye-deger a { color: var(--turkuaz-dark); }



.modal-kurum-form { width: min(94vw, 420px); }



















.kurum-sinir-blok { border: 1px solid var(--line); border-radius: 10px; padding: 10px 10px 0; }


.modal.modal-oturum { width: min(94vw, 460px); }
.oturum-setup-bas { flex: none; margin-bottom: 10px; }
.oturum-setup-bas .modal-baslik { margin-bottom: 2px; }
.oturum-setup-alt { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }

.oturum-arac { flex: none; display: flex; gap: 8px; margin-bottom: 10px; }
.oturum-arac-btn { flex: 1; padding: 9px 10px; font-size: 13.5px; border-radius: 10px; }
.oturum-arac-btn .bik { width: 15px; height: 15px; }

.oturum-liste-govde { border-top: 1px solid var(--line); }
.oturum-satir {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 9px 2px; border-bottom: 1px solid rgba(128,128,128,.14);
}
.oturum-satir-ana { display: flex; align-items: center; gap: 10px; min-width: 0; }
.oturum-tarih { font-size: 14px; }
.oturum-satir .oturum-saat { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.oturum-rozet {
  font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: 999px;
  background: #f0ece3; color: var(--muted); letter-spacing: .02em;
}
.oturum-dropped { opacity: .5; }
.oturum-dropped .oturum-tarih { text-decoration: line-through; text-decoration-thickness: 1px; }




.oturum-satir .oturum-saat-eski {
  color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; opacity: .65;
  text-decoration: line-through; text-decoration-thickness: 1px;
}
.oturum-satir .oturum-saat-ok { color: var(--muted); font-size: 12px; opacity: .65; margin: 0 -4px; }
.oturum-satir-aks { display: flex; align-items: center; gap: 6px; flex: none; }
.oturum-mini-btn { padding: 5px 12px; font-size: 12.5px; border-radius: 8px; flex: none; }
.oturum-mini-ikon { padding: 6px; border-radius: 8px; flex: none; line-height: 0; }
.oturum-mini-ikon .bik { width: 16px; height: 16px; }



.oturum-mini-ikon-tehlike { color: var(--yok); }
@media (hover: hover) { .oturum-mini-ikon-tehlike:hover { border-color: var(--yok); color: var(--yok); } }
.oturum-mini-ikon-tehlike:active { background: #fdecea; color: var(--yok); }

.oturum-bugun-ayrac {
  display: flex; align-items: center; gap: 8px; margin: 4px 0; color: var(--turkuaz-dark);
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
}
.oturum-bugun-ayrac::before, .oturum-bugun-ayrac::after {
  content: ""; flex: 1; height: 1px; background: var(--turkuaz); opacity: .4;
}
.oturum-bos { color: var(--muted); font-size: 14px; line-height: 1.5; padding: 18px 4px; text-align: center; }

.oturum-salt-oku { color: var(--sezon-amber-ink); background: var(--sezon-amber-bg); border: 1px solid var(--sezon-amber-line); border-radius: 8px; padding: 8px 12px; font-size: 13px; }












.nobet-sekme { margin: 0 0 10px; }
.nobet-sayi-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; }
.nobet-sayi-satir .dev-stepper { font-size: 14px; padding: 6px 12px; cursor: default; }
.nobet-sayi-satir .dev-n { font-size: 15px; }










.nobet-adlar { display: flex; flex-direction: column; align-items: stretch; gap: 6px; flex: 1; min-width: 0; }
.modal-nobet .oturum-satir-ana { flex: none; }
.modal-nobet .nobet-satir { align-items: flex-start; }
.modal-nobet .nobet-satir .oturum-satir-ana { min-height: 32px; min-width: 80px; }
.nobet-cip { display: flex; align-items: center; min-height: 32px; padding: 0 0 0 4px; min-width: 0; }
.nobet-cip-sec { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; min-height: 30px; padding: 0 12px 0 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
button.nobet-cip-sec { cursor: pointer; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } 
.nobet-cip .avatar.avatar-yuvarlak { width: 22px; height: 22px; font-size: 9px; }
.nobet-cip-isim { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font-size: 14px; font-weight: 600; }
.nobet-cip-x { position: relative; flex: none; width: 32px; height: 30px; padding: 0; }
.nobet-cip-x::after { content: ""; position: absolute; inset: -1px 0; }
.nobet-cip-x:disabled { opacity: .5; cursor: default; }

.nobet-cip-takas { position: relative; flex: none; width: 32px; height: 30px; padding: 0; }
.nobet-cip-takas::after { content: ""; position: absolute; inset: -1px 0; }








.filtre-chip.nobet-cip.secili { background: var(--izinli); border-color: var(--izinli); color: #fff; }






.filtre-chip.nobet-cip.secili { animation: nobet-secili-giris 180ms ease-out, nobet-secili-nefes 2.2s ease-in-out 180ms infinite; box-shadow: 0 0 0 2px rgba(209,138,42,.28); }
@keyframes nobet-secili-giris { from { box-shadow: 0 0 0 0 rgba(209,138,42,0); } to { box-shadow: 0 0 0 2px rgba(209,138,42,.28); } }
@keyframes nobet-secili-nefes {
  0%, 100% { box-shadow: 0 0 0 2px rgba(209,138,42,.28), 0 0 6px 0 rgba(209,138,42,.18); }
  50% { box-shadow: 0 0 0 3px rgba(209,138,42,.12), 0 0 12px 1px rgba(209,138,42,.32); }
}
@media (prefers-reduced-motion: reduce) {
  
  .filtre-chip.nobet-cip.secili { animation: none; box-shadow: 0 0 0 2px rgba(209,138,42,.28); }
}
.nobet-takas-bar .secim-sayi { white-space: normal; font-weight: 600; }









.nobet-ust .oturum-arac-btn, .nobet-ust .nobet-takas-bar { min-height: 42px; }
.nobet-ust .nobet-takas-bar { position: static; margin: 0 0 10px; padding: 4px 10px 4px 4px; gap: 6px; box-shadow: none; }
.nobet-ust .nobet-takas-bar .secim-sayi { font-size: 13px; line-height: 1.25; }
.modal-nobet span.filtre-chip { cursor: default; }
.filtre-chip.nobet-bos { display: flex; align-items: center; background: #fbeaea; border-color: #fbeaea; color: var(--yok); min-height: 32px; padding: 0 12px; font-size: 14px; text-align: left; }
.filtre-chip.nobet-ekle { display: flex; align-items: center; justify-content: center; align-self: flex-start; min-width: 32px; min-height: 32px; padding: 0 12px; font-size: 16px; font-weight: 600; } 


.oturum-arac .nobet-temizle { color: var(--yok); }
@media (hover: hover) { .oturum-arac .nobet-temizle:hover { border-color: var(--yok); color: var(--yok); } }
.oturum-arac .nobet-temizle:active { background: #fdecea; color: var(--yok); }
.oturum-satir.nobet-gecmis .oturum-tarih, .oturum-satir.nobet-gecmis .filtre-chip { opacity: .55; }
.nobet-gecmis-yuva { display: flex; justify-content: center; padding-top: 10px; }
.nobet-kisi-bas { display: flex; justify-content: flex-end; gap: 6px; padding: 6px 2px 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--line); }
.nobet-kisi-bas .nobet-kisi-bas-isim { flex: 1; text-align: left; }
.nobet-kisi-bas span { min-width: 44px; text-align: right; }


.nobet-kisi-bas .nobet-muaf-bosluk { min-width: 90px; }
.nobet-kisi { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
.nobet-kisi .idareci-ad { font-weight: 600; font-size: 14px; }
.nobet-say { min-width: 44px; text-align: right; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ink); font-weight: 700; }
.nobet-say.soluk { color: var(--muted); font-weight: 600; }
.nobet-say .dev-rozet { margin-left: 0; }
.nobet-muaf-btn { min-width: 84px; text-align: center; }
.modal-btns .nobet-paylas { flex: none; margin-right: auto; padding: 9px 12px; font-size: 13.5px; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; }
.modal-btns .nobet-paylas .bik { width: 15px; height: 15px; }
.nobet-onizle { background: #f0ece3; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; margin-top: 10px; }
.nobet-onizle .baloncuk { max-width: 92%; }


.ders-yonetim-satir .btn-ghost:only-child { flex: 1 1 100%; }



.ders-yonetim-satir .btn-ghost:nth-child(odd):last-child { flex: 1 1 100%; }
.ders-yonetim-satir .btn-ghost .dev-rozet { margin-left: 6px; }

.pd-sonraki.nobet { background: #f5eee1; }
.pd-sonraki.nobet .bik, .pd-sonraki.nobet .pd-sonraki-ust, .pd-sonraki.nobet .pd-sonraki-alt small { color: var(--gold-dark); }
.pd-nobet-es { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 12.5px; color: var(--gold-dark); }
.pd-nobet-es .avatar.avatar-yuvarlak { width: 20px; height: 20px; font-size: 8.5px; }





.pd-sonraki.nobet > div { min-width: 0; }
button.pd-nobet-ac { display: inline-flex; max-width: 100%; min-height: 30px; margin-top: 6px; padding: 3px 10px 3px 4px; border: 1px solid rgba(126, 95, 44, .28); border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(126, 95, 44, .12); font: inherit; font-size: 12.5px; font-weight: 600; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 120ms ease-out, border-color 120ms ease-out, transform 120ms ease-out; }
button.pd-nobet-ac > span:not(.avatar):not(.pd-nobet-ok) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-nobet-ac .avatar { flex: none; }
.pd-nobet-ac .pd-nobet-ok { flex: none; margin-left: 2px; font-size: 16px; line-height: 1; font-weight: 700; }
@media (hover: hover) { button.pd-nobet-ac:hover { border-color: rgba(126, 95, 44, .5); } }
button.pd-nobet-ac:active { background: rgba(126, 95, 44, .10); transform: scale(.98); }
button.pd-nobet-ac:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { button.pd-nobet-ac { transition: none; } button.pd-nobet-ac:active { transform: none; } }



.saat-cift-satir { display: flex; align-items: center; gap: 8px; }
.saat-cift-satir .ekle-input { flex: 1; min-width: 0; }
.saat-cift-ara { color: var(--muted); font-size: 14px; flex: none; }


.saat-modal-bilgi { margin-bottom: 10px; line-height: 1.4; }
.saat-rapor-liste { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.saat-rapor-satir { font-size: 13px; line-height: 1.4; }
.saat-rapor-uyari { color: var(--yok); }
.saat-rapor-bilgi { color: var(--muted); }



.modal.modal-aralik { width: min(94vw, 460px); }




.modal-aralik .aralik-govde { max-height: 62vh; max-height: 62dvh; overflow: auto; }
.aralik-blok { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-bottom: 10px; }
.aralik-blok-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.aralik-blok-ad { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.aralik-blok-sil { padding: 4px; border-radius: 8px; line-height: 0; flex: none; }
.aralik-blok-sil .bik { width: 14px; height: 14px; }
.aralik-blok-sil[hidden] { display: none; }


.aralik-blok-ekle, .ders-form-oturum-ekle { width: 100%; padding: 8px 10px; font-size: 13px; border-radius: 10px; margin-bottom: 10px; }
.aralik-blok-ekle .bik, .ders-form-oturum-ekle .bik { width: 14px; height: 14px; }
.aralik-rapor-hata { color: var(--yok); font-size: 12.5px; line-height: 1.4; }

.tt-sonuc-ozet { font-size: 15px; }
.tt-engel-liste { max-height: 40vh; overflow: auto; }
.tt-engel-satir { padding: 8px 12px; border-bottom: 1px solid var(--line); }
.tt-engel-satir:last-child { border-bottom: none; }


.takvim-gun-ad { font-weight: 700; font-size: 15px; padding: 13px 16px 8px; }
.takvim-bugun { border-color: var(--turkuaz); box-shadow: 0 0 0 1px var(--turkuaz-bg), var(--shadow); }


.ayar-kart { padding: 6px 0; }
.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(--line); border-radius: 9px; padding: 8px; font-size: 15px; font-family: inherit; outline: none; }

.ayar-deger { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }
.ayar-birim { font-size: 13px; color: var(--muted); }


.bv-sag { display: flex; align-items: center; gap: 8px; min-width: 0; }
.bv-deger { font-size: 14px; text-align: right; word-break: break-word; }
.alan-kopya { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 1px solid var(--line); border-radius: 7px; background: #faf9f6; color: var(--muted); cursor: pointer; }
.alan-kopya .bik { width: 15px; height: 15px; }
.alan-kopya:active { background: var(--gold); color: #fff; }
.alan-kopya.kopyalandi { background: var(--turkuaz, #2a9d8f); color: #fff; border-color: transparent; }




.odeme-hesap-kart .bv-deger { font-variant-numeric: tabular-nums; }
.ayar-satir.odeme-hesap-not { align-items: flex-start; }
.odeme-hesap-not .bv-deger { text-align: left; }



.odeme-hesap-kart .ayar-satir-not:last-child { overflow-wrap: anywhere; }


.odeme-hesap-kaldir { width: 100%; margin-top: 4px; }
.odeme-hesap-kaldir.btn-ghost.aksiyon-tehlike { color: var(--yok); }
@media (hover: hover) { .odeme-hesap-kaldir.btn-ghost.aksiyon-tehlike:not(:disabled):hover { border-color: var(--yok); color: var(--yok); } }
.odeme-hesap-kaldir.btn-ghost.aksiyon-tehlike:not(:disabled):active { background: #fdecea; color: var(--yok); }


.kisi-kvkk-sil { width: 100%; }
.kisi-kvkk-sil.btn-ghost.aksiyon-tehlike { color: var(--yok); }
@media (hover: hover) { .kisi-kvkk-sil.btn-ghost.aksiyon-tehlike:not(:disabled):hover { border-color: var(--yok); color: var(--yok); } }
.kisi-kvkk-sil.btn-ghost.aksiyon-tehlike:not(:disabled):active { background: #fdecea; color: var(--yok); }





.ayar-satir.hane-oneri { align-items: flex-start; }
.hane-oneri-sec { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.4; text-align: left; color: var(--ink); cursor: pointer; }
.ayar-satir.hane-oneri input[type="checkbox"] { width: auto; flex: none; margin-top: 2px; padding: 0; }
.basvuru-sezon-vurgu { font-weight: 700; color: var(--accent, #3b6fd4); }




.ayar-satir:has(+ .belge-dogrulama-satir) { border-bottom: none; }
.belge-dogrulama-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #f1eee7; }
.belge-dogrulama-satir:last-child { border-bottom: none; }












.belge-blok { padding: 13px 16px 14px; border-bottom: 1px solid #f1eee7; }
.belge-blok:last-child { border-bottom: none; }


.belge-blok-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 10px; }
.belge-blok-ad { font-size: 14px; font-weight: 600; }
.belge-durum { font-size: 10.5px; font-weight: 700; letter-spacing: .2px; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.belge-durum-var { background: #e9f5ee; color: var(--var); }
.belge-durum-yok { background: #f2f0ea; color: var(--muted); }

.belge-eylem-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }



.belge-blok .ilet-btn,
.belge-dogrulama-satir .ilet-btn {
  display: inline-flex; align-items: center; gap: 6px;
  border: none; cursor: pointer; font-family: inherit;
}



.belge-eylem-serit .gozle-karar { align-self: stretch; align-items: stretch; }
.belge-eylem-serit .gozle-karar button { font-family: inherit; }



.belge-btn-ikincil {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid var(--line); border-radius: 999px; padding: 8px 13px;
  background: #fff; color: var(--muted); font-size: 12.5px; font-weight: 600;
  text-decoration: none; cursor: pointer; font-family: inherit;
}
@media (hover: hover) { .belge-btn-ikincil:hover { border-color: var(--turkuaz); color: var(--turkuaz-dark); } }
.belge-btn-ikincil:active { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.belge-btn-ikincil:disabled { opacity: .55; cursor: default; }


.belge-guncelle-form { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; padding: 11px 12px; background: #faf9f6; border: 1px solid var(--line); border-radius: 12px; }
.belge-guncelle-form input { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 9px 11px; font-size: 15px; font-family: inherit; background: #fff; }
.belge-guncelle-form input[type="file"] { font-size: 13px; padding: 8px; }
.belge-guncelle-form input:focus { outline: none; border-color: var(--turkuaz); }
.belge-guncelle-form-aks { display: flex; flex-wrap: wrap; gap: 8px; }
.belge-guncelle-hata { font-size: 12.5px; color: var(--yok); }
.belge-guncelle-hata:empty { display: none; }

.belge-duzenle-hata { margin-top: 8px; }



.belge-serit-not { font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.belge-blok .belge-serit-not { margin-top: 8px; }






.belge-serit-not .btn-ghost { display: block; width: 100%; margin-top: 10px; }





























.karar-engel-not { flex-basis: 100%; margin-top: 6px; }








.basvuru-ders:has(.karar-engel-not) { flex-wrap: wrap; }
.basvuru-ders .ders-karar-btnler:has(.karar-engel-not) { flex-wrap: wrap; flex-basis: 100%; justify-content: flex-end; }








.section-title .karar-engel-not { text-transform: none; letter-spacing: normal; }
.belge-resim-uyari {
  margin-top: 8px; padding: 8px 12px; border-radius: 8px; font-size: 13px; line-height: 1.45;
  color: var(--sezon-amber-ink); background: var(--sezon-amber-bg); border: 1px solid var(--sezon-amber-line);
}






.basvuru-bildirim-eksen { margin-top: 4px; font-size: 12px; opacity: .78; }


.basvuru-muafiyet-yolu { margin-top: 12px; }
.belge-blok-bas .belge-serit-not { margin-top: 0; white-space: nowrap; }
.card > .belge-serit-not { padding: 12px 16px; border-bottom: 1px solid #f1eee7; }


.belge-surum-listesi { display: flex; flex-direction: column; gap: 7px; margin-top: 10px; padding: 11px 12px; background: #faf9f6; border: 1px solid var(--line); border-radius: 12px; font-size: 13px; }
.belge-surum-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.belge-surum-satir a { color: var(--turkuaz-dark); }
.belge-dogrulama-kod { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 12px; letter-spacing: .3px; background: #faf9f6; border: 1px solid var(--line); border-radius: 7px; padding: 4px 8px; user-select: all; }

@media (max-width: 380px) {
  .belge-blok { padding: 12px 13px 13px; }
  .belge-eylem-serit { gap: 6px; }
  .belge-blok .ilet-btn { padding: 9px 12px; }
  .belge-btn-ikincil { padding: 8px 11px; }
}
.idareci-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 16px; border-bottom: 1px solid #f1eee7; }
.idareci-satir:last-child { border-bottom: none; }
.idareci-kisi { display: flex; align-items: center; gap: 11px; min-width: 0; flex: 1; cursor: pointer; border-radius: 8px; }
.idareci-kisi:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }
.avatar-kucuk { width: 38px; height: 38px; font-size: 12px; }
.idareci-metin { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.idareci-ad { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idareci-eposta { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idareci-cikar { border: 1px solid var(--line); background: #fff; color: #b23b3b; border-radius: 8px; padding: 6px 12px; font-size: 13px; font-family: inherit; cursor: pointer; }
.idareci-cikar:hover { background: #fbeaea; border-color: #e0b4b4; }



.kanal-kisi-kart .idareci-kisi { cursor: default; }
.ayar-satir input:focus { border-color: var(--turkuaz); }
.ayar-satir input:disabled { background: #faf9f6; color: var(--muted); }







.ayar-satir select {
  border: 1px solid var(--line); border-radius: 9px; padding: 8px 10px;
  font-size: 15px; font-family: inherit; background: #fff; color: var(--ink); outline: none;
}
.ayar-satir select:focus { border-color: var(--turkuaz); }
.ayar-satir select:disabled { background: #faf9f6; color: var(--muted); }


.sms-kart .ayar-satir { flex-direction: column; align-items: stretch; gap: 6px; padding: 12px 16px; }
.sms-kart .ayar-satir label { font-size: 13px; font-weight: 600; color: var(--muted); }
.sms-kart .ayar-satir input[type="text"],
.sms-kart .ayar-satir input[type="password"] { width: 100%; text-align: left; padding: 11px 13px; font-size: 16px; box-sizing: border-box; }





.sms-kart .ayar-satir.sms-satir-yatay { flex-direction: row; align-items: center; justify-content: space-between; }
.sms-kart .ayar-satir input[type="checkbox"] { width: 22px; height: 22px; }






.sms-kart .ayar-satir.sms-bakiye-satir,
.sms-kart .ayar-satir.sms-bakiye-alt {
  flex-direction: row; align-items: center; justify-content: space-between; gap: 10px;
}
.sms-bakiye-deger { font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sms-bakiye-hata { color: var(--muted); font-weight: 600; }
.sms-bakiye-alt .ders-sub { margin: 0; }

.sms-bakiye-dusuk { color: #8a5a00; font-weight: 600; margin: 0; }


.paylas-serit {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px;
  background: var(--turkuaz-bg); border: 1px solid rgba(0,163,191,.22);
  border-radius: 12px; padding: 10px 14px; margin-bottom: 14px; font-size: 13px;
}
.paylas-etiket { font-weight: 700; color: var(--turkuaz-dark); flex: none; }
.paylas-link {
  flex: 1; min-width: 0; color: var(--turkuaz-dark); text-decoration: underline;
  text-underline-offset: 2px; word-break: break-all;
}
.paylas-kopyala {
  flex: none; border: 1px solid rgba(0,163,191,.35); background: #fff; color: var(--turkuaz-dark);
  border-radius: 999px; padding: 5px 13px; font-size: 12px; font-weight: 700;
  cursor: pointer; font-family: inherit; transition: background .15s, color .15s;
}
.paylas-kopyala:hover, .paylas-kopyala:active { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }


.surum-serit {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(env(safe-area-inset-bottom) + 16px); z-index: 80;
  display: flex; align-items: center; gap: 14px; white-space: nowrap;
  background: #fff; border: 1px solid var(--line); border-radius: 999px;
  box-shadow: 0 4px 16px rgba(40,30,10,.18);
  padding: 8px 9px 8px 17px; font-size: 13.5px; font-weight: 600; color: var(--ink);
}
.surum-yenile {
  border: none; background: var(--turkuaz); color: #fff; border-radius: 999px;
  padding: 8px 16px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit;
}
.surum-yenile:active { background: var(--turkuaz-dark); }
@media (max-width: 719.9px) {
  body.has-nav .surum-serit { bottom: calc(env(safe-area-inset-bottom) + 74px); } 
}


.basvuru-baslik { display: flex; align-items: center; gap: 8px; }
.yenile-btn {
  border: none; background: none; color: var(--turkuaz-dark); cursor: pointer;
  padding: 3px; display: grid; place-items: center; border-radius: 7px;
}
.yenile-btn svg { width: 15px; height: 15px; }
.yenile-btn:hover { background: var(--turkuaz-bg); }
.yenile-btn.donuyor svg { animation: donme .8s linear infinite; }











.ust-bantlar { flex: none; }


.onizleme-banner {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  flex-wrap: wrap; min-height: 38px; padding: 8px 16px;
  background: var(--gold); color: #fff;
  font-size: 13.5px; font-weight: 600;
  


  position: relative; z-index: 9;
  border-bottom: 1px solid rgba(40,30,10,.18);
}
.onizleme-banner b { font-weight: 800; }
.onizleme-banner .oniz-rol { font-weight: 500; opacity: .9; }
.onizleme-banner .oniz-cik {
  border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.16);
  color: #fff; font-weight: 700; font-family: inherit;
  padding: 4px 13px; border-radius: 8px; cursor: pointer; font-size: 13px;
}
.onizleme-banner .oniz-cik:hover { background: rgba(255,255,255,.3); }


@media (min-width: 720px) {
  












  
}











body.onizlemede .fab,
body.onizlemede .sil-btn,
body.onizlemede .simge-btn.aksiyon-tehlike,
body.onizlemede .oturum-iptal-btn,
body.onizlemede .oturum-mini-ikon-tehlike { display: none !important; }



.oniz-modal .modal-govde { display: flex; flex-direction: column; gap: 10px; }
.oniz-ara { width: 100%; }
































































.ozg-sol, .ozg-sag { display: flex; flex-direction: column; gap: 10px; min-width: 0; }



























.ozg-eylem {
  display: flex; flex-direction: column; gap: 8px; min-width: 0;
  position: sticky; bottom: 0; z-index: 1;
  margin-top: 4px; padding-top: 10px;
  background: #fff; border-top: 1px solid var(--line);
}
.ozg-eylem:empty { display: none; }







.ozg-sol:empty { display: none; }








.ozg-sag .sec-satir.sec-zengin { flex-wrap: wrap; row-gap: 8px; }
.ozg-sag .sec-satir.sec-zengin .sec-metin { flex: 1 1 170px; }







.ozg-sag.secim-modu .icazet-satir.secilebilir .secim-tik { display: flex; }



















.ozg-metin { max-width: 100ch; }


































@media (min-width: 720px) {
  .modal:has(.ozg-govde) {
    width: 92vw;
    padding: 28px 32px;
  }
}




.sezon-stepper {
  position: relative; flex: 1 1 auto; min-width: 0; height: 40px;
  display: flex; align-items: center; justify-content: center; gap: 4px;
}
.sezon-ok {
  width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--line);
  background: #fff; cursor: pointer; font-size: 14px; color: var(--turkuaz-dark);
  flex: none; padding: 0; display: grid; place-items: center; font-family: inherit;
}
.sezon-ok:disabled { opacity: .25; cursor: default; }
.sezon-ok:active:not(:disabled) { background: var(--turkuaz-bg); }
.sezon-etiket {
  font-weight: 800; font-size: 14.5px; color: var(--turkuaz-dark); min-width: 122px;
  text-align: center; cursor: pointer; user-select: none; touch-action: pan-y; will-change: transform;
}
.sezon-etiket.sezon-geri-yaylan { transition: transform .25s cubic-bezier(.2,.9,.3,1.3); }
.sezon-etiket small { display: block; font-weight: 400; font-size: 10.5px; color: var(--muted); }


.sezon-stepper.kilitli .sezon-etiket { cursor: default; }

.topbar.sezon-gecmis { background: var(--sezon-amber-bg); }
.topbar.sezon-gecmis .sezon-etiket { color: var(--sezon-amber); }
.topbar.sezon-gecmis .sezon-ok { color: var(--sezon-amber); }


.sezon-liste {
  position: absolute; left: 50%; top: calc(100% + 2px); transform: translateX(-50%) translateY(-6px);
  z-index: 20; background: #fff; border: 1px solid var(--line); border-radius: 14px;
  box-shadow: 0 14px 34px rgba(0,0,0,.18); min-width: 230px; max-width: min(88vw, 280px);
  padding: 6px; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s;
}
.sezon-liste.acik { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.sezon-liste .satir {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 12px; border-radius: 9px; font-size: 14px; font-weight: 600;
  color: var(--ink); cursor: pointer;
}
.sezon-liste .satir:hover { background: var(--turkuaz-bg); }
.sezon-liste .satir.secili { background: var(--turkuaz); color: #fff; }
.sezon-liste .satir.secili .yan { color: rgba(255,255,255,.8); }
.sezon-liste .satir .yan { font-size: 12px; font-weight: 400; color: var(--muted); }
.sezon-liste .satir.pasif { color: var(--muted); font-style: italic; }
.sezon-liste .satir .aktif-rozet {
  font-size: 10.5px; font-weight: 700; background: var(--turkuaz-bg); color: var(--turkuaz-dark);
  border-radius: 10px; padding: 2px 8px;
}
.sezon-liste .satir.secili .aktif-rozet { background: rgba(255,255,255,.22); color: #fff; }


.sezon-arsiv-rozet {
  display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 700;
  background: var(--sezon-amber-bg); color: var(--sezon-amber-ink); border: 1px solid var(--sezon-amber-line);
  border-radius: 10px; padding: 1px 7px; white-space: nowrap; vertical-align: middle;
}
.sezon-arsiv-rozet .bik { width: 10px; height: 10px; }
.sezon-liste .satir.secili .sezon-arsiv-rozet { background: rgba(255,255,255,.22); color: #fff; border-color: transparent; }


.sezon-banner {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  flex-wrap: wrap; min-height: 34px; padding: 7px 16px;
  background: var(--sezon-amber-bg); color: var(--sezon-amber-ink);
  font-size: 13px; font-weight: 600;
  position: relative; z-index: 8; border-bottom: 1px solid var(--sezon-amber-line);
}
.sezon-banner-metin { display: flex; align-items: center; gap: 6px; }



.sezon-banner-ait { font-weight: 400; opacity: .78; }
.sezon-banner-eylemler { display: flex; align-items: center; gap: 14px; flex: none; }
.sezon-banner .sezon-don {
  border: none; background: none; color: var(--sezon-amber-ink); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
  font-family: inherit; font-size: 13px; padding: 0; flex: none;
}


.sezon-banner .sezon-arsiv-btn {
  border: 1px solid var(--sezon-amber-line); background: #fff; color: var(--sezon-amber-ink);
  font-weight: 700; cursor: pointer; font-family: inherit; font-size: 12px;
  padding: 4px 10px; border-radius: 999px; flex: none;
}
.sezon-banner .sezon-arsiv-btn:active { background: var(--sezon-amber-bg); }









.temsil-bandi {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  flex-wrap: wrap; min-height: 34px; padding: 7px 16px;
  background: var(--turkuaz-bg); color: var(--turkuaz-dark);
  font-size: 13px; font-weight: 600;
  position: relative; z-index: 8; border-bottom: 1px solid var(--turkuaz-cerceve);
}
.temsil-bandi .avatar { width: 24px; height: 24px; font-size: 9.5px; }
.temsil-bandi b { font-weight: 800; }
.temsil-bandi-metin { min-width: 0; overflow-wrap: anywhere; }


.temsil-bandi .temsil-don {
  border: none; background: none; color: var(--turkuaz-dark); font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
  font-family: inherit; font-size: 13px; padding: 0; flex: none; margin-left: 6px;
}


.sezon-bos-durum { text-align: center; color: var(--muted); padding: 46px 20px; font-size: 14px; }
.sezon-bos-durum .sezon-bos-ikon { font-size: 34px; margin-bottom: 10px; }






.state.disabled { cursor: default; opacity: .5; pointer-events: none; }


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


.sohbet-okunmamis .ders-title { font-weight: 800; color: var(--ink); }
.sohbet-okunmamis .sohbet-onizleme { color: var(--ink); font-weight: 600; }
.sohbet-nokta { flex: none; align-self: center; width: 10px; height: 10px; border-radius: 50%; background: var(--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(--turkuaz); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.sec-satir.sy-geri { color: var(--turkuaz-dark); font-weight: 600; }


.portal-basvur-btn {
  flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px;
  border: 1px solid var(--gold); border-radius: 999px; background: var(--card);
  color: var(--gold-dark); font-size: 12px; font-weight: 600; cursor: pointer;
  text-transform: none; letter-spacing: normal;
}
.portal-basvur-btn:hover { background: #fbf6ec; }




.portal-basvur-btn .bik { width: 15px; height: 15px; }
.portal-basvur-btn .bik svg { width: 15px; height: 15px; }
.basvuru-katalog { display: flex; flex-direction: column; gap: 12px; }
.basvuru-sezon-blok { display: flex; flex-direction: column; gap: 8px; }
.basvuru-sezon-bas {
  font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase;
  letter-spacing: .08em; margin: 8px 0 2px;
}



.basvuru-ders-secenek { cursor: pointer; }
.basvuru-ders-secenek input.basvuru-ders-sec {
  flex: none; align-self: center; width: 18px; height: 18px; margin: 0 12px;
  accent-color: var(--turkuaz);
}



.basvuru-katalog .ders-sec-kart .ders-kart-avatar {
  width: 40px; min-width: 40px; height: 40px; aspect-ratio: auto; align-self: center;
  border-radius: 11px;
}
.basvuru-katalog .ders-sec-kart .ders-kart-avatar:not(.resimli) { font-size: 15px; }
.basvuru-katalog .ders-sec-kart .avatar-img {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; border-radius: inherit;
}
.ders-kart-hoca {
  color: var(--muted); font-size: 14px; margin-top: 2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.basvuru-ders-pasif { cursor: default; opacity: .65; }
.basvuru-ders-rozet {
  flex: none; align-self: center; font-size: 11px; font-weight: 600; color: var(--var);
  background: #eaf6ee; border-radius: 999px; padding: 3px 9px; white-space: nowrap;
  margin: 0 12px;
}



.basvuru-ders-rozet.rozet-dolu { color: var(--muted); background: #f0efe9; }
.basvuru-ders-rozet.rozet-yedek { color: var(--izinli); background: #fdf3e4; }
.basvuru-bos { color: var(--muted); font-size: 13px; text-align: center; padding: 16px 8px; }
.basvuru-ozet {
  display: flex; flex-direction: column; gap: 6px; padding: 12px 14px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--bg); margin-bottom: 12px;
}
.basvuru-ozet-satir { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.basvuru-ozet-satir span { color: var(--muted); flex: none; }
.basvuru-ozet-satir b { color: var(--ink); text-align: right; }
.basvuru-ozet-dersler b { font-weight: 600; }
.basvuru-kvkk { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: var(--ink); cursor: pointer; }
.basvuru-kvkk input { margin-top: 2px; flex: none; }



.bildirim-banner {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
  border-left: 3px solid var(--turkuaz);
}
.bildirim-banner-ikon { flex: none; display: grid; place-items: center; color: var(--turkuaz-dark); }
.bildirim-banner-ikon svg { width: 20px; height: 20px; }
.bildirim-banner-metin { flex: 1; font-size: 13.5px; line-height: 1.4; color: var(--ink); }



.bildirim-banner-ipucu { border-left-color: var(--gold); cursor: pointer; }
.bildirim-banner-ipucu .bildirim-banner-ikon { color: var(--gold-dark); }





















.bildirim-banner[data-yapilamaz] { border-left-color: var(--line); cursor: pointer; }
.bildirim-banner[data-yapilamaz] .bildirim-banner-ikon,
.bildirim-banner[data-yapilamaz] .bildirim-banner-metin { color: var(--muted); }

.bildirim-banner-alarm { border-left-color: var(--yok); background: #fdecea; cursor: pointer; }
.bildirim-banner-alarm .bildirim-banner-ikon { color: var(--yok); }
.bildirim-banner-alarm .bildirim-banner-metin { color: #8a2a2a; }
.bildirim-banner-alarm .bildirim-banner-nasil { color: var(--yok); font-weight: 700; text-decoration: underline; white-space: nowrap; }
.bildirim-banner-nasil { color: var(--gold-dark); font-weight: 700; text-decoration: underline; white-space: nowrap; }
.bildirim-banner-kapat {
  flex: none; border: none; background: none; color: var(--muted);
  font-size: 20px; line-height: 1; cursor: pointer; padding: 0 2px; font-family: inherit;
}




#smsAlarmSlot { padding: 10px 16px 0; }
#smsAlarmSlot .card { margin-bottom: 0; }

@media (min-width: 720px) { body.has-nav #smsAlarmSlot { margin-left: 188px; } }



.ios-rehber-giris { margin: 0 0 14px; font-size: 13.5px; color: var(--muted); line-height: 1.4; }
.ios-rehber-adim { display: flex; align-items: flex-start; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.ios-rehber-adim:last-child { border-bottom: none; padding-bottom: 2px; }
.ios-rehber-no {
  flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%;
  background: var(--gold); color: #fff; font-size: 12px; font-weight: 700;
  display: grid; place-items: center;
}
.ios-rehber-ikon { flex: none; width: 22px; height: 22px; margin-top: 1px; display: grid; place-items: center; color: var(--gold-dark); }
.ios-rehber-ikon svg { width: 100%; height: 100%; }
.ios-rehber-metin { flex: 1; font-size: 14px; line-height: 1.45; color: var(--ink); }
.ios-rehber-not { margin-top: 3px; font-size: 12px; color: var(--muted); line-height: 1.4; }


.sohbet-giris { display: flex; align-items: center; gap: 12px; width: 100%; padding: 15px 16px; cursor: pointer; text-align: left; background: var(--card); border: 1px solid var(--line); }
.sohbet-giris-ikon { position: relative; display: grid; place-items: center; color: var(--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(--turkuaz); box-shadow: 0 0 0 2px var(--card);
}
.sohbet-giris-ad { flex: 1; font-weight: 700; font-size: 15px; color: var(--ink); }
.sohbet-giris-ok { color: #a59c89; font-size: 22px; }


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



























.app:has(> .thread) { padding-bottom: 0; }
.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(--line); flex: none; }
.thread-geri { background: none; border: none; font-size: 26px; line-height: 1; color: var(--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(--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(--turkuaz-bg); }
@media (hover: hover) { .thread-baslik-tiklanir:hover .thread-ad { color: var(--turkuaz-dark); } }





.thread-supur { flex: none; background: none; border: none; color: var(--turkuaz-dark); font-size: 18px; line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: 8px; }
.thread-supur:not(:disabled):active { background: var(--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(--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(--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(--line); flex: none; }
.thread-arama-ikon { flex: none; color: var(--muted); font-size: 16px; display: flex; }
.thread-arama-input { flex: 1; min-width: 0; border: 1px solid var(--line); border-radius: 9px; padding: 7px 10px; font-size: 14px; font-family: inherit; background: #fff; color: var(--ink); }
.thread-arama-sayac { flex: none; font-size: 12.5px; color: var(--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(--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(--line); }







.thread-secim-bar { display: flex; align-items: center; gap: 6px; padding: 8px 0; border-bottom: 1px solid var(--line); flex: none; }
.thread-secim-sayac { flex: 1; min-width: 0; font-weight: 700; font-size: 16px; color: var(--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(--turkuaz-dark); cursor: pointer; padding: 4px 6px; border-radius: 8px; }
.thread-secim-sil { color: var(--yok); }
.thread-secim-kapat { color: var(--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(--line); }



.thread-secim .baloncuk-secili { box-shadow: 0 0 0 3px var(--turkuaz), 0 0 0 6px var(--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(--line); color: var(--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(--yok); cursor: pointer; padding: 6px 8px; border-radius: 8px; }
.sohbet-yonetim-sil:active { background: var(--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(--turkuaz-dark); cursor: pointer; padding: 6px 8px; border-radius: 8px; }
.sohbet-yonetim-supur:not(:disabled):active { background: var(--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(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thread-alt { font-size: 12.5px; color: var(--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(--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(--line); border-radius: 999px; background: var(--card); color: var(--muted); font: inherit; font-size: 13px; cursor: pointer; }
.thread-eski-yukle:hover:not(:disabled) { color: var(--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(--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(--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(--card); color: var(--ink); border: 1px solid var(--line); box-shadow: var(--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(--line); border-bottom-left-radius: 4px; }
.baloncuk-ben { align-self: flex-end; background: var(--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(--turkuaz), 0 0 0 6px var(--turkuaz-bg); }
  30%  { box-shadow: 0 0 0 3px var(--turkuaz), 0 0 0 6px var(--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(--turkuaz); }
}




























































.msg-gonderen { font-size: 16px; font-weight: 700; color: var(--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(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.msg-link { color: var(--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(--gold-dark); font-weight: 600; text-decoration: none; background: var(--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(--muted); }







.msg-mention-olu { display: inline; color: var(--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(--gold-light); color: var(--muted); }
.baloncuk-ben .msg-bicim-alinti { border-left-color: var(--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(--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(--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(--gold-light); border-radius: 6px; cursor: pointer; }
.baloncuk-ben .msg-yanit { background: rgba(255,255,255,.65); border-left-color: var(--turkuaz-dark); }
.msg-yanit-ad { font-size: 14px; font-weight: 700; color: var(--gold-dark); margin-bottom: 1px; }
.baloncuk-ben .msg-yanit-ad { color: #5f8288; }
.msg-yanit-ozet { font-size: 14px; color: var(--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(--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(--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(--line); border-radius: 999px; background: #fff; cursor: pointer; line-height: 1.5; color: var(--ink); }
.tepki-chip-benim { background: var(--turkuaz-bg); border-color: #9fd6e2; }
.tepki-emoji { font-size: 13px; }
.tepki-say { font-size: 11.5px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.tepki-chip-benim .tepki-say { color: var(--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(--muted); padding: 4px; border-radius: 999px; display: grid; place-items: center; }
.tepki-liste-ekle svg { width: 22px; height: 22px; }













.tepki-liste-ekle .bik { width: 22px; height: 22px; }
.tepki-liste-ekle:hover, .tepki-liste-ekle:focus-visible { color: var(--turkuaz-dark); background: var(--bg); outline: none; }
.tepki-liste-blok + .tepki-liste-blok { margin-top: 10px; }
.tepki-liste-grup-baslik { font-size: 13px; font-weight: 700; color: var(--ink); padding-bottom: 3px; border-bottom: 1px solid var(--line); margin-bottom: 5px; }
.tepki-liste-ad { font-size: 13.5px; color: var(--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(--muted); }
.tepki-liste-bos { font-size: 12.5px; font-style: italic; color: var(--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(--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(--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(--turkuaz-bg);
  cursor: pointer; color: var(--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(--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(--muted); border-radius: 50%; color: var(--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(--muted); font-variant-numeric: tabular-nums; }





.anket-sec-benim { border-color: var(--turkuaz-dark); }
.anket-sec-benim .anket-say { color: var(--turkuaz-dark); }
.anket-sec-benim .anket-isaret { border-color: var(--turkuaz-dark); }
@media (hover: hover) { .anket-sec:not(:disabled):hover { border-color: var(--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(--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(--turkuaz-dark); }
.anket-not { margin-top: 4px; font-size: 11.5px; font-style: italic; color: var(--muted); }

























































.gorusme { display: block; margin: 2px 0 1px; }             
.gorusme-bitti .anket-soru { color: var(--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(--yok); }
.gorusme-katil:active { opacity: .75; }
.gorusme-katil:focus-visible { outline: 2px solid var(--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(--line); background: var(--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(--muted); }
.gorusme-sabit .gorusme-katil { width: auto; flex: none; margin-top: 0; margin-left: auto; }










.composer-onizleme { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-top: 1px solid var(--line); background: var(--bg); flex: none; }
.composer-onizleme[hidden] { display: none; }
.composer-onizleme-ic { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
.composer-onizleme .msg-baglanti-gorsel { width: 40px; height: 40px; border-radius: 6px; }
.composer-onizleme-bilgi { min-width: 0; }
.composer-onizleme-baslik { font-size: 12.5px; font-weight: 700; color: var(--ink); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.composer-onizleme-site { font-size: 12.5px; color: var(--muted); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.anket-oy-blok { margin-bottom: 12px; }
.anket-oy-baslik { font-size: 13px; font-weight: 700; color: var(--ink); padding-bottom: 3px; border-bottom: 1px solid var(--line); margin-bottom: 5px; }
.anket-oy-ad { font-size: 13.5px; color: var(--ink); padding: 2px 0; }
.anket-oy-bos { font-size: 12.5px; font-style: italic; color: var(--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(--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(--bg); outline: none; }
.tepki-hizli-secili { background: var(--turkuaz-bg); }


























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
























.tepki-hizli-tablo svg { width: 28px; height: 28px; }




























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


.composer-yanit { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-top: 1px solid var(--line); background: var(--bg); flex: none; }
.composer-yanit[hidden] { display: none; }
.composer-yanit-ic { flex: 1; min-width: 0; border-left: 3px solid var(--turkuaz-dark); padding-left: 8px; }
.composer-yanit-ad { font-size: 11.5px; font-weight: 700; color: var(--turkuaz-dark); }
.composer-yanit-ozet { font-size: 12.5px; color: var(--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(--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(--line); background: var(--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(--muted); }
.mention-panel-kapat { flex: none; background: none; border: none; color: var(--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(--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(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.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(--turkuaz-bg); border: 1px solid #cbe9ef; border-radius: 10px; padding: 8px 11px; font-size: 14px; line-height: 1.35; color: var(--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(--line); }
.mb-satir:last-child { border-bottom: none; }
.mb-ad { font-weight: 600; font-size: 14px; color: var(--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(--turkuaz-dark); }
.mb-alindi { color: #9a9280; }
.mb-bekliyor { color: var(--muted); }
.mb-bos { color: var(--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(--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(--line); border-radius: 12px; padding: 13px 13px 15px; background: var(--bg); }
.bag-kart-baslik { margin: 0 0 6px; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--gold-dark); }
.bag-kart-aciklama { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: var(--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(--yok); font-size: 13px; line-height: 1.45; }
.bag-not { margin: 0 0 10px; color: var(--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(--line); }
.uye-ayarlar-baslik { font-size: 11px; font-weight: 700; color: var(--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(--ink); }
.uye-ayar-btn { flex: none; background: #fff; border: 1px solid var(--line); color: var(--ink);
  font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; padding: 5px 12px; border-radius: 8px; }
.uye-ayar-btn:active { background: var(--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(--ink); }
.ayar-satir-nav:active { background: var(--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(--muted); }
.ayar-satir-ok { flex: none; color: var(--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(--yok); font-weight: 600; }
.ayar-satir-tehlike:active { background: var(--bg); }




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














.ayar-ara { width: 100%; margin: 0 auto 12px; box-sizing: border-box; flex: none; }
.ayar-kat-alt { font-size: 11.5px; color: var(--muted); font-weight: 400; }

@keyframes ayarVurguFlash { 0%, 100% { background: transparent; } 18% { background: rgba(0, 163, 191, .15); } }
.ayar-satir.ayar-vurgu { animation: ayarVurguFlash 2.2s ease; border-radius: 8px; }


.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(--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(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.uye-son-gorulme { display: block; font-size: 11.5px; color: var(--muted); margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rol-moderator { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.uye-daha { color: var(--muted); font-size: 12.5px; text-align: center; padding: 10px 2px 2px; }
.uye-bos { color: var(--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(--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(--turkuaz); border-radius: 10px; padding: 7px 10px; font: inherit; font-size: 16px; line-height: 1.35; max-height: 160px; background: #fff; color: var(--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(--turkuaz); border: 1px solid var(--turkuaz); color: #fff; }
.msg-duzenle-iptal { background: none; border: 1px solid var(--line); color: var(--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(--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(--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(--line); background: var(--bg); flex: none; }




































body.has-nav .composer,
body.has-nav .ses-kayit { padding-bottom: 4px; }
body.has-nav .composer-salt { padding-bottom: 8px; }
.composer[hidden] { display: none; } 




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

.composer-gonder { flex: none; width: 40px; height: 40px; border-radius: 50%; border: none; background: var(--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(--muted); padding: 0; }
.composer-smiley:active, .composer-kamera:active { background: var(--line); }
.composer-smiley svg, .composer-kamera svg { width: 23px; height: 23px; }
.composer-smiley.aktif { color: var(--turkuaz-dark); }




.composer-ek.aktif, .composer-kamera.aktif { color: var(--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(--muted); }
.composer-ek:active { background: var(--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(--bicim-zemin); border: 1px solid var(--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(--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(--line); background: var(--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(--line); border-radius: 999px;
  background: #fff; color: var(--ink); font-family: inherit; font-size: 14px; padding: 7px 12px; outline: none;
  -webkit-appearance: none; appearance: none; }
.emoji-ara:focus { border-color: var(--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(--muted);
  font-size: 12.5px; font-weight: 600; padding: 5px 10px; border-radius: 999px; white-space: nowrap; }
.emoji-sekme-aktif { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
@media (hover: hover) { .emoji-sekme:hover { background: var(--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(--turkuaz-bg); }
@media (hover: hover) { .emoji-oge:hover { background: var(--turkuaz-bg); } }
.emoji-bos { padding: 18px 8px; text-align: center; font-size: 13px; color: var(--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(--line); background: var(--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(--muted); }
.ses-cop:active { background: var(--line); }
.ses-cop svg { width: 22px; height: 22px; }
.ses-duraklat { color: var(--turkuaz-dark); }
.ses-duraklat:active { background: var(--line); }
.ses-duraklat svg { width: 22px; height: 22px; }
.ses-gonder { background: var(--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(--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(--ink); }
.ses-not { flex: none; font-size: 11.5px; color: var(--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(--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(--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(--line); background: var(--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(--yok); color: #fff; }
.kamera-cek svg { width: 26px; height: 26px; }
.kamera-cek:active { opacity: .85; }
.kamera-kapat, .kamera-don { color: var(--muted); }
.kamera-kapat:active, .kamera-don:active { background: var(--line); }
.kamera-don svg, .kamera-kapat svg { width: 22px; height: 22px; }

.ses-gosterge.kamera-son .ses-sayac { color: var(--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(--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-album { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; width: min(260px, 72vw); max-width: 100%; }
.msg-album-oge { position: relative; aspect-ratio: 1 / 1; border: none; padding: 0; margin: 0; overflow: hidden; background: #efe9dd; cursor: zoom-in; display: block; }
.msg-album[data-adet="2"] .msg-album-oge { aspect-ratio: 3 / 4; }
.msg-album[data-adet="3"] .msg-album-oge:first-child { grid-column: 1 / -1; aspect-ratio: 2 / 1; }
.msg-album-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.msg-album-oge:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: -2px; }
.msg-album-oge-video { background: #000; cursor: pointer; }
.msg-album-oynat { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.msg-album-oynat .video-oynat-hap { width: 34px; height: 34px; }
.msg-album-oynat .video-oynat-hap svg { width: 18px; height: 18px; margin-left: 1px; }
.msg-album-oge-yok img { visibility: hidden; }
.msg-album-arti { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0,0,0,.5); color: #fff; font-size: 24px; font-weight: 700; pointer-events: none; }
.modal-album .album-sayfa-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 6px; max-height: 46vh; overflow-y: auto; }
.album-sayfa-oge { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; background: #efe9dd; }
.album-sayfa-oge img, .album-sayfa-oge video { width: 100%; height: 100%; object-fit: cover; display: block; }
.album-sayfa-video-ikon { position: absolute; left: 4px; bottom: 4px; width: 18px; height: 18px; color: #fff; filter: drop-shadow(0 0 2px rgba(0,0,0,.6)); }
.album-sayfa-video-ikon svg { width: 100%; height: 100%; }
.album-sayfa-cikar { position: absolute; top: 3px; right: 3px; width: 26px; height: 26px; border: none; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; display: grid; place-items: center; padding: 0; cursor: pointer; }
.album-sayfa-cikar svg { width: 14px; height: 14px; }
.album-sayfa-cikar .bik { width: 14px; height: 14px; }
.album-sayfa-ekle { aspect-ratio: 1 / 1; border: 1.5px dashed var(--line); border-radius: 8px; background: none; color: var(--muted); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font: inherit; font-size: 12px; cursor: pointer; }
.album-sayfa-ekle svg { width: 22px; height: 22px; }
.album-sayfa-ekle .bik { width: 22px; height: 22px; }
.album-sayfa-sayac { font-size: 12px; color: var(--muted); text-align: right; margin: 4px 0 2px; }
.msg-album-yerel { display: grid; grid-template-columns: repeat(4, 56px); gap: 3px; }
.msg-album-yerel-oge { position: relative; width: 56px; height: 56px; border-radius: 6px; overflow: hidden; background: #2b2b2b; }
.msg-album-yerel-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.msg-album-yerel-video { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; }
.msg-album-yerel-video svg { width: 20px; height: 20px; }
.msg-album-yerel-ust { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; background: rgba(0,0,0,.42); color: #fff; font-size: 11px; font-weight: 700; text-align: center; }
.msg-album-yerel-oge[data-durum="yuklendi"] .msg-album-yerel-ust { background: rgba(0,0,0,.18); }
.msg-album-yerel-cubuk { width: 70%; height: 3px; border-radius: 2px; background: rgba(255,255,255,.35); overflow: hidden; }
.msg-album-yerel-cubuk > span { display: block; height: 100%; background: #fff; transition: width .2s linear; }
.msg-album-yerel-tekrar { border: none; border-radius: 999px; background: #fff; color: var(--gold-dark); font: inherit; font-size: 10px; font-weight: 700; padding: 3px 6px; cursor: pointer; }
.msg-album-yerel-kaldir { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; border: none; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; padding: 0; display: grid; place-items: center; cursor: pointer; }
.msg-album-yerel-kaldir svg { width: 10px; height: 10px; }
.msg-album-yerel-kaldir .bik { width: 10px; height: 10px; }
.msg-album-durum { font-size: 12px; color: var(--muted); margin-top: 4px; }
.msg-album-durum:empty { display: none; }
.msg-album-eylem { display: flex; justify-content: flex-end; gap: 6px; margin-top: 4px; }
.msg-album-vazgec { border: none; background: none; color: var(--muted); font: inherit; font-size: 13px; padding: 4px 6px; cursor: pointer; }
.album-gezgin { position: fixed; inset: 0; z-index: 2990; background: rgba(0,0,0,.94); color: #fff; }
.album-gezgin-ust { position: absolute; top: 0; left: 0; right: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: calc(8px + env(safe-area-inset-top)) 12px 8px; }
.album-gezgin-sayac { font-size: 14px; font-weight: 600; }
.album-gezgin-kapat { width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; display: grid; place-items: center; padding: 0; cursor: pointer; }
.album-gezgin-kapat svg { width: 20px; height: 20px; }
.album-gezgin-kapat .bik { width: 20px; height: 20px; }
.album-gezgin-ray { position: absolute; inset: 0; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior: contain; scrollbar-width: none; }
.album-gezgin-ray::-webkit-scrollbar { display: none; }
.album-gezgin-sayfa { flex: 0 0 100%; scroll-snap-align: center; scroll-snap-stop: always; display: grid; place-items: center; padding: 56px 12px 24px; box-sizing: border-box; }
.album-gezgin-medya { display: grid; place-items: center; width: 100%; max-height: 100%; }
.album-gezgin-medya.baloncuk-medya { background: none; padding: 0; border: none; box-shadow: none; }
.album-gezgin-medya .msg-medya { margin: 0; border-radius: 0; max-width: 100%; }
.album-gezgin-medya .msg-medya-resim, .album-gezgin-medya .msg-video-sar { max-width: 100%; width: auto; }
.album-gezgin-medya .msg-resim, .album-gezgin-medya video { width: auto !important; max-width: 100%; max-height: calc(100vh - 96px); height: auto; object-fit: contain; }
.album-gezgin-onceki, .album-gezgin-sonraki { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; margin-top: -22px; border: none; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 28px; line-height: 1; display: grid; place-items: center; padding: 0 0 3px; cursor: pointer; }
.album-gezgin-onceki { left: 10px; }
.album-gezgin-sonraki { right: 10px; }
.album-gezgin-onceki:disabled, .album-gezgin-sonraki:disabled { opacity: 0; pointer-events: none; }
@media (hover: none) { .album-gezgin-onceki, .album-gezgin-sonraki { display: none; } }
@media (prefers-reduced-motion: reduce) { .album-gezgin-ray { scroll-behavior: auto; } .msg-album-yerel-cubuk > span { 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(--line); border-radius: 12px; text-decoration: none; color: var(--ink); }
.baloncuk-ben .msg-belge { background: rgba(255,255,255,.5); border-color: #cbe9ef; }
.msg-belge:active { background: var(--line); }
.msg-belge-ikon { flex: none; width: 40px; height: 40px; display: grid; place-items: center; color: var(--turkuaz-dark); }
.msg-belge-ikon svg { width: 32px; height: 32px; }




















.dosya-tur-kelime .dosya-tur-bant { fill: var(--dosya-kelime); }
.dosya-tur-pdf .dosya-tur-bant { fill: var(--dosya-pdf); }
.dosya-tur-tablo .dosya-tur-bant { fill: var(--dosya-tablo); }
.dosya-tur-sunum .dosya-tur-bant { fill: var(--dosya-sunum); }
.dosya-tur-gorsel .dosya-tur-bant { fill: var(--dosya-gorsel); }
.dosya-tur-ses .dosya-tur-bant { fill: var(--dosya-ses); }
.dosya-tur-video .dosya-tur-bant { fill: var(--dosya-video); }
.dosya-tur-yazi { fill: var(--dosya-etiket-yazi); }
.dosya-tur-simge { fill: var(--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(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msg-belge-boy { font-size: 13px; color: var(--muted); }































.msg-baglanti { display: flex; align-items: center; gap: 10px; min-width: 190px; max-width: 280px; box-sizing: border-box; margin: 1px 0 5px; padding: 9px 11px; background: rgba(0,0,0,.03); border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink); }
.baloncuk-ben .msg-baglanti { background: rgba(255,255,255,.5); border-color: #cbe9ef; }
.msg-baglanti:active { background: var(--line); }
.msg-baglanti-genis, .msg-baglanti-dikey { flex-direction: column; align-items: stretch; width: 280px; max-width: 100%; padding: 0 0 9px; overflow: hidden; }
.msg-baglanti-gorsel { position: relative; flex: none; width: 64px; height: 64px; border-radius: 8px; overflow: hidden; background: #efe9dd; }
.msg-baglanti-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.msg-baglanti-genis .msg-baglanti-gorsel { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 0; }
.msg-baglanti-dikey .msg-baglanti-gorsel { width: 100%; height: auto; aspect-ratio: 4 / 5; max-height: 420px; border-radius: 0; }
.msg-baglanti-oynat { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.msg-baglanti-genis .msg-baglanti-bilgi, .msg-baglanti-dikey .msg-baglanti-bilgi { padding: 0 11px; }
.msg-baglanti-ikon { flex: none; width: 40px; height: 40px; display: grid; place-items: center; color: var(--turkuaz-dark); }
.msg-baglanti-ikon svg { width: 32px; height: 32px; }
.msg-baglanti-bilgi { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.msg-baglanti-baslik { font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.3; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.msg-baglanti-aciklama { font-size: 13px; color: var(--muted); line-height: 1.3; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.msg-baglanti-alt { display: flex; align-items: center; gap: 4px; min-width: 0; margin-top: 2px; color: var(--muted); }
.msg-baglanti-alt-ikon { flex: none; display: grid; place-items: center; }
.msg-baglanti-alt-ikon svg { width: 14px; height: 14px; }
.msg-baglanti-site { min-width: 0; font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }




















































.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(--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(--muted); padding: 2px 4px 0; }
.msg-medya-yok-not svg { flex: none; width: 16px; height: 16px; }


.msg-medya-yok { align-items: center; flex-wrap: wrap; gap: 6px; }
.msg-medya-tekrar { border: none; cursor: pointer; font-family: inherit; background: #f5eee1; color: var(--gold-dark); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 700; }
.msg-medya-tekrar:active { background: var(--gold); color: #fff; }
.msg-medya-tekrar:disabled { opacity: .45; cursor: default; }






.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(--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(--turkuaz-dark); background: var(--turkuaz-bg); } }
.ilet-ikon:active { opacity: 1; color: var(--turkuaz-dark); background: var(--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(--muted); margin-bottom: 2px; }
















.msg-ileti .bik { display: inline-flex; width: 12px; height: 12px; }
.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; grid-template: 100% / 100%; }



.resim-tam > .belge-yeni-sekme { position: absolute; z-index: 1; top: 10px; right: 10px; }
@media (hover: hover) { .resim-tam.resim-tam--sekme { padding-top: 56px; } }
.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; }


.denetim-filtre { margin: 10px 4px 12px; display: flex; flex-direction: column; gap: 8px; }
.denetim-ara { width: 100%; }
.denetim-cipler { display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
.denetim-cip { flex: 0 0 auto; border: 1px solid var(--line); background: var(--card); color: var(--muted);
  padding: 6px 13px; border-radius: 999px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.denetim-cip.aktif { background: var(--turkuaz); border-color: var(--turkuaz); color: #fff; }
.denetim-varlik { width: 100%; }
.denetim-satir { align-items: center; }
.denetim-fiil { flex: 0 0 auto; align-self: flex-start; margin-top: 2px; padding: 2px 9px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: .02em; color: #fff; min-width: 54px; text-align: center; }
.df-ekle { background: var(--var); }
.df-duzenle { background: var(--turkuaz-dark); }
.df-sil { background: var(--yok); }
.df-kaydet { background: var(--gold); }
.denetim-daha-sar { display: flex; justify-content: center; padding: 4px 0 18px; }
.denetim-daha { border: 1px solid var(--line); background: var(--card); color: var(--turkuaz-dark);
  padding: 9px 18px; border-radius: 999px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.denetim-daha:disabled { opacity: .6; }

.denetim-meta { display: flex; flex-direction: column; gap: 7px; }
.denetim-detay-baslik { margin: 14px 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.denetim-detay-liste { display: flex; flex-direction: column; gap: 6px; }
.dd-satir { display: flex; gap: 10px; align-items: baseline; font-size: 13.5px; }
.dd-alan { flex: 0 0 34%; color: var(--muted); font-weight: 600; word-break: break-word; }
.dd-deger { flex: 1 1 auto; min-width: 0; color: var(--ink); word-break: break-word; }
.dd-kaynak { font-variant-numeric: tabular-nums; font-size: 12.5px; color: var(--muted); }

.dd-diff .dd-deger { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.dd-eski { color: var(--yok); text-decoration: line-through; opacity: .75; }
.dd-ok { color: var(--muted); font-size: 12px; }
.dd-yeni { color: var(--var); font-weight: 600; }

.denetim-detay-grup + .denetim-detay-grup { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.denetim-detay-altbaslik { font-size: 12.5px; font-weight: 700; color: var(--ink); margin-bottom: 6px;
  font-variant-numeric: tabular-nums; }







.card.mutteka-app-liste { background: transparent; border: none; box-shadow: none; overflow: visible; }
.mutteka-app-row {
  display: flex; align-items: center; justify-content: center; gap: 14px; padding: 16px; cursor: pointer; position: relative;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow); margin-bottom: 14px;
  


}
.mutteka-app-row:last-child { margin-bottom: 0; }











.mutteka-app-rozetler { position: absolute; top: 12px; right: 14px; bottom: 12px; display: inline-flex; flex-direction: column; align-items: flex-end; }


.mutteka-app-badge.bilgi { margin-top: auto; margin-bottom: auto; }

.mutteka-app-badge { min-width: 22px; height: 22px; padding: 0 7px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: var(--yok); color: #fff; font-size: 12.5px; font-weight: 700; border-radius: 999px; }



.mutteka-app-badge.bilgi { background: var(--turkuaz); }
.mutteka-app-row:hover { background: #faf8f4; }
.mutteka-app-row:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: -2px; }
.mutteka-app-ikon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: var(--app-renk, var(--turkuaz)); flex: none; }
.mutteka-app-ikon svg { width: 24px; height: 24px; }
.mutteka-app-ikon-foto { background: #fff; border: 1px solid var(--line); padding: 6px; }
.mutteka-app-ikon-foto img { width: 100%; height: 100%; object-fit: contain; }

.insa-logo { width: min(70vw, 280px); height: auto; border-radius: 12px; margin: 0 auto 14px; }
.insa-logo img { width: 100%; height: auto; }


.mutteka-app-hat { flex: 1; min-width: 0; height: 84px; object-fit: contain; object-position: center; padding: 2px 0; }
.insa-hat { width: min(80vw, 420px); height: auto; margin: 8vh auto 18px; display: block; }



.mutteka-app-metin { min-width: 0; flex: 0 1 auto; text-align: center; }
.mutteka-app-ad { font-size: 16px; font-weight: 600; }
.mutteka-app-alt { font-size: 13px; color: var(--muted); margin-top: 1px; }


.dummy-app { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-height: 72vh; text-align: center; padding: 24px; }
.dummy-app-ikon { width: 74px; height: 74px; border-radius: 19px; display: grid; place-items: center; color: #fff; background: var(--app-renk, var(--turkuaz)); }
.dummy-app-ikon svg { width: 38px; height: 38px; }
.dummy-app-ad { margin: 0; font-size: 25px; }
.dummy-app-ipucu { margin: 0; color: var(--muted); font-size: 13px; max-width: 320px; }
.dummy-app-butonlar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.dummy-app-btn { min-width: 130px; }
.dummy-app-cikti { min-height: 30px; font-size: 24px; font-weight: 700; color: var(--app-renk, var(--turkuaz)); }
.dummy-app-cikti.dolu { animation: dummyPop .25s ease; }
@keyframes dummyPop { from { transform: scale(.75); opacity: .2 } to { transform: scale(1); opacity: 1 } }
.dummy-app-gecis { margin-top: 8px; display: inline-flex; align-items: center; gap: 6px; color: var(--turkuaz-dark); font-size: 14px; font-weight: 600; cursor: pointer; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); background: #fff; }
.dummy-app-gecis:hover { background: var(--turkuaz-bg); border-color: var(--turkuaz); }
.dummy-app-gecis:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: 2px; }


.dummy-app-gecis .bik { width: 17px; height: 17px; }
.dummy-app-gecis .bik svg { width: 17px; height: 17px; }






.platform-kimlik {
  display: flex; align-items: center; gap: 12px;
  padding: 4px 6px 14px; margin-bottom: 6px; border-bottom: 1px solid var(--line);
}
.platform-kimlik .avatar { width: 48px; height: 48px; border-radius: 50%; font-size: 17px; flex: none; }
.platform-kimlik .avatar .avatar-img { border-radius: 50%; }
.platform-kimlik-metin { min-width: 0; }
.platform-ad { font-size: 16px; font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.platform-eposta { font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.platform-kimlik-kayitli { font-style: italic; opacity: .85; }

.platform-kimlik-sapma { color: var(--yok); font-weight: 600; white-space: normal; }
.platform-roller { margin: 7px 0 0; }














.pm-hane { margin: 2px 6px 10px; }
.pm-hane > label { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 5px; }
.pm-hane .bk-hane-btn { width: 100%; }


.platform-menu-alt { margin-top: auto; padding: 12px 6px 0; }


.platform-don {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; padding: 11px 14px; border: none; border-radius: 12px;
  background: var(--turkuaz); color: #fff; font: inherit; font-size: 14px; font-weight: 700;
  cursor: pointer; box-shadow: 0 6px 15px -8px var(--turkuaz);
}
.platform-don:hover, .platform-don:active { background: var(--turkuaz-dark); }
.platform-don .nav-ikon svg { color: #fff; }
.platform-menu-alt .cikis { width: 100%; padding: 10px; font-size: 14px; }




.modal.modal-hesap {
  width: min(92vw, 400px); padding: 14px;
  box-shadow: 0 8px 28px rgba(40,30,10,.22);
}
.modal-hesap .modal-baslik { margin-bottom: 8px; }
.hesap-liste { overflow-y: auto; }
.hesap-satir .sec-ad { display: flex; align-items: center; gap: 7px; }
.hesap-ad-metin { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hesap-satir .rol { flex: none; }
.hesap-satir-aktif { background: var(--turkuaz-bg); cursor: default; }
.hesap-tik { flex: none; display: inline-flex; width: 20px; height: 20px; color: var(--turkuaz-dark); }
.hesap-tik svg { width: 20px; height: 20px; }


.hesap-satir .sec-alt2 { color: var(--ink); opacity: 1; font-size: 12.5px; font-variant-numeric: tabular-nums; }

.hesap-aktif { flex: none; display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--turkuaz-dark); }
.hesap-aktif-metin { font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .02em; white-space: nowrap; }

.hesap-es-kisi {
  flex: none; font-size: 10.5px; font-weight: 700; padding: 1px 6px; border-radius: 999px;
  background: var(--turkuaz-bg); color: var(--turkuaz-dark); white-space: nowrap;
}
.hesap-sil {
  flex: none; width: 28px; height: 28px; border: none; background: none; cursor: pointer;
  color: var(--muted); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
}
.hesap-sil svg { width: 15px; height: 15px; }
.hesap-sil:active { background: var(--turkuaz-bg); }
.hesap-ekle-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--turkuaz-dark); background: var(--turkuaz-bg);
}
.hesap-ekle-ikon svg { width: 18px; height: 18px; }
.hesap-alt { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.hesap-alt .cikis { width: 100%; padding: 10px; font-size: 14px; }



.modal-hesap.secim-modu .hesap-satir.secilebilir .secim-tik { display: flex; }
.modal-hesap.secim-modu .hesap-sil,
.modal-hesap.secim-modu .hesap-ekle { display: none; }
.modal-hesap .secim-bar { position: static; }
.hesap-alt .drawer-versiyon { text-align: center; }
.rol-talebe { background: #eef1f0; color: var(--muted); }

.footnote-versiyon { margin-top: 8px; font-size: 11px; opacity: .65; font-variant-numeric: tabular-nums; }


.app-splash { z-index: 99; }





















.cip-kap { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.cip-bos { opacity: .7; margin: 0; }
.cip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 4px 3px 10px; border: 1px solid var(--turkuaz); border-radius: 999px; background: var(--turkuaz-bg); color: var(--turkuaz-dark); font-size: 13px; max-width: 100%; }
.cip-grup { border-color: var(--line); background: #fff; color: var(--ink); }
.cip-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cip-x { display: inline-flex; align-items: center; justify-content: center; border: none; background: transparent; cursor: pointer; padding: 2px; color: inherit; border-radius: 999px; }
.cip-x .bik svg { width: 14px; height: 14px; }
.cip-x:disabled { opacity: .45; cursor: default; }
.cip-ekle-satir { display: flex; gap: 8px; flex-wrap: wrap; }




.arsiv-misafir .sec-satir { padding: 9px 16px; cursor: default; }
.arsiv-misafir .cip-x { flex: none; width: 32px; height: 30px; padding: 0; }
.arsiv-misafir .cip-ekle-satir { padding: 10px 16px 6px; }




.cip-ekle-satir .ekle-input { width: auto; flex: 1 1 0; min-width: 0; }
.cip-ekle-satir .ekle-btn { flex: none; }


.sms-mesaj { width: 100%; box-sizing: border-box; resize: vertical; min-height: 96px; font: inherit; }
.sms-sayac { margin-top: 6px; }
.sms-sayac-uyari { color: var(--turkuaz-dark); font-weight: 600; }


.sd-govde { padding: 0 6px; }

.sd-adimlar { display: flex; align-items: center; gap: 6px; margin: 0 6px 14px; }
.sd-adim { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--muted); white-space: nowrap; }
.sd-adim-no { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--line); color: var(--muted); font-size: 12px; font-weight: 700; flex: 0 0 auto; }
.sd-adim.aktif { color: var(--ink); }
.sd-adim.aktif .sd-adim-no { background: var(--gold); color: #fff; }
.sd-adim.gecti .sd-adim-no { background: var(--var); color: #fff; }
.sd-adim-cizgi { flex: 1 1 auto; height: 1px; background: var(--line); min-width: 6px; }

.sd-alt { display: flex; gap: 10px; margin: 14px 6px 8px; }
.sd-alt .ekle-btn, .sd-alt .btn-ghost { flex: 1 1 0; min-height: 44px; }

.sd-toplu { display: flex; gap: 8px; margin: 0 6px 10px; }
.sd-mini { flex: 0 0 auto; min-height: 36px; padding: 6px 12px; font-size: 12.5px; }

.sd-liste .sd-ders { border-bottom: 1px solid var(--line); }
.sd-liste .sd-ders:last-child { border-bottom: none; }
.sd-ders.sd-atlanmis { opacity: .5; }
.sd-ders-bas { display: flex; align-items: flex-start; gap: 10px; padding: 11px 14px; }
.sd-ders-kimlik { flex: 1 1 auto; min-width: 0; }
.sd-ders-ad { font-size: 14px; font-weight: 600; color: var(--ink); }
.sd-ders-rozetler { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.sd-ders-sag { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.sd-durum-rozet { font-size: 10.5px; font-weight: 700; border-radius: 10px; padding: 1px 7px; white-space: nowrap; }
.sd-durum-devredilmis { background: var(--sezon-amber-bg); color: var(--sezon-amber-ink); }
.sd-durum-etkin { background: var(--turkuaz-bg); color: var(--turkuaz-dark); }

.sd-seg { display: inline-flex; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; flex: 0 0 auto; }
.sd-seg button { border: none; background: var(--card); color: var(--muted); font-size: 12.5px; font-weight: 700; padding: 0 12px; min-height: 40px; cursor: pointer; }
.sd-seg button + button { border-left: 1px solid var(--line); }
.sd-seg .sd-devret[data-on] { background: var(--gold); color: #fff; }
.sd-seg .sd-atla[data-on] { background: var(--muted); color: #fff; }

.sd-caret { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 9px; background: var(--card); display: grid; place-items: center; cursor: pointer; color: var(--muted); flex: 0 0 auto; }







.sd-caret .bik { width: 20px; height: 20px; }
.sd-caret .bik svg { width: 20px; height: 20px; }
.sd-caret:active { background: var(--turkuaz-bg); }

.sd-ders-detay { padding: 0 14px 14px; }
.sd-onizleme { font-size: 12.5px; color: var(--ink); background: var(--turkuaz-bg); border-radius: 9px; padding: 8px 11px; margin: 4px 0 12px; line-height: 1.45; }
.sd-ders-detay .modal-alan .ekle-input { width: 100%; background: #fff; }
.sd-uzatma-not { font-size: 12px; color: var(--muted); margin-top: 12px; line-height: 1.45; }
.sd-uzatma-not a { color: var(--turkuaz-dark); font-weight: 600; text-decoration: none; }
.sd-uzatma-not a:active { text-decoration: underline; }

.sd-ozet-satir { display: flex; justify-content: space-between; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--line); font-size: 14px; color: var(--ink); }
.sd-ozet-satir:last-child { border-bottom: none; }
.sd-ozet-satir b { font-variant-numeric: tabular-nums; font-size: 15px; }
.sd-form .ekle-input, .sd-kapanis-not { width: 100%; background: #fff; }

.sd-sonuc { display: flex; align-items: flex-start; gap: 10px; padding: 11px 14px; border-bottom: 1px solid var(--line); }
.sd-sonuc:last-child { border-bottom: none; }
.sd-sonuc-govde { flex: 1 1 auto; min-width: 0; }
.sd-sonuc-durum { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 700; margin-top: 3px; }


.sd-sonuc-durum .bik { width: 15px; height: 15px; }
.sd-sonuc-durum .bik svg { width: 15px; height: 15px; }
.sd-d-tamam { color: var(--var); }
.sd-d-zaten { color: var(--muted); }
.sd-d-hata { color: var(--yok); }



.sd-gerial { align-self: center; }





.kanal-btn { padding: 5px 10px; font-size: 12.5px; font-weight: 600; border-radius: 8px;
  border: 1px solid var(--line); background: #fff; color: var(--turkuaz-dark); flex: none; cursor: pointer; }
.kanal-btn:active { background: #f3f0ea; }
.kanal-btn-yok { color: var(--yok); border-color: #e8cfcf; }
.kanal-asim { color: var(--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(--line);
}






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


.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(--muted); margin: 14px 0 6px; }
.kanal-bag-yok { color: var(--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(--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(--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; }


































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













.mention-kart { margin-top: 6px; }
.ders-kart-alt3 {
  color: var(--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(--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(--var); }
.mention-kart-izinli { color: var(--izinli); }
.mention-kart-yok { color: var(--yok); }
.mention-kart-oran { color: var(--muted); }
.mention-kart-bos { margin-top: 6px; padding: 8px 12px; border-radius: 10px; border: 1px dashed rgba(0,0,0,.15); color: var(--muted); font-size: 13px; }




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







.kimlik-aday-liste { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.kimlik-aday {
  display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.12); border-radius: 10px; cursor: pointer;
}




.kimlik-aday:has(input:checked) { border-color: var(--turkuaz-dark); background: rgba(0,0,0,.02); }
.kimlik-aday input { margin-top: 3px; flex: 0 0 auto; }
.kimlik-aday-govde { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kimlik-aday-ad { font-weight: 600; font-size: 14.5px; overflow-wrap: break-word; }
.kimlik-aday-kod { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; color: var(--muted); }
.kimlik-aday-not { color: var(--muted); font-size: 12.5px; overflow-wrap: break-word; }
.kimlik-aday-rozet {
  display: inline-block; padding: 1px 7px; margin-right: 4px; border-radius: 999px;
  background: rgba(0,0,0,.06); font-size: 11.5px; color: var(--ink);
}
























.pdf-tam { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.92);
  display: flex; flex-direction: column; padding: 10px; box-sizing: border-box; }
.pdf-tam-serit { display: flex; align-items: center; gap: 8px; padding: 0 2px 8px; flex: 0 0 auto; }
.pdf-tam-sayac { flex: 1; color: #f0e6d8; font-size: 12.5px; font-weight: 600; }
.pdf-tam-indir, .pdf-tam-kapat, .belge-yeni-sekme { display: inline-flex; align-items: center; text-decoration: none;
  background: #f5eee1; color: var(--gold-dark); border: none; border-radius: 999px;
  padding: 8px 16px; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.pdf-tam-indir:active, .pdf-tam-kapat:active, .belge-yeni-sekme:active { background: #ece1cc; }






@media (hover: none) { .belge-yeni-sekme { display: none; } }
.pdf-tam-govde { flex: 1; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y; overscroll-behavior: contain; }



.pdf-tam-sarmal { width: 100%; display: flex; flex-direction: column; gap: 10px; margin-inline: auto; }
.pdf-tam-sayfa { display: block; width: 100%; background: #fff; border-radius: 6px; overflow: hidden; }
.pdf-tam-tuval { display: block; width: 100%; height: auto; }
.pdf-tam.pdf-tam-yakin .pdf-tam-govde { cursor: grab; }
.pdf-tam-hata { color: #f0e6d8; font-size: 13px; text-align: center; padding: 24px 12px; }






.anahtar { position: relative; display: inline-flex; align-items: center; flex: none; }
.anahtar input { position: absolute; opacity: 0; pointer-events: none; }



.ayar-satir .anahtar input { width: 1px; height: 1px; margin: 0; padding: 0; border: 0; }
.anahtar-ray {
  --tw: 42px; --th: 24px; --kb: 3px;
  position: relative; width: var(--tw); height: var(--th); border-radius: 999px;
  background: #d8d2c4; transition: background .16s cubic-bezier(.32,.72,0,1); flex: none;
}



.anahtar-ray::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 100%; height: 44px; border-radius: 999px;
}
.anahtar-ray::after {
  content: ""; position: absolute; top: var(--kb); left: var(--kb);
  width: calc(var(--th) - var(--kb) * 2); height: calc(var(--th) - var(--kb) * 2);
  border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.16);
  transition: transform .16s cubic-bezier(.32,.72,0,1);
}
.anahtar input:checked + .anahtar-ray { background: var(--turkuaz); }
.anahtar input:checked + .anahtar-ray::after { transform: translateX(calc(var(--tw) - var(--th))); }
.anahtar input:focus-visible + .anahtar-ray { box-shadow: 0 0 0 3px rgba(0,163,191,.32); }
.anahtar input:disabled + .anahtar-ray { opacity: .45; }
@media (prefers-reduced-motion: reduce) { .anahtar-ray, .anahtar-ray::after { transition: none; } }


.anahtar-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; margin: 0; }




.otp-kilit-alan label.anahtar-satir { display: flex; }























.avatar-msg.avatar-ikon > svg { width: 18px; height: 18px; display: block; }





















.baloncuk-ben.asistan-ozel,
.baloncuk-medya.baloncuk-ben.asistan-ozel { background: var(--lavanta-bg); border-style: dashed; border-color: var(--lavanta-cerceve); }
.baloncuk-ben.asistan-ozel .msg-yanit,
.baloncuk-ben.asistan-ozel .msg-bicim-alinti { border-left-color: #6a4a9e; }
.baloncuk-ben.asistan-ozel .msg-yanit-ad { color: #6a4a9e; }
.baloncuk-ben.asistan-ozel .msg-ileti { color: var(--muted); }
.baloncuk-oteki.asistan-ozel { background: var(--seftali-bg); border-style: dashed; border-color: var(--seftali-cerceve); }
.baloncuk-oteki.asistan-ozel .msg-yanit,
.baloncuk-oteki.asistan-ozel .msg-mention,
.baloncuk-oteki.asistan-ozel .msg-mention-olu,
.baloncuk-oteki.asistan-ozel .msg-bicim-kod,
.baloncuk-oteki.asistan-ozel .msg-bicim-kodblok { background: rgba(255,255,255,.65); }




.asistan-fiil { display: inline-block; white-space: nowrap; clip-path: inset(-0.5em 0 -0.5em 0); }
@media (prefers-reduced-motion: reduce) { .asistan-fiil { transition: none !important; transform: none !important; opacity: 1 !important; } }
.asistan-oy-grup { display: inline-flex; align-items: center; gap: 2px; }
.asistan-oy { flex: none; width: 28px; height: 28px; padding: 0; border: none; background: none;
  cursor: pointer; color: var(--muted); opacity: .45; display: grid; place-items: center; border-radius: 50%; }
.asistan-oy svg { width: 18px; height: 18px; }
@media (hover: hover) { .asistan-oy:hover { opacity: 1; color: var(--turkuaz-dark); background: var(--turkuaz-bg); } }
.asistan-oy[aria-pressed="true"] { opacity: 1; color: var(--turkuaz-dark); }
.asistan-oy:disabled { cursor: default; }
.mention-oge-ikon { flex: none; align-self: center; width: 22px; height: 22px; border-radius: 4px;
  display: grid; place-items: center; background: var(--turkuaz-bg); color: var(--turkuaz-dark); }
.mention-oge-ikon svg { width: 14px; height: 14px; }


.mention-oge-ikon:has(> .mention-eser-ikon) { background: var(--bordo-bg); color: var(--bordo); }
.mention-eser-ikon { display: grid; place-items: center; }


.avatar.mention-oge-avatar { flex: none; align-self: center; width: 22px; height: 22px; border-radius: 4px; font-size: 9px; }
.asistan-hafiza-cipler { margin: 0 0 10px; }
.asistan-hafiza-metin { font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: anywhere; }

.asistan-ozet-metin { font-weight: 400; white-space: pre-line; overflow-wrap: anywhere; }
















.msg-sat:has(.asistan-kartlar), .baloncuk-sar-ben:has(.asistan-kartlar) { max-width: 95%; width: 95%; }
.msg-sat:has(.asistan-kartlar) .baloncuk-kolon, .baloncuk-sar-ben:has(.asistan-kartlar) .baloncuk-kolon { width: 100%; }
.baloncuk:has(.asistan-kartlar) { width: 100%; }
.asistan-kartlar { display: flex; flex-direction: column; gap: 6px; margin: 6px 0 2px; }
.asistan-kart { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 9px 11px 10px; min-width: 0; }
.asistan-kart-ust { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
.asistan-kart-baslik { flex: 1; min-width: 0; font-weight: 700; font-size: 14px; line-height: 1.35; color: var(--ink); overflow-wrap: anywhere; }
.asistan-kart-buyut { flex: none; margin: -4px -6px 0 auto; width: 28px; height: 28px; padding: 0; border: none; background: none;
  cursor: pointer; color: var(--muted); display: grid; place-items: center; border-radius: 50%; }
.asistan-kart-buyut svg { width: 18px; height: 18px; }
@media (hover: hover) { .asistan-kart-buyut:hover { color: var(--turkuaz-dark); background: var(--turkuaz-bg); } }
.asistan-kart-not { margin-top: 6px; font-size: 12px; line-height: 1.4; color: var(--muted); overflow-wrap: anywhere; }







.asistan-kart-not.asistan-kart-uyari { color: var(--sezon-amber-ink); }
.asistan-grafik-cizim { position: relative; max-width: 360px; }
.asistan-grafik-svg { display: block; width: 100%; height: auto; font-family: inherit; font-variant-numeric: tabular-nums; }
.asistan-grafik-hedef { cursor: pointer; }
.asistan-grafik-gosterge { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 6px; font-size: 12px; color: var(--ink); }
.asistan-gosterge-oge { display: inline-flex; align-items: center; gap: 5px; min-width: 0; overflow-wrap: anywhere; }
.asistan-gosterge-renk { flex: none; display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.asistan-pasta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.asistan-pasta .asistan-grafik-cizim { flex: 0 0 132px; width: 132px; }
.asistan-pasta-svg { display: block; width: 100%; height: auto; }
.asistan-pasta-gosterge { flex: 1 1 150px; min-width: 0; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.asistan-pasta-gosterge li { display: flex; align-items: center; gap: 6px; min-width: 0; }
.asistan-gosterge-etiket { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.asistan-gosterge-deger { flex: none; font-variant-numeric: tabular-nums; color: var(--ink); }
.asistan-gosterge-pay { color: var(--muted); }
.asistan-grafik-ipucu { position: absolute; z-index: 2; transform: translate(-50%, calc(-100% - 8px)); pointer-events: none;
  background: rgba(43, 38, 32, .82); color: #fff; border-radius: 8px; padding: 5px 9px; font-size: 13px; line-height: 1.35;
  width: max-content; max-width: 220px; display: flex; flex-direction: column; gap: 1px; }
.asistan-grafik-ipucu[hidden] { display: none; }
.asistan-grafik-ipucu[data-yan="sol"] { transform: translate(-12px, calc(-100% - 8px)); }
.asistan-grafik-ipucu[data-yan="sag"] { transform: translate(calc(-100% + 12px), calc(-100% - 8px)); }
.asistan-ipucu-baslik { font-weight: 700; overflow-wrap: anywhere; }
.asistan-ipucu-satir { display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.asistan-ipucu-seri { color: rgba(255, 255, 255, .8); }
.asistan-ipucu-seri + .asistan-ipucu-deger { margin-left: auto; padding-left: 6px; }
.asistan-ipucu-deger { font-weight: 600; }
.asistan-kart.asistan-belgeler {
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,0) 55%, var(--parsomen-golge) 100%),
    repeating-linear-gradient(0deg, var(--parsomen-lif) 0 1px, transparent 1px 4px),
    var(--parsomen);
  border-color: var(--parsomen-cerceve); padding-bottom: 3px; overflow: hidden;
}
.asistan-belgeler .anket-rozet { color: var(--gold-dark); letter-spacing: .04em; margin-bottom: 2px; }
.asistan-belgeler .asistan-kart-baslik { margin: 2px 0; }
.asistan-belge-liste { display: flex; flex-direction: column; }
.asistan-belge, .asistan-belge-liste > .msg-mention-olu { display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 7px 11px; margin: 0 -11px;
  border-top: 1px solid var(--parsomen-cerceve); color: var(--ink); text-decoration: none; }
.asistan-belge:first-child { border-top: none; }
a.asistan-belge { cursor: pointer; }
a.asistan-belge:active { background: var(--parsomen-basili); }
a.asistan-belge:focus-visible { outline: 2px solid var(--turkuaz); outline-offset: -2px; }
.asistan-belge .msg-belge-ad { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.asistan-belge .msg-belge-boy { overflow-wrap: anywhere; }








.asistan-arsiv-kart > .msg-medya { margin: 0; }
.asistan-grafik-tam .pdf-tam-govde { display: flex; justify-content: center; align-items: flex-start; }

.asistan-grafik-disa { display: inline-flex; gap: 8px; flex: none; }
.asistan-grafik-tam-kart { width: 100%; max-width: 960px; box-sizing: border-box; padding: 14px 14px 16px; border: none; }
.asistan-grafik-tam-kart .asistan-grafik-cizim { max-width: none; }
.asistan-grafik-tam-kart .asistan-pasta { justify-content: center; }
.asistan-grafik-tam-kart .asistan-pasta .asistan-grafik-cizim { flex-basis: min(320px, 100%); width: min(320px, 100%); }
.asistan-grafik-tam-kart .asistan-pasta-gosterge { flex-basis: 220px; font-size: 14px; }
.asistan-grafik-tablo { width: 100%; margin-top: 12px; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ink); }
.asistan-grafik-tablo th, .asistan-grafik-tablo td { padding: 5px 6px; border-top: 1px solid var(--line); text-align: right; }
.asistan-grafik-tablo th:first-child { text-align: left; font-weight: 400; overflow-wrap: anywhere; }
.asistan-grafik-tablo thead th { border-top: none; font-weight: 600; font-size: 12px; color: var(--muted); }
.asistan-grafik-tablo thead .asistan-gosterge-renk { margin-right: 5px; vertical-align: -1px; }












.eski-donem-secim { margin: 10px 0 0; }


.card.sohbet-liste:empty { display: none; }
.eski-yanit { cursor: default; }