/* 12 Eki · v3 AYARLAR · GİRİŞ · KURULUM (Ali: "Ayarlar ve giriş layoutuna bayıldım"; önizleme XTJmCzKqtdUY5HnCXx3Dhm v3 · bolumler/ayarlar/bolum.css)
   Önizlemenin bölüm CSS'i aynen (her seçici .b-ayarlar ile başlar; değerler /assets/v3/tokens.css belirteçlerinden).
   En altta "13 · CANLI" bloğu: #ayarpop içine yerleşim, ödünç alınan canlı içerik (Bağlantılar sekmeleri, kasa, hesap, sağlık) ve canlı ekler. */
/* =====================================================================
   1 · AYARLAR SAHNESİ (masaüstü: ray + başlık + gövde; dar kap: telefon düzeni)
   ===================================================================== */
.b-ayarlar-sahne{position:absolute;inset:0;overflow:hidden;background:var(--zemin);container-type:inline-size;container-name:b-ayarlar-sahne b-ayarlar}
.b-ayarlar-cerceve{position:absolute;inset:var(--b-5);z-index:var(--z-icerik);display:grid;
  grid-template-columns:264px minmax(0,1fr) minmax(200px,320px) auto;grid-template-rows:72px minmax(0,1fr);
  grid-template-areas:"kim bas ara kapat" "ray govde govde govde";
  border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--marka-a20),var(--ust-isik),var(--golge-3)}
.b-ayarlar-cerceve::before{content:"";position:absolute;left:264px;right:0;top:72px;height:1px;background:var(--cizgi-1);pointer-events:none}
.b-ayarlar-cerceve::after{content:"";position:absolute;left:264px;top:0;bottom:0;width:1px;background:var(--cizgi-1);pointer-events:none}
.b-ayarlar-kim{grid-area:kim;display:flex;align-items:center;gap:var(--b-3);padding:0 var(--b-5);min-width:0}
.b-ayarlar-mini{--kure-boy:40px}
.b-ayarlar-kim-metin{display:flex;flex-direction:column;gap:2px;min-width:0}
.b-ayarlar-kim-durum{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-ayarlar-bas{grid-area:bas;display:flex;align-items:center;gap:var(--b-3);padding:0 var(--b-4) 0 var(--b-6);min-width:0}
.b-ayarlar-bas-metin{display:flex;flex-direction:column;min-width:0}
.b-ayarlar-baslik{font-size:var(--t-20);line-height:var(--sy-20);font-weight:var(--a-kalin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--r-1)}
.b-ayarlar-baslik:focus-visible{outline-offset:4px}
.b-ayarlar-olgu{margin-left:auto;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.b-ayarlar-ara{grid-area:ara;position:relative;display:flex;align-items:center;align-self:center;margin-left:var(--b-2)}
.b-ayarlar-ara > .h-ik{position:absolute;left:var(--b-3);color:var(--metin-2);pointer-events:none}
.b-ayarlar-ara > .h-girdi{width:100%;padding-left:var(--b-10);padding-right:var(--b-10)}
.b-ayarlar-ara > .h-kbd{position:absolute;right:var(--b-2);pointer-events:none}
.b-ayarlar-ara > .h-girdi::-webkit-search-cancel-button{display:none}
.b-ayarlar-kapat{grid-area:kapat;align-self:center;margin:0 var(--b-3) 0 var(--b-2)}
.b-ayarlar-ray{grid-area:ray;display:flex;flex-direction:column;min-height:0;padding:var(--b-3);overflow:auto;overscroll-behavior:contain}
.b-ayarlar-kat{display:flex;flex-direction:column;gap:2px}
.b-ayarlar-kat-oge{position:relative;display:flex;align-items:center;gap:var(--b-3);width:100%;min-height:44px;padding:0 var(--b-3);border-radius:var(--r-2);
  font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-orta);color:var(--metin-2);
  transition:background-color var(--dur-1) var(--ease-standard),color var(--dur-1) var(--ease-standard)}
.b-ayarlar-kat-oge:hover{color:var(--metin-1);background:var(--celik-a06)}
.b-ayarlar-kat-oge[aria-current]{color:var(--metin-1);background:var(--marka-a10);box-shadow:inset 0 0 0 1px var(--marka-a32)}
.b-ayarlar-kat-oge[aria-current] > .h-ik{color:var(--marka)}
.b-ayarlar-kat-oge[aria-current]::before{content:"";position:absolute;left:calc(var(--b-3) * -1);top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--marka);box-shadow:0 0 8px rgba(var(--yesil-r),.7)}
.b-ayarlar-kat-ad{flex:1;min-width:0;text-align:left}
.b-ayarlar-kisa{display:none}
.b-ayarlar-altlar{display:flex;flex-direction:column;gap:2px;margin:var(--b-1) 0 var(--b-2) var(--b-5);padding-left:var(--b-3);box-shadow:inset 1px 0 0 var(--cizgi-2)}
.b-ayarlar-alt-oge{display:flex;align-items:center;gap:var(--b-2);width:100%;min-height:32px;padding:0 var(--b-2);border-radius:var(--r-2);text-align:left;
  font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2);transition:color var(--dur-1) var(--ease-standard),background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-alt-oge:hover{color:var(--metin-1);background:var(--celik-a06)}
.b-ayarlar-alt-oge[aria-current]{color:var(--marka);background:var(--marka-a06)}
.b-ayarlar-alt-oge > .h-kisalt{flex:1}
.b-ayarlar-ray-alt{margin-top:auto;display:flex;flex-direction:column;gap:var(--b-3);padding-top:var(--b-4)}
.b-ayarlar-kur-dugme{display:flex;flex-direction:column;gap:var(--b-2);padding:var(--b-3);border-radius:var(--r-2);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-1);text-align:left;
  transition:background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-kur-dugme:hover{background:var(--yuzey-3)}
.b-ayarlar-kurulum-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--b-2)}
.b-ayarlar-kurulum-bas b{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}
.b-ayarlar-kurulum-alt{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-parcali > i[data-simdi]{background:var(--marka-a62)}
.b-ayarlar-telemetri{flex-wrap:wrap;gap:var(--b-1) var(--b-3)}

/* gövde katmanları: hub · ayrıntı · arama (tek sahne yöneticisi) */
.b-ayarlar-govde{grid-area:govde;position:relative;min-height:0;min-width:0;overflow:hidden;border-radius:0 0 var(--r-3) 0}
.b-ayarlar-hub{position:absolute;inset:0;overflow:auto;scroll-padding:var(--b-2);padding:var(--b-5) var(--b-6) var(--b-8);overscroll-behavior:contain}
.b-ayarlar-hub:focus-visible{outline-offset:-2px}
.b-ayarlar-hub[data-ortu]{visibility:hidden}
.b-ayarlar-hub-olgu{display:none;margin-bottom:var(--b-3);font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-hgrup + .b-ayarlar-hgrup{margin-top:var(--b-6)}
.b-ayarlar-hgrup-bas{display:flex;align-items:baseline;gap:var(--b-3);margin-bottom:var(--b-3)}
.b-ayarlar-hgrup-olgu{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--aralik)}

/* =====================================================================
   2 · KART (hub · bağlantı · form)
   ===================================================================== */
.b-ayarlar-kart{position:relative;display:flex;flex-direction:column;gap:var(--b-3);min-height:112px;padding:var(--w-pad) var(--w-pad) var(--w-pad) calc(var(--w-pad) + 2px);
  border-radius:var(--r-3);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-2);transition:background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-kart:hover{background:var(--yuzey-3)}
.b-ayarlar-kart::before{content:"";position:absolute;left:6px;top:16px;bottom:16px;width:2px;border-radius:2px;background:transparent}
.b-ayarlar-kart[data-durum="hata"]::before{background:var(--hata)}
.b-ayarlar-kart[data-durum="kismi"]::before{background:var(--dikkat)}
.b-ayarlar-kart[data-durum="kimlik"]::before{background:var(--bilgi)}
.b-ayarlar-kart[data-durum="kuruluyor"]::before{background:var(--marka)}
.b-ayarlar-kart[data-durum="hata"]{box-shadow:inset 0 0 0 1px var(--hata-a32)}
.b-ayarlar-kart-ust{display:flex;align-items:flex-start;gap:var(--b-3);min-width:0}
.b-ayarlar-kart-metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.b-ayarlar-kart-ac{max-width:100%;font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-kalin);color:var(--metin-1);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-ayarlar-kart-ac::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r-3)}
.b-ayarlar-kart-ac:focus-visible{outline:none}
.b-ayarlar-kart-ac:focus-visible::after{outline:2px solid var(--marka);outline-offset:2px}
.b-ayarlar-kart-olgu{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-kart-alt:has(.b-ayarlar-kart-eylem) .b-ayarlar-kart-zaman{display:none}
.b-ayarlar-kart-ok{flex:none;color:var(--metin-2);opacity:0;transform:translateX(calc(-4px * var(--m)));
  transition:opacity var(--dur-1) var(--ease-standard),transform var(--dur-3) var(--ease-standard)}
.b-ayarlar-kart:hover .b-ayarlar-kart-ok,.b-ayarlar-kart:focus-within .b-ayarlar-kart-ok{opacity:1;transform:none}
.b-ayarlar-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:var(--b-2);margin-top:auto;min-height:28px;min-width:0}
.b-ayarlar-kart-eylem{position:relative;z-index:2;flex:none}
.b-ayarlar-kart-durum{display:flex;align-items:center;gap:var(--b-2);min-width:0}
.b-ayarlar-kart-zaman{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.b-ayarlar-kart > .b-ayarlar-parcali{margin-top:calc(var(--b-1) * -1)}
.b-ayarlar-kmini{display:flex;flex-direction:column;gap:6px;width:100%}
.b-ayarlar-kmini-p{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:var(--b-2);font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-kmini-p > b{text-align:right;color:var(--metin-1);font-weight:var(--a-kalin)}
.b-ayarlar-kmini-yok{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:var(--t-12);color:var(--metin-2)}
.b-ayarlar .b-ayarlar-ton-dikkat{color:var(--dikkat)}
.b-ayarlar .b-ayarlar-ton-hata{color:var(--hata-metin)}

/* =====================================================================
   3 · AYRINTI (form sütunu + özet sütunu; tepsi kaydırılan alanın dışında)
   ===================================================================== */
.b-ayarlar-detay{position:absolute;inset:0;z-index:var(--z-icerik);display:flex;background:var(--yuzey-1)}
.b-ayarlar-detay-ic{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.b-ayarlar-detay-kaydir{flex:1;min-height:0;overflow:auto;padding:var(--b-5) var(--b-6) var(--b-8);overscroll-behavior:contain}
.b-ayarlar-detay-izgara{display:grid;grid-template-columns:minmax(0,720px) minmax(260px,320px);gap:var(--b-8);align-items:start}
.b-ayarlar-detay-izgara.b-ayarlar-tek{grid-template-columns:minmax(0,760px)}
.b-ayarlar-detay-form{min-width:0}
.b-ayarlar-detay-yan{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--b-3);min-width:0}
.b-ayarlar-grup + .b-ayarlar-grup{margin-top:var(--b-6)}
.b-ayarlar-grup > .h-baslik-et{margin-bottom:var(--b-1)}
.b-ayarlar-detay-alt{flex:none;border-top:1px solid var(--cizgi-1)}
.b-ayarlar-alt-yuva{display:grid;min-height:56px}
.b-ayarlar-alt-yuva > *{grid-area:1/1;min-width:0}
.b-ayarlar-son{display:flex;align-items:center;gap:var(--b-3);padding:0 var(--b-4) 0 var(--b-6);font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-son > .h-ik{color:var(--marka)}
.b-ayarlar-son > .h-dugme{margin-left:auto}
.b-ayarlar-tepsi-ek{color:var(--dikkat)}
.b-ayarlar .b-ayarlar-tepsi-hata{color:var(--hata-metin)}
.b-ayarlar .b-ayarlar-tepsi-hata:hover{color:var(--hata-metin);background:var(--hata-a12)}
.b-ayarlar .h-tepsi[data-soru]{box-shadow:inset 0 2px 0 var(--dikkat),0 -1px 0 var(--cizgi-2),var(--golge-2)}
.b-ayarlar .h-tepsi[data-soru] .h-tepsi-ozet > .h-ik{color:var(--dikkat)}
.b-ayarlar .h-tepsi[data-durum="basari"] .h-tepsi-ozet > .h-ik{color:var(--marka)}
.b-ayarlar .h-tepsi[data-durum="hata"] .h-tepsi-ozet > .h-ik{color:var(--hata-metin)}
.b-ayarlar-bos{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2)}

/* durum bloğu (bağlantı) ve özet kartları */
.b-ayarlar-durum-blok{position:relative;display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-4) var(--b-4) var(--b-4) calc(var(--b-4) + 2px);border-radius:var(--r-3);
  background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-2)}
.b-ayarlar-durum-blok::before{content:"";position:absolute;left:6px;top:16px;bottom:16px;width:2px;border-radius:2px;background:var(--celik-a45)}
.b-ayarlar-durum-blok[data-durum="hata"]{box-shadow:inset 0 0 0 1px var(--hata-a32)}
.b-ayarlar-durum-blok[data-durum="hata"]::before{background:var(--hata)}
.b-ayarlar-durum-blok[data-durum="kismi"]::before{background:var(--dikkat)}
.b-ayarlar-durum-blok[data-durum="kimlik"]::before{background:var(--bilgi)}
.b-ayarlar-durum-blok[data-durum="bagli"]::before,.b-ayarlar-durum-blok[data-durum="kuruluyor"]::before{background:var(--marka)}
.b-ayarlar-durum-bas{display:flex;align-items:center;gap:var(--b-3)}
.b-ayarlar-durum-ad{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b-1)}
.b-ayarlar-durum-olgu{font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-olgular{display:grid;gap:var(--b-2);margin:0}
.b-ayarlar-olgular > div{display:flex;justify-content:space-between;gap:var(--b-3);font-size:var(--t-13);line-height:var(--sy-13)}
.b-ayarlar-olgular dt{color:var(--metin-2)}
.b-ayarlar-olgular dd{margin:0;color:var(--metin-1);text-align:right;min-width:0;overflow-wrap:anywhere}
.b-ayarlar-durum-eylem{display:flex;flex-direction:column;gap:var(--b-2)}
.b-ayarlar-adim-liste{display:flex;flex-direction:column;gap:var(--b-2)}
.b-ayarlar-sonuc{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap}
.b-ayarlar-sonuc:empty{display:none}
.b-ayarlar-sonuc[data-ton="hata"]{color:var(--hata-metin)}
.b-ayarlar-sonuc[data-ton="canli"]{color:var(--marka)}
.b-ayarlar-yan-kart{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b-2);padding:var(--b-4);border-radius:var(--r-3);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-1)}
.b-ayarlar-yan-buyuk{color:var(--metin-1)}
.b-ayarlar-yan-meta{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2)}
.b-ayarlar-yan-bos{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2)}
.b-ayarlar-yan-kure{align-items:center}
.b-ayarlar-yan-kure > .h-et{align-self:flex-start}
.b-ayarlar-onkure{--kure-boy:240px}
.b-ayarlar-ornek-satir{width:100%;padding-right:var(--b-3)}
.b-ayarlar-gecmis{display:flex;flex-direction:column;width:100%}
.b-ayarlar-gecmis > li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--b-3);padding:var(--b-2) 0;border-top:1px solid var(--cizgi-1)}
.b-ayarlar-gecmis > li:first-child{border-top:0}
.b-ayarlar-gecmis-ne{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta);color:var(--metin-1);min-width:0}
.b-ayarlar-gecmis-kart{margin-left:var(--b-2);font-size:var(--t-12);font-weight:var(--a-govde);color:var(--metin-2)}
.b-ayarlar-gecmis-fark{grid-column:1;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-gecmis time{grid-row:1;grid-column:2;font-size:var(--t-12);line-height:var(--sy-13);color:var(--metin-3);white-space:nowrap}
.b-ayarlar-kip-tablo{width:100%;border-collapse:collapse;font-size:var(--t-12);line-height:var(--sy-12);font-variant-numeric:tabular-nums}
.b-ayarlar-kip-tablo th,.b-ayarlar-kip-tablo td{padding:var(--b-2) var(--b-1);text-align:left;border-top:1px solid var(--cizgi-1);color:var(--metin-2);transition:color var(--dur-2) var(--ease-standard),background-color var(--dur-2) var(--ease-standard)}
.b-ayarlar-kip-tablo thead th{border-top:0;font-size:var(--t-11);line-height:var(--sy-11);font-weight:var(--a-kalin);letter-spacing:var(--iz-etiket);text-transform:uppercase;color:var(--metin-et)}
.b-ayarlar-kip-tablo tbody th{font-weight:var(--a-orta)}
.b-ayarlar-kip-tablo[data-secili="tam"] [data-kip="tam"],.b-ayarlar-kip-tablo[data-secili="sakin"] [data-kip="sakin"],.b-ayarlar-kip-tablo[data-secili="kapali"] [data-kip="kapali"]{color:var(--marka);background:var(--marka-a06)}

/* =====================================================================
   4 · FORM SATIRI (denetimler; çekirdek .h-form-satir üstüne yerleşim)
   ===================================================================== */
.b-ayarlar-satir{position:relative}
.b-ayarlar-satir-genis{grid-template-columns:minmax(0,1fr)}
.b-ayarlar-satir-genis > .h-form-denetim{flex-direction:column;align-items:stretch;justify-content:flex-start}
.b-ayarlar-satir-genis > .b-ayarlar-etiket.h-sr + .h-form-denetim{padding-top:var(--b-1)}
.b-ayarlar-kart-ac{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.b-ayarlar-etiket{display:flex;flex-direction:column;gap:2px;min-width:0}
.b-ayarlar-etiket > .h-form-etiket{flex-wrap:wrap;row-gap:var(--b-1)}
.b-ayarlar-etiket > .h-form-deger{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2)}
.b-ayarlar-satir-ek{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--b-2);min-width:0}
.b-ayarlar-satir-ek:empty{display:none}
.b-ayarlar .h-form-hata{display:flex;align-items:center;gap:6px}
.b-ayarlar-ozel{text-transform:uppercase;letter-spacing:var(--iz-etiket)}
.b-ayarlar .b-ayarlar-sifirla{color:var(--metin-2);transition:color var(--dur-1) var(--ease-standard)}
.b-ayarlar .b-ayarlar-satir:hover .b-ayarlar-sifirla,.b-ayarlar .b-ayarlar-satir:focus-within .b-ayarlar-sifirla{color:var(--metin-1)}
.b-ayarlar-secim{--yuk:44px;justify-content:space-between;gap:var(--b-3);min-width:240px;padding:0 var(--b-3);text-align:left}
.b-ayarlar-secim > .h-ik{color:var(--metin-2);flex:none}
.b-ayarlar-secim-metin{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:var(--sy-12)}
.b-ayarlar-secim-metin b{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-secim-metin span{font-size:var(--t-12);line-height:var(--sy-12);font-weight:var(--a-govde);color:var(--metin-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.b-ayarlar-sayi{display:inline-flex;align-items:center;gap:var(--b-2)}
.b-ayarlar-sayi > .h-girdi{width:88px;text-align:right}
.b-ayarlar-aralik{min-width:56px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-surgu{display:inline-flex;align-items:center;gap:var(--b-3)}
.b-ayarlar-surgu-iz{position:relative;display:inline-flex}
.b-ayarlar-surgu-vars{position:absolute;left:calc(8px + var(--vars) * 144px);top:calc(100% - 1px);width:1px;height:6px;margin-left:-.5px;background:var(--metin-2);pointer-events:none}
.b-ayarlar-surgu-deger{min-width:56px;text-align:right;font-size:var(--t-13);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-saat{display:inline-flex;align-items:center;gap:var(--b-2)}
.b-ayarlar-tire{color:var(--metin-2)}
.b-ayarlar-gunserit{display:flex;flex-direction:column;gap:var(--b-1);padding-top:var(--b-1)}
.b-ayarlar-gunserit-iz{position:relative;height:8px;border-radius:var(--r-1);background:var(--celik-a06);box-shadow:inset 0 0 0 1px var(--cizgi-1)}
.b-ayarlar-gunserit-iz > i{position:absolute;top:0;bottom:0;left:calc(var(--x) * 100%);width:calc(var(--g) * 100%);border-radius:var(--r-1);background:var(--marka-a20);box-shadow:inset 0 0 0 1px var(--marka-a32)}
.b-ayarlar-gunserit-iz > b{position:absolute;top:-3px;bottom:-3px;left:calc(var(--x) * 100%);width:2px;margin-left:-1px;border-radius:1px;background:var(--metin-1)}
.b-ayarlar-gunserit-et{display:flex;justify-content:space-between;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-3)}
.b-ayarlar-cipler{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2)}
.b-ayarlar-cip{height:28px;padding:0 var(--b-1) 0 var(--b-3);font-size:var(--t-12);font-weight:var(--a-orta);gap:2px}
.b-ayarlar-cip > button{position:relative;width:20px;height:20px;border-radius:var(--r-hap);display:grid;place-items:center;color:var(--metin-2);transition:color var(--dur-1) var(--ease-standard),background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-cip > button::before{content:"";position:absolute;inset:-4px}
.b-ayarlar-cip > button:hover{color:var(--metin-1);background:var(--celik-a10)}
.b-ayarlar-cip-girdi{width:120px;height:28px}
.b-ayarlar-gunler{display:flex;flex-wrap:wrap;gap:var(--b-1)}
.b-ayarlar-gunler > .h-cip{min-width:44px;justify-content:center}
.b-ayarlar-zaman-dugme{gap:var(--b-2)}
.b-ayarlar-zaman-dugme > .h-ik{color:var(--marka)}
.b-ayarlar-metin{width:220px}
.b-ayarlar-bilgi{display:inline-flex;align-items:center;font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}
.b-ayarlar-renk{width:12px;height:12px;margin-right:6px;border-radius:50%;background:var(--marka);flex:none}
.b-ayarlar-sirali{display:flex;flex-direction:column;gap:2px;width:min(360px,100%)}
.b-ayarlar-sirali-oge{display:flex;align-items:center;gap:var(--b-2);height:40px;padding:0 var(--b-1) 0 var(--b-3);border-radius:var(--r-2);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-1);font-size:var(--t-13)}
.b-ayarlar-sira{width:16px;font-size:var(--t-12);color:var(--metin-2)}
.b-ayarlar-sirali-ad{flex:1;min-width:0}
.b-ayarlar-sirali-eylem{display:flex;gap:2px}
.b-ayarlar-karolar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-3);width:100%}
.b-ayarlar-karo{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--b-2) var(--b-2) var(--b-3);border-radius:var(--r-3);background:var(--yuzey-2);
  box-shadow:inset 0 0 0 1px var(--cizgi-2);text-align:center;transition:background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-karo:hover{background:var(--yuzey-3)}
.b-ayarlar-karo.secili{background:var(--marka-a06);box-shadow:inset 0 0 0 1px var(--marka-a32)}
.b-ayarlar-karo-gorsel{position:relative;display:grid;place-items:center;width:100%;height:120px;margin-bottom:var(--b-1);border-radius:var(--r-2);overflow:hidden;background:var(--zemin);isolation:isolate}
.b-ayarlar-karo-kure{--kure-boy:108px}
.b-ayarlar-karo-ad{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-karo.secili .b-ayarlar-karo-ad{color:var(--marka)}
.b-ayarlar-karo-meta{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar .b-ayarlar-karo-widget{position:relative;z-index:var(--z-icerik);width:min(160px,88%);min-height:96px}
.b-ayarlar-karo-widget .h-widget-govde{padding-bottom:var(--b-3)}
.b-ayarlar-duzen-svg{width:120px;height:48px}
.b-ayarlar-duzen-svg rect{fill:var(--celik-a10);stroke:var(--cizgi-3);stroke-width:1}
.b-ayarlar-duzen-svg .b-ayarlar-k{fill:var(--marka-a12);stroke:var(--marka);stroke-width:1.5}

/* eminim şeridi (satırın altında; tarayıcı diyaloğu yok) */
.b-ayarlar-eminim{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2) var(--b-3);padding:var(--b-2) var(--b-2) var(--b-2) var(--b-3);border-radius:var(--r-2);
  background:var(--dikkat-a12);box-shadow:inset 2px 0 0 var(--dikkat)}
.b-ayarlar-eminim[data-durum="onaylandi"]{gap:var(--b-2);background:var(--marka-a06);box-shadow:inset 2px 0 0 var(--marka);font-size:var(--t-13);font-weight:var(--a-orta);color:var(--marka)}
.b-ayarlar-eminim-fark{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-eminim-giris{display:inline-flex;align-items:center;gap:var(--b-2);margin-left:auto}
.b-ayarlar-eminim-girdi{width:140px;height:28px}
.b-ayarlar-eminim-not{flex-basis:100%;font-size:var(--t-12);line-height:var(--sy-12);color:var(--hata-metin)}
.b-ayarlar-eminim-not:empty{display:none}

/* iki satırlı seçenek menüsü */
.b-ayarlar-menu{width:300px}
.b-ayarlar-menu-oge{min-height:48px;padding:var(--b-1) var(--b-3)}
.b-ayarlar-menu-oge > .h-ik{color:var(--marka)}
.b-ayarlar-menu-metin{display:flex;flex-direction:column;flex:1;min-width:0;line-height:var(--sy-12)}
.b-ayarlar-menu-metin b{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-menu-metin span{font-size:var(--t-12);color:var(--metin-2)}
.b-ayarlar-menu-oge[aria-checked="true"] .b-ayarlar-menu-metin b{color:var(--marka)}
.b-ayarlar-sag{margin-left:auto}

/* listeler (kasa, cihaz, oturum, servis, hesaplar) */
.b-ayarlar-liste{width:100%}
.b-ayarlar-lsatir .h-satir-meta[data-ton="hata"]{color:var(--hata-metin)}
.b-ayarlar-lsatir .h-satir-meta[data-ton="dikkat"]{color:var(--dikkat)}
.b-ayarlar-lsatir > .h-cip{text-transform:uppercase;letter-spacing:var(--iz-etiket)}
.b-ayarlar-liste-alt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-3);margin-top:var(--b-3)}
.b-ayarlar-liste-not{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}

/* arama sonuçları */
.b-ayarlar-arama{position:absolute;inset:0;z-index:var(--z-icerik);overflow:auto;padding:var(--b-5) var(--b-6) var(--b-8);background:var(--yuzey-1);overscroll-behavior:contain}
.b-ayarlar .b-ayarlar-sonuc-olgu{display:block}
.b-ayarlar-sgrup + .b-ayarlar-sgrup{margin-top:var(--b-5)}
.b-ayarlar-sgrup > .h-et{display:block;margin-bottom:var(--b-2)}
.b-ayarlar-sliste{max-width:760px}
.b-ayarlar-sdeger{display:inline-flex;align-items:center;font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2);white-space:nowrap;padding-right:var(--b-2)}
.b-ayarlar-isaret{padding:0 1px;border-radius:2px;background:var(--marka-a20);color:var(--metin-1)}
.b-ayarlar-sonuc-bos{display:flex;flex-direction:column;gap:var(--b-3);font-size:var(--t-14);line-height:var(--sy-14);color:var(--metin-2)}
.b-ayarlar-oneri{display:flex;flex-wrap:wrap;gap:var(--b-2)}
.b-ayarlar-kapali{position:absolute;inset:0;z-index:var(--z-icerik);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--b-3)}

/* =====================================================================
   5 · KOTA (ayrıntı bloğu · küçük kart · şerit · açılır kart · widget S)
   ===================================================================== */
.b-ayarlar-kota-liste{display:flex;flex-direction:column;gap:var(--aralik)}
.b-ayarlar-kota{position:relative;display:flex;flex-direction:column;gap:var(--b-3);padding:var(--w-pad);border-radius:var(--r-3);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-1);container:b-ayarlar-kota / inline-size}
.b-ayarlar-kota-bas{display:flex;align-items:center;gap:var(--b-3);min-width:0}
.b-ayarlar-kota-ad{display:flex;flex-direction:column;flex:1;min-width:0}
.b-ayarlar-kota-ad b{font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-kota-ad span{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-ayarlar-kota-pencereler{display:flex;flex-direction:column;gap:var(--b-3)}
.b-ayarlar-kota-satir{position:relative;display:grid;grid-template-columns:56px minmax(72px,1fr) 44px minmax(0,auto);align-items:center;gap:var(--b-1) var(--b-3);border-radius:var(--r-1)}
.b-ayarlar-kota-pencere{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2);white-space:nowrap}
.b-ayarlar-kota-yuzde{font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-kalin);text-align:right;color:var(--metin-1)}
.b-ayarlar-kota-sifir{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap}
.b-ayarlar-kota-sifir > .h-say{color:var(--metin-1)}
.b-ayarlar-kota-yok{display:flex;align-items:center;gap:var(--b-2);font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2)}
.b-ayarlar-kota-gecmis{display:flex;align-items:center;gap:var(--b-3);flex-wrap:wrap}
.b-ayarlar-kota-gecmis-not{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-kota[data-iskelet] .b-ayarlar-kota-pencereler{gap:var(--b-4);padding:var(--b-1) 0}
.b-ayarlar-kota[data-iskelet] .h-iskelet{width:72%}
.b-ayarlar-kota[data-iskelet] .b-ayarlar-isk-kisa{width:44%}
.b-ayarlar-kota-eylem{display:flex}
@container b-ayarlar-kota (max-width:440px){
  .b-ayarlar-kota-bas{flex-wrap:wrap;row-gap:var(--b-1)}
  .b-ayarlar-kota-ad span{white-space:normal}
  .b-ayarlar-kota-satir{grid-template-columns:48px minmax(0,1fr) 44px}
  .b-ayarlar-kota-sifir{grid-column:2/-1}
}
.b-ayarlar-serit-kap{position:relative;display:flex;align-items:center;min-height:64px;padding:var(--b-3);border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--cizgi-1)}
.b-ayarlar-kserit{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--b-3);border-radius:var(--r-hap);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-2);
  font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-kserit:hover{background:var(--yuzey-3)}
.b-ayarlar-kserit > b{font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-kserit > .h-ik:first-child{color:var(--metin-1)}
.b-ayarlar-kserit-ayrac{width:1px;height:12px;margin:0 2px;background:var(--cizgi-3)}
.b-ayarlar-kpop-govde{display:flex;flex-direction:column;gap:var(--b-4)}
.b-ayarlar-kpop-model{display:flex;flex-direction:column;gap:var(--b-2);container:b-ayarlar-kota / inline-size}
.b-ayarlar-kpop-ad{display:flex;align-items:center;gap:var(--b-2);font-size:var(--t-13);line-height:var(--sy-13)}
.b-ayarlar .b-ayarlar-kota-widget{width:220px}
.b-ayarlar-kota-wg{flex-direction:row;align-items:center;gap:var(--b-3)}
.b-ayarlar-halka{position:relative;display:grid;place-items:center;flex:none}
.b-ayarlar-halka-ic{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.b-ayarlar-halka-ic b{font-size:var(--t-16);line-height:var(--sy-16);font-weight:var(--a-kalin)}
.b-ayarlar-halka-ic span{font-size:var(--t-11);line-height:var(--sy-11);font-weight:var(--a-kalin);letter-spacing:var(--iz-etiket);text-transform:uppercase;color:var(--metin-et)}

/* =====================================================================
   6 · ŞİFRE ALANLARI VE GİRİŞ EKRANI
   ===================================================================== */
.b-ayarlar-alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.b-ayarlar-alan-ad{display:inline-flex;align-items:center;gap:var(--b-2);font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar .b-ayarlar-girdi{height:var(--hedef-dokun);font-size:var(--t-14)}
.b-ayarlar-sifre-form{display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-2) 0;max-width:440px}
.b-ayarlar-sifre-form > .h-dugme{align-self:flex-start}
.b-ayarlar-kurallar{display:flex;flex-wrap:wrap;gap:var(--b-1) var(--b-4)}
.b-ayarlar-kurallar > li{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);transition:color var(--dur-2) var(--ease-standard)}
.b-ayarlar-kurallar > li::before{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:var(--s-halka) center/contain no-repeat;mask:var(--s-halka) center/contain no-repeat}
.b-ayarlar-kurallar > li[data-ok="true"]{color:var(--marka)}
.b-ayarlar-kurallar > li[data-ok="true"]::before{-webkit-mask-image:var(--s-tik);mask-image:var(--s-tik)}
.b-ayarlar-kurallar > li[data-ok="false"]{color:var(--hata-metin)}
.b-ayarlar-kurallar > li[data-ok="false"]::before{-webkit-mask-image:var(--s-hata);mask-image:var(--s-hata)}
.b-ayarlar-eslesme{font-size:var(--t-12);line-height:var(--sy-12);margin-top:calc(var(--b-2) * -1)}
.b-ayarlar-eslesme:empty{display:none}
.b-ayarlar-eslesme[data-ok="true"]{color:var(--marka)}
.b-ayarlar-eslesme[data-ok="false"]{color:var(--hata-metin)}

.b-ayarlar-giris{position:absolute;inset:0;overflow:auto;background:var(--zemin);container:b-ayarlar-giris / inline-size;overscroll-behavior:contain}
.b-ayarlar-giris[data-yer="tel"]{position:relative;min-height:100%;overflow:visible}
.b-ayarlar-giris-izgara{position:relative;z-index:var(--z-icerik);display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:var(--b-12);min-height:100%;padding:var(--b-12) var(--b-16) var(--b-16)}
.b-ayarlar-giris-sol{display:flex;flex-direction:column;align-items:center;gap:var(--b-4);min-width:0}
.b-ayarlar-giris-marka{font-size:var(--t-20);line-height:var(--sy-20);color:var(--metin-1);white-space:nowrap}
.b-ayarlar-yesil{color:var(--marka)}
.b-ayarlar-giris-kure{--kure-boy:min(400px,34cqw)}
.b-ayarlar-giris-kart{position:relative;isolation:isolate;padding:var(--b-8);border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:var(--ust-isik),0 0 0 1px var(--cizgi-2),var(--golge-3);--isik-carpan:.9}
.b-ayarlar-giris-ic{position:relative;z-index:2}
.b-ayarlar-giris-form{display:flex;flex-direction:column;gap:var(--b-4)}
.b-ayarlar-giris-bas{display:flex;flex-direction:column;gap:var(--b-2);margin-bottom:var(--b-1)}
.b-ayarlar-giris-adim{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3)}
.b-ayarlar-giris-baslik{font-size:var(--t-28);line-height:var(--sy-28);font-weight:var(--a-kalin);letter-spacing:-.01em}
.b-ayarlar-giris-baslik:focus-visible{outline-offset:4px}
.b-ayarlar-sifre{position:relative;display:flex}
.b-ayarlar-sifre > .h-girdi{flex:1;min-width:0;padding-right:var(--b-12)}
.b-ayarlar-sifre > .h-dugme{position:absolute;right:6px;top:50%;margin-top:-16px}
.b-ayarlar-alan-not{display:flex;align-items:center;gap:6px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--dikkat)}
.b-ayarlar-giris-kilit{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:var(--b-3);border-radius:var(--r-2);background:var(--dikkat-a12);box-shadow:inset 2px 0 0 var(--dikkat);font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}
.b-ayarlar-geri-sayim{font-weight:var(--a-kalin);color:var(--dikkat)}
.b-ayarlar-giris-olgu{display:flex;align-items:center;gap:6px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-giris-olgu > .h-ik{color:var(--metin-2)}
.b-ayarlar-baglanti-dugme{margin-left:auto;min-height:var(--hedef-masa);padding:0 var(--b-1);border-radius:var(--r-1);font-size:var(--t-12);font-weight:var(--a-orta);color:var(--marka);transition:color var(--dur-1) var(--ease-standard)}
.b-ayarlar-baglanti-dugme:hover{color:var(--marka-acik)}
.b-ayarlar-giris-basari{display:flex;flex-direction:column;justify-content:center;gap:var(--b-3);min-height:340px}
.b-ayarlar-giris-meta{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2)}
.b-ayarlar-giris-alt{position:absolute;left:var(--b-8);bottom:var(--b-6);z-index:var(--z-icerik)}
.b-ayarlar-giris[data-yer="tel"] .b-ayarlar-giris-alt{position:relative;left:auto;bottom:auto;justify-content:center;flex-wrap:wrap;padding:0 var(--b-4) var(--b-8)}
@container b-ayarlar-giris (max-width:860px){
  .b-ayarlar-giris-izgara{grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--b-5);min-height:0;padding:var(--b-6) var(--b-4) var(--b-6)}
  .b-ayarlar-giris-sol{flex-direction:column;gap:var(--b-2)}
  .b-ayarlar-giris-kure{--kure-boy:148px}
  .b-ayarlar-giris-kart{padding:var(--b-5)}
  .b-ayarlar-giris-baslik{font-size:var(--t-20);line-height:var(--sy-20)}
  .b-ayarlar-giris-alt{position:relative;left:auto;bottom:auto;justify-content:center;flex-wrap:wrap;gap:var(--b-1) var(--b-3);padding:0 var(--b-4) var(--b-6)}
}

/* =====================================================================
   7 · KURULUM SİHİRBAZI
   ===================================================================== */
.b-ayarlar-kurulum{position:absolute;inset:0;overflow:auto;background:var(--zemin);container:b-ayarlar-kur / inline-size;overscroll-behavior:contain}
.b-ayarlar-kurulum[data-yer="tel"]{position:relative;min-height:100%;overflow:visible}
.b-ayarlar-kur-kok{position:relative;z-index:var(--z-icerik);display:grid;grid-template-columns:280px minmax(0,1fr) 360px;height:100%;min-height:100%}
.b-ayarlar-kur-ray{display:flex;flex-direction:column;gap:var(--b-5);min-height:0;padding:var(--b-6) var(--b-5);background:var(--yuzey-1);box-shadow:inset -1px 0 0 var(--cizgi-1);overflow:auto}
.b-ayarlar-adimlar{display:flex;flex-direction:column}
.b-ayarlar-adim-li{position:relative}
.b-ayarlar-adim-li::before{content:"";position:absolute;left:21px;top:42px;height:18px;width:2px;border-radius:1px;background:var(--cizgi-2)}
.b-ayarlar-adim-li:last-child::before{display:none}
.b-ayarlar-adim-li[data-d="tamam"]::before{background:var(--marka-a62)}
.b-ayarlar-adim{display:flex;align-items:center;gap:var(--b-3);width:100%;min-height:60px;padding:var(--b-1) var(--b-2);border-radius:var(--r-2);text-align:left;color:var(--metin-2);
  transition:background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-adim:hover:not(:disabled){background:var(--celik-a06)}
.b-ayarlar-adim[aria-current]{background:var(--marka-a06)}
.b-ayarlar-adim:disabled{cursor:default}
.b-ayarlar-adim-sekil{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:var(--t-12);font-weight:var(--a-kalin);color:var(--metin-2);
  background:var(--zemin-2);box-shadow:inset 0 0 0 1.5px var(--ui-sinir);transition:background-color var(--dur-3) var(--ease-standard),color var(--dur-3) var(--ease-standard)}
.b-ayarlar-adim-li[data-d="tamam"] .b-ayarlar-adim-sekil{background:var(--marka);color:var(--marka-yazi);box-shadow:none}
.b-ayarlar-adim-li[data-d="simdi"] .b-ayarlar-adim-sekil{color:var(--marka);box-shadow:inset 0 0 0 1.5px var(--marka),0 0 0 4px var(--marka-a12)}
.b-ayarlar-adim-li[data-d="atlandi"] .b-ayarlar-adim-sekil{box-shadow:inset 0 0 0 1.5px var(--cizgi-3)}
.b-ayarlar-adim-metin{display:flex;flex-direction:column;min-width:0}
.b-ayarlar-adim-metin b{font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-adim:disabled .b-ayarlar-adim-metin b{color:var(--metin-2)}
.b-ayarlar-adim-metin span{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-ayarlar-kur-hesap{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--b-2);font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-kur-hesap b{color:var(--metin-1)}
.b-ayarlar-kur-ana{display:flex;flex-direction:column;min-height:0;min-width:0}
.b-ayarlar-kur-bas{display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-8) var(--b-10) var(--b-4)}
.b-ayarlar-kur-rozet{display:none;--kure-boy:36px}
.b-ayarlar-kur-sayac{display:flex;align-items:center;gap:var(--b-4)}
.b-ayarlar-kur-parca{flex:1;max-width:320px}
.b-ayarlar .b-ayarlar-kur-baslik{font-size:var(--t-28);line-height:var(--sy-28);white-space:normal}
.b-ayarlar-kur-icerik{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--b-6);padding:var(--b-2) var(--b-10) var(--b-6);max-width:800px}
.b-ayarlar-kur-alt{display:flex;align-items:center;gap:var(--b-2);padding:var(--b-4) var(--b-10);border-top:1px solid var(--cizgi-1);background:var(--zemin)}
.b-ayarlar-bosluk{flex:1}
.b-ayarlar-kur-onizleme{position:relative;align-self:start;display:flex;flex-direction:column;align-items:center;gap:var(--b-3);margin:var(--b-6) var(--b-6) var(--b-6) 0;padding:var(--b-5);
  border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--cizgi-2)}
.b-ayarlar-kur-onizleme > .h-et{align-self:flex-start}
.b-ayarlar-kur-ad{font-size:var(--t-16);line-height:var(--sy-16);color:var(--metin-1)}
.b-ayarlar-kur-kure{--kure-boy:252px}
.b-ayarlar-kur-onizleme > .b-ayarlar-olgular{width:100%;padding-top:var(--b-3);border-top:1px solid var(--cizgi-1)}
.b-ayarlar-kur-grup{display:flex;flex-direction:column;gap:var(--b-3)}
.b-ayarlar-kur-form{width:100%}
.b-ayarlar-giris-form .b-ayarlar-sifre-form{padding:0;max-width:none}
.b-ayarlar-kur-izgara{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.b-ayarlar-ad-giris{position:relative;display:flex}
.b-ayarlar .b-ayarlar-ad-giris > .h-girdi{flex:1;height:52px;padding-right:var(--b-16);font-size:var(--t-20);font-weight:var(--a-kalin)}
.b-ayarlar-sayac-yazi{position:absolute;right:var(--b-3);top:50%;margin-top:-8px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2);pointer-events:none}
.b-ayarlar-secenekler{display:flex;flex-direction:column;gap:var(--b-2)}
.b-ayarlar-secenek-sat{display:flex;align-items:center;gap:var(--b-2)}
.b-ayarlar-secenek{flex:1;display:flex;align-items:center;gap:var(--b-3);min-height:52px;padding:var(--b-2) var(--b-4);border-radius:var(--r-2);text-align:left;
  background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-2);transition:background-color var(--dur-1) var(--ease-standard)}
.b-ayarlar-secenek:hover{background:var(--yuzey-3)}
.b-ayarlar-secenek[aria-checked="true"]{background:var(--marka-a06);box-shadow:inset 0 0 0 1px var(--marka-a32)}
.b-ayarlar-secenek-isaret{width:16px;height:16px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ui-sinir)}
.b-ayarlar-secenek[aria-checked="true"] .b-ayarlar-secenek-isaret{box-shadow:inset 0 0 0 5px var(--marka)}
.b-ayarlar-karolar-genis{grid-template-columns:repeat(3,minmax(0,1fr))}
.b-ayarlar-kur-icerik > .h-rozet{align-self:flex-start}
@container b-ayarlar-kur (max-width:1100px){
  .b-ayarlar-kur-kok{grid-template-columns:240px minmax(0,1fr)}
  .b-ayarlar-kur-onizleme{display:none}
  .b-ayarlar-kur-rozet{display:block}
  .b-ayarlar-kur-bas{flex-direction:row;flex-wrap:wrap;align-items:center}
  .b-ayarlar-kur-sayac{flex:1}
  .b-ayarlar .b-ayarlar-kur-baslik{flex-basis:100%}
}
@container b-ayarlar-kur (max-width:720px){
  .b-ayarlar-kur-kok{display:flex;flex-direction:column;height:auto}
  .b-ayarlar-kur-ray{display:none}
  .b-ayarlar-kur-bas{position:sticky;top:0;z-index:var(--z-icerik);padding:var(--b-3) var(--b-4);gap:var(--b-2) var(--b-3);background:var(--zemin);box-shadow:0 1px 0 var(--cizgi-1)}
  .b-ayarlar .b-ayarlar-kur-baslik{font-size:var(--t-20);line-height:var(--sy-20)}
  .b-ayarlar-kur-icerik{overflow:visible;flex:none;padding:var(--b-4) var(--b-4) var(--b-6);gap:var(--b-5)}
  .b-ayarlar-kur-alt{position:sticky;bottom:0;z-index:var(--z-icerik);padding:var(--b-3) var(--b-4) calc(var(--b-3) + env(safe-area-inset-bottom,0px))}
  .b-ayarlar-kur-alt .h-dugme{--yuk:44px}
  .b-ayarlar-karolar,.b-ayarlar-karolar-genis{gap:var(--b-2)}
  .b-ayarlar-karo-gorsel{height:96px}
  .b-ayarlar-karo-kure{--kure-boy:84px}
}

/* =====================================================================
   8 · AYARLAR SAHNESİ · dar kap (telefon ve 1024 altı). Zoom yok, akışkan.
   ===================================================================== */
@container b-ayarlar-sahne (max-width:1180px){
  .b-ayarlar-cerceve{grid-template-columns:232px minmax(0,1fr) minmax(180px,260px) auto}
  .b-ayarlar-cerceve::before{left:232px} .b-ayarlar-cerceve::after{left:232px}
  .b-ayarlar-detay-izgara{grid-template-columns:minmax(0,1fr) 260px;gap:var(--b-6)}
  .b-ayarlar-olgu{display:none}
}
@container b-ayarlar-sahne (max-width:860px){
  .b-ayarlar-cerceve{inset:0;border-radius:0;box-shadow:none;background:var(--zemin);
    grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:56px auto auto minmax(0,1fr);
    grid-template-areas:"kim bas kapat" "ara ara ara" "ray ray ray" "govde govde govde"}
  .b-ayarlar-cerceve > .h-brk,.b-ayarlar-cerceve::before,.b-ayarlar-cerceve::after{display:none}
  .b-ayarlar-kim{padding:0 0 0 var(--b-4)}
  .b-ayarlar-mini{--kure-boy:32px}
  .b-ayarlar-kim-metin{display:none}
  .b-ayarlar-bas{padding:0 var(--b-2) 0 var(--b-3)}
  .b-ayarlar-bas [data-k="yol"]{display:none}
  .b-ayarlar-kapat{margin-right:var(--b-2)}
  .b-ayarlar-ara{margin:0 var(--b-4) var(--b-2)}
  .b-ayarlar-ara > .h-girdi{height:var(--hedef-dokun);font-size:var(--t-14)}
  .b-ayarlar-ara > .h-kbd{display:none}
  .b-ayarlar-ray{padding:0 var(--b-4) var(--b-2);overflow:visible}
  .b-ayarlar-kat{flex-direction:row;gap:var(--b-1)}
  .b-ayarlar-kat-li{flex:1;min-width:0}
  .b-ayarlar-kat-oge{flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:var(--b-1);font-size:var(--t-12);line-height:var(--sy-12)}
  .b-ayarlar-kat-ad{text-align:center}
  .b-ayarlar-uzun{display:none} .b-ayarlar-kisa{display:inline}
  .b-ayarlar-kat-oge > .h-cip{position:absolute;top:var(--b-1);right:var(--b-1)}
  .b-ayarlar-kat-oge[aria-current]::before{left:var(--b-3);right:var(--b-3);top:auto;bottom:-1px;width:auto;height:2px}
  .b-ayarlar-altlar,.b-ayarlar-ray-alt{display:none}
  .b-ayarlar-sahne[data-gorunum="detay"] .b-ayarlar-ara,.b-ayarlar-sahne[data-gorunum="detay"] .b-ayarlar-ray{display:none}
  .b-ayarlar-govde{border-radius:0;box-shadow:inset 0 1px 0 var(--cizgi-1)}
  .b-ayarlar-hub{padding:var(--b-3) var(--b-4) var(--b-8)}
  .b-ayarlar-hub-olgu{display:block}
  .b-ayarlar-izgara{grid-template-columns:minmax(0,1fr)}
  .b-ayarlar-hgrup + .b-ayarlar-hgrup{margin-top:var(--b-5)}
  .b-ayarlar-kart{min-height:0}
  .b-ayarlar-kart > .h-brk{display:none}
  .b-ayarlar-kart-ok{opacity:1;transform:none}
  .b-ayarlar-detay{background:var(--zemin)}
  .b-ayarlar-detay-kaydir{padding:var(--b-3) var(--b-4) var(--b-6)}
  .b-ayarlar-detay-izgara,.b-ayarlar-detay-izgara.b-ayarlar-tek{grid-template-columns:minmax(0,1fr);gap:var(--b-5)}
  .b-ayarlar-detay-yan{position:static}
  .b-ayarlar-detay[data-tur="bag"] .b-ayarlar-detay-yan{order:-1}
  .b-ayarlar-detay-alt{border-top:0}
  .b-ayarlar-alt-yuva{min-height:0}
  .b-ayarlar-son{min-height:48px;padding:0 var(--b-4)}
  .b-ayarlar-alt-yuva > .h-tepsi{flex-wrap:wrap;gap:var(--b-2);padding:var(--b-3) var(--b-4) calc(var(--b-3) + env(safe-area-inset-bottom,0px));border-radius:var(--r-3) var(--r-3) 0 0;box-shadow:0 -1px 0 var(--marka-a32),var(--golge-3)}
  .b-ayarlar-alt-yuva > .h-tepsi .h-tepsi-ozet{flex-basis:100%}
  .b-ayarlar-alt-yuva > .h-tepsi .h-dugme{--yuk:44px;flex:1}
  .b-ayarlar-arama{padding:var(--b-3) var(--b-4) var(--b-8)}
  .b-ayarlar-secim{min-width:0;width:100%}
  .b-ayarlar-metin{width:100%}
  .b-ayarlar-karo-gorsel{height:96px}
  .b-ayarlar-karo-kure{--kure-boy:84px}
  .b-ayarlar-eminim-giris{margin-left:0;flex-basis:100%}
  .b-ayarlar-eminim-girdi{flex:1;height:var(--hedef-dokun)}
}
@container b-ayarlar (max-width:480px){
  .b-ayarlar-satir:not(.b-ayarlar-satir-yan){grid-template-columns:minmax(0,1fr)}
  .b-ayarlar-satir:not(.b-ayarlar-satir-yan) > .h-form-denetim{justify-content:flex-start}
  .b-ayarlar-satir .h-segment{max-width:100%;overflow-x:auto}
  .b-ayarlar-kota-satir{grid-template-columns:48px minmax(0,1fr) 44px}
  .b-ayarlar-kota-sifir{grid-column:2/-1}
}

/* =====================================================================
   9 · VARYASYON LEVHALARI
   ===================================================================== */
.b-ayarlar-lv-blok{margin-bottom:var(--b-6)}
.b-ayarlar-lv-iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:var(--b-6);align-items:start}
.b-ayarlar-lv-liste{padding:var(--b-2);border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--cizgi-1)}
.b-ayarlar-rozetler{display:flex;flex-direction:column;gap:var(--b-2)}
.b-ayarlar-brozet{display:flex;align-items:center;gap:var(--b-2);min-height:40px;padding:0 var(--b-2) 0 var(--b-3);border-radius:var(--r-2);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--cizgi-1);font-size:var(--t-13);line-height:var(--sy-13)}
.b-ayarlar-brozet > span:not(.h-rozet){flex:1;min-width:0}
.b-ayarlar-brozet > .h-ik{color:var(--metin-2)}
.b-ayarlar-lv-bicim,.b-ayarlar-lv-durum{margin-bottom:var(--b-6)}
.b-ayarlar-lv-genis{grid-column:1/-1}
.b-ayarlar-lv-alt-baslik{display:block;margin:var(--b-8) 0 var(--b-3)}
.b-ayarlar-fl-blok + .b-ayarlar-fl-blok{margin-top:var(--b-8)}
.b-ayarlar-fl-blok > .h-et{display:block;margin-bottom:var(--b-3)}
.b-ayarlar-fl-izgara{gap:var(--b-5)}
.b-ayarlar-fl-form{position:relative;padding:0 var(--b-4);border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--cizgi-1);container:b-ayarlar / inline-size}
.b-ayarlar-mini-pencere{position:relative;display:flex;flex-direction:column;border-radius:var(--r-3);background:var(--yuzey-1);box-shadow:inset 0 0 0 1px var(--cizgi-2);overflow:hidden;container:b-ayarlar / inline-size}
.b-ayarlar-mini-pencere > .h-form{padding:var(--b-1) var(--b-4)}
.b-ayarlar-mini-pencere .b-ayarlar-alt-yuva{border-top:1px solid var(--cizgi-1)}
.b-ayarlar-mini-pencere .h-tepsi{flex-wrap:wrap}
.b-ayarlar-mini-bas{display:flex;align-items:center;gap:var(--b-2);padding:var(--b-3) var(--b-4);border-bottom:1px solid var(--cizgi-1);font-size:var(--t-14);line-height:var(--sy-14)}
.b-ayarlar-zmini > .b-ayarlar-zed{padding:var(--b-4)}
.b-ayarlar-zed{display:flex;flex-direction:column;gap:var(--b-3)}
.b-ayarlar-zed > .h-segment{align-self:flex-start}
.b-ayarlar-zed-alan{display:flex;flex-direction:column;gap:var(--b-3)}
.b-ayarlar-z-satir{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2)}
.b-ayarlar-z-et{width:64px;font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2)}
.b-ayarlar-zed-sira{display:flex;align-items:center;gap:6px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-zed-sira > .h-ik{color:var(--marka)}
.b-ayarlar-gelismis > summary{display:inline-flex;align-items:center;gap:var(--b-1);min-height:var(--hedef-masa);border-radius:var(--r-1);cursor:pointer;list-style:none;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-gelismis > summary::-webkit-details-marker{display:none}
.b-ayarlar-gelismis > summary::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:var(--s-asagi) center/contain no-repeat;mask:var(--s-asagi) center/contain no-repeat;transition:transform var(--dur-2) var(--ease-standard)}
.b-ayarlar-gelismis[open] > summary::after{transform:rotate(180deg)}
.b-ayarlar-gelismis > summary:hover{color:var(--metin-1)}
.b-ayarlar-cron{display:block;margin-top:var(--b-2);padding:var(--b-2) var(--b-3);border-radius:var(--r-2);background:var(--zemin-2);box-shadow:inset 0 0 0 1px var(--cizgi-1);font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}
.b-ayarlar-levha-ic,.b-ayarlar-form-levha,.b-ayarlar-tepsi-levha,.b-ayarlar-zaman-levha{position:relative}
.b-ayarlar-zpop .h-pencere-govde,.b-ayarlar-gpop .h-pencere-govde{max-height:min(420px,60vh)}

/* =====================================================================
   11 · İŞ · JARVIS EKLERİ · SINIRLAR (Bölüm A 182 · 183 · 188 · 192)
   gün kademesi cetveli · okunuş sözlüğü · kurallar ve dersler · Jev denemesi · kullanım · takip zinciri
   ===================================================================== */
/* gün kademesi: 1–30 cetvel (yer belirteçle, metin sabit punto) + çıkarılabilir çipler */
.b-ayarlar-kademe{display:flex;flex-direction:column;gap:var(--b-3);width:100%;min-width:0}
.b-ayarlar-cetvel{display:flex;flex-direction:column;gap:6px;padding:var(--b-1) 6px 0;max-width:560px}
.b-ayarlar-cetvel-ust,.b-ayarlar-cetvel-et{position:relative;height:var(--sy-12);font-size:var(--t-12);line-height:var(--sy-12)}
.b-ayarlar-cetvel-ust{color:var(--dikkat)}
.b-ayarlar-cetvel-et{color:var(--metin-2)}
.b-ayarlar-cetvel-ust > span,.b-ayarlar-cetvel-et > span{position:absolute;left:calc(var(--x) * 100%);transform:translateX(-50%);white-space:nowrap}
.b-ayarlar-cetvel-ust > span{transform:translateX(-6px)}
.b-ayarlar-cetvel-ust > span[data-uc="bas"],.b-ayarlar-cetvel-et > span[data-uc="bas"]{transform:translateX(-6px)}
.b-ayarlar-cetvel-ust > span[data-uc="son"],.b-ayarlar-cetvel-et > span[data-uc="son"]{transform:translateX(calc(-100% + 6px))}
.b-ayarlar-cetvel-iz{position:relative;height:8px;border-radius:var(--r-1);background:var(--celik-a06);box-shadow:inset 0 0 0 1px var(--cizgi-1)}
.b-ayarlar-cetvel-bolge{position:absolute;top:0;bottom:0;left:calc(var(--x) * 100%);right:0;border-radius:0 var(--r-1) var(--r-1) 0;background:var(--dikkat-a12);box-shadow:inset 1px 0 0 var(--dikkat)}
.b-ayarlar-cetvel-iz > b{position:absolute;top:50%;left:calc(var(--x) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--marka);box-shadow:0 0 0 2px var(--yuzey-1)}
.b-ayarlar-cetvel-iz > b[data-ton="dikkat"]{background:var(--dikkat)}
.b-ayarlar .b-ayarlar-kcip{gap:6px;color:var(--metin-1)}
.b-ayarlar .b-ayarlar-kcip > .h-ik{color:var(--metin-2);transition:color var(--dur-1) var(--ease-standard)}
.b-ayarlar .b-ayarlar-kcip:hover > .h-ik{color:var(--metin-1)}
.b-ayarlar .b-ayarlar-kcip[data-ton="dikkat"]{color:var(--dikkat-et);box-shadow:inset 0 0 0 1px var(--dikkat-a32)}
.b-ayarlar-kgirdi{width:96px}

/* okunuş sözlüğü: sıralı satırlar · dinle · satır içi ekleme */
.b-ayarlar-sozluk{display:flex;flex-direction:column;gap:var(--b-2);width:100%;min-width:0}
.b-ayarlar-sozluk-liste{display:flex;flex-direction:column;gap:2px}
.b-ayarlar-sozluk-oge{display:flex;align-items:center;gap:var(--b-3);min-height:44px;padding:2px var(--b-1) 2px var(--b-3);border-radius:var(--r-2);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-1);
  transition:background-color var(--dur-2) var(--ease-standard)}
.b-ayarlar-sozluk-oge[data-durum="okunuyor"]{background:var(--marka-a06);box-shadow:inset 0 0 0 1px var(--marka-a32)}
.b-ayarlar-sozluk-cift{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--b-2)}
.b-ayarlar-sozluk-cift > .h-ik,.b-ayarlar-sozluk-ekle > .h-ik{flex:none;color:var(--metin-3)}
.b-ayarlar-sozluk-yazi{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-kalin);color:var(--metin-1);overflow-wrap:anywhere}
.b-ayarlar-sozluk-okunus{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-2);overflow-wrap:anywhere;transition:color var(--dur-2) var(--ease-standard)}
.b-ayarlar-sozluk-oge[data-durum="okunuyor"] .b-ayarlar-sozluk-okunus{color:var(--marka)}
.b-ayarlar-sozluk-eylem{display:flex;align-items:center;gap:2px;flex:none}
.b-ayarlar-sozluk-ekle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2);padding:var(--b-2) 0 0}
.b-ayarlar-sozluk-ekle > .h-girdi{flex:1 1 140px;min-width:0}

/* kurallar ve dersler (anında uygulanır) */
.b-ayarlar-grup-say{margin-left:var(--b-2);color:var(--metin-1)}
.b-ayarlar-kurallar,.b-ayarlar-dersler{display:flex;flex-direction:column;gap:var(--b-3);width:100%;min-width:0}
.b-ayarlar-kural-ekle{display:flex;gap:var(--b-2)}
.b-ayarlar-kural-ekle > .h-girdi{flex:1;min-width:0}
.b-ayarlar-kural-liste{width:100%}
.b-ayarlar .b-ayarlar-kural{align-items:flex-start;padding-top:var(--b-3);padding-bottom:var(--b-3)}
.b-ayarlar-kural-metin{font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-orta);color:var(--metin-1);overflow-wrap:anywhere;transition:color var(--dur-2) var(--ease-standard)}
.b-ayarlar-kural[data-acik="false"] .b-ayarlar-kural-metin{color:var(--metin-2)}
.b-ayarlar-kural-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-1) var(--b-2);margin-top:var(--b-1);font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-kural-eylem{display:flex;align-items:center;gap:var(--b-2);flex:none;align-self:center}

/* Jev: cümle denemesi ve gölge karnesi */
.b-ayarlar-jevdene{display:flex;gap:var(--b-2);width:100%}
.b-ayarlar-jevdene > .h-girdi{flex:1;min-width:0}
.b-ayarlar-jev-sonuc{display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-3) var(--b-4);border-radius:var(--r-2);background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-1)}
.b-ayarlar-jev-karar{display:flex;align-items:center;gap:var(--b-2);font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-jev-karar > .h-ik{color:var(--metin-2)}
.b-ayarlar-jev-karar[data-ton="canli"],.b-ayarlar-jev-karar[data-ton="canli"] > .h-ik{color:var(--marka)}
.b-ayarlar-karne{display:flex;flex-direction:column;gap:var(--b-1);padding-top:var(--b-3);border-top:1px solid var(--cizgi-1)}
.b-ayarlar-karne-ic{display:flex;align-items:center;gap:var(--b-3)}
.b-ayarlar-karne-ic > b{font-size:var(--t-16);line-height:var(--sy-16);font-weight:var(--a-kalin);color:var(--metin-1)}

/* özet sütunu: kullanım · takip zinciri · gecikmedekiler · karne ağırlığı · okuyan ajanlar */
.b-ayarlar-yan-kart > .h-form-hata{margin-top:var(--b-1)}
.b-ayarlar-kullanim{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px var(--b-2);width:100%;font-size:var(--t-12);line-height:var(--sy-12)}
.b-ayarlar-kullanim + .b-ayarlar-kullanim{margin-top:var(--b-1)}
.b-ayarlar-kullanim-ad{min-width:0;color:var(--metin-2)}
.b-ayarlar-kullanim-sayi{white-space:nowrap;font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-kullanim > .h-ilerleme{grid-column:1/-1}
.b-ayarlar-zincir{display:flex;flex-direction:column;gap:var(--b-2);width:100%;margin-top:var(--b-1)}
.b-ayarlar-zincir > li{position:relative;display:grid;grid-template-columns:32px auto minmax(0,1fr);align-items:baseline;gap:var(--b-2);padding-left:var(--b-5)}
.b-ayarlar-zincir > li::before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--marka)}
.b-ayarlar-zincir > li:not(:last-child)::after{content:"";position:absolute;left:5.5px;top:16px;height:calc(100% - 4px);width:1px;background:var(--marka-a32)}
.b-ayarlar-zincir > li > b{text-align:right;font-size:var(--t-16);line-height:var(--sy-16);font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-zincir-birim{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-zincir-ad{min-width:0;font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}
.b-ayarlar-zincir > li[data-ton="hata"]::before{background:var(--hata)}
.b-ayarlar-zincir > li[data-ton="hata"] > b,.b-ayarlar-zincir > li[data-ton="hata"] > .b-ayarlar-zincir-ad{color:var(--hata-metin)}
.b-ayarlar-geciken{display:flex;flex-direction:column;width:100%;margin-top:var(--b-1)}
.b-ayarlar-geciken > li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--b-3);padding:var(--b-2) 0;border-top:1px solid var(--cizgi-1)}
.b-ayarlar-geciken-ad{min-width:0;font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-geciken > li > b{white-space:nowrap;font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-geciken-meta{grid-column:1/-1;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-agirlik{display:flex;gap:2px;width:100%;height:8px;margin:var(--b-1) 0 var(--b-2)}
.b-ayarlar-agirlik > i{flex-basis:0;min-width:2px;border-radius:2px;background:var(--celik-a45)}
.b-ayarlar-agirlik > i:nth-child(2n){background:var(--celik-a10);box-shadow:inset 0 0 0 1px var(--cizgi-3)}
.b-ayarlar-yan-kart > .b-ayarlar-olgular{width:100%}
.b-ayarlar-okuyan{display:flex;flex-wrap:wrap;gap:var(--b-2) var(--b-4)}
.b-ayarlar-okuyan > li{display:inline-flex;align-items:center;gap:var(--b-2);font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}

/* İş kuralları levhası (B34 kanıtı) ve kıyas bağlantısı */
.b-ayarlar-is-levha{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:var(--b-6);align-items:start}
.b-ayarlar-is-bugun{display:flex;flex-direction:column;gap:var(--b-4)}
.b-ayarlar-is-bugun > .b-ayarlar-kiyas-oge{aspect-ratio:16/11}
.b-ayarlar-is-kartlar{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.b-ayarlar .b-ayarlar-kiyas-git{display:inline-flex;align-items:center;gap:4px;margin-left:var(--b-1);vertical-align:baseline}
@container b-ayarlar (max-width:480px){
  .b-ayarlar-sozluk-oge{flex-wrap:wrap;padding:var(--b-1) var(--b-1) var(--b-1) var(--b-3)}
  .b-ayarlar-sozluk-cift{flex-basis:calc(100% - 40px)}
  .b-ayarlar-sozluk-oge > .b-ayarlar-sozluk-eylem{margin-left:auto}
  .b-ayarlar .b-ayarlar-kural{flex-wrap:wrap}
  .b-ayarlar-kural > .h-satir-metin{flex-basis:calc(100% - 48px)}
  .b-ayarlar-kural-eylem{margin-left:auto}
}

/* =====================================================================
   10 · YOĞUNLUK, ORTAM, TELEFON
   ===================================================================== */
[data-yogunluk="siki"] .b-ayarlar-kart{min-height:96px;gap:var(--b-2)}
[data-yogunluk="siki"] .b-ayarlar-hub{padding-top:var(--b-4)}
[data-yogunluk="siki"] .b-ayarlar-cerceve{grid-template-rows:64px minmax(0,1fr)}
[data-yogunluk="siki"] .b-ayarlar-cerceve::before{top:64px}
[data-yogunluk="siki"] .b-ayarlar-kat-oge{min-height:40px}
html[data-ortam="kapali"] .b-ayarlar-kart-ok{transform:none}
@media (max-width:900px){
  .b-ayarlar-kiyas,.b-ayarlar-is-levha{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .b-ayarlar-telefon-levha{display:none}
  .b-ayarlar-kiyas-gorseller{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .b-ayarlar-kiyas-liste li{grid-template-columns:minmax(0,1fr)}
}
@media (pointer:coarse){
  .b-ayarlar-alt-oge{min-height:var(--hedef-dokun)}
  .b-ayarlar-cip > button::before{inset:-12px}
  .b-ayarlar-cipler{row-gap:var(--b-4)}
  .b-ayarlar .b-ayarlar-kiyas-git{min-height:var(--hedef-dokun)}
  .b-ayarlar .h-anahtar{z-index:var(--z-icerik)}   /* pay alanı sonraki satırın altında kalmasın */
  .b-ayarlar .h-anahtar::before{inset:-11px -4px}
  /* son kontrol: bölümün kendi 28–40 px kuralları çekirdeğin 44 px güvencesini eziyordu */
  .b-ayarlar-kserit{height:var(--hedef-dokun)}
  .b-ayarlar-cip{height:var(--hedef-dokun)}
  .b-ayarlar-cip > button{width:32px;height:32px}
  .b-ayarlar-cip > button::before{inset:-6px}
  .b-ayarlar-cip-girdi{height:var(--hedef-dokun)}
  .b-ayarlar-sirali{gap:var(--b-1)}
  .b-ayarlar-sirali-oge{height:52px}
  .b-ayarlar-sirali-eylem{gap:var(--b-2)}
  .b-ayarlar-gelismis > summary{min-height:var(--hedef-dokun)}
  .b-ayarlar-baglanti-dugme{min-height:var(--hedef-dokun)}
  .b-ayarlar-alan{gap:0}
  .b-ayarlar-alan-ad{min-height:var(--hedef-dokun)}
}
.b-ayarlar-yuzey-bas .h-segment{max-width:100%;overflow-x:auto;scrollbar-width:none}
.b-ayarlar-yuzey-bas .h-segment::-webkit-scrollbar{display:none}


/* #####################################################################
   12 · v3 · CANLI DİL (12 Ekim 2026)
   Yerleşim v2'den aynen kalır; görünüş canlı Ayarlar v2'dir (dashboard.html #ay2Css · assets/ayarlar2.js) ve giris.html.
   Kaldırılanlar: dönen segmentli halkalar ve ters yay, 3B eğim, ayna parlaması, ray ışığındaki kuyruklu iz, anahtar içi enerji,
   tepsi ışın konisi, bağlanırken hızlı kenar ışığı; girişte retikül, tarama ışını, alan taraması, köşe braketleri, güç verme;
   kurulumda dönen adım halkası ve akış; açılış orkestrası.
   Sonsuz döngü yalnız bağlanıyor yükleyicisinde ve girişin süzülen ışığında (canlı giris.html .aur).
   ##################################################################### */

/* ---------- 12.0 yerel ölçüler (canlı ay2*) ve kategori renkleri: canlıdaki gibi (--kr-<kat>, bölüm kökünde ayarlar2.js değerleriyle tanımlı) ---------- */
.b-ayarlar{--kr:var(--marka);--ay-r-cerceve:22px;--ay-r-kart:18px;--ay-r-oge:16px;--ay-r-ik:14px;--ay-r-girdi:12px;--ay-r-satir:11px;
  --ay-kart-zemin:linear-gradient(160deg,rgba(var(--metin-r),.05),rgba(var(--metin-r),.015));--ay-kenar:rgba(var(--metin-r),.08);--ay-kenar-2:rgba(var(--metin-r),.16);
  --ay-gecis:calc(var(--dur-5) * 1.375)}
.b-ayarlar [data-kat="bag"],.b-ayarlar [data-b-ayarlar="baglanti-levha"],.b-ayarlar [data-b-ayarlar="kota-levha"]{--kr:var(--kr-bag,var(--bilgi))}
.b-ayarlar [data-kat="jarvis"]{--kr:var(--kr-jarvis,var(--marka))}
.b-ayarlar [data-kat="is"],.b-ayarlar [data-b-ayarlar="is-levha"]{--kr:var(--kr-is,var(--marka))}
.b-ayarlar [data-kat="gorunum"]{--kr:var(--kr-gorunum,var(--marka))}
.b-ayarlar [data-kat="cihaz"]{--kr:var(--kr-cihaz,var(--marka))}
.b-ayarlar-kurulum{--kr:var(--marka)}

/* ---------- 12.1 sahne ve çerçeve = canlı #ayarpop + .pop.ay2 ---------- */
.b-ayarlar-sahne{background:radial-gradient(ellipse at 50% 40%,rgba(var(--yesil-r),.07),transparent 60%),var(--zemin)}
.b-ayarlar-cerceve{border-radius:var(--ay-r-cerceve);
  background:linear-gradient(160deg,color-mix(in srgb,var(--yuzey-2) 97%,transparent),color-mix(in srgb,var(--zemin-2) 97%,transparent));
  box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.22),inset 0 0 0 2px rgba(var(--yesil-r),.06),0 40px 120px color-mix(in srgb,black 65%,transparent),0 0 80px rgba(var(--yesil-r),.08)}
.b-ayarlar-cerceve::before,.b-ayarlar-cerceve::after{z-index:1;background:rgba(var(--metin-r),.07)}
.b-ayarlar-cerceve > .b-ayarlar-kim,.b-ayarlar-cerceve > .b-ayarlar-bas,.b-ayarlar-cerceve > .b-ayarlar-ara,.b-ayarlar-cerceve > .b-ayarlar-kapat,.b-ayarlar-cerceve > .b-ayarlar-ray,.b-ayarlar-cerceve > .b-ayarlar-govde{position:relative;z-index:2}
/* sol sütun: canlı .ay2-yan (yukarıdan aşağı sönen krem .025) */
.b-ayarlar-yanzemin{position:absolute;left:0;top:0;bottom:0;width:264px;z-index:0;pointer-events:none;border-radius:var(--ay-r-cerceve) 0 0 var(--ay-r-cerceve);
  background:linear-gradient(180deg,rgba(var(--metin-r),.025),transparent 60%)}
/* köşe vurgusu: canlı .pop::before/::after (sol üst + sağ alt, 2 px yeşil .7) */
.b-ayarlar-kose{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit}
.b-ayarlar-kose::before,.b-ayarlar-kose::after{content:"";position:absolute;width:24px;height:24px;border:2px solid var(--marka);opacity:.7}
.b-ayarlar-kose::before{left:0;top:0;border-right:0;border-bottom:0;border-radius:var(--ay-r-cerceve) 0 0 0}
.b-ayarlar-kose::after{right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 var(--ay-r-cerceve) 0}
.b-ayarlar-govde{border-radius:0 0 var(--ay-r-cerceve) 0}

/* kimlik: mini küre (canlı reaktör) + künye */
.b-ayarlar-mini-kap{display:grid;place-items:center;width:44px;height:44px;flex:none}
.b-ayarlar-kim-durum{font-family:var(--font);font-size:var(--t-12);color:var(--metin-3)}

/* ---------- 12.2 üst satır: künye · başlık (canlı .ay2-hbas h3 24 px 800) · olgu · arama (.ay2-ara) · kapat ---------- */
.b-ayarlar-bas .h-kunye{min-height:var(--sy-11)}
.b-ayarlar-bas-metin{gap:3px}
.b-ayarlar-baslik{font-size:calc(var(--t-20) * 1.2);line-height:30px;font-weight:var(--a-marka);letter-spacing:-.02em;color:var(--metin-1);text-transform:none}
.b-ayarlar-sahne[data-gorunum="detay"] .b-ayarlar-baslik{font-size:var(--t-20);line-height:var(--sy-20);letter-spacing:-.01em}
.b-ayarlar-olgu{font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-3)}
.b-ayarlar-rk{font-weight:var(--a-orta);color:var(--metin-1);font-variant-numeric:tabular-nums}
.b-ayarlar .b-ayarlar-geri{--yuk:36px;width:36px;border-radius:var(--ay-r-girdi);color:var(--metin-1);background:rgba(var(--metin-r),.05);box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.1);
  transition:transform var(--dur-3) var(--ease-projeksiyon),color var(--dur-2) var(--ease-standard)}
.b-ayarlar .b-ayarlar-geri:hover{color:var(--kr);background:rgba(var(--metin-r),.05);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr) 50%,transparent);transform:translateX(calc(-2px * var(--m)))}
.b-ayarlar-ara > .h-girdi{height:40px;border-radius:var(--ay-r-girdi);background:rgba(var(--metin-r),.05);box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.09)}
.b-ayarlar-ara > .h-girdi:focus{box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.55),0 0 0 4px rgba(var(--yesil-r),.12)}
.b-ayarlar-ara > .h-ik{color:var(--metin-3)}
.b-ayarlar-ara > .h-kbd{color:var(--metin-3);background:none;box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.15)}
.b-ayarlar-ara:focus-within > .h-ik{color:var(--marka)}
.b-ayarlar .b-ayarlar-kapat{--yuk:36px;width:36px;border-radius:var(--ay-r-girdi);color:var(--metin-3);box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.12)}
.b-ayarlar .b-ayarlar-kapat:hover{color:var(--metin-1);background:transparent;box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.28)}

/* ---------- 12.3 kategori rayı = canlı .ay2-kat: renkli yuvarlak kare ikon, kalın ad, kayan ışık ---------- */
.b-ayarlar-ray{position:relative;padding:var(--b-2) var(--b-4) var(--b-4)}
.b-ayarlar-kat{position:relative;z-index:1;gap:6px}
.b-ayarlar-kat-oge{min-height:52px;padding:6px 10px;gap:13px;border-radius:var(--ay-r-oge);font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-kalin);color:var(--metin-1);
  transition:transform var(--dur-3) var(--ease-projeksiyon),color var(--dur-1) var(--ease-standard),background-color var(--dur-2) var(--ease-standard)}
.b-ayarlar-kat-oge:hover{color:var(--metin-1);background:transparent;transform:translateX(calc(3px * var(--m)))}
.b-ayarlar-kat-oge[aria-current]{color:var(--metin-1);background:transparent;box-shadow:none}
.b-ayarlar-kat-ik{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:13px;color:var(--kr);
  background:color-mix(in srgb,var(--kr) 12%,rgba(var(--metin-r),.02));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr) 28%,transparent);
  transition:transform var(--ay-gecis) var(--yay-canli),background-color var(--dur-5) var(--ease-standard),color var(--dur-5) var(--ease-standard)}
.b-ayarlar-kat-ik > .h-ik{width:20px;height:20px;stroke-width:1.8}
.b-ayarlar-kat-oge:hover .b-ayarlar-kat-ik{transform:scale(calc(1 + .08 * var(--m))) rotate(calc(-4deg * var(--m)))}
.b-ayarlar-kat-oge[aria-current] .b-ayarlar-kat-ik{color:var(--marka-yazi);background:var(--kr);box-shadow:0 10px 26px -10px var(--kr),0 0 0 4px color-mix(in srgb,var(--kr) 16%,transparent);transform:scale(calc(1 + .04 * var(--m)))}
.b-ayarlar-ray-isik{position:absolute;left:var(--b-4);right:var(--b-4);top:0;height:52px;z-index:0;border-radius:var(--ay-r-oge);pointer-events:none;opacity:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--kr) 15%,transparent),color-mix(in srgb,var(--kr) 3%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr) 30%,transparent),0 18px 40px -26px var(--kr);transition:opacity var(--dur-3) var(--ease-standard)}
.b-ayarlar-ray-isik[data-var]{opacity:1}
.b-ayarlar-ray-isik[data-gecis]{transition:transform var(--ay-gecis) var(--ease-projeksiyon),opacity var(--dur-3) var(--ease-standard)}
.b-ayarlar-ray-isik::before{content:"";position:absolute;left:-1px;top:24%;bottom:24%;width:3px;border-radius:3px;background:var(--kr);box-shadow:0 0 12px var(--kr)}
.b-ayarlar-altlar{margin:2px 0 var(--b-2) 30px;padding-left:var(--b-3);box-shadow:inset 1px 0 0 rgba(var(--metin-r),.08)}
.b-ayarlar-alt-oge{min-height:30px;border-radius:10px;font-size:var(--t-13);color:var(--metin-3);
  transition:color var(--dur-1) var(--ease-standard),background-color var(--dur-1) var(--ease-standard),transform var(--dur-3) var(--ease-projeksiyon)}
.b-ayarlar-alt-oge:hover{color:var(--metin-1);background:rgba(var(--metin-r),.04);transform:translateX(calc(2px * var(--m)))}
.b-ayarlar-alt-oge[aria-current]{color:var(--metin-1);font-weight:var(--a-orta);background:color-mix(in srgb,var(--kr) 10%,transparent);box-shadow:inset 2px 0 0 var(--kr)}
@container b-ayarlar-sahne (min-width:861px){.b-ayarlar-kat-oge[aria-current]::before{display:none}}
/* ray altı: kurulum kartı (canlı kart yüzeyi) ve durum satırı */
.b-ayarlar-kur-dugme{border-radius:var(--ay-r-ik);background:var(--ay-kart-zemin);box-shadow:none;border:1px solid var(--ay-kenar);
  transition:border-color var(--dur-3) var(--ease-standard),transform var(--dur-4) var(--ease-projeksiyon)}
.b-ayarlar-kur-dugme:hover{background:var(--ay-kart-zemin);border-color:var(--ay-kenar-2);transform:translateY(calc(-2px * var(--m)))}
.b-ayarlar-kurulum-alt{color:var(--metin-3)}
.b-ayarlar-kur-sayi.h-rakam{font-size:var(--t-16);line-height:var(--sy-16);text-shadow:none}
.b-ayarlar-telemetri{color:var(--metin-3)}
.b-ayarlar-telemetri b{font-family:var(--mono);font-weight:var(--a-orta);color:var(--metin-1)}

/* ---------- 12.4 hub: grup başlığı (canlı .ay-bolum h3) ve kart (canlı .ay2-kart) ---------- */
.b-ayarlar-hub{padding:var(--b-6) var(--b-8) var(--b-8)}
.b-ayarlar-hgrup-bas{align-items:center;margin-bottom:var(--b-3)}
.b-ayarlar-hgrup-ad{display:inline-flex;align-items:center;gap:var(--b-2);margin:0;font-size:var(--t-11);line-height:var(--sy-11);font-weight:var(--a-orta);letter-spacing:.27em;text-transform:uppercase;color:var(--marka);white-space:nowrap}
.b-ayarlar-hgrup-olgu{color:var(--metin-3)}
.b-ayarlar-izgara{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.b-ayarlar-kart{isolation:isolate;gap:var(--b-3);padding:16px 14px 14px 16px;border-radius:var(--ay-r-kart);background:var(--ay-kart-zemin);border:1px solid var(--ay-kenar);box-shadow:none;
  transition:transform var(--ay-gecis) var(--ease-projeksiyon),border-color var(--dur-3) var(--ease-standard)}
.b-ayarlar-kart::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(240px circle at 38px 30px,color-mix(in srgb,var(--kr) 16%,transparent),transparent 62%);box-shadow:0 22px 44px -28px var(--kr);
  transition:opacity var(--dur-3) var(--ease-standard)}
.b-ayarlar-kart:hover{background:var(--ay-kart-zemin);border-color:color-mix(in srgb,var(--kr) 40%,transparent);transform:translateY(calc(-3px * var(--m)))}
.b-ayarlar-kart:is(:hover,:focus-within)::after{opacity:1}
.b-ayarlar-kart:active{transform:translateY(calc(-1px * var(--m))) scale(calc(1 - .01 * var(--m)))}
.b-ayarlar-kart::before{top:18px;bottom:18px}
.b-ayarlar-kart[data-durum="hata"]{--kr:var(--hata);border-color:var(--hata-a32);box-shadow:none;background:linear-gradient(160deg,rgba(var(--kirmizi-r),.06),rgba(var(--metin-r),.015))}
.b-ayarlar-kart[data-durum="kismi"]{--kr:var(--dikkat)}
.b-ayarlar-kart[data-baglaniyor]{border-color:color-mix(in srgb,var(--marka) 40%,transparent)}
.b-ayarlar-kart-ust{align-items:center;gap:13px}
.b-ayarlar-kart-ac{font-size:var(--t-14);line-height:var(--sy-14);font-weight:var(--a-kalin);color:var(--metin-1)}
.b-ayarlar-kart-ac::after{border-radius:var(--ay-r-kart)}
.b-ayarlar-kart-olgu{font-size:var(--t-12);line-height:17px;color:var(--metin-3);margin-top:2px}
.b-ayarlar-kart-ok{opacity:1;transform:none;color:var(--metin-3);transition:transform var(--dur-4) var(--ease-projeksiyon),color var(--dur-3) var(--ease-standard)}
.b-ayarlar-kart:is(:hover,:focus-within) .b-ayarlar-kart-ok{color:var(--kr);transform:translateX(calc(3px * var(--m)))}
.b-ayarlar-kart-alt{min-height:28px}
/* durum hapı = canlı .ay2-durum (krem .05 zemin, yeşil olanda yeşil .12; şekil işareti durur) */
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet{height:24px;padding:0 10px 0 8px;border-radius:var(--r-hap);background:rgba(var(--metin-r),.05);font-size:var(--t-12);line-height:24px;font-weight:var(--a-kalin);letter-spacing:.02em}
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet::before{width:10px;height:10px}
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet[data-durum="calisiyor"]{background:rgba(var(--yesil-r),.12)}
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet[data-durum="calisiyor"]::before{filter:drop-shadow(0 0 4px var(--marka))}
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet[data-durum="hata"]{background:var(--hata-a12)}
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet[data-durum="uyari"]{background:var(--dikkat-a12)}
.b-ayarlar :is(.b-ayarlar-kart-durum,.b-ayarlar-durum-ad) .h-rozet[data-durum="bilgi"]{background:var(--bilgi-a12)}
/* bağlanıyor: rozette yükleyici (canlı htkDon) */
.b-ayarlar .b-ayarlar-yukleniyor::before{-webkit-mask:none;mask:none;background:none;box-sizing:border-box;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;filter:none;
  animation:b-ayarlar-don calc(var(--dur-6) * 1.2 / var(--ortam-hiz)) linear infinite}
@keyframes b-ayarlar-don{to{transform:rotate(360deg)}}
/* kota mini çubukları (hub kartı) */
.b-ayarlar-kmini-p > b{font-family:var(--mono);font-weight:var(--a-orta);letter-spacing:-.02em}

/* ikon karosu = canlı .ay2-kik (44 px · 14 px köşe · kategori renginde %12 zemin, %26 çerçeve); büyük boy = .ay2-hik (56 px) */
.b-ayarlar-hik{--hik:44px;position:relative;display:grid;place-items:center;width:var(--hik);height:var(--hik);flex:none;border-radius:var(--ay-r-ik);color:var(--kr);
  background:color-mix(in srgb,var(--kr) 12%,rgba(var(--metin-r),.02));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr) 26%,transparent);
  transition:transform var(--ay-gecis) var(--yay-canli),color var(--dur-4) var(--ease-standard),background-color var(--dur-4) var(--ease-standard)}
.b-ayarlar-hik > .h-ik{width:21px;height:21px;stroke-width:1.8}
.b-ayarlar-hik[data-ton="hata"]{--kr:var(--hata)}
.b-ayarlar-hik[data-ton="dikkat"]{--kr:var(--dikkat)}
.b-ayarlar-hik[data-ton="bilgi"]{--kr:var(--bilgi)}
.b-ayarlar-hik[data-ton="canli"],.b-ayarlar-hik[data-bagli]{--kr:var(--marka)}
.b-ayarlar-hik[data-boy="l"]{--hik:56px;border-radius:var(--ay-r-kart);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--kr) 35%,transparent),color-mix(in srgb,var(--kr) 8%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr) 35%,transparent),0 16px 40px -20px var(--kr)}
.b-ayarlar-hik[data-boy="l"] > .h-ik{width:26px;height:26px;stroke-width:1.7}
.b-ayarlar-kart:hover .b-ayarlar-hik{transform:scale(calc(1 + .1 * var(--m))) rotate(calc(-6deg * var(--m)))}
/* bağlandı: kısa onay işareti */
.b-ayarlar-hik-tik{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;color:var(--marka);pointer-events:none;
  background:color-mix(in srgb,var(--marka) 18%,var(--yuzey-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--marka) 55%,transparent)}
.b-ayarlar-tik-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* hata: kısa yatay sarsıntı (canlı hwRedd) */
.b-ayarlar-titre{animation:b-ayarlar-titre var(--dur-5) var(--ease-standard) 1}
@keyframes b-ayarlar-titre{0%,100%{transform:none}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

/* ---------- 12.5 ayrıntı: grup başlığı yeşil aralıklı, satır = canlı .ay-satir kartı, yan kart ---------- */
.b-ayarlar-detay{background:none}
.b-ayarlar-detay-kaydir{padding:var(--b-5) var(--b-8) var(--b-8)}
.b-ayarlar-grup > .h-baslik-et{display:block;margin:0 0 10px;font-size:var(--t-11);line-height:var(--sy-11);font-weight:var(--a-orta);letter-spacing:.27em;color:var(--marka)}
.b-ayarlar-grup + .b-ayarlar-grup{margin-top:var(--b-5)}
.b-ayarlar-satir{min-height:0;padding:11px 14px;margin-bottom:8px;border-top:0;border-radius:var(--ay-r-satir);background:rgba(var(--metin-r),.02);box-shadow:inset 0 0 0 1px var(--ay-kenar);
  transition:background-color var(--dur-2) var(--ease-standard)}
.b-ayarlar-satir:last-child{margin-bottom:0}
.b-ayarlar-satir[data-durum="kirli"]{background:rgba(var(--yesil-r),.05);box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.5)}
.b-ayarlar-satir[data-durum="kirli"] .h-form-etiket::before{background:var(--marka)}
.b-ayarlar-satir[data-durum="hata"]{background:rgba(var(--kirmizi-r),.03);box-shadow:inset 0 0 0 1px rgba(var(--kirmizi-r),.6)}
.b-ayarlar-satir .h-form-etiket{font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-orta)}
.b-ayarlar-satir .h-form-deger{font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-3)}
.b-ayarlar-satir .h-girdi{border-radius:var(--r-2)}
.b-ayarlar-sayi > .h-girdi{font-family:var(--mono);font-size:var(--t-13)}
.b-ayarlar-surgu-deger{font-family:var(--mono);font-weight:var(--a-orta);color:var(--metin-1)}
.b-ayarlar-yan-kart{padding:var(--b-4);border-radius:var(--ay-r-oge);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-yan-kart > .h-et:first-child{font-weight:var(--a-orta);letter-spacing:.27em;color:var(--marka)}
.b-ayarlar-yan-buyuk.h-rakam{text-shadow:none}
.b-ayarlar-durum-blok{border-radius:var(--ay-r-kart);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-durum-blok::before{top:22px;bottom:22px}
.b-ayarlar-durum-blok[data-durum="hata"]{box-shadow:inset 0 0 0 1px var(--hata-a32);background:linear-gradient(160deg,rgba(var(--kirmizi-r),.06),rgba(var(--metin-r),.015))}
.b-ayarlar-durum-blok[data-durum="hata"] .b-ayarlar-hik{--kr:var(--hata)}
.b-ayarlar-kota{border-radius:var(--ay-r-oge);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-kota-yuzde{font-family:var(--mono);font-weight:var(--a-orta);letter-spacing:-.02em}
.b-ayarlar-karne-ic > b,.b-ayarlar-kullanim-sayi,.b-ayarlar-zincir > li > b{font-family:var(--mono);font-weight:var(--a-orta)}
.b-ayarlar-zincir > li > b{color:var(--metin-1)}
/* arama sonuçları = canlı .ay2-sonuc (kart satırlar) */
.b-ayarlar-sliste{display:flex;flex-direction:column;gap:8px}
.b-ayarlar .b-ayarlar-ssatir{border-radius:var(--ay-r-oge);background:rgba(var(--metin-r),.03);box-shadow:inset 0 0 0 1px var(--ay-kenar);
  transition:transform var(--dur-4) var(--ease-projeksiyon),background-color var(--dur-2) var(--ease-standard)}
.b-ayarlar .b-ayarlar-ssatir:hover{background:rgba(var(--metin-r),.03);box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.4);transform:translateX(calc(3px * var(--m)))}
.b-ayarlar-sgrup > .h-et{color:var(--marka);letter-spacing:.27em;font-weight:var(--a-orta)}

/* değişiklik tepsisi: detayın alt satırı (canlı .ay2-alt); üstte ince ayırıcı, yeşil kenar ve ışık yok */
.b-ayarlar .b-ayarlar-alt-yuva > .h-tepsi{border-radius:0;padding:var(--b-2) var(--b-6);background:linear-gradient(180deg,var(--yuzey-1),var(--zemin-2));box-shadow:inset 0 1px 0 rgba(var(--metin-r),.07)}
.b-ayarlar .h-tepsi[data-soru]{box-shadow:inset 0 1px 0 rgba(var(--amber-r),.5)}
.b-ayarlar .h-tepsi-ozet > .h-cip{font-family:var(--mono);font-weight:var(--a-orta)}

/* eminim şeridi = canlı .ay-onay (amber .45 çerçeve · .06 zemin · 11 px köşe); girdi kırmızı tonlu (.ay-eminim-gir),
   "Onayla ve kaydet" kırmızı tonlu (.ay-btn.tehlike); basılı tut şarj halkası düğmeyle aynı renkte dolar */
.b-ayarlar-eminim{padding:10px 12px;border-radius:var(--ay-r-satir);background:rgba(var(--amber-r),.06);box-shadow:inset 0 0 0 1px rgba(var(--amber-r),.45)}
.b-ayarlar-eminim-kalkan{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;color:var(--dikkat);background:rgba(var(--amber-r),.1);box-shadow:inset 0 0 0 1px rgba(var(--amber-r),.35)}
.b-ayarlar-eminim > .h-rozet{font-weight:var(--a-kalin)}
.b-ayarlar-eminim-fark{font-family:var(--mono);font-weight:var(--a-orta);color:var(--dikkat)}
.b-ayarlar .b-ayarlar-eminim-girdi{background:rgba(var(--kirmizi-r),.06);box-shadow:inset 0 0 0 1px rgba(var(--kirmizi-r),.45)}
.b-ayarlar .b-ayarlar-eminim-girdi:focus{box-shadow:inset 0 0 0 1px rgba(var(--kirmizi-r),.7),0 0 0 4px rgba(var(--kirmizi-r),.12)}
.b-ayarlar-eminim-giris{flex-wrap:wrap}
.b-ayarlar .b-ayarlar-eminim-girdi[aria-invalid="true"]{box-shadow:inset 0 0 0 1px var(--hata)}
.b-ayarlar-eminim-not[data-ton="dikkat"]{color:var(--dikkat)}
.b-ayarlar .b-ayarlar-sarj{--isik-rgb:var(--kirmizi-r);position:relative;gap:6px;padding-left:var(--b-1);touch-action:none}
.b-ayarlar-sarj-svg{width:22px;height:22px;flex:none;overflow:visible}
.b-ayarlar-sarj-iz{fill:none;stroke:rgba(var(--kirmizi-r),.24);stroke-width:2}
.b-ayarlar-sarj:disabled .b-ayarlar-sarj-iz{stroke:rgba(var(--metin-r),.14)}
.b-ayarlar-sarj-dolu{fill:none;stroke:var(--hata);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;transform:rotate(-90deg);transform-box:fill-box;transform-origin:50% 50%}
.b-ayarlar-sarj[data-sarj="ornek"] .b-ayarlar-sarj-dolu{stroke-dashoffset:calc(100 - var(--sarj) * 100)}
.b-ayarlar-sarj-kilit{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.b-ayarlar .b-ayarlar-sarj[data-sarj="doluyor"]{box-shadow:inset 0 0 0 1px rgba(var(--kirmizi-r),.75)}
.b-ayarlar-sarj-patla{position:absolute;left:var(--b-1);top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 0 1.5px var(--hata)}
.b-ayarlar-eminim[data-durum="onaylandi"]{padding:8px 12px;background:rgba(var(--yesil-r),.06);box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.4)}
.b-ayarlar-eminim[data-durum="onaylandi"] .b-ayarlar-eminim-fark{color:var(--marka)}
.b-ayarlar-eminim-kilit{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:8px;background:rgba(var(--yesil-r),.1);box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.45)}
.b-ayarlar-kilit-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.b-ayarlar-kilit-kanca{transform-box:fill-box;transform-origin:100% 100%}
.b-ayarlar-eminim-kilit .b-ayarlar-kilit-kanca{transform:translateY(-3px) rotate(-26deg);animation:b-ayarlar-kilit-ac var(--dur-6) var(--yay-jest) 1 both}
@keyframes b-ayarlar-kilit-ac{0%,30%{transform:none}100%{transform:translateY(-3px) rotate(-26deg)}}

/* kasa: maskeli değer, "Dene"de glif çözülmesi (değer hiç gösterilmez) */
.b-ayarlar-maske-kap{display:block;margin-top:var(--b-1)}
.b-ayarlar-maske{display:inline-block;padding:1px var(--b-2);border-radius:6px;white-space:pre;font-size:var(--t-12);line-height:var(--sy-12);letter-spacing:.14em;color:var(--metin-3);
  background:rgba(var(--metin-r),.04);box-shadow:inset 0 0 0 1px var(--ay-kenar);transition:color var(--dur-2) var(--ease-standard)}
.b-ayarlar-maske[data-cozuluyor]{color:var(--marka)}

/* karo (görünüm, düzen) = canlı .ay2-sec; seçenek (ses) = .ay2-ses */
.b-ayarlar-karo{padding:10px 10px 14px;border-radius:var(--ay-r-kart);background:var(--ay-kart-zemin);border:1px solid var(--ay-kenar);box-shadow:none;
  transition:transform var(--dur-5) var(--ease-projeksiyon),border-color var(--dur-3) var(--ease-standard)}
.b-ayarlar-karo:hover{background:var(--ay-kart-zemin);border-color:var(--ay-kenar-2);transform:translateY(calc(-3px * var(--m)))}
.b-ayarlar-karo.secili{background:var(--ay-kart-zemin);border-color:rgba(var(--yesil-r),.55);box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.3),0 22px 46px -28px var(--marka)}
.b-ayarlar-karo-gorsel{border-radius:var(--ay-r-ik);background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--marka) 10%,var(--zemin-2)),var(--zemin) 75%)}
.b-ayarlar-karo-ad{margin-top:var(--b-1);font-size:var(--t-14);line-height:var(--sy-14)}
.b-ayarlar-secenek{border-radius:var(--ay-r-oge);background:rgba(var(--metin-r),.03);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-secenek:hover{background:rgba(var(--metin-r),.05)}
.b-ayarlar-secenek[aria-checked="true"]{background:rgba(var(--metin-r),.03);box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.55),0 18px 40px -26px var(--marka)}
.b-ayarlar-sirali-oge,.b-ayarlar-sozluk-oge{border-radius:10px;background:rgba(var(--metin-r),.03);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-jev-sonuc{border-radius:var(--ay-r-satir);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}

/* kota yayı (şerit ve levha): eşik çentikli, ilk görünüşte dolar */
.b-ayarlar-myay{width:18px;height:18px;flex:none;overflow:visible;transform:rotate(-90deg)}
.b-ayarlar-myay-iz{fill:none;stroke:rgba(var(--metin-r),.13);stroke-width:2.6}
.b-ayarlar-myay-dolu{fill:none;stroke:var(--marka);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100 100}
.b-ayarlar-myay-dikkat{stroke:var(--dikkat)}
.b-ayarlar-myay-hata{stroke:var(--hata)}
.b-ayarlar-myay-esik{fill:none;stroke:rgba(var(--metin-r),.75);stroke-width:4.2;stroke-dasharray:1.4 98.6;stroke-dashoffset:-79.3}
.b-ayarlar-serit-kap{border-radius:var(--ay-r-oge);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-kserit > b{font-family:var(--mono);font-weight:var(--a-orta)}

/* ---------- 12.6 giriş = canlı giris.html: süzülen zümrüt ışık + teknik ızgara; kart = telefon kartı yüzeyi (.86 cam, 22 px) ---------- */
.b-ayarlar-giris-zemin{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.b-ayarlar-giris-zemin::before{content:"";position:absolute;inset:0;background:var(--desen-izgara);opacity:.5;
  -webkit-mask:radial-gradient(ellipse at center,var(--zemin) 30%,transparent 75%);mask:radial-gradient(ellipse at center,var(--zemin) 30%,transparent 75%)}
.b-ayarlar-aur{position:absolute;display:block;border-radius:50%;filter:blur(90px);pointer-events:none;animation:b-ayarlar-suz calc(var(--dur-6) * 37 / var(--ortam-hiz)) var(--ease-standard) infinite alternate}
.b-ayarlar-aur[data-a="1"]{width:34rem;height:34rem;left:33%;top:-10rem;background:rgba(var(--yesil-r),.15)}
.b-ayarlar-aur[data-a="2"]{width:28rem;height:28rem;right:22%;bottom:-12rem;background:color-mix(in srgb,var(--marka-acik) 10%,transparent);animation-delay:calc(var(--dur-6) * -27)}
@keyframes b-ayarlar-suz{from{transform:translate3d(0,0,0)}to{transform:translate3d(-60px,40px,0)}}
.b-ayarlar-giris-marka{margin:0;color:var(--metin-1)}
.b-ayarlar-giris-kart{padding:var(--b-8) var(--b-8) var(--b-6);border-radius:var(--ay-r-cerceve);background:color-mix(in srgb,var(--yuzey-1) 86%,transparent);
  box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.1),0 40px 90px -40px color-mix(in srgb,black 80%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.b-ayarlar-giris-form{gap:var(--b-5)}
.b-ayarlar-giris-bas{gap:var(--b-2);margin-bottom:0}
.b-ayarlar-giris-baslik{font-size:calc(var(--t-20) * 1.1);line-height:28px;font-weight:var(--a-kalin);letter-spacing:-.01em;color:var(--metin-1);text-transform:none}
.b-ayarlar-giris .b-ayarlar-alan{gap:var(--b-2)}
.b-ayarlar-giris .b-ayarlar-alan-ad{font-size:var(--t-11);line-height:var(--sy-11);font-weight:var(--a-orta);letter-spacing:.18em;text-transform:uppercase;color:var(--metin-3)}
.b-ayarlar-giris .b-ayarlar-alan-ad .h-ipucu-dugme{text-transform:none;letter-spacing:0}
.b-ayarlar-giris-kutu{position:relative;display:flex}
.b-ayarlar-giris-kutu > .h-girdi{flex:1;min-width:0}
.b-ayarlar .b-ayarlar-giris .b-ayarlar-girdi{height:48px;padding:0 14px;border-radius:var(--ay-r-girdi);font-size:var(--t-14)}
.b-ayarlar .b-ayarlar-giris .b-ayarlar-sifre > .h-girdi{padding-right:var(--b-12)}
.b-ayarlar-giris .b-ayarlar-sifre > .h-dugme{right:8px}
.b-ayarlar-giris :is([data-k="gir"],[data-k="ilk-gir"]){--yuk:48px;margin-top:var(--b-1);border-radius:var(--ay-r-girdi);font-size:var(--t-14);font-weight:var(--a-orta)}
.b-ayarlar-giris-olgu{color:var(--metin-3)}
.b-ayarlar-giris-olgu > .h-ik{color:var(--metin-3)}
.b-ayarlar-giris-kilit{flex-direction:row;align-items:center;gap:var(--b-3);padding:12px 14px;border-radius:var(--ay-r-satir);background:rgba(var(--amber-r),.06);box-shadow:inset 0 0 0 1px rgba(var(--amber-r),.45)}
.b-ayarlar-kilit-metin{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.b-ayarlar-kilit-ik{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;color:var(--dikkat);background:rgba(var(--amber-r),.1);box-shadow:inset 0 0 0 1px rgba(var(--amber-r),.35)}
.b-ayarlar-kilit-ik > .b-ayarlar-kilit-svg{width:18px;height:18px}
.b-ayarlar-geri-sayim.h-rakam{font-size:var(--t-14);text-shadow:none}
.b-ayarlar-adim-rk{font-size:var(--t-14);line-height:var(--sy-14)}
.b-ayarlar-adim-rk.h-rakam{text-shadow:none}
.b-ayarlar-giris-alt{display:flex;align-items:center;gap:10px;font-size:var(--t-11);line-height:var(--sy-11);font-weight:var(--a-orta);letter-spacing:.2em;text-transform:uppercase;color:var(--metin-3);white-space:nowrap}
.b-ayarlar-giris-alt > span{display:inline-flex;align-items:center;gap:10px}
.b-ayarlar-giris-alt > span + span::before{content:"·"}
.b-ayarlar-giris-nokta{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--marka);box-shadow:0 0 10px rgba(var(--yesil-r),.7)}
@container b-ayarlar-giris (max-width:860px){
  .b-ayarlar-giris-kart{padding:var(--b-6) var(--b-5) var(--b-5)}
  .b-ayarlar-giris-marka.h-baslik-holo{font-size:var(--t-20);line-height:var(--sy-20)}
  .b-ayarlar-giris-alt{flex-wrap:wrap;white-space:normal;row-gap:var(--b-1)}
}

/* ---------- 12.7 kurulum = canlı /kurulum dili: marka satırı, 36 px adım daireleri, büyük başlık, kart yüzeyleri ---------- */
.b-ayarlar-kur-ray{gap:var(--b-4);background:var(--yuzey-1);box-shadow:inset -1px 0 0 rgba(var(--metin-r),.07)}
.b-ayarlar-kur-marka{display:flex;align-items:center;gap:var(--b-2);margin:0}
.b-ayarlar-kur-marka > .h-baslik-holo{font-size:var(--t-16);line-height:var(--sy-16);font-weight:var(--a-marka);letter-spacing:.08em}
.b-ayarlar-kur-marka > .h-baslik-holo b{font-weight:var(--a-marka);letter-spacing:.08em}
.b-ayarlar-kur-ray > .h-et{margin:var(--b-2) 0 calc(var(--b-1) * -1)}
.b-ayarlar-adim{min-height:60px;border-radius:var(--ay-r-satir)}
.b-ayarlar-adim[aria-current]{background:none}
.b-ayarlar-adim-sekil{width:36px;height:36px;font-size:var(--t-13);color:var(--metin-3);background:rgba(var(--metin-r),.03);box-shadow:inset 0 0 0 1px rgba(var(--metin-r),.14)}
.b-ayarlar-adim-li[data-d="tamam"] .b-ayarlar-adim-sekil{color:var(--marka);background:rgba(var(--yesil-r),.1);box-shadow:inset 0 0 0 1.5px var(--marka)}
.b-ayarlar-adim-li[data-d="simdi"] .b-ayarlar-adim-sekil{color:var(--marka-yazi);background:var(--dolgu-marka);box-shadow:0 0 0 4px rgba(var(--yesil-r),.14),0 8px 22px -8px var(--marka)}
.b-ayarlar-adim-li::before{left:25px;top:50px;height:20px;background:rgba(var(--metin-r),.12)}
.b-ayarlar-adim-li[data-d="tamam"]::before{background:var(--marka)}
.b-ayarlar-adim-metin b{font-weight:var(--a-kalin)}
.b-ayarlar-adim-metin span{color:var(--metin-3)}
.b-ayarlar-kur-adimno{font-family:var(--mono);letter-spacing:.2em;color:var(--marka)}
.b-ayarlar .b-ayarlar-kur-baslik{font-size:var(--t-34);line-height:var(--sy-34);font-weight:var(--a-marka);letter-spacing:-.025em}
.b-ayarlar .b-ayarlar-ad-giris > .h-girdi{height:64px;padding-left:var(--b-5);border-radius:var(--ay-r-kart);font-size:var(--t-28);font-weight:var(--a-marka);letter-spacing:-.02em;
  background:linear-gradient(160deg,rgba(var(--yesil-r),.06),rgba(var(--metin-r),.02))}
.b-ayarlar-sayac-yazi{font-family:var(--mono)}
.b-ayarlar-kurulum .b-ayarlar-oneri > .h-cip{--ton:var(--metin-1);--zem:rgba(var(--metin-r),.05);--cer:rgba(var(--metin-r),.1);height:36px;padding:0 14px;font-size:var(--t-13);font-weight:var(--a-orta)}
.b-ayarlar-kurulum .b-ayarlar-oneri > .h-cip:hover{--ton:var(--metin-1);--zem:rgba(var(--metin-r),.08);--cer:rgba(var(--metin-r),.2);box-shadow:inset 0 0 0 1px var(--cer)}
.b-ayarlar-kurulum .b-ayarlar-oneri > .h-cip[aria-pressed="true"]{--ton:var(--marka-yazi);color:var(--marka-yazi);--cer:transparent;background:var(--dolgu-marka);box-shadow:0 8px 22px -10px var(--marka)}
.b-ayarlar-kur-onizleme{border-radius:var(--ay-r-kart);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
/* ana renk = canlı .ay2-renk: parlayan küre top, seçilende 1,12 ölçek + halka; önizleme küresi seçimi gösterir */
.b-ayarlar-arenkler{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}
.b-ayarlar-arenk{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--b-2);padding:12px 4px;border-radius:var(--ay-r-oge);border:1px solid transparent;cursor:pointer;
  font-size:var(--t-12);line-height:var(--sy-12);font-weight:var(--a-orta);color:var(--metin-3);
  transition:transform var(--dur-4) var(--ease-projeksiyon),background-color var(--dur-3) var(--ease-standard),color var(--dur-3) var(--ease-standard),border-color var(--dur-3) var(--ease-standard)}
.b-ayarlar-arenk:hover{background:rgba(var(--metin-r),.04);transform:translateY(calc(-2px * var(--m)))}
.b-ayarlar-arenk.secili{color:var(--metin-1);border-color:rgba(var(--metin-r),.12);background:rgba(var(--metin-r),.03)}
.b-ayarlar-arenk:has(:focus-visible){outline:2px solid var(--marka);outline-offset:2px}
.b-ayarlar-arenk-top{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 34% 30%,white 0,var(--c) 36%,color-mix(in srgb,var(--c) 55%,black) 100%);
  box-shadow:0 0 20px -2px color-mix(in srgb,var(--c) 70%,transparent);transition:transform var(--dur-5) var(--yay-canli)}
.b-ayarlar-arenk.secili .b-ayarlar-arenk-top{transform:scale(calc(1 + .12 * var(--m)));box-shadow:0 0 0 3px var(--zemin),0 0 0 5px var(--c),0 0 26px var(--c)}
.b-ayarlar-arenk-girdi{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.b-ayarlar-arenk-nokta{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:-1px;background:var(--kur-renk,var(--marka));box-shadow:0 0 8px var(--kur-renk,var(--marka))}
.b-ayarlar-kur-kure,.b-ayarlar-kur-rozet{filter:hue-rotate(var(--kur-ton,0deg)) saturate(var(--kur-doy,1));transition:filter var(--dur-5) var(--ease-standard)}
.b-ayarlar-kur-onizleme{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kur-renk,var(--marka)) 22%,transparent),0 30px 60px -44px var(--kur-renk,var(--marka))}
.b-ayarlar-kur-ad{font-size:var(--t-20);line-height:var(--sy-20);font-weight:var(--a-kalin);letter-spacing:.3em;margin-right:-.3em;color:var(--metin-1)}
.b-ayarlar-kur-alt{box-shadow:none;border-top-color:rgba(var(--metin-r),.07)}

/* ---------- 12.8 levhalar: sade ve okunur (cam, doku ve ışık yok) ---------- */
.b-ayarlar-kiyas-oge{border-radius:var(--ay-r-satir);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-kiyas-oge:hover{box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.4)}
.b-ayarlar-kiyas-liste b{font-family:var(--mono);color:var(--marka)}
.b-ayarlar-fl-form{padding:0;background:none;box-shadow:none}
.b-ayarlar-mini-pencere{border-radius:var(--ay-r-kart);background:linear-gradient(160deg,var(--yuzey-2),var(--zemin-2));box-shadow:inset 0 0 0 1px rgba(var(--yesil-r),.22)}
.b-ayarlar-mini-pencere > .h-form{padding:var(--b-3)}
.b-ayarlar-mini-pencere .b-ayarlar-alt-yuva > .h-tepsi{padding:var(--b-2) var(--b-3)}
.b-ayarlar-mini-bas{box-shadow:inset 0 -1px 0 rgba(var(--metin-r),.07)}
.b-ayarlar-lv-liste,.b-ayarlar-brozet{border-radius:var(--ay-r-satir);background:var(--ay-kart-zemin);box-shadow:inset 0 0 0 1px var(--ay-kenar)}
.b-ayarlar-cron{color:var(--metin-1)}

/* ---------- 12.9 dar kap (telefon) ---------- */
@container b-ayarlar-sahne (max-width:1180px){
  .b-ayarlar-yanzemin{width:232px}
}
@container b-ayarlar-sahne (max-width:860px){
  .b-ayarlar-yanzemin,.b-ayarlar-kose,.b-ayarlar-ray-isik{display:none}
  .b-ayarlar-cerceve{border-radius:0;box-shadow:none;background:var(--zemin)}
  .b-ayarlar-govde{border-radius:0}
  .b-ayarlar-ray{padding:0 var(--b-4) var(--b-2)}
  .b-ayarlar-kat{gap:var(--b-1)}
  .b-ayarlar-kat-oge{gap:var(--b-1);min-height:64px;padding:var(--b-1);border-radius:var(--ay-r-satir);font-size:var(--t-12);line-height:var(--sy-12);font-weight:var(--a-orta)}
  .b-ayarlar-kat-oge:hover{transform:none}
  .b-ayarlar-kat-oge[aria-current]{background:color-mix(in srgb,var(--kr) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr) 30%,transparent)}
  .b-ayarlar-kat-oge[aria-current]::before{background:var(--kr);box-shadow:0 0 8px var(--kr)}
  .b-ayarlar-kat-ik{width:30px;height:30px;border-radius:10px}
  .b-ayarlar-kat-ik > .h-ik{width:16px;height:16px}
  .b-ayarlar-kat-oge[aria-current] .b-ayarlar-kat-ik{box-shadow:0 6px 16px -8px var(--kr)}
  .b-ayarlar-mini-kap{width:36px;height:36px}
  .b-ayarlar-baslik,.b-ayarlar-sahne[data-gorunum="detay"] .b-ayarlar-baslik{font-size:var(--t-20);line-height:var(--sy-20)}
  .b-ayarlar-hub{padding:var(--b-3) var(--b-4) var(--b-8)}
  .b-ayarlar-hik{--hik:40px;border-radius:12px}
  .b-ayarlar-kart{padding:14px 12px 12px 14px;border-radius:var(--ay-r-oge)}
  .b-ayarlar-detay-kaydir{padding:var(--b-3) var(--b-4) var(--b-6)}
  .b-ayarlar .b-ayarlar-alt-yuva > .h-tepsi{border-radius:var(--ay-r-oge) var(--ay-r-oge) 0 0;box-shadow:inset 0 1px 0 rgba(var(--yesil-r),.3),var(--golge-3)}
}
@container b-ayarlar (max-width:480px){
  .b-ayarlar-maske{letter-spacing:.08em}
}
@container b-ayarlar-kur (max-width:720px){
  .b-ayarlar .b-ayarlar-kur-baslik{font-size:var(--t-20);line-height:var(--sy-20)}
  .b-ayarlar .b-ayarlar-ad-giris > .h-girdi{height:56px;font-size:var(--t-20)}
}
@media (max-width:480px){
  .b-ayarlar-yuzey-bas .h-dugme-grup{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:var(--b-1);margin:calc(var(--b-1) * -1);scrollbar-width:none;
    -webkit-mask:linear-gradient(90deg,var(--zemin) 88%,transparent);mask:linear-gradient(90deg,var(--zemin) 88%,transparent)}
  .b-ayarlar-yuzey-bas .h-dugme-grup::-webkit-scrollbar{display:none}
  .b-ayarlar-yuzey-bas .h-dugme-grup > .h-dugme{flex:none}
}

/* ---------- 12.10 kipler: Kapalı ve azaltılmış harekette durağan kare ---------- */
[data-ortam="kapali"] .b-ayarlar-aur,[data-ortam="kapali"] .b-ayarlar-yukleniyor::before,[data-ortam="kapali"] .b-ayarlar-titre,[data-ortam="kapali"] .b-ayarlar-eminim-kilit .b-ayarlar-kilit-kanca{animation:none}
[data-ortam="kapali"] .b-ayarlar-kart,
[data-ortam="kapali"] .b-ayarlar-karo,
[data-ortam="kapali"] .b-ayarlar-kur-dugme,
[data-ortam="kapali"] .b-ayarlar-kat-oge,
[data-ortam="kapali"] .b-ayarlar-alt-oge,
[data-ortam="kapali"] .b-ayarlar-ssatir,
[data-ortam="kapali"] .b-ayarlar-hik,
[data-ortam="kapali"] .b-ayarlar-kat-ik,
[data-ortam="kapali"] .b-ayarlar-geri,
[data-ortam="kapali"] .b-ayarlar-arenk,
[data-ortam="kapali"] .b-ayarlar-arenk-top{transform:none}


/* #####################################################################
   13 · CANLI (12 Ekim 2026) · #ayarpop içine yerleşim, ödünç alınan canlı içerik, canlı şemanın ek denetimleri
   ##################################################################### */
/* pencere: v3 merkezi tam ekran sahnedir (çerçeve 20 px içeride); v2 kabuğu gizli ama yerinde (v3 hata verirse geri gelir) */
#ayarpop > .pop.ay2.v3{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none;overflow:hidden;display:block}
#ayarpop > .pop.v3::before,#ayarpop > .pop.v3::after{display:none}
#ayarpop > .pop.v3 > .ay2-kabuk,#ayarpop > .pop.v3 > .head,#ayarpop > .pop.v3 > .foot{display:none!important}
#ayarpop .b-ayarlar-kok{position:absolute;inset:0;font-family:var(--font);font-size:var(--t-13);line-height:var(--sy-13);font-weight:var(--a-govde);color:var(--metin-1);letter-spacing:normal;text-transform:none;text-align:left}
#ayarpop .b-ayarlar-kok h2.b-ayarlar-baslik{margin:0;font-size:calc(var(--t-20) * 1.2);line-height:30px;font-weight:var(--a-marka)}
#ayarpop .b-ayarlar-kok .b-ayarlar-sahne[data-gorunum="detay"] h2.b-ayarlar-baslik{font-size:var(--t-20);line-height:var(--sy-20)}
@container b-ayarlar-sahne (max-width:860px){ #ayarpop .b-ayarlar-kok h2.b-ayarlar-baslik{font-size:var(--t-20);line-height:var(--sy-20)} }
.b-ayarlar-isaret{background:var(--marka-a20,rgba(70,232,153,.2));color:var(--metin-1);border-radius:3px;padding:0 1px}

/* ödünç alınan canlı içerik (Bağlantılar sekmeleri · kasa / hesap / sağlık): v3 yüzeyinde, kendi düğme ve formlarıyla */
.b-ayarlar-odunc{min-width:0}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc > .govde{flex:none;overflow:visible;padding:0;margin:0;max-height:none}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc .grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc #connUyg{grid-template-columns:minmax(0,1fr)}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc #connUyg > .pc > .top,#ayarpop .b-ayarlar-detay .b-ayarlar-odunc #connUyg .be[data-bek]{display:none}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc #connUyg > .pc{padding:12px 14px}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc #connUyg > .pc > .caps{margin-top:0}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc .pc{border-radius:var(--ay-r-satir);background:rgba(var(--metin-r),.02);border-color:var(--ay-kenar);animation:none}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc .ay-bolum{margin-bottom:var(--b-5)}
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc .ay-bolum > h3{font-size:var(--t-11);letter-spacing:.25em;color:var(--marka)}
.b-ayarlar-odunc-grup > .h-baslik-et + .b-ayarlar-odunc{margin-top:var(--b-2)}

/* hub iskeleti (veri gelene kadar) */
.b-ayarlar-kart[data-iskelet]{pointer-events:none;min-height:112px}
.b-ayarlar-kart[data-iskelet] .b-ayarlar-hik{background:rgba(var(--metin-r),.04);box-shadow:none}
.b-ayarlar-kart[data-iskelet] .b-ayarlar-kart-metin{display:flex;flex-direction:column;gap:8px;flex:1}
.b-ayarlar-kart[data-iskelet] .h-iskelet{display:block;height:12px;border-radius:6px}
.b-ayarlar-kart-durum > .h-iskelet{display:inline-block;width:72px;height:20px;border-radius:10px}
.b-ayarlar-bos > .h-dugme{margin-left:var(--b-2)}
.b-ayarlar-bos > .h-ik{display:inline-block;vertical-align:-2px;margin-right:6px;color:var(--hata-metin)}

/* sistem işi: zaman seçici + açık anahtarı tek satırda */
.b-ayarlar-is-denetim{display:inline-flex;align-items:center;gap:var(--b-3);flex-wrap:wrap;justify-content:flex-end}
.b-ayarlar-cron-girdi{width:170px;font-size:var(--t-12)}

/* eylem yetkileri: eylem başına seviye (canlı Modül 7a kataloğu) */
.b-ayarlar-yetki{display:flex;flex-direction:column;gap:var(--b-5);width:100%}
.b-ayarlar-yetki-grup{display:flex;flex-direction:column}
.b-ayarlar-yetki-grup > .h-et{margin-bottom:var(--b-1)}
.b-ayarlar-yetki-satir{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);min-height:44px;padding:4px 0;border-top:1px solid var(--cizgi-1)}
.b-ayarlar-yetki-satir:first-of-type{border-top:0}
.b-ayarlar-yetki-ad{display:inline-flex;align-items:center;gap:var(--b-2);min-width:0;font-size:var(--t-13);line-height:var(--sy-13);color:var(--metin-1)}
.b-ayarlar-yetki-satir[data-degisti] .b-ayarlar-yetki-ad::after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--marka);box-shadow:0 0 6px var(--marka)}
.b-ayarlar-yetki .h-segment{flex:none}
.b-ayarlar-yetki .h-segment > button{font-size:var(--t-12)}
@container b-ayarlar-sahne (max-width:860px){ .b-ayarlar-yetki-satir{flex-direction:column;align-items:stretch;padding:var(--b-2) 0} .b-ayarlar-yetki .h-segment{overflow-x:auto;scrollbar-width:none} }

/* cümle listeleri (ara cümleler, izinli göndericiler): her öğe tek satır */
.b-ayarlar-cipler-cumle{flex-direction:column;align-items:stretch;gap:6px}
.b-ayarlar-cipler-cumle > .b-ayarlar-cip{height:auto;min-height:30px;padding:5px 4px 5px 12px;justify-content:space-between;white-space:normal;text-align:left;line-height:var(--sy-12)}
.b-ayarlar-cipler-cumle > .b-ayarlar-cip-girdi{width:100%}

/* yedek zinciri: zincirde olmayan model sönük */
.b-ayarlar-sirali-oge[data-kapali]{opacity:.55}
.b-ayarlar-sirali-oge[data-kapali] .b-ayarlar-sira{color:var(--metin-3)}
.b-ayarlar-sirali-eylem > .h-anahtar{margin-right:var(--b-2)}

/* kalıp sınaması (sunucu 409): etkilenen cümleler */
.b-ayarlar-sinama{flex-wrap:wrap}
.b-ayarlar-sinama-liste{flex-basis:100%;display:flex;flex-direction:column;gap:2px;font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-sinama-liste em{font-style:normal;color:var(--dikkat-metin,var(--dikkat))}

/* okunuş sözlüğü: yerleşik liste */
.b-ayarlar-yerlesik{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px var(--b-4);margin-top:var(--b-2);font-size:var(--t-12);line-height:var(--sy-12);color:var(--metin-2)}
.b-ayarlar-yerlesik > li{display:flex;align-items:center;gap:6px;min-width:0}
.b-ayarlar-yerlesik b{font-weight:var(--a-orta);color:var(--metin-1)}

/* yan geçmiş: geri al düğmesi ve satır içi eminim */
.b-ayarlar-gecmis > li > [data-gerial-kayit]{grid-column:2;grid-row:2;justify-self:end;align-self:center}
.b-ayarlar-gecmis-ek{grid-column:1 / -1}
.b-ayarlar-gecmis-ek:empty{display:none}
.b-ayarlar-gecmis-ek .b-ayarlar-eminim{margin-top:var(--b-2)}

/* görünüm karoları ve ana renk satırı */
.b-ayarlar-satir .b-ayarlar-arenkler{width:100%}
.b-ayarlar-sonuc[data-ton="basari"]{color:var(--marka)}
.b-ayarlar .h-baslik-et > .h-ipucu-dugme{margin-left:var(--b-2);vertical-align:1px}
/* çip içeriği kullanıcı değeri (kelime, cümle, kimlik): büyük harfe çevrilmez */
.b-ayarlar .b-ayarlar-cip{text-transform:none;letter-spacing:0;font-weight:var(--a-orta);color:var(--metin-1)}
/* ödünç alınan canlı içerikte okunan metin 11 px altına inmez (canlı sekmelerin 8,5–10,5 px etiketleri) */
#ayarpop .b-ayarlar-detay .b-ayarlar-odunc :is(.pk,.tabs button,.pc .tx span,.dur,.cap,.tgf button,.tgf .not,.be button,.be-not,.be-kota div,.be-liste,.kp-s small,.kp-s .chip,.kp-d button,.kp-ust button,.kp-pr .bas,.hint,
  .sg-kpi small,.sg-kpi i,.sg-s small,.ay-yr i,.ay-ozel,.ay-cip,.ay-meta,.ay-form label,.ay-k small,.ad-satir small,.ad-dis td small){font-size:11px!important}

/* 13 Eki (entegrasyon): Ayarlar dışı eminim şeridi (V3Ayarlar.eminimSerit · Bağlayıcılar "her zaman onay" / onaysız çalıştır).
   Satırın tamamını kaplar; özet uzun bir cümle olduğu için düz yazıyla (renk ve kalınlık aynı) */
.v3a-serit{grid-column:1/-1;min-width:0;margin:var(--b-1) 0}
.v3a-serit .b-ayarlar-eminim-fark{flex:1 1 260px;min-width:0;font-family:var(--font)}