/* GOLOS EKRAN TAKLITLERI (16.10 HERA; Patron: "resim koydugunda dil seciminde bu resimlerde dile uygun sekilde degismeli")
   Uygulama ekran goruntuleri resim degil, bu stilde cizilen sayfa ogeleridir: yazilari Ceviri Defteri'nden gelir, ziyaretcinin
   dilinde gorunur. Olcu: kapsayici genisligine baglidir (1em = ekran genisliginin 1/36'si); renkler uygulamanin koyu temasidir
   (uygulamanin kendi gorunusu, sitenin kurumsal renkleri degil). Kullanim: <div class="ge-kap"><div class="ge ge-tel">...</div></div> */
.ge-kap{container-type:inline-size;width:100%}
.ge{--ge-zemin:#0D1117;--ge-yazi:#E6E8EA;--ge-gri:#9AA3AB;--ge-acik:#B9BEC3;--ge-cizgi:#30363D;--ge-yesil:#22C55E;--ge-mor:#4A4458;
  font:400 calc(100cqw / 36)/1.3 Roboto,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--ge-zemin);color:var(--ge-yazi);
  position:relative;overflow:hidden;text-align:left;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
.ge *{box-sizing:border-box}
.ge svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ge-tel{aspect-ratio:1080/2340}
.ge-durum{display:flex;justify-content:space-between;align-items:center;padding:.8em 1.6em .4em;font-size:1.25em;font-weight:600}
.ge-durum i{font-style:normal;font-size:.75em;background:var(--ge-yazi);color:var(--ge-zemin);border-radius:.7em;padding:.05em .45em;font-weight:700}
/* Hesabim */
.ge-bas{display:flex;align-items:center;gap:2.2em;padding:1.2em 2.2em .4em}
.ge-bas img{height:2.3em;width:auto;display:block}
.ge-bas svg{width:2.2em;height:2.2em}
.ge-nokta{width:.8em;height:.8em;border-radius:50%;background:var(--ge-yesil);display:inline-block;flex:none}
.ge-surum{text-align:right;color:var(--ge-gri);font-size:1.15em;padding:1.4em 1.6em .2em}
.ge-profil{display:grid;grid-template-columns:6.6em minmax(0,1fr);gap:1.3em;padding:.2em 1.6em 0;align-items:start}
.ge-avatar{width:6.6em;height:6.6em;border-radius:50%;background:#2B3A44;margin-top:.6em}
.ge-dahili{font-size:1.45em;color:var(--ge-gri);font-weight:600;display:flex;align-items:center;gap:.4em}
.ge-dahili b{color:var(--ge-yazi);font-size:1.3em}
.ge-sec{margin-top:.8em;border:.1em solid var(--ge-acik);border-radius:.35em;padding:.9em 1.2em;display:flex;justify-content:space-between;align-items:center}
.ge-sec span{font-size:1.45em}
.ge-sec svg{width:1.8em;height:1.8em;color:var(--ge-yesil)}
.ge-cipler{display:flex;flex-wrap:wrap;gap:.7em;margin-top:1em}
.ge-cip{border:.1em solid #5A6168;border-radius:.7em;padding:.55em 1em;display:flex;align-items:center;gap:.6em;white-space:nowrap}
.ge-cip span{font-size:1.2em}
.ge-cip i{width:.8em;height:.8em;border-radius:50%;flex:none}
.ge-cip.secili{background:var(--ge-mor);border-color:var(--ge-mor)}
.ge-cip.secili i{width:1.3em;height:1.3em;background:#2E6B45;display:grid;place-items:center}
.ge-bakiye{margin:2.2em 2em 0;background:#154A37;border-radius:1.6em;padding:1.8em 2em}
.ge-bakiye small{display:block;color:#8FB3A2;font-size:1.15em;letter-spacing:.05em;text-transform:uppercase}
.ge-bakiye b{display:block;font-size:2.4em;letter-spacing:.12em;margin-top:.3em}
.ge-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:.8em;margin:1.8em 1.4em 0}
.ge-dugme{background:var(--ge-mor);border-radius:2em;padding:.95em .6em;display:flex;align-items:center;justify-content:center;gap:.6em;min-width:0}
.ge-dugme span{font-size:1.35em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ge-dugme svg{width:1.9em;height:1.9em;flex:none}
.ge-baglanti{color:var(--ge-yesil);font-weight:600;text-align:right;padding:1.4em 2em}
.ge-baglanti span{font-size:1.35em}
.ge-alt{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:1em .3em 1.3em;background:var(--ge-zemin)}
.ge-alt > span{display:flex;flex-direction:column;align-items:center;gap:.5em;position:relative;min-width:0}
.ge-alt > span > small{font-size:1.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ge-alt svg{width:2.2em;height:2.2em}
.ge-alt .aktif svg{width:5.2em;padding:.25em 1.5em;background:#1F3D2C;border-radius:1.2em;color:var(--ge-yesil);box-sizing:content-box;height:2em}
.ge-alt .aktif b{position:absolute;top:-.6em;left:55%;background:#E5484D;color:#fff;font-size:.95em;font-weight:700;border-radius:1em;padding:.05em .45em}
/* Gizlilik ve guvenlik */
.ge-ust{display:flex;align-items:center;gap:2em;padding:1.5em 1.6em 1em}
.ge-ust svg{width:2.4em;height:2.4em;flex:none}
.ge-ust span{font-size:1.85em}
.ge-satir{display:flex;align-items:center;gap:1.6em;padding:1.2em 1.6em}
.ge-satir > div{flex:1;min-width:0}
.ge-satir b{display:block;font-weight:500;font-size:1.4em}
.ge-satir small{display:block;color:var(--ge-acik);font-size:1.15em;margin-top:.25em;line-height:1.35}
.ge-satir.kalin b{font-weight:700}
.ge-anahtar{width:4.4em;height:2.5em;border:.15em solid #8A9096;border-radius:1.3em;background:#2A2F35;position:relative;flex:none}
.ge-anahtar::after{content:"";position:absolute;left:.45em;top:50%;transform:translateY(-50%);width:1.3em;height:1.3em;border-radius:50%;background:#8A9096}
.ge-ok{width:1.7em;height:1.7em;flex:none;color:var(--ge-acik)}
.ge-ikon{width:2.4em;height:2.4em;flex:none;color:var(--ge-yesil)}
.ge-ayrac{border-top:.1em solid var(--ge-cizgi);margin:.5em 0}
/* Grup sohbeti: onay kartli mesaj */
.ge-sohbet{aspect-ratio:738/880}
.ge-sh{background:#26323A;padding-bottom:1.1em}
.ge-sh-ic{display:flex;align-items:center;gap:1.1em;padding:.6em 1.4em 0}
.ge-sh-ic > svg{width:2.2em;height:2.2em;flex:none}
.ge-sh-av{width:3.6em;height:3.6em;border-radius:50%;background:linear-gradient(155deg,#1e3a5f,#2360bd);display:grid;place-items:center;font-weight:700;font-size:1.1em;flex:none;color:#fff}
.ge-sh-ad{flex:1;min-width:0}
.ge-sh-ad b{display:block;font-size:1.7em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ge-sh-ad small{display:block;font-size:1.15em;color:var(--ge-gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ge-sh-ic .ge-uye{color:var(--ge-yesil)}
.ge-balon{margin:1.6em 1.8em 0;background:#1F262D;border-radius:.4em 1.4em 1.4em 1.4em;padding:1.3em 1.4em 1em}
.ge-balon p{font-size:1.7em;font-weight:600;line-height:1.3;margin:0 0 .5em}
.ge-onay{color:var(--ge-yesil);font-weight:700;display:flex;gap:.5em;align-items:center}
.ge-onay span{font-size:1.3em}
.ge-onay svg{width:1.6em;height:1.6em}
.ge-secenek{display:flex;justify-content:space-between;align-items:center;border-radius:.8em;padding:.75em 1em;margin-top:.6em;gap:.8em}
.ge-secenek span{font-size:1.55em;flex:1;min-width:0}
.ge-secenek em{font-style:normal;font-size:1.55em}
.ge-secenek i{width:1.6em;height:1.6em;border-radius:50%;border:.15em solid var(--ge-yesil);flex:none;display:grid;place-items:center}
.ge-secenek.dolu{background:var(--ge-yesil);color:#fff;font-weight:600}
.ge-secenek.dolu i{background:#fff;border-color:#fff;color:var(--ge-yesil)}
.ge-secenek.dolu i svg{width:1.1em;height:1.1em;stroke-width:3}
.ge-alt-bilgi{display:flex;justify-content:space-between;gap:1em;color:var(--ge-gri);margin-top:.9em}
.ge-alt-bilgi span{font-size:1.15em;text-decoration:underline}
.ge-alt-bilgi small{font-size:1.15em}