/* Şahit · EK stiller. Onaylı tasarımın stili sahit.css'tedir ve DEĞİŞTİRİLMEZ.
   Burada yalnızca tasarımda yeri olmayan zorunlu eklerin (docs/eklemeler.md, docs/sapmalar.md)
   stilleri durur; hepsi tasarımın kendi renk ve ölçü değişkenlerini kullanır. */

/* S-1 / E-12: üst çubukta kullanıcı + Çıkış (demo rol düğmelerinin yerinde) */
.kim{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.kim .btn{height:30px;padding:0 12px;font-size:11px}
.kim #kimAd{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom;text-transform:none;letter-spacing:.02em}
@media (max-width:760px){.kim{order:3;width:100%;margin:0;justify-content:space-between}.kim .btn{height:34px}}

/* E-7: çevrimdışı — "teyit edilemedi" etiketi (tasarımdaki GEÇMİŞ etiketi biçiminde) */
.baglanti{font-family:var(--f-num);font-size:11px;letter-spacing:.14em;padding:5px 10px;border-radius:999px;color:var(--warn);border:1px solid rgba(255,159,46,.5);white-space:nowrap}
body.teyitsiz .mode.live{color:var(--warn);border-color:rgba(255,159,46,.5)}
body.teyitsiz .clock::before{background:var(--warn);box-shadow:0 0 10px var(--warn)}

/* E-9: KVKK bağlantısı (giriş kutusu) */
.kvkk{font-family:var(--f-num);font-size:11px;letter-spacing:.08em;color:var(--dim);text-decoration:underline;text-underline-offset:3px}
.kvkk:hover{color:var(--gold2)}

/* E-17: bildirim izni çubuğu (tasarımdaki .toast kutusu) */
.toast.bildirim{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}
.toast.bildirim .btn{height:30px;font-size:11px}

/* erişilebilirlik (E-8): [hidden] olan giriş alanları; devre dışı düğmeler; indirme bağlantıları düğme görünümünde */
.btn:disabled{opacity:.6;cursor:default}
.lbox .go:disabled{opacity:.6}
a.btn{line-height:1}
#ilkYuk{padding:4px 2px}
.lbox .err{text-align:left}
.lbox img{display:block}
/* dosya seçimi (E-15) tasarımdaki giriş alanı görünümünde */
.ask input[type=file]{padding:9px 12px;height:auto;min-height:42px}

/* S-9 (zorunlu düzeltme): telefonda mesaj ekranında tik açıklaması "Gönder" düğmesinin üstüne biniyordu (onaylı tasarımda da
   aynı; düğmeye basılamıyordu). Yalnızca telefonda çekmece içeriği alt alta akar; kutuların ölçüsü ve görünümü değişmez. */
@media (max-width:760px){.drawer.chatpage{display:block}.drawer.chatpage>*+*{margin-top:14px}}

/* S-10 (zorunlu düzeltme): telefonda dağıtımcının "Uyumsuzluklar" satırındaki düğmeler (Anında uyar · Şubeye yaz · Rapor)
   4 piksellik renk şeridi sütununa düşüp ekranın soluna taşıyordu (onaylı tasarımda da aynı). Düğme grubu metnin altına alınır. */
@media (max-width:760px){.jobs .job .jact{grid-column:2;justify-content:flex-start}}

/* S-15 (mimar kararı, 2 Ekim 2026): telefonda şube kartında "Göster" etiketi şube adının üstüne biniyordu
   (telefon kuralı kartın üst boşluğunu 12 piksele indiriyordu). Kartın masaüstündeki 40 piksellik üst boşluğu korunur. */
@media (max-width:760px){.branches .br{padding-top:40px}}

/* S-16 (mimar kararı, 2 Ekim 2026): soluk gri yazı (--faint) okunacak kadar açıldı: #4A5A72 → #7387A4
   (en koyu kutu zemininde karşıtlık 2,5:1 → 4,8:1). Başka hiçbir renge dokunulmadı. */
:root{--faint:#7387A4}

/* KVKK yer tutucu sayfası ve hata sayfaları */
.duz{max-width:760px;margin:0 auto;padding:24px 16px;display:grid;gap:12px}
.duz h1{font-size:22px;margin:0}
.duz p{margin:0;color:var(--ink);line-height:1.6}
