/* Archirew web - YENI KABUK DERISI (2026-10-16, kullanici: "mevcut tasarimdan kurtulmak istiyorum; artifact'taki
 * daha clean"). Yerlesim webmasa.py (Tk), burasi yalniz gorunum: duz tek vurgu (gradyan / hap yok), 6 px koseler,
 * Onest + Bricolage Grotesque, sol ray / ust serit / yuzen kutular (data-ek ipuclari). arw-ui.css ve tk.css'ten
 * SONRA yuklenir, onlari ezer. */
:root {
  --arw-g-birincil: var(--arw-vurgu);
  --arw-g-birincil-ust: var(--arw-vurgu-acik);
  --arw-g-ikincil: var(--arw-bg3);
  --arw-g-tehlike: var(--arw-aksan);
  --arw-g-onay: #3fb950;
  --arw-yazi: "Onest", "Segoe UI", system-ui, sans-serif;
  --arw-baslik: "Bricolage Grotesque", "Onest", "Segoe UI", system-ui, sans-serif;
  --arw-kose: 6px;
}
/* YAZI TIPI YALNIZ KABUK OGELERINDE (2026-10-16: tk.js metin genisligini Segoe UI ile olcer; Tk etiketlerini Onest'e
   cevirmek yazilari tasirip ust uste bindiriyordu -- tefris penceresi ipucu, "Arazide izohipsleri goster") */
.tk-baslik .ad, .tk-mesaj, .tk-bildirim, .tk-mesgul, .arw-menu .oge, .arw-tablo,
.arw-katman b, .arw-katman small, .arw-anahtar, .arw-segment button, .arw-sekmeler button, .arw-baslik {
  font-family: var(--arw-yazi) !important;
}

/* ---- dugmeler: duz, 6 px */
.arw-btn { border-radius: var(--arw-kose); box-shadow: 0 0 0 1px var(--arw-cizgi); text-shadow: none;
  font-weight: 500; background: var(--arw-bg3); }
.arw-btn:hover { box-shadow: 0 0 0 1px var(--arw-fg3); filter: none; }
.arw-btn:active { transform: none; filter: brightness(1.08); }
.arw-btn.birincil { background: var(--arw-vurgu); color: #1a0d04; box-shadow: none; font-weight: 600; }
.arw-btn.birincil:hover { background: var(--arw-vurgu-acik); box-shadow: none; }
.arw-btn.tehlike { background: var(--arw-aksan); color: #fff; box-shadow: none; }
.arw-btn.onay { background: #3fb950; color: #06230f; box-shadow: none; }
.arw-btn .ikon { border-color: currentColor; opacity: .85; }
.tk-dugme.sekme { border-radius: var(--arw-kose); box-shadow: none; }
.tk-dugme.sekme.secili, .tk-dugme.secili { background: var(--arw-bg3); color: var(--arw-fg); box-shadow: inset 0 0 0 1px var(--arw-line2, #323944); }
.tk-dugme.arac { border-radius: 4px; }

/* ---- giris kutulari, secimler, anahtarlar */
.arw-alan, .tk-giris.arw-alan { border-radius: var(--arw-kose); background: var(--arw-bg0);
  box-shadow: 0 0 0 1px var(--arw-cizgi); }
.arw-alan:hover { box-shadow: 0 0 0 1px var(--arw-fg3); }
.arw-alan:focus-within { box-shadow: 0 0 0 1.5px var(--arw-vurgu); background: var(--arw-bg0); }
.arw-alan .birim { border-radius: 4px; background: transparent; color: var(--arw-fg3); padding: 0 4px; }
.arw-alan .adim { border-radius: 4px; }
.arw-alan .adim:hover { background: var(--arw-vurgu); color: #1a0d04; }
.arw-secim { border-radius: var(--arw-kose); background: var(--arw-bg0); box-shadow: 0 0 0 1px var(--arw-cizgi); }
.arw-secim.acik, .arw-secim:focus-visible { box-shadow: inset 0 0 0 1.5px var(--arw-vurgu); }
.arw-menu { border-radius: 8px; }
.arw-menu .oge { border-radius: 4px; }
.arw-segment { border-radius: var(--arw-kose); padding: 2px; background: var(--arw-bg0); box-shadow: 0 0 0 1px var(--arw-cizgi); }
.arw-segment .kay { border-radius: 4px; background: var(--arw-bg3); box-shadow: inset 0 0 0 1px #323944; }
.arw-segment button.secili { color: var(--arw-fg); text-shadow: none; }
.arw-sekmeler { border-radius: var(--arw-kose); padding: 2px; background: var(--arw-bg0); }
.arw-sekmeler button { border-radius: 4px; }
.arw-sekmeler button.secili { background: var(--arw-bg3); color: var(--arw-fg); box-shadow: none; }
.tk-anahtar.secili i, .arw-anahtar input:checked + i { background: var(--arw-vurgu); box-shadow: none; }
.tk-anahtar.secili i::after, .arw-anahtar input:checked + i::after { background: #1a0d04; }
[data-ek~="cip"] { border-radius: var(--arw-kose); }
[data-ek~="cip"][data-ek~="secili"], [data-ek~="cip"][data-ek~="vurgu"] { background: var(--arw-vurgu) !important; color: #1a0d04 !important; box-shadow: none; }
[data-ek~="cip"][data-ek~="grup"][data-ek~="secili"] { background: var(--arw-bg3) !important; color: var(--arw-fg) !important; box-shadow: inset 0 0 0 1px #323944 !important; }
.tk-kutu:has(> [data-ek~="grup"]) { border-radius: var(--arw-kose); }
[data-ek~="kart"], .arw-kart-tk, .arw-satir-tk { border-radius: 8px; }
.arw-tablo td:first-child { border-radius: var(--arw-kose) 0 0 var(--arw-kose); }
.arw-tablo td:last-child { border-radius: 0 var(--arw-kose) var(--arw-kose) 0; }
.arw-tablo tr.secili td { background: var(--arw-bg3); box-shadow: inset 0 1px 0 var(--arw-vurgu), inset 0 -1px 0 var(--arw-vurgu); }
.arw-tablo tr.secili td:first-child { box-shadow: inset 2px 0 0 var(--arw-vurgu), inset 0 1px 0 var(--arw-vurgu), inset 0 -1px 0 var(--arw-vurgu); }
.arw-tablo tr.secili { filter: none; }
.arw-baslik::before { background: var(--arw-vurgu); }
.tk-pencere { border-radius: 10px; }
.tk-mesaj { border-radius: 10px; }
.tk-mesaj .dugmeler .arw-btn { border-radius: var(--arw-kose); }
.tk-bildirim { border-radius: var(--arw-kose); box-shadow: 0 0 0 1px var(--arw-cizgi), 0 12px 30px -10px rgba(0,0,0,.8); }
.tk-mesgul { border-radius: var(--arw-kose); }
.tk-ilerleme i { background: var(--arw-vurgu); }
.tk-liste, .tk-metin { border-radius: var(--arw-kose); }

/* ---- ust serit (plan ozeti + onizleme ayarlari): tek bant */
[data-ek~="ustbar"] { background: var(--arw-bg2) !important; box-shadow: inset 0 -1px 0 var(--arw-cizgi); }
[data-ek~="ustbar-sol"] { box-shadow: inset 0 -1px 0 var(--arw-cizgi); }
[data-ek~="proje-adi"] { font: 600 13px var(--arw-yazi) !important; color: var(--arw-fg) !important; }
[data-ek~="cip-dugme"] { min-height: 30px; }
[data-ek~="ust-ayar"] { opacity: .9; }
[data-ek~="disa-ver"] { font-weight: 600; }

/* ---- sol ray */
[data-ek~="ray"] { background: var(--arw-bg2) !important; box-shadow: inset -1px 0 0 var(--arw-cizgi); }
[data-ek~="ray-logo"] { width: 26px !important; height: 26px !important; line-height: 26px !important; border-radius: 6px 6px 12px 6px;
  box-shadow: inset 0 0 0 2px var(--arw-vurgu); font-family: var(--arw-baslik) !important; }
[data-ek~="ray-adim"] { box-shadow: inset 2px 0 0 transparent; transition: background .12s; }
[data-ek~="ray-adim"]:hover { background: var(--arw-bg3) !important; }
[data-ek~="ray-adim"][data-ek~="secili"] { box-shadow: inset 2px 0 0 var(--arw-vurgu); }
[data-ek~="ray-adim"] * { font-family: var(--arw-yazi) !important; letter-spacing: .01em; }
[data-ek~="ray-adim"] > :first-child { font-family: var(--arw-baslik) !important; }

/* ---- panel basligi + alt sekmeler */
[data-ek~="panel-baslik"] { font: 600 20px/1.15 var(--arw-baslik) !important; letter-spacing: -.015em; }
[data-ek~="alt-sekmeler"] { box-shadow: inset 0 -1px 0 var(--arw-cizgi); }
[data-ek~="alt-sekmeler"] * { font-family: var(--arw-yazi) !important; }

/* ---- yuzen kutular (onizleme anahtari, yakinlastirma, acilir menu) */
[data-ek~="yuzen"] { background: rgba(21, 24, 30, .94) !important; border-radius: 8px; padding: 3px;
  box-shadow: 0 0 0 1px var(--arw-cizgi), 0 10px 30px -14px rgba(0,0,0,.9); backdrop-filter: blur(8px); z-index: 20; }
[data-ek~="yuzen-sekme"] .tk-dugme.sekme { min-height: 28px; font-size: 12px; font-weight: 500; }
[data-ek~="yuzen-zoom"] .arw-btn { min-height: 28px; padding: 0 10px; box-shadow: none; background: transparent; }
[data-ek~="yuzen-zoom"] .arw-btn:hover { background: var(--arw-bg3); }
[data-ek~="acilir-menu"] { padding: 6px; min-width: 200px; }
[data-ek~="menu-oge"] { border-radius: 4px; font-family: var(--arw-yazi) !important; }

/* ---- gunluk: tek satir durum seridi */
[data-ek~="gunluk-bas"] { font: 600 11px var(--arw-yazi) !important; letter-spacing: .04em; text-transform: none !important; color: var(--arw-fg2) !important; }
[data-ek~="gunluk-bas"]::before { display: none; }
[data-ek~="gunluk"] { border-radius: var(--arw-kose); background: var(--arw-bg2) !important; box-shadow: inset 0 0 0 1px var(--arw-cizgi); }

/* ---- alt serit (ana dugme) */
[data-ek~="ana-dugme"] { font: 600 14px var(--arw-baslik) !important; letter-spacing: .02em; min-height: 40px; border-radius: var(--arw-kose); }

/* ---- ayar arama */
[data-ek~="ara-sonuc"] { border-radius: var(--arw-kose); }
[data-ek~="bulundu"] { outline: 2px solid var(--arw-vurgu); outline-offset: 2px; border-radius: 4px;
  animation: arw-bulundu 2.4s ease forwards; }
@keyframes arw-bulundu { 0% { outline-color: var(--arw-vurgu); } 100% { outline-color: transparent; } }

[data-ek~="siradaki"] { opacity: .85; }
[data-ek~="siradaki"] .y { font-size: 12px !important; }

/* ---- 3B arac cubugu tek satir (webmasa._arac3b_tek_satir): kucuk arac dugmeleri, sagda bilgi yazisi */
[data-ek~="arac3b"] { box-shadow: inset 0 -1px 0 var(--arw-cizgi); }
[data-ek~="arac3b"] .tk-dugme.arac { min-height: 26px; }
[data-ek~="arac3b-bilgi"] { white-space: nowrap; color: var(--arw-fg3) !important; }
[data-ek~="arac3b-bilgi"] .y { font-size: 11px !important; }

/* ---- v2: logo, arama, katlanir bolum, anahtar tiklama alani */
[data-ek~="ray-logo-resim"] img { width: 30px !important; height: 30px !important; border-radius: 8px; }
[data-ek~="ayar-ara"] { background: var(--arw-bg2) !important; box-shadow: 0 0 0 1px #3a4250 !important; border-radius: 8px; }
[data-ek~="ayar-ara"]:focus-within { box-shadow: 0 0 0 1.5px var(--arw-vurgu) !important; }
[data-ek~="ayar-ara"] input { font-size: 13px !important; }
[data-ek~="ayar-ara"][data-ek~="yer"] input { color: var(--arw-fg3) !important; }
[data-ek~="katlanir"] > .tk-dugme { justify-content: flex-start; background: var(--arw-bg2); box-shadow: inset 0 0 0 1px var(--arw-cizgi); }
.tk-anahtar { min-height: 28px; padding: 2px 4px 2px 0; border-radius: 6px; }
.tk-anahtar:hover { background: rgba(255,255,255,.04); }
.tk-anahtar .y { white-space: normal !important; line-height: 1.25; }

/* ---- onizleme anahtari ust seritte (2026-10-16) */
[data-ek~="ust-sekme"] { box-shadow: none !important; background: transparent !important; }

/* ---- ilk ekran acikken 3B kaplama dugmeleri (?, ay, adam, goz, foto) gizli (2026-10-16) */
body:has([data-ek~="giris-ekran"]) .tk-goz-btn { display: none !important; }

/* ---- AI kredisi rozeti seritte degil, profil karti acikken (2026-10-16: "ai kredisi orda yazmasin, ismimize basinca gozuksun") */
#arw-kredi { display: none !important; }
[data-ek~="profil-kart"] #arw-kredi.var { display: inline-flex !important; position: static !important; }
/* kart bir Tk tuvali (app._profil_kart: Cikis Yap dugmesi cy = Y-56, kutu cy-19..cy+19, Y=288, baslik cubugu 48 px):
   rozet dugmenin 8 px ustunde, ortada */
[data-ek~="profil-kart"] #arw-kredi-kap { position: absolute; left: 0; right: 0; margin: 0; text-align: center;
  pointer-events: none; }
/* ---- Disa ver kutusu: bayrak / profil hapiyla ayni yukseklik, alt cizgiye degmez */
[data-ek~="disa-ver"] { height: 32px !important; min-height: 0 !important; box-sizing: border-box; }
/* ---- ust serit duzeni (T_ilerleme 2026-10-30; kullanici: "Disa ver ve Detail neredeyse tasacak, adam gibi yap"):
   seridin icinde dikey ortali, ayni yukseklik / ic bosluk / yazi; "Disa ver" acilir simgesi ok karakteri degil SVG */
[data-ek~="ustbar"] > .tk-dugme { height: 32px !important; min-height: 0 !important; box-sizing: border-box;
  padding: 0 14px; font-weight: 600; letter-spacing: .01em; }
[data-ek~="acilir"] { position: absolute; }
[data-ek~="acilir"]::after { content: ""; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px;
  margin-top: -5px; background: currentColor; opacity: .75; pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat; }
/* plan ozeti tek satir (webmasa _ozet_tek_satir kisaltir; tam liste ipucunda) */
[data-ek~="proje-adi"] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; }
[data-ek~="proje-adi"] .y { overflow: hidden; text-overflow: ellipsis; }
/* ilerleme karti kabuk yazi tipiyle */
.ilr, .ilr .arw-btn { font-family: var(--arw-yazi) !important; }
[data-ek~="proje-adi"], [data-ek~="proje-adi"] .y { background: transparent !important; }