/* B5 ajanı (4 Kas 2026 WhaynsChat revizyonu): gelen kutusu, kanallar, balon ayarları, hazır cevap ve etiket, başlangıç.
   Tokenlar ve ortak bileşenler (durum-rozet, bos-durum, kayit-cubugu) static/uyg.css'te. Telefonda yana kaydırma yok. */

/* ================= Gelen kutusu ================= */
.gk-liste-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gk-liste-bas .ust-durum{flex-basis:auto;order:0}
.gk-suzgec-ac{display:none;align-self:flex-start}
.gk-suzgec-ac .say{margin-left:4px;height:20px;font-size:11.5px}
.gk-suzgecler{display:flex;flex-direction:column;gap:8px}
.gk-suzgec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gk-suzgec .alan{gap:3px}
.gk-suzgec label{font-size:12.5px;color:var(--metin-3);font-weight:550}
.gk-suzgec select{min-height:36px;font-size:13.5px;width:100%;padding:0 8px}
.gk-temizle{font-size:13.5px;display:inline-flex;align-items:center;gap:5px;align-self:flex-start;min-height:32px}
.gk-baglanti{font-size:13.5px}
.gk-liste-bos{padding:14px}
.gk-liste-bos .bos-durum{padding:20px 14px}
.gk-bos-genis{align-items:flex-start;padding-top:8vh}
.gk-bos-genis .bos-durum{max-width:560px;margin:0 auto;border-style:solid}
.gk-kanal-ozet{list-style:none;margin:10px 0 0;padding:0;width:100%;max-width:420px;display:flex;flex-direction:column;gap:6px;text-align:left}
.gk-kanal-ozet li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--cizgi);font-size:14px;flex-wrap:wrap}
.gk-kanal-ozet li:first-child{border-top:0}
@media (min-width:901px){.gk-liste-bos.ilk{display:none}}

/* mesaj türleri: gönderilmiş / asistan önerisi / iç not yazıyla ve biçimle ayrılır (renk tek başına değil) */
.ms-tur{display:inline-flex;align-items:center;gap:4px;font-weight:650;font-size:11.5px;padding:1px 7px;border-radius:999px;border:1px solid transparent}
.ms-tur.giden{background:#fff;color:var(--durum-iyi);border-color:var(--mesaj-giden-cizgi)}
.ms-tur.taslak{background:var(--durum-bilgi-zemin);color:var(--durum-bilgi);border-color:#c9daf3}
.ms-tur.not{background:#fff;color:var(--durum-bekliyor);border-color:var(--not-cizgi)}
.ms.taslak{background:var(--mesaj-taslak-zemin);border:1.5px dashed var(--mesaj-taslak-cizgi);border-left:5px solid var(--mesaj-taslak-cizgi)}
.ms.not{border-left:5px solid #c9a227}
.ms.giden.basarisiz{border-color:var(--tehlike);background:var(--tehlike-acik)}
.ms.giden.basarisiz .ms-tur.giden{color:var(--tehlike);border-color:var(--tehlike)}

/* yazma kipi: Müşteriye yanıt / İç not */
.gk-kip{border:0;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:0}
.gk-kip-secenek{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--cizgi-2);border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;background:var(--yuzey)}
.gk-kip-secenek input{width:16px;height:16px;margin:0;accent-color:var(--vurgu)}
.gk-kip-secenek:has(input:checked){background:var(--vurgu-acik);border-color:var(--vurgu);color:var(--vurgu-koyu)}
.gk-kip-secenek.not:has(input:checked){background:var(--not);border-color:#c9a227;color:var(--durum-bekliyor)}
.gk-kip-secenek:has(input:focus-visible){outline:3px solid var(--vurgu);outline-offset:2px}
.gk-kip-not{flex-basis:auto}
.gk-yaz.not-kipi .gk-gonder{background:#7a5a00}
.gk-yaz.not-kipi .gk-gonder:hover{background:#5f4600}
.dosya-dugme.pasif{opacity:.45;pointer-events:none}
@media (pointer:coarse){.gk-kip-secenek{min-height:44px}}

@media (max-width:900px){
  html.js .gk-suzgec-ac{display:inline-flex}
  html.js .gk-suzgecler:not(.acik){display:none}
  body.konusma-acik .alt-cubuk{display:none}
  body.konusma-acik .gk{height:100vh;height:var(--gk-gorunur,100dvh)}
  .gk-bas-sag{gap:5px}
  .gk-bas-sag .durum-rozet{font-size:12px;padding:3px 8px}
  .gk-bas-sag select{max-width:150px}
  .gk-kip-not{display:none}
  .gk-yaz{gap:6px;padding-top:8px}
  .gk-yaz-arac select{max-width:150px}
}
@media (max-width:420px){
  .gk-bas-sag .kart-ac{padding:0 8px}
  .gk-yaz-arac{gap:5px}
}

/* ================= Kanallar ================= */
.kanal-giris{margin-bottom:14px;max-width:80ch}
.kanal-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px}
.kanal-izgara>.kutu+.kutu{margin-top:0}
.kanal-hesap{border-top:1px solid var(--cizgi);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.kanal-hesap-bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}
.kanal-bilgi{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:6px 14px;font-size:13.5px}
.kanal-bilgi div{display:flex;flex-direction:column;gap:1px;min-width:0}
.kanal-bilgi dt{color:var(--metin-3);font-size:12px;font-weight:600}
.kanal-bilgi dd{margin:0;overflow-wrap:anywhere}
.kanal-aciklama{font-size:14px;color:var(--metin-2)}
.kanal-aciklama.hata{color:var(--durum-hata);font-weight:550}
.kanal-talep,.kanal-talep-form{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.kanal-talep-form .dugme{white-space:normal;text-align:left}

/* ================= Balon ayarları ================= */
.balon-durum{margin-bottom:16px}
.dogrulama-adim{margin:10px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--metin-2)}
.balon-duzen{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}
.balon-duzen>.kutu+.kutu{margin-top:0}
@media (min-width:1080px){.balon-duzen{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.balon-onizleme{position:sticky;top:16px;align-self:start}}
.renk-satir{display:flex;align-items:center;gap:10px}
.konum-sec{border:0;margin:0;padding:0;gap:4px}
.konum-sec legend{font-weight:550;font-size:14px;padding:0;margin-bottom:6px}
.konum-sec .onay-kutu{min-height:32px;align-items:center}
.konum-sec .onay-kutu input{margin-top:0}
.gelismis{border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 12px}
.gelismis summary{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--metin);min-height:32px;flex-wrap:wrap}
.onizleme-sec{display:flex;gap:6px}
.onizleme-sec [aria-pressed=true]{background:var(--vurgu-acik);border-color:var(--vurgu);color:var(--vurgu-koyu)}
.onizleme-cerceve{--b-renk:#0b7a4b;position:relative;margin:12px auto 8px;background:linear-gradient(#f2f4f1,#e9ece8);border:1px solid var(--cizgi-2);border-radius:14px;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#15181c}
.onizleme-cerceve.masaustu{width:100%;height:470px}
.onizleme-cerceve.telefon{width:min(300px,100%);height:560px;border:8px solid #22262b;border-radius:30px}
.onizleme-site{padding:22px;display:flex;flex-direction:column;gap:12px}
.onizleme-site span{display:block;height:14px;border-radius:7px;background:#d7ddd6;width:70%}
.onizleme-site span:first-child{height:26px;width:45%;background:#cfd6ce}
.onizleme-site span.kisa{width:40%}
.onizleme-pano{position:absolute;right:16px;bottom:calc(var(--b-alt,20px) + 66px);width:290px;max-width:calc(100% - 32px);max-height:calc(100% - var(--b-alt,20px) - 80px);background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(17,24,39,.25);display:flex;flex-direction:column;overflow:hidden}
.onizleme-pano.sol{right:auto;left:16px}
.onizleme-ust{background:var(--b-renk);color:#fff;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.onizleme-ust b{display:block;font-size:14.5px}
.onizleme-ust small{display:block;font-size:12px;opacity:.92;margin-top:2px}
.onizleme-kapat{background:rgba(255,255,255,.2);border-radius:8px;padding:5px 8px;font-size:12px;flex:none}
.onizleme-liste{flex:1;min-height:0;padding:12px;background:#f6f7f5;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.onizleme-m{max-width:85%;padding:8px 11px;border-radius:13px;font-size:13.5px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
.onizleme-m.i{align-self:flex-start;background:#fff;border:1px solid #e3e7e2;border-bottom-left-radius:4px}
.onizleme-m.z{align-self:flex-end;background:var(--b-renk);color:#fff;border-bottom-right-radius:4px}
.onizleme-alt{display:flex;gap:6px;padding:8px;border-top:1px solid #e3e7e2}
.onizleme-girdi{flex:1;border:1px solid #cbd2ca;border-radius:10px;padding:8px 10px;font-size:13px;color:#7a828b;min-width:0}
.onizleme-gonder{background:var(--b-renk);color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}
.onizleme-dugme{position:absolute;right:16px;bottom:var(--b-alt,20px);width:52px;height:52px;border-radius:50%;background:var(--b-renk);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.onizleme-dugme.sol{right:auto;left:16px}
.onizleme-dugme svg{width:26px;height:26px}
.onizleme-cerceve.telefon .onizleme-pano{left:0;right:0;top:0;bottom:0;width:auto;max-width:none;max-height:none;border-radius:0}
.onizleme-cerceve.telefon .onizleme-dugme{display:none}

/* ================= Hazır cevap ve etiket ================= */
.geri-al{align-items:center;flex-wrap:wrap}
.geri-al span{flex:1 1 220px}
.hc-duzen{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.hc-duzen>.kutu+.kutu{margin-top:0}
@media (min-width:1150px){.hc-duzen{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.hc-ara{margin:12px 0 4px}
.hc-ara-satir{display:flex;gap:8px;align-items:center}
.hc-ara-satir select{flex:1;min-width:0}
.hc-sonuc:empty{display:none}
.hc-liste,.et-liste{list-style:none;margin:8px 0 0;padding:0}
.hc-oge,.et-oge{border-top:1px solid var(--cizgi);padding:12px 0;display:flex;flex-direction:column;gap:8px}
.hc-oge:first-child,.et-oge:first-child{border-top:0}
.hc-oge:target{background:var(--vurgu-acik);box-shadow:0 0 0 8px var(--vurgu-acik);border-radius:4px}
.hc-bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}
.hc-bas .soluk{margin-left:auto}
.hc-onizleme{color:var(--metin-2);font-size:14px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.hc-duzenle>summary,.et-duzenle>summary{list-style:none;width:max-content;max-width:100%}
.hc-duzenle>summary::-webkit-details-marker,.et-duzenle>summary::-webkit-details-marker{display:none}
.hc-duzenle[open]>summary,.et-duzenle[open]>summary{background:var(--vurgu-acik);border-color:var(--vurgu);color:var(--vurgu-koyu)}
.hc-duzenle>form,.et-duzenle>form{margin-top:10px}
.hc-duzenle[open],.et-duzenle[open]{border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 12px;background:var(--zemin)}
.hc-sil{margin-top:10px}
.et-ozet{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.et-birlestir{margin-top:10px}
.hc-yeni{margin-top:18px;padding-top:16px;border-top:1px solid var(--cizgi)}
.hc-yeni h3{margin:0}

/* ================= Başlangıç ================= */
.gorev-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
.gorev{border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:16px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;background:var(--yuzey)}
.gorev.tamam{background:var(--durum-iyi-zemin);border-color:#bfe0cc}
.gorev-no{width:32px;height:32px;border-radius:50%;border:2px solid var(--cizgi-2);display:grid;place-items:center;font-weight:700;color:var(--metin-2)}
.gorev.tamam .gorev-no{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.gorev-govde{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.gorev-govde h3{font-size:16px}
.gorev-govde p{font-size:14px;color:var(--metin-2)}
.gorev .gk-kanal-ozet{max-width:none}
.gk-suzgec select{flex:none;height:auto}
.menu a.alt-oge{padding-left:32px}
.kanal-hesap-bas:empty{display:none}
@media (max-width:900px){
  .gk-bas{padding:8px 10px;gap:6px}
  .gk-bas-sol h2{font-size:16px}
  .gk-bas-sag .kart-ac span.kart-yazi{display:inline}
  .gk-yaz .serit{font-size:13px;padding:8px 10px;line-height:1.4}
  .gk-yaz .serit .ik{font-size:16px}
}
.gk-bos .bos-durum .dugme .ik{font-size:18px;display:inline-block;margin:0;color:inherit}
.gk-bos .bos-durum .durum-rozet .ik{font-size:14px;display:inline-block;margin:0;color:inherit}
.gk-bos .bos-durum>.ik{font-size:34px;margin:0 auto}
.gk-bos-genis{display:flex;justify-content:center;align-items:flex-start}
.gk-bos-genis>.bos-durum{width:100%;max-width:520px}
.gk-liste-ilk-not{padding:16px 14px;margin:0}
@media (max-width:900px){.gk-liste-ilk-not{display:none}}
.baslangic-giris{margin-bottom:14px;max-width:80ch}
.gk-yaz .serit{font-size:13px;padding:8px 12px;line-height:1.4}
.dar-yazi{display:none}
@media (max-width:480px){
  .gk-bas-sag .genis-yazi{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .gk-bas-sag .dar-yazi{display:inline}
  .gk-bas-sag select{max-width:128px}
}
/* Tablet (700-900 px, AT-27): iki ana sütun (liste + konuşma); menü çekmecede, müşteri kartı düğmeyle açılır */
@media (min-width:700px) and (max-width:900px){
  .gk{grid-template-columns:280px minmax(0,1fr)}
  .gk.secili .gk-liste{display:flex}
  .gk:not(.secili) .gk-orta{display:flex}
  .gk-geri{display:none!important}
  .gk-liste-bos.ilk{display:none}
  .gk-liste-ilk-not{display:block}
  html.js .gk-suzgec-ac{display:none}
  html.js .gk-suzgecler:not(.acik){display:flex}
}