/* ayarlar-yeni.css — 12.08.2026 Tercihler v2 + profil menüsü v2 (Fatih isteği)
 * Kapatma: #/settings?ayarlar=eski → eski görünüm (ayarlar-yeni.js bayrağı).
 * Yalnız YENİ sınıflar; mevcut sınıflara dokunulmaz. Renkler mevcut CSS değişkenlerinden. */

/* === Profil menüsü v2 === */
.sidebar-user-menu.v2 { padding: 0; overflow: hidden; }
.sidebar-user-menu.v2 .um-head {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 12px 10px;
  background: linear-gradient(135deg, var(--primary, #681620), #8a2433);
}
.sidebar-user-menu.v2 .um-avatar {
  width: 38px; height: 38px; border-radius: 50%; flex: 0 0 auto;
  background: rgba(255,255,255,.16); border: 1.5px solid rgba(255,255,255,.45);
  color: #fff; font-weight: 800; font-size: 16px;
  display: flex; align-items: center; justify-content: center;
}
.sidebar-user-menu.v2 .um-name { color: #fff; font-weight: 700; font-size: 14px; line-height: 1.2; }
.sidebar-user-menu.v2 .um-role { color: rgba(255,255,255,.75); font-size: 11px; margin-top: 2px; }
.sidebar-user-menu.v2 .um-grup { padding: 4px; }
.sidebar-user-menu.v2 .menu-label { padding: 6px 10px 2px; }
.sidebar-user-menu.v2 .menu-sep { margin: 2px 6px; }

/* === Tercihler v2 === */
.ayarlar-v2 { display: flex; flex-direction: column; gap: 14px; max-width: 980px; }
.ayarlar-v2 .av-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.ayarlar-v2 .av-kart {
  background: var(--surface, #fff); border: 1px solid var(--border, #e5e7eb);
  border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;
}
.ayarlar-v2 .av-kart-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ayarlar-v2 .av-kart-bas h3 { margin: 0; font-size: 14.5px; font-weight: 700; display: flex; align-items: center; gap: 7px; }
.ayarlar-v2 .av-alt { font-size: 12px; color: var(--text-tertiary, #8a8f98); line-height: 1.45; }
.ayarlar-v2 .av-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 30px; }
.ayarlar-v2 .av-satir .etiket { font-size: 13px; color: var(--text, #1d1d1f); }

/* anahtar (toggle) */
.ayarlar-v2 .av-anahtar { position: relative; width: 40px; height: 22px; flex: 0 0 auto; cursor: pointer; }
.ayarlar-v2 .av-anahtar input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.ayarlar-v2 .av-anahtar .iz {
  position: absolute; inset: 0; border-radius: 999px;
  background: var(--border, #d9dde3); transition: background .15s;
}
.ayarlar-v2 .av-anahtar .top {
  position: absolute; top: 2.5px; left: 3px; width: 17px; height: 17px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s;
}
.ayarlar-v2 .av-anahtar input:checked + .iz { background: var(--success, #16a34a); }
.ayarlar-v2 .av-anahtar input:checked + .iz + .top { transform: translateX(17px); }
.ayarlar-v2 .av-anahtar input:focus-visible + .iz { outline: 2px solid var(--primary, #681620); outline-offset: 2px; }

/* sayı + saat girişleri */
.ayarlar-v2 input[type="number"], .ayarlar-v2 input[type="time"] {
  width: 92px; padding: 6px 8px; border: 1px solid var(--border, #d9dde3); border-radius: 8px;
  font: inherit; font-size: 13px; background: var(--surface, #fff); color: var(--text, #1d1d1f);
}
.ayarlar-v2 .cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.ayarlar-v2 .cip {
  font-size: 11.5px; padding: 3px 9px; border-radius: 999px;
  background: var(--primary-soft, #f6e8ea); color: var(--primary, #681620); font-weight: 600;
}

/* kaydet çubuğu */
.ayarlar-v2 .av-kaydet {
  position: sticky; bottom: 10px; z-index: 20; display: none;
  align-items: center; gap: 12px; padding: 10px 16px;
  background: var(--surface, #fff); border: 1px solid var(--primary, #681620);
  border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,.14);
}
.ayarlar-v2 .av-kaydet.acik { display: flex; }
.ayarlar-v2 .av-kaydet .mesaj { font-size: 13px; color: var(--text, #1d1d1f); flex: 1; }

/* agent kısayol ızgarası */
.ayarlar-v2 .ai-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 10px; }
.ayarlar-v2 .ai-kart {
  display: flex; gap: 10px; align-items: flex-start; text-decoration: none;
  background: var(--surface, #fff); border: 1px solid var(--border, #e5e7eb);
  border-radius: 12px; padding: 11px 13px; transition: border-color .12s, transform .12s;
}
.ayarlar-v2 .ai-kart:hover { border-color: var(--primary, #681620); transform: translateY(-1px); }
.ayarlar-v2 .ai-kart .ikon { font-size: 19px; line-height: 1; margin-top: 1px; }
.ayarlar-v2 .ai-kart .ad { font-size: 13px; font-weight: 700; color: var(--text, #1d1d1f); }
.ayarlar-v2 .ai-kart .aciklama { font-size: 11.5px; color: var(--text-tertiary, #8a8f98); margin-top: 2px; line-height: 1.35; }

/* onay kademeleri */
.ayarlar-v2 .kademe { border-left: 3px solid var(--border, #e5e7eb); padding: 6px 12px; }
.ayarlar-v2 .kademe.k-low { border-color: var(--success, #16a34a); }
.ayarlar-v2 .kademe.k-medium { border-color: var(--warning, #ea580c); }
.ayarlar-v2 .kademe.k-high, .ayarlar-v2 .kademe.k-critical { border-color: var(--danger, #dc2626); }
.ayarlar-v2 .kademe .kad-ad { font-weight: 700; font-size: 13px; }
.ayarlar-v2 .kademe .kad-tanim { font-size: 12px; color: var(--text-tertiary, #8a8f98); margin: 2px 0 4px; }
.ayarlar-v2 .kademe ul { margin: 0; padding-left: 16px; font-size: 12px; color: var(--text, #444); }
.ayarlar-v2 .rozet {
  font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px;
}
.ayarlar-v2 .rozet.aktif { background: #dcfce7; color: #166534; }
.ayarlar-v2 .rozet.pasif { background: var(--border, #eee); color: var(--text-tertiary, #777); }

/* hesap kartı */
.ayarlar-v2 .hesap-bas { display: flex; align-items: center; gap: 12px; }
.ayarlar-v2 .hesap-avatar {
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--primary, #681620); color: var(--text-inverse, #fff); font-weight: 800; font-size: 19px;
  display: flex; align-items: center; justify-content: center;
}
.ayarlar-v2 .btn-cikis { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 var(--space-4, 16px); background: transparent; border: 1px solid var(--danger, #dc2626); color: var(--danger, #dc2626); border-radius: var(--radius, 9px); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: all var(--transition, .15s ease); }
.ayarlar-v2 .btn-cikis:hover { background: var(--danger-soft, #fee2e2); }
.ayarlar-v2 .btn-cikis:focus-visible { outline: 2px solid var(--border-focus, #681620); outline-offset: 2px; }

@media (max-width: 560px) {
  .ayarlar-v2 .av-grid, .ayarlar-v2 .ai-grid { grid-template-columns: 1fr; }
}

/* push paneli yalnız Bildirimler sekmesindeki yuvasında görünür — üstte yetim kopya her durumda gizli
   (push-client kendi panelini bizim çizimden SONRA ekliyor; JS ile yakalamak yarışlı, CSS kesin) */
#main > #push-panel { display: none !important; }
#push-slot #push-panel { display: block !important; margin-top: 4px !important; }

/* 12.08 gece rev: popup GENİŞ + ALÇAK (Fatih: "yüksekliği azalt genişliği arttır") */
.sidebar-user-menu.v2 { width: 316px; left: 8px; right: auto; max-width: calc(100vw - 24px); }
.sidebar-user-menu.v2 .um-head { padding: 10px 12px 9px; }
.sidebar-user-menu.v2 .um-kolonlar { display: grid; grid-template-columns: 1fr 1fr; gap: 0 4px; padding: 4px 4px 0; align-items: start; }
.sidebar-user-menu.v2 .um-kol { min-width: 0; }
.sidebar-user-menu.v2 .um-kol a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 8px; }
.sidebar-user-menu.v2 #logout-btn { margin: 0 4px 4px; width: calc(100% - 8px); justify-content: center; }

/* rev2: kenar çubuğu pencereyi kırpıyordu → fixed konum (kırpılamaz) */
.sidebar-user-menu.v2 { position: fixed; left: 10px; right: auto; bottom: 62px; width: 316px; max-width: calc(100vw - 20px); }

/* rev3: Fatih istegi — menu ogeleri TEK SUTUN alt alta (pencere biraz uzar), genislik korunur */
.sidebar-user-menu.v2 .um-kolonlar { grid-template-columns: 1fr; }
.sidebar-user-menu.v2 .um-kol a { padding: 8px 10px; }

/* rev4: genislik tek-sutuna gore optimize + profil fotografi buyudu */
.sidebar-user-menu.v2 { width: 268px; }
.sidebar-user-menu.v2 .um-head { padding: 12px 14px; gap: 12px; }
.sidebar-user-menu.v2 .um-avatar { width: 54px; height: 54px; font-size: 21px; border-width: 2px; }
.sidebar-user-menu.v2 .um-name { font-size: 15.5px; }
.sidebar-user-menu.v2 .um-role { font-size: 11.5px; }
/* rev4b: rol satiri tek satirda sigsin */
.sidebar-user-menu.v2 { width: 284px; }
.sidebar-user-menu.v2 .um-info { min-width: 0; }
.sidebar-user-menu.v2 .um-role { white-space: nowrap; }
/* rev4c: KPI kartlari fixed pencerenin ustune biniyordu — katman onceligi */
.sidebar-user-menu.v2 { z-index: 1500; }
/* rev4d: #sidebar sticky = kendi katman baglami (Chrome) -> popup iceride hapisti.
   Sidebar'a z-index vererek TUM baglami ana icerigin ustune aliyoruz (grid'de gorsel cakisma yok). */
#sidebar { z-index: 60; }
/* rev4d-mobil (14.08.2026): USTTEKI kural media query'siz oldugu icin app-shell.css:156'daki
   @media(max-width:900px){#sidebar{z-index:200}} kuralini da eziyordu -- @media ozgulluk
   EKLEMEZ, sonra yuklenen dosya kazanir (ayarlar-yeni.css index:33 > app-shell.css index:14).
   Sonuc mobilde: karartma perdesi body.sidebar-open::before (z:199) cekmecenin USTUNDE kaliyor,
   mobile.css:30 pointer-events:auto oldugu icin her dokunus body'ye gidiyor, app.js:186'daki
   sb.contains(e.target) false donuyor ve drawer kapaniyor -> "butonlar basmiyor".
   Masaustu davranisi (yukaridaki z-index:60, rev4d) AYNEN korunur; yalniz mobil geri alinir.
   Kirilma noktasi app-shell.css ile AYNI: 900px. */
@media (max-width: 900px) { #sidebar { z-index: 200; } }


/* rev6: genislik -%15 (242px), foto +%70 (92px), isim+rol fotonun ALTINDA ortali */
.sidebar-user-menu.v2 { width: 242px; }
.sidebar-user-menu.v2 .um-head { flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 16px 12px 13px; }
.sidebar-user-menu.v2 .um-avatar { width: 92px; height: 92px; font-size: 34px; }
.sidebar-user-menu.v2 .um-info { min-width: 0; display: flex; flex-direction: column; align-items: center; }
.sidebar-user-menu.v2 .um-role { white-space: normal; }
/* rev6b: sol alt tiklama alanindaki kucuk foto da buyudu (26 -> 36px) */
.sidebar-avatar { width: 36px !important; height: 36px !important; font-size: 14px !important; }
/* rev7: uzun menu guvenligi — kucuk ekranda tasarsa kayar */
.sidebar-user-menu.v2 { max-height: calc(100vh - 80px); overflow-y: auto; }

/* rev8: token kullanimi grafigi */
.tk-usd { font-size: 11px; color: var(--text-tertiary, #8a8f98); font-weight: 500; }
.tk-grafik { display: flex; align-items: flex-end; gap: 6px; padding: 8px 2px 0; overflow-x: auto; }
.tk-gun { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 26px; }
.tk-bar { display: flex; flex-direction: column-reverse; width: 18px; min-height: 92px; justify-content: flex-start; }
.tk-bar span { display: block; width: 100%; border-radius: 3px 3px 0 0; min-height: 1px; }
.tk-tarih { font-size: 10px; color: var(--text-tertiary, #8a8f98); }

/* rev9: token sayfasi bilinçli yerlesim — 3'lu izgara, esit tablolar, sayilar sagda */
.tk-sayfa { max-width: 1120px; }
.tk-duzen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: stretch; }
.tk-duzen .av-kart { min-width: 0; }
.tk-tablolar { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.tk-tablolar .av-kart { min-width: 0; }
.tk-say { text-align: right; white-space: nowrap; }
@media (max-width: 980px) { .tk-duzen { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .tk-duzen, .tk-tablolar { grid-template-columns: 1fr; } }

/* rev10: token profesyonel kart anatomisi (dataviz standardi) */
.tk-kaynak { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.tk-kart { display: flex; flex-direction: column; gap: 7px; min-height: 148px; }
.tk-eyebrow { font-size: 10.5px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase;
  color: var(--text-tertiary, #8a8f98); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tk-hero { font-size: 26px; font-weight: 800; letter-spacing: -.4px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.tk-hero .tk-usd { font-size: 12px; font-weight: 600; }
.tk-delta { font-size: 12px; font-weight: 600; }
.tk-delta.up { color: var(--warning, #ea580c); }
.tk-delta.down { color: var(--success, #16a34a); }
.tk-delta.flat { color: var(--text-tertiary, #8a8f98); font-weight: 500; }
.tk-split { display: flex; gap: 2px; height: 6px; border-radius: 99px; overflow: hidden; margin: 2px 0; }
.tk-split span:first-child { background: #2563eb; border-radius: 99px 0 0 99px; }
.tk-split span:last-child { background: #ea580c; border-radius: 0 99px 99px 0; }
.tk-prov { display: flex; align-items: baseline; gap: 7px; font-size: 12.5px; }
.tk-prov span { color: var(--text, #333); }
.tk-prov b { margin-left: auto; font-variant-numeric: tabular-nums; }
.tk-prov em { font-style: normal; color: var(--text-tertiary, #8a8f98); font-size: 11px; min-width: 58px; text-align: right; font-variant-numeric: tabular-nums; }
.tk-nokta { width: 9px; height: 9px; border-radius: 50%; display: inline-block; flex: 0 0 auto; align-self: center; }
.tk-nokta.g { background: #2563eb; } .tk-nokta.a { background: #ea580c; }
.tk-nokta.ok { background: var(--success, #16a34a); } .tk-nokta.kotu { background: var(--danger, #dc2626); }
.tk-lejant { display: inline-flex; gap: 6px; align-items: center; font-size: 10.5px; text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--text-tertiary, #8a8f98); }
.tk-plan-satir { display: flex; align-items: center; gap: 10px; font-size: 12.5px; }
.tk-plan-satir b { font-variant-numeric: tabular-nums; min-width: 38px; text-align: right; }
.tk-plan-satir > span:first-child { min-width: 58px; }
.tk-plan-bar { flex: 1; background: var(--border, #eee); border-radius: 99px; height: 8px; overflow: hidden; }
.tk-plan-bar span { display: block; height: 100%; border-radius: 99px; }
.tk-tablo td, .tk-tablo th { vertical-align: middle; }
.tk-tablo .tk-nokta { margin-right: 6px; }
.tk-pay { min-width: 84px; }
.tk-paybar { display: inline-block; width: 44px; background: var(--border, #eee); border-radius: 99px; height: 6px; overflow: hidden; vertical-align: middle; margin-right: 5px; }
.tk-paybar span { display: block; height: 100%; background: var(--primary, #681620); border-radius: 99px; }
.tk-pay em { font-style: normal; font-size: 11px; color: var(--text-tertiary, #8a8f98); font-variant-numeric: tabular-nums; }

/* 13.08 Fatih: rulo/barkod sayaci gostergeleri kaldirildi (sayma kapali) */
.ot-rulo { display: none !important; }

/* ── 13.08 gece: Bildirimler TEK PENCERE + rutin zamanlama ── */
.ayarlar-v2 .av-tek { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
.ayarlar-v2 .av-rutin-bolum { border-top: 3px solid var(--primary, #681620); border-radius: 4px 4px 0 0; padding-top: 10px; margin-top: 6px; }
.ayarlar-v2 .av-rutin-bas h3 { margin: 0 0 2px; font-size: 15.5px; font-weight: 800; }
.ayarlar-v2 .av-rutin-kart { margin-top: 10px; }
.ayarlar-v2 .av-rutin-satirlar { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.ayarlar-v2 .av-rutin-satir { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ayarlar-v2 .av-rutin-satir select, .ayarlar-v2 .av-rutin-satir input[type="time"] {
  height: 34px; padding: 0 10px; border: 1px solid var(--border, #e8e2de); border-radius: 9px;
  font: inherit; font-size: 13px; background: var(--surface, #fff); color: inherit; }
.ayarlar-v2 .av-rutin-satir select:focus-visible, .ayarlar-v2 .av-rutin-satir input:focus-visible {
  outline: 2px solid var(--primary, #681620); outline-offset: 1px; }
.ayarlar-v2 .rz-sil { border: 1px solid var(--border, #e8e2de); background: transparent; border-radius: 8px;
  width: 30px; height: 30px; cursor: pointer; color: #8a807b; font-size: 13px; }
.ayarlar-v2 .rz-sil:hover { color: #b3261e; border-color: #b3261e; }
.ayarlar-v2 .av-rutin-alt { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.ayarlar-v2 .av-rutin-alt .rz-durum { font-size: 12px; font-weight: 700; color: #5c534f; margin-left: auto; }
.ayarlar-v2 .rz-ekle { font-size: 12.5px; }

/* ── 13.08 gece-2: Bildirimler KOMPAKT — iki sütun, tek ekran, minimum boşluk ── */
.ayarlar-v2 .av-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 1150px; align-items: start; }
.ayarlar-v2 .av-duo .av-kol { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ayarlar-v2 .av-duo .av-kart { padding: 7px 10px; border-radius: 9px; margin: 0; }
.ayarlar-v2 .av-duo .av-kart-bas { margin: 0 0 2px; }
.ayarlar-v2 .av-duo .av-kart-bas h3 { font-size: 14px; margin: 0; }
.ayarlar-v2 .av-duo .av-satir { padding: 2px 0; min-height: 26px; font-size: 13px; }
.ayarlar-v2 .av-duo .av-satir .etiket { font-size: 13px; }
.ayarlar-v2 .av-duo .av-satir input[type="number"], .ayarlar-v2 .av-duo .av-satir input[type="time"] {
  height: 26px; padding: 0 7px; font-size: 12px; width: 88px; }
.ayarlar-v2 .av-duo .av-anahtar { transform: scale(.82); transform-origin: right center; }
.ayarlar-v2 .av-duo .cipler { margin-top: 2px; }
.ayarlar-v2 .av-duo .cip { font-size: 11px; padding: 2px 6px; }
.ayarlar-v2 .av-duo .av-alt { font-size: 12px; margin-top: 2px; line-height: 1.45; }
.ayarlar-v2 .av-mini-not { opacity: .8; padding: 0 2px; }

.ayarlar-v2 .av-duo .av-rutin-bolum { border-top: none; padding-top: 0; margin-top: 0; }
.ayarlar-v2 .av-duo .av-rutin-bas { border-left: 3px solid var(--primary, #681620); padding: 2px 0 2px 8px; margin-bottom: 2px; }
.ayarlar-v2 .av-duo .av-rutin-bas h3 { font-size: 14px; margin: 0; }
.ayarlar-v2 .av-duo .av-rutin-kart { margin: 0; }
.ayarlar-v2 .av-rutin-ust { display: flex; align-items: center; gap: 6px; }
.ayarlar-v2 .av-rutin-ust .rz-ad { font-size: 13px; font-weight: 800; flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ayarlar-v2 .av-rutin-ust .rz-durum { margin-left: 0; font-size: 11px; white-space: nowrap; }
.ayarlar-v2 .rz-ekle { border: 1px solid var(--border, #e8e2de); background: transparent; border-radius: 7px;
  width: 24px; height: 24px; line-height: 1; cursor: pointer; color: #8a807b; font-size: 13px; font-weight: 700; padding: 0; }
.ayarlar-v2 .rz-ekle:hover { color: var(--primary, #681620); border-color: var(--primary, #681620); }
.ayarlar-v2 .av-duo .rz-kaydet { height: 24px; padding: 0 9px; font-size: 12px; border-radius: 7px; }
.ayarlar-v2 .av-duo .av-rutin-satirlar { gap: 4px; margin-top: 4px; }
.ayarlar-v2 .av-duo .av-rutin-satir { gap: 5px; flex-wrap: nowrap; }
.ayarlar-v2 .av-duo .av-rutin-satir select, .ayarlar-v2 .av-duo .av-rutin-satir input[type="time"] {
  height: 26px; padding: 0 6px; font-size: 12px; border-radius: 7px; min-width: 0; width: auto; }
.ayarlar-v2 .av-duo .rz-sil { width: 22px; height: 22px; font-size: 11px; border-radius: 6px; }

/* 26.08 (ARGE/20-dashboard-tasarim) — TEK KOLONA DUSUNCE KUCULTMEYI GERI AL.
   Olculdu: bu blok eskiden YALNIZ grid-template-columns'u degistiriyordu. Iki kolona
   sigdirmak icin konan kucultme kurallari (cip 9,5px · av-alt 10,5px · av-satir 12px/24px ·
   anahtar scale(.82)=32,8x18px · rz-sil 22x22px · rz-kaydet h24px · rutin satir nowrap)
   tek kolona dusuldukten SONRA da geciyordu. Telefonda yer bol; panelin KENDI olcutlerine
   donuluyor: dokunma hedefi 44px (css/mobile.css:35,37,38,46,68,69) ve yazi olcegi
   (design-system.css .text-xs=12px / .text-body=14px / .h4=16px).
   YENI SINIF / YENI RENK / YENI JETON YOK — yalniz var olan seciciler geri aliniyor. */
@media (max-width: 900px) {
  .ayarlar-v2 .av-duo { grid-template-columns: 1fr; max-width: 100%; gap: var(--space-3, 12px); }
  .ayarlar-v2 .av-duo .av-kol { gap: var(--space-2, 8px); }
  .ayarlar-v2 .av-duo .av-kart { padding: var(--space-3, 12px) var(--space-4, 16px); border-radius: var(--radius, 10px); }
  .ayarlar-v2 .av-duo .av-kart-bas h3 { font-size: 15px; }
  .ayarlar-v2 .av-duo .av-satir { min-height: 44px; font-size: 14px; padding: var(--space-1, 4px) 0; }
  .ayarlar-v2 .av-duo .av-satir .etiket { font-size: 14px; }
  .ayarlar-v2 .av-duo .av-satir input[type="number"],
  .ayarlar-v2 .av-duo .av-satir input[type="time"] { height: 40px; font-size: 15px; width: 104px; padding: 0 var(--space-2, 8px); }
  /* Anahtarin GORUNUMU ayni kalir; buyuyen sey seffaf input katmani = dokunma alani. */
  .ayarlar-v2 .av-duo .av-anahtar { transform: none; }
  .ayarlar-v2 .av-duo .av-anahtar input { width: 44px; height: 44px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .ayarlar-v2 .av-duo .cip { font-size: 12px; padding: 3px var(--space-2, 8px); }
  .ayarlar-v2 .av-duo .av-alt { font-size: 13px; line-height: 1.5; margin-top: var(--space-1, 4px); }
  .ayarlar-v2 .av-duo .av-rutin-bas h3 { font-size: 15px; }
  .ayarlar-v2 .av-rutin-ust .rz-ad { font-size: 15px; }
  .ayarlar-v2 .av-rutin-ust .rz-durum { font-size: 12px; white-space: normal; }
  .ayarlar-v2 .av-duo .av-rutin-satir { flex-wrap: wrap; gap: var(--space-2, 8px); }
  .ayarlar-v2 .av-duo .av-rutin-satir select,
  .ayarlar-v2 .av-duo .av-rutin-satir input[type="time"] { height: 40px; font-size: 15px; padding: 0 var(--space-2, 8px); border-radius: var(--radius-sm, 8px); }
  .ayarlar-v2 .av-duo .rz-kaydet { height: 40px; font-size: 14px; padding: 0 var(--space-4, 16px); border-radius: var(--radius-sm, 8px); }
  .ayarlar-v2 .av-duo .rz-sil { width: 40px; height: 40px; font-size: 15px; border-radius: var(--radius-sm, 8px); }
  .ayarlar-v2 .rz-ekle { width: 40px; height: 40px; font-size: 16px; }
  .ayarlar-v2 .av-kaydet { padding: var(--space-3, 12px) var(--space-4, 16px); }
  .ayarlar-v2 .av-kaydet .mesaj { font-size: 14px; }
  .ayarlar-v2 .av-kaydet .btn { min-height: 44px; }
}