/* B3 ajanı (4 Kas 2026 WhaynsChat revizyonu): Yapay zekâ asistanı ekranı (durum, kanallar, Test ortamı, öğrenilenler) ve Ayarlar
   (çalışma saatleri). Renkler uyg.css tokenlarından; token yoksa yerel değer. Renk tek başına durum göstermez: her rozette ikon + yazı. */
.b3-rozet{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.3;
  background:var(--yuzey-2,#eef1ed);color:var(--metin-2,#474e57);border:1px solid transparent;max-width:100%;overflow-wrap:anywhere}
.b3-rozet .ik{font-size:15px;flex:none}
.b3-iyi,.b3-sonuc-yanit{background:var(--vurgu-acik,#e2f2e8);color:var(--vurgu-koyu,#075c38)}
.b3-uyari,.b3-sonuc-bilgi_eksik{background:var(--uyari-acik,#fbeedd);color:var(--uyari,#9a4d06)}
.b3-hata,.b3-sonuc-engellendi,.b3-sonuc-hata{background:var(--tehlike-acik,#fbe6e3);color:var(--tehlike,#a3261b)}
.b3-bilgi,.b3-sonuc-devir{background:#e3eefb;color:#1d4f91}
.b3-notr,.b3-sonuc-bekliyor,.b3-sonuc-calisiyor{background:var(--yuzey-2,#eef1ed);color:var(--metin-2,#474e57);border-color:var(--cizgi,#dde2dc)}
.b3-liste{margin:6px 0 4px;padding-left:20px}
.b3-liste li+li{margin-top:4px}
.b3-dokun{min-height:44px;align-items:center}
.b3-dokun input[type=checkbox]{margin-top:0}

/* bölüm bağlantıları: telefonda alt satıra iner, yana kaydırma yok */
.b3-sekmeler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.b3-sekmeler a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--cizgi,#dde2dc);
  background:var(--yuzey,#fff);text-decoration:none;font-weight:550;font-size:14px;color:var(--metin-2,#474e57)}
.b3-sekmeler a:hover{border-color:var(--vurgu,#0b7a4b);color:var(--vurgu-koyu,#075c38)}
#durum,#kanallar-ve-calisma,#uslup,#devir,#test-ortami,#ogrenilenler,#guvenlik,#calisma-saatleri{scroll-margin-top:16px}
#durum,#test-ortami,#ogrenilenler,#guvenlik{margin-top:16px}

/* çalışma saati özeti ve çelişki */
.b3-saat-ozet{margin-top:14px;border-top:1px solid var(--cizgi,#dde2dc);padding-top:12px}
.b3-saat-ozet>p,.b3-etki>p{display:flex;gap:8px;align-items:flex-start;margin:0}
.b3-saat-ozet>p .ik,.b3-etki>p .ik{margin-top:3px;color:var(--vurgu,#0b7a4b)}
.b3-celiski{margin:12px 0 0}
.b3-celiski>div{min-width:0;overflow-wrap:anywhere}
.b3-etki{margin-top:14px;padding:12px 14px;border-radius:var(--r,12px);background:var(--yuzey-2,#eef1ed)}

/* kanallar */
.b3-kanallar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;margin-top:14px}
.b3-kanal{border:1px solid var(--cizgi,#dde2dc);border-radius:var(--r,12px);padding:14px;min-width:0;background:var(--yuzey,#fff)}
.b3-kanal-bas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}
.b3-kanal-bas h3{display:flex;gap:8px;align-items:center;font-size:16px}
.b3-kanal-govde{display:flex;flex-direction:column;gap:10px}
.b3-kanal-govde select{min-height:44px}
.b3-kanal-durum p{margin:6px 0 0}
.b3-son{margin:0;display:block}
.b3-sozluk{margin-top:14px;border:1px solid var(--cizgi,#dde2dc);border-radius:var(--r,12px);padding:0 14px}
.b3-sozluk summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.b3-sozluk dl{margin:0 0 8px}
.b3-sozluk dt{font-weight:600;display:flex;gap:6px;align-items:center;margin-top:8px}
.b3-sozluk dd{margin:2px 0 0 22px;color:var(--metin-2,#474e57);font-size:14px}

/* sabit kaydetme çubuğu (rapor 6. bölüm: 44 px hedef, kaydedilmemiş değişiklik açıklaması) */
.b3-kaydet-cubugu{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;
  padding:10px 14px;margin:4px -4px 0;background:var(--yuzey,#fff);border:1px solid var(--cizgi,#dde2dc);border-radius:var(--r,12px);
  box-shadow:0 -6px 18px rgba(21,32,24,.06)}
.b3-kaydet-cubugu .dugme{min-height:44px}
.b3-kaydet-cubugu [data-b3-degisti]{display:inline-flex;gap:6px;align-items:center;color:var(--uyari,#9a4d06);font-weight:600}
.b3-kaydet-cubugu [data-b3-degisti][hidden]{display:none}

/* test ortamı */
.b3-gitmez{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--metin,#15181c);background:var(--not,#fff6d6);
  border:1px solid var(--not-cizgi,#ecd690);border-radius:999px;padding:3px 10px;white-space:nowrap}
.b3-gitmez-buyuk{font-size:14px;padding:6px 12px}
/* telefonda sıra: soru formu, cevap, hazır senaryolar ve geçmiş (cevap için uzun liste kaydırılmaz); geniş ekranda soru solda, cevap sağda */
.b3-test{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "sonuc" "ek";gap:18px}
@media (min-width:900px){.b3-test{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"form sonuc" "ek sonuc";
  grid-template-rows:auto 1fr;align-items:start}}
.b3-test-form{grid-area:form;min-width:0}
.b3-test-ek{grid-area:ek;min-width:0}
.b3-test-sag{grid-area:sonuc;min-width:0}
.b3-test-sag{border:1px solid var(--cizgi,#dde2dc);border-radius:var(--r,12px);padding:14px;background:var(--yuzey-2,#eef1ed);min-height:180px}
.b3-test textarea{min-height:88px}
.b3-test .dugme{min-height:44px}
.b3-ara-baslik{font-size:14px;margin:16px 0 8px;display:flex;gap:6px;align-items:center}
.b3-senaryolar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px}
.b3-senaryolar form{margin:0}
.b3-senaryo{width:100%;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 12px;cursor:pointer;
  border:1px solid var(--cizgi,#dde2dc);border-radius:var(--r,12px);background:var(--yuzey,#fff);font-size:13.5px;color:var(--metin,#15181c)}
.b3-senaryo span{color:var(--metin-2,#474e57);overflow-wrap:anywhere}
.b3-senaryo:hover:not(:disabled){border-color:var(--vurgu,#0b7a4b)}
.b3-senaryo:disabled{opacity:.6;cursor:wait}
.b3-gecmis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.b3-gecmis-oge{width:100%;min-height:44px;display:flex;gap:8px;justify-content:space-between;align-items:center;text-align:left;padding:6px 10px;
  border:1px solid var(--cizgi,#dde2dc);border-radius:10px;background:var(--yuzey,#fff);cursor:pointer;font-size:13.5px}
.b3-gecmis-oge>span:first-child{min-width:0;overflow-wrap:anywhere}
.b3-gecmis-oge .b3-rozet{white-space:nowrap;flex:none}
.b3-gecmis-oge[aria-current=true]{border-color:var(--vurgu,#0b7a4b);box-shadow:inset 3px 0 0 var(--vurgu,#0b7a4b)}
.b3-not{margin-top:14px}
.b3-bos{display:flex;gap:10px;align-items:flex-start;color:var(--metin-2,#474e57)}
.b3-bos .ik{font-size:22px;flex:none;margin-top:2px}
.b3-sonuc{display:flex;flex-direction:column;gap:10px;min-width:0}
.b3-sonuc p{margin:0}
.b3-sonuc-soru{background:var(--yuzey,#fff);border:1px solid var(--cizgi,#dde2dc);border-radius:10px;padding:10px 12px;overflow-wrap:anywhere}
.b3-sonuc-bas{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.b3-neden{overflow-wrap:anywhere}
.b3-cevap{background:var(--yuzey,#fff);border:1px solid var(--cizgi,#dde2dc);border-radius:10px;padding:10px 12px}
.b3-cevap-bas{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;font-weight:600;font-size:13.5px;margin-bottom:6px}
.b3-cevap-bas>span:first-child{display:inline-flex;gap:6px;align-items:center}
.b3-cevap-metin{white-space:pre-wrap;overflow-wrap:anywhere}
.b3-kaynaklar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}
.b3-kaynaklar>li{overflow-wrap:anywhere}
.b3-kaynaklar ul{margin:4px 0 0;padding-left:20px;color:var(--metin-2,#474e57)}
.b3-bulunamadi{color:var(--uyari,#9a4d06);font-weight:600;margin-top:2px}
.b3-guncellik{display:flex;gap:6px;align-items:flex-start;overflow-wrap:anywhere}
.b3-bekliyor{display:flex;gap:12px;align-items:center;padding:8px 0}
.b3-donen{width:22px;height:22px;flex:none;border-radius:50%;border:3px solid var(--cizgi-2,#cbd2ca);border-top-color:var(--vurgu,#0b7a4b);animation:b3-don 1s linear infinite}
@keyframes b3-don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.b3-donen{animation:none;border-top-color:var(--vurgu,#0b7a4b)}}

/* öğrenilenler */
.b3-ogrenilen{align-items:flex-start}
.b3-ogrenilen-metin{flex:1 1 320px;min-width:0;overflow-wrap:anywhere}
.b3-bekleyen{background:linear-gradient(90deg,var(--uyari-acik,#fbeedd),transparent 70%);border-radius:10px;padding-left:10px;padding-right:10px}
.b3-kunye{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;font-size:12.5px;color:var(--metin-3,#5c636c)}
.b3-kunye>div{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.b3-kunye dt{font-weight:600}
.b3-kunye dd{margin:0}
.b3-kunye .b3-rozet{font-size:12px;padding:2px 8px}
.b3-ogrenilen .dugme,.b3-ogrenilen .metin-dugme{min-height:44px;display:inline-flex;align-items:center;gap:6px}
.b3-kurallar{margin:0;padding-left:20px;color:var(--metin-2,#474e57);font-size:14px}
.b3-kurallar li+li{margin-top:4px}

/* Ayarlar: çalışma saati (24 saat metin alanı; tarayıcının AM/PM seçicisi yok) */
.b3-saat{width:7.5em;max-width:100%;min-height:44px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.b3-saat-tablo th[scope=row]{text-align:left;font-weight:550;text-transform:none;letter-spacing:0;color:var(--metin,#15181c);font-size:14px;padding:10px}
.b3-hatali td,.b3-hatali th{background:var(--tehlike-acik,#fbe6e3)}
.b3-saat[aria-invalid=true]{border-color:var(--tehlike,#a3261b);outline:2px solid var(--tehlike,#a3261b);outline-offset:0}
.b3-alan-hata{color:var(--tehlike,#a3261b);font-size:13px;font-weight:600;margin-top:6px;display:flex;gap:4px;align-items:flex-start}
@media (max-width:900px){.b3-kaydet-cubugu{bottom:calc(62px + env(safe-area-inset-bottom))}}   /* uyg.css alt çubuğunun üstünde */
/* uyg.css .tablo 760 px altında kart düzenine geçer; saat tablosu kendi düzenini kullanır (gün + Açık bir satırda, saatler altında) */
@media (max-width:760px){
  .b3-saat-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .b3-saat-tablo,.b3-saat-tablo tbody,.b3-saat-tablo th,.b3-saat-tablo td{display:block;width:100%}
  .b3-saat-tablo tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-items:start}
  .b3-saat-tablo tr.b3-hatali{background:var(--tehlike-acik,#fbe6e3);border-color:var(--tehlike,#a3261b)}
  .b3-saat-tablo tr.b3-hatali td,.b3-saat-tablo tr.b3-hatali th{background:transparent}
  .b3-saat-tablo th[scope=row]{grid-column:1 / 2;padding:0;border:0;font-size:15px;align-self:center}
  .b3-saat-tablo td{border:0;padding:0;display:block;text-align:left}
  .b3-saat-tablo td::before{display:none}
  .b3-saat-tablo td[data-ad="Açık"]{grid-column:2 / 3;justify-self:end;align-self:center}
  .b3-saat-tablo td[data-ad="Açılış"]::before,.b3-saat-tablo td[data-ad="Kapanış"]::before{content:attr(data-ad);display:block;font-size:12px;
    color:var(--metin-3,#5c636c);font-weight:600;margin-bottom:2px}
  .b3-saat{width:100%}
}
@media (max-width:640px){
  .b3-kaydet-cubugu{justify-content:stretch}
  .b3-kaydet-cubugu .dugme{flex:1 1 auto}
}