/* Panel teması: finis.com.tr renkleri (ölçüldü 2026-10-31, main.css). Yalnız açık tema: koyu mod YOK (bilerek).
   Kontrast (WCAG): yazı #094772 krem üstünde 8.7:1; düğme #1b6fae beyaz yazıyla 5.3:1 (#2380c4 4.2:1 kaldığından düğme
   zemini değil, vurgu çizgisi/odak halkası). Yazı tipleri yazi-tipi.css'te gömülü (ayrı istek yok → yazı tipi değişiminden kayma yok). */

:root{color-scheme:light;
--zemin:#f8f1ed;--kart:#fff;--yazi:#094772;--soluk:#4e6a82;--cizgi:#eadfd7;--alan-cizgi:#7f95a8;
--vurgu:#1b6fae;--vurgu-yazi:#fff;--vurgu-koyu:#094772;--vurgu-parlak:#2380c4;--vurgu-acik:#e7f1fa;
--hata:#b8111f;--hata-zemin:#fdecee;--basari:#047a43;--basari-zemin:#e8f6ee;--uyari:#8a5a00;--uyari-zemin:#fff6dc;
--golge:0 1px 3px rgba(9,71,114,.08),0 1px 2px rgba(0,0,0,.04);--r:12px;
--govde:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;--baslik:Nunito,Roboto,system-ui,sans-serif}
*{box-sizing:border-box}
.yt-bekle body{visibility:hidden}
html{-webkit-text-size-adjust:100%;background:var(--zemin)}
body{margin:0;background:var(--zemin);color:var(--yazi);font:15px/1.55 var(--govde)}
a{color:var(--vurgu)}
a:hover{color:var(--vurgu-koyu)}
h1,h2,h3{font-family:var(--baslik);color:var(--vurgu-koyu);letter-spacing:-.01em}
h1{font-size:24px;font-weight:800;margin:0 0 4px;line-height:1.25}h2{font-size:18px;font-weight:700;margin:0 0 12px;line-height:1.3}

/* üst çubuk: yalnız logo + kullanıcı */
.ust{display:flex;align-items:center;gap:12px;padding:0 24px;height:64px;background:var(--kart);border-bottom:1px solid var(--cizgi);
box-shadow:0 1px 0 rgba(9,71,114,.03);position:sticky;top:0;z-index:5}
.marka{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.marka img{display:block;height:32px;width:auto;aspect-ratio:397/112}
.ust .bosluk{flex:1}
.ust-bag{color:var(--yazi);text-decoration:none;font-weight:500;font-size:14px;padding:6px 10px;border-radius:8px;white-space:nowrap}
.ust-bag:hover,.ust-bag[aria-current=page]{background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.kullanici{color:var(--soluk);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32vw}

.duzen{display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;max-width:1240px;margin:0 auto;padding:28px 24px}
.duzen.tek{grid-template-columns:minmax(0,1fr);max-width:1040px}
.yan{position:sticky;top:88px;align-self:start}
.yan .proje-ad{font-family:var(--baslik);font-weight:800;font-size:17px;margin:0 0 2px;overflow-wrap:anywhere;color:var(--vurgu-koyu)}
.yan .proje-kod{color:var(--soluk);font-size:13px;margin:0 0 16px;font-family:ui-monospace,monospace}
.sekmeler{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.sekmeler a{display:block;padding:9px 12px;border-radius:8px;color:var(--yazi);text-decoration:none;font-weight:500}
.sekmeler a:hover{background:var(--kart)}
/* etkin sekme: sol şerit box-shadow ile (kenarlık genişliği değişmez → kayma yok) */
.sekmeler a[aria-current=page]{background:var(--kart);color:var(--vurgu-koyu);font-weight:700;box-shadow:inset 3px 0 0 var(--vurgu-parlak),var(--golge)}
.sekmeler .yakinda{display:block;padding:8px 12px;color:var(--soluk);font-size:14px}

.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:22px;box-shadow:var(--golge);margin-bottom:18px}
.baslik-satir{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.alt{color:var(--soluk);margin:0}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 18px;border-radius:8px;border:1px solid transparent;
background:var(--vurgu);color:var(--vurgu-yazi);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.dugme:hover{background:var(--vurgu-koyu);color:var(--vurgu-yazi)}
.dugme.ikincil{background:var(--kart);color:var(--vurgu-koyu);border-color:var(--alan-cizgi)}
.dugme.ikincil:hover{background:var(--vurgu-acik);border-color:var(--vurgu)}
.dugme.kucuk{min-height:32px;padding:4px 12px;font-weight:500;font-size:14px}
.dugme.tehlike{background:var(--kart);color:var(--hata);border-color:var(--alan-cizgi)}
.dugme.tehlike:hover{background:var(--hata-zemin);border-color:var(--hata)}
.dugme:disabled,.dugme:disabled:hover{opacity:.5;cursor:not-allowed;background:var(--vurgu);color:var(--vurgu-yazi)}
.dugme.ikincil:disabled,.dugme.ikincil:disabled:hover{background:var(--kart);color:var(--vurgu-koyu);border-color:var(--alan-cizgi)}
.dugme:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--vurgu-parlak);outline-offset:2px}
.alan{margin-bottom:18px}
.alan label{display:block;font-weight:600;margin-bottom:6px}
.alan .yardim,.yardim{color:var(--soluk);font-size:13px;margin-top:4px}
input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=number],textarea,select{width:100%;font:inherit;font-size:16px;padding:9px 11px;
border:1px solid var(--alan-cizgi);border-radius:8px;background:var(--kart);color:var(--yazi)}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=url]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--vurgu)}
textarea{resize:vertical;min-height:80px}
input:disabled,textarea:disabled,select:disabled{background:var(--zemin);color:var(--soluk)}
input[type=radio],input[type=checkbox]{accent-color:var(--vurgu)}
.alan.hatali input,.alan.hatali textarea,.alan.hatali select{border-color:var(--hata)}
.hata-metni,.errorlist{color:var(--hata);font-size:14px;margin:6px 0 0;padding:0;list-style:none}
.ileti{padding:12px 14px;border-radius:8px;margin-bottom:16px;border:1px solid transparent}
.ileti.success{background:var(--basari-zemin);color:var(--basari);border-color:#bfe5cf}
.ileti.error{background:var(--hata-zemin);color:var(--hata);border-color:#f5c2c8}
.ileti.warning,.ileti.uyari{background:var(--uyari-zemin);color:var(--uyari);border-color:#f3dd9b}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.proje-kart{display:block;color:inherit;text-decoration:none;margin:0;transition:border-color .15s,box-shadow .15s}
.proje-kart:hover{border-color:var(--vurgu-parlak);color:inherit;box-shadow:0 4px 14px rgba(9,71,114,.1)}
.proje-kart h2{margin:0 0 2px;overflow-wrap:anywhere}
.olcu{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--soluk);font-size:14px;margin-top:12px}
.rozet{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--zemin);color:var(--soluk);border:1px solid var(--cizgi);font-family:var(--govde);letter-spacing:0;vertical-align:middle}
.rozet.yesil{background:var(--basari-zemin);color:var(--basari);border-color:transparent}
.rozet.sari{background:var(--uyari-zemin);color:var(--uyari);border-color:transparent}
.rozet.mavi{background:var(--vurgu-acik);color:var(--vurgu-koyu);border-color:transparent}
.kontrol{list-style:none;margin:0;padding:0}
.kontrol li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--cizgi)}
.kontrol li:first-child{border-top:0}
.kontrol .rozet{flex:0 0 68px;text-align:center}
#adim-ekle{margin-bottom:16px}
.kontrol .ad{font-weight:600}.kontrol .not{color:var(--soluk);font-size:14px}.kontrol .sag{margin-left:auto}

/* giriş: formun üstünde yalnız logo */
.giris-sayfa{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.giris-kutu{width:100%;max-width:400px}
.giris-logo{display:flex;justify-content:center;margin-bottom:24px}
.giris-logo img{display:block;height:56px;width:auto;max-width:100%;aspect-ratio:397/112}
.giris-kutu .kart{padding:28px}
.giris-kutu .dugme{width:100%}

.adim{border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;margin-bottom:12px;background:var(--kart);box-shadow:var(--golge)}
.adim-ust{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.adim-ust .sira{font-weight:700;color:var(--soluk);min-width:24px}
.adim-ust .bosluk{flex:1}
.adim-izgara{display:grid;grid-template-columns:1fr 160px;gap:12px}
.adim-izgara .tam{grid-column:1/-1}
.onay{display:flex;align-items:center;gap:8px;font-weight:500}
.onay input{width:18px;height:18px;flex:0 0 auto}
.kaydet-cubugu{position:sticky;bottom:0;background:var(--zemin);padding:12px 0;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--cizgi)}
dl.ozet{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px 16px;margin:0}
dl.ozet dt{color:var(--soluk)}dl.ozet dd{margin:0;overflow-wrap:anywhere}
.gizli{display:none!important}
@media (max-width:820px){
 .duzen{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
 .yan{position:static}
 /* mobil: sekmeler sarılır (yatay kayan şeritte etkin sekme ekran dışında kalıyordu) */
 .yan .sekmeler{flex-direction:row;flex-wrap:wrap;gap:6px}
 .sekmeler a{white-space:nowrap;background:var(--kart);border:1px solid var(--cizgi);padding:6px 10px;font-size:14px}
 .sekmeler a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--vurgu-parlak)}
 .sekmeler .yakinda{display:none}
 .ust{padding:0 16px;gap:8px;height:56px}
 .marka img{height:26px}
 .adim-izgara{grid-template-columns:1fr}
 dl.ozet{grid-template-columns:1fr}dl.ozet dt{margin-top:6px}
 .kart{padding:16px}
 h1{font-size:21px}
}
@media (max-width:480px){.kullanici{display:none}.ust-bag{padding:6px 8px}}
.rozet.kirmizi{background:var(--hata-zemin);color:var(--hata);border-color:transparent}
.satir-form{display:flex;gap:8px;flex-wrap:wrap}
.satir-form input[type=text]{flex:1 1 240px;width:auto}
.satir-form select{flex:0 0 160px;width:auto}
.satir-dugmeler{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.kaynaklar{list-style:none;margin:16px 0 0;padding:0}
.kaynaklar>li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--cizgi)}
.kaynak-ana{flex:1;min-width:0}
.kaynak-baslik{font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.kaynak-baslik:hover{text-decoration:underline}
.kaynak-soru{color:var(--soluk);font-size:14px;margin-top:2px;overflow-wrap:anywhere}
.kaynak-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.kaynak-hata{color:var(--hata);font-size:13px;margin-top:6px;overflow-wrap:anywhere}
.kaynak-uyari{color:var(--uyari);font-size:13px;margin-top:6px;overflow-wrap:anywhere}
.kaynak-dugmeler{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.sayfalama{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:16px;flex-wrap:wrap}
.deneme-ozet{margin:14px 0 8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}
.deneme-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.deneme-liste li{border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px}
.deneme-liste li.gider{border-color:#9fd6b8;background:var(--basari-zemin)}
.deneme-liste li.gitmez{opacity:.75}
.deneme-ust{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.deneme-ust .skor{font-family:ui-monospace,monospace;font-weight:700}
.deneme-ust .baglam{font-weight:600;flex:1;min-width:0;overflow-wrap:anywhere}
.deneme-metin{font-size:14px;color:var(--yazi);overflow-wrap:anywhere;white-space:pre-line}
fieldset.tur-sec{border:0;padding:0;margin:0 0 16px;display:flex;gap:16px;flex-wrap:wrap}
fieldset.tur-sec legend{font-weight:600;margin-bottom:6px;padding:0;width:100%}
@media (max-width:820px){
 .kaynaklar>li{flex-direction:column}
 .kaynak-dugmeler{justify-content:flex-start}
 .satir-form select{flex:1 1 100%}
}
fieldset.ses-sec{border:0;padding:0;margin:0 0 16px}
fieldset.ses-sec legend{font-weight:600;margin-bottom:6px;padding:0}
.ses-liste{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.ses-liste li{border:1px solid var(--cizgi);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ses-liste li:has(input:checked){border-color:var(--vurgu-parlak);background:var(--vurgu-acik)}
.ses-liste audio{width:100%;height:32px}
.sozluk-ekle,.sozluk-bul,.sozluk-ara{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.sozluk-ekle input{flex:1 1 180px;min-width:0;width:auto}
.sozluk-ara input{flex:1 1 200px;min-width:0;width:auto}
.sozluk-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sozluk-liste>li{border:1px solid var(--cizgi);border-radius:8px;padding:6px 10px;min-width:0}
.sozluk-satir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:center}
.sozluk-satir input{width:100%;min-width:0}
.sozluk-terim{overflow-wrap:anywhere}
.sozluk-dugmeler{display:flex;gap:6px}
.sozluk-ornek{grid-column:1/-1;overflow-wrap:anywhere}
.sozluk-silinen{margin-top:10px}
@media (max-width:600px){.sozluk-satir{grid-template-columns:minmax(0,1fr)}}
.dokum{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dokum li{display:flex;flex-direction:column;gap:2px;max-width:85%;padding:8px 12px;border-radius:10px;border:1px solid var(--cizgi);overflow-wrap:anywhere}
.dokum li.asistan{align-self:flex-start;background:var(--vurgu-acik)}
.dokum li.arayan{align-self:flex-end;background:var(--kart)}
.dokum .kim{font-size:12px;font-weight:600;color:var(--soluk)}
code.kopya{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:6px;background:var(--zemin);color:var(--yazi);font-size:13px;word-break:break-all;user-select:all}
.alt code{overflow-wrap:anywhere}

/* Sistem ayarları (salt-okur) */
.ortam-etiket{display:inline-block;font-family:var(--govde);font-size:13px;font-weight:700;letter-spacing:.04em;padding:3px 10px;border-radius:6px;vertical-align:middle}
.ortam-etiket.yerel{background:var(--uyari-zemin);color:var(--uyari)}
.ortam-etiket.sunucu{background:var(--vurgu-koyu);color:#fff}
.durum-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.durum-kutu{border:1px solid var(--cizgi);border-radius:10px;padding:12px 14px;min-width:0}
.durum-kutu .ad{font-weight:700}
.durum-kutu .not{color:var(--soluk);font-size:13px;overflow-wrap:anywhere;margin-top:4px}
.tablo-kap{overflow-x:auto}
table.ayarlar{width:100%;border-collapse:collapse;font-size:14px}
table.ayarlar th,table.ayarlar td{text-align:left;vertical-align:top;padding:10px 10px;border-top:1px solid var(--cizgi)}
table.ayarlar thead th{border-top:0;color:var(--soluk);font-weight:600;font-size:13px;white-space:nowrap}
table.ayarlar .ad{font-family:ui-monospace,monospace;font-size:13px;font-weight:600;overflow-wrap:anywhere}
table.ayarlar .deger{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere;word-break:break-word}
table.ayarlar .aciklama{color:var(--soluk);font-size:13px;margin-top:2px;font-family:var(--govde);font-weight:400}
table.ayarlar col.c-ad{width:30%}table.ayarlar col.c-deger{width:34%}
@media (max-width:820px){
 table.ayarlar,table.ayarlar tbody,table.ayarlar tr,table.ayarlar td{display:block;width:100%}
 table.ayarlar thead{display:none}
 table.ayarlar tr{border-top:1px solid var(--cizgi);padding:10px 0}
 table.ayarlar td{border:0;padding:2px 0}
}
/* ---- Telefon hattı + kanallar (sesla kalıbı). Kayma kuralları (Obsidian 19):
   - senaryo panelleri aynı ızgara hücresinde üst üste (.yigin > * {grid-area:1/1}); seçilmeyen visibility:hidden →
     kutu yerleşimde kalır (MDN visibility: "still affects layout as normal"), yükseklik en uzun panele sabit; display YOK
   - görünürlük CSS'te (:has(input:checked) + JS'li tarayıcıda data-secili yedeği); JS yalnız inert/disabled/required
   - seçili kart: kenarlık kalınlığı değişmez (renk + box-shadow)
   - Kopyala: iki etiket üst üste, genişlik uzun olana sabit; yalnız visibility değişir */
.gorunmez{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.yigin{display:grid}
.yigin>*{grid-area:1/1;min-width:0}
.yigin.satir-ici{display:inline-grid;font-weight:400}
.soluk{color:var(--soluk)}
[data-panel]{visibility:hidden}
#telefon-form:has(input[name=senaryo][value=ozel]:checked) [data-panel~=ozel],
#telefon-form:has(input[name=senaryo][value=yonlendirme]:checked) [data-panel~=yonlendirme],
#telefon-form:has(input[name=senaryo][value=musteri_sip]:checked) [data-panel~=musteri_sip],
#telefon-form[data-secili=ozel] [data-panel~=ozel],
#telefon-form[data-secili=yonlendirme] [data-panel~=yonlendirme],#telefon-form[data-secili=musteri_sip] [data-panel~=musteri_sip]{visibility:visible}

fieldset.senaryo-sec{border:0;padding:0;margin:0 0 18px;min-width:0}
fieldset.senaryo-sec legend{font-weight:600;margin-bottom:8px;padding:0}
.senaryo-kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.senaryo-kart:first-child{grid-column:1/-1}/* 3 senaryo: önerilen tam satır, öbür ikisi yan yana */
.senaryo-kart{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:4px 10px;padding:14px 16px;border:1px solid var(--cizgi);
border-radius:10px;background:var(--kart);cursor:pointer;margin:0;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s}
.senaryo-kart:hover{border-color:var(--vurgu)}
.senaryo-kart:has(input:checked){border-color:var(--vurgu-parlak);box-shadow:0 0 0 1px var(--vurgu-parlak);background:var(--vurgu-acik)}
.senaryo-kart:has(input:focus-visible){outline:2px solid var(--vurgu-parlak);outline-offset:2px}
.senaryo-kart input{margin:3px 0 0;grid-row:1}
.senaryo-kart>.yardim,.senaryo-kart>.mini-akis{grid-column:2;margin:0;overflow-wrap:anywhere}
.senaryo-ust{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.senaryo-baslik{font-weight:700;color:var(--vurgu-koyu)}
.mini-akis{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:6px!important;font-size:12.5px;color:var(--soluk)}
.mini-akis>span{white-space:nowrap;font-weight:500}
.mini-akis>span+span::before{content:"→";margin-right:4px;color:var(--vurgu-parlak);font-weight:700}

.senaryo-paneller{margin-bottom:18px}
fieldset.senaryo-panel{border:0;padding:0;margin:0;min-width:0;display:flex}
fieldset.senaryo-panel>*{flex:1;min-width:0}
.bilgi-kutu,.operator-kutu{border:1px solid var(--cizgi);border-radius:10px;background:var(--zemin);padding:14px 16px}
.bilgi-kutu .alan{margin-bottom:0}
.operator-baslik{font-weight:700;margin:0 0 6px;color:var(--vurgu-koyu)}
.kopya-satir{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:7px 0;border-top:1px solid var(--cizgi)}
.operator-baslik+.kopya-satir{border-top:0}
.ks-ad{color:var(--soluk);font-size:14px}
.ks-deger{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere;color:var(--yazi)}
.kopyala{display:inline-grid;justify-items:center}
.kopyala>span{grid-area:1/1}
.kopyala>span+span{visibility:hidden}
.kopyala.tamam>span:first-child{visibility:hidden}
.kopyala.tamam>span+span{visibility:visible;color:var(--basari)}

.ara-kart{display:grid;gap:4px;padding:16px 18px;margin-bottom:12px;border-radius:10px;background:var(--basari-zemin);border:1px solid #bfe5cf}
.ara-etiket{font-weight:700;color:var(--basari);font-size:14px}
.ara-satir{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ara-numara{font:800 28px/1.2 var(--baslik);color:var(--vurgu-koyu);text-decoration:none;letter-spacing:.01em;white-space:nowrap}
.ara-not{font-size:14px;color:var(--yazi)}

.hat-liste{list-style:none;margin:0;padding:0}
.hat-liste>li{padding:14px 0;border-top:1px solid var(--cizgi)}
.hat-liste>li:first-child{border-top:0;padding-top:0}
.hat-ust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.hat-numara{font:700 19px/1.3 var(--baslik);color:var(--vurgu-koyu);white-space:nowrap}
.hat-ipucu{margin:4px 0 0}
details.hat-ayar{margin-top:8px}
details.hat-ayar summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--vurgu);width:max-content;padding:2px 0}
.hat-ayar-ic{display:flex;flex-direction:column;gap:10px;padding:10px 0 2px}
.hat-ayar-ic .satir-dugmeler{margin-top:0}

.kanal-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kanal{display:flex;flex-direction:column;gap:6px;border:1px solid var(--cizgi);border-radius:10px;padding:14px 16px;min-width:0}
.kanal-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kanal-ad{font-weight:700;color:var(--vurgu-koyu)}
.kanal .not{color:var(--soluk);font-size:13px;overflow-wrap:anywhere;flex:1}
.kanal .dugme{align-self:flex-start}
.kod-kutu{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;margin-bottom:8px}
.kod-kutu code.kopya{display:block;margin:0;white-space:pre-wrap;word-break:break-all;user-select:all}
@media (max-width:820px){.kanal-izgara{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
 .senaryo-kartlar{grid-template-columns:minmax(0,1fr)}
 .kopya-satir{grid-template-columns:minmax(0,1fr) auto}
 .ks-ad{grid-column:1/-1}
 .ara-numara{font-size:24px}
 .kod-kutu{grid-template-columns:minmax(0,1fr)}
 .kod-kutu .kopyala{justify-self:start}
}
/* Tarayıcıdan dene (proje_deneme.html): durum satırı 3 satırlık (390 px en uzun ileti 3 satır, ölçüldü) sabit yükseklik → ileti değişince alttaki kartlar kaymaz */
.deneme-satir{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.deneme-durum{line-height:1.5;min-height:4.5em;margin:12px 0 0;color:var(--soluk);overflow-wrap:anywhere}
.deneme-durum.hata{color:var(--hata)}
.deneme-gecikme{margin:8px 0 0;padding-left:22px;font-variant-numeric:tabular-nums}
.deneme-kayit p{margin:0;padding:6px 0;border-bottom:1px solid var(--cizgi);overflow-wrap:anywhere}
.deneme-kayit p.asistan{color:var(--vurgu-koyu)}
.deneme-bag{margin-top:12px}
/* Asistan ne duyacak (proje_onizleme.html) */
.onizleme-uyari{margin:6px 0 0;padding-left:20px}.onizleme-uyari li{margin:2px 0;overflow-wrap:anywhere}
.onizleme-karsilama{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}
.onizleme-akis{margin:0 0 8px;padding-left:22px}.onizleme-akis li{margin:6px 0;overflow-wrap:anywhere}
.onizleme-akis .yardim{display:block;margin-top:2px}
.onizleme-eksik{margin:8px 0 0;padding-left:20px}.onizleme-eksik li{margin:4px 0;overflow-wrap:anywhere}
.onizleme-terimler{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.onizleme-terimler li{font-size:13px;padding:2px 9px;border-radius:99px;border:1px solid var(--cizgi);background:var(--zemin);max-width:100%;overflow-wrap:anywhere}
.onizleme-terimler.kesilen li{text-decoration:line-through;color:var(--soluk)}
.onizleme-alt-baslik{font-size:14px;margin:14px 0 0}
.onizleme-kanal{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 6px;font-size:14px}
.onizleme-kanal a[aria-current]{font-weight:700;text-decoration:none;color:var(--yazi)}
.onizleme-metin{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;background:var(--zemin);border:1px solid var(--cizgi);border-radius:8px;padding:12px;margin:8px 0 0;max-height:70vh;overflow:auto}
/* Hızlı kurulum sihirbazı (proje_yeni.html) */
.sihirbaz{max-width:860px}
.sihirbaz [hidden]{display:none!important}  /* .dugme display'i hidden'ı ezmesin */
.sihirbaz fieldset.adim{border:0;padding:0;margin:18px 0 0;min-width:0}
.sihirbaz fieldset.adim>legend{font-weight:700;font-size:18px;padding:0;margin-bottom:10px}
.sihirbaz .etiket{display:block;font-weight:600;margin-bottom:6px}
.sihirbaz-adimlar{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sihirbaz-adimlar button{font:inherit;font-size:13px;padding:4px 10px;border-radius:99px;border:1px solid var(--cizgi);background:var(--zemin);color:var(--soluk);cursor:pointer}
.sihirbaz-adimlar button[aria-current=step]{background:var(--vurgu-acik);color:var(--vurgu-koyu);border-color:var(--vurgu-parlak);font-weight:700}
.secim-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.secim-kart{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.secim-kart:has(input:checked){border-color:var(--vurgu-parlak);background:var(--vurgu-acik)}
.secim-kart input{margin-top:3px;flex:0 0 auto}
.sablon-ozet{margin-top:8px}.sablon-ozet ol{margin:0 0 6px;padding-left:22px}.sablon-ozet li{margin:3px 0;overflow-wrap:anywhere}
.yz-kutu{margin:-4px 0 14px}.yz-onay{margin:6px 0}.yz-onay .dugme{margin:4px 6px 0 0}
.sihirbaz-gezinti{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px;border-top:1px solid var(--cizgi);padding-top:14px}
.sihirbaz-gezinti #geri{margin-right:auto}