/* Hasta adayları (ay-; gorunum/aday.js, aday-kart.js, aday-hasta-kart.js). Renkler yalnız belirteçlerden (Gündüz; kurum rengi --vurgu), yeni palet ve yazı tipi yok.
   Aşama rengi (--ay-asama) yalnız sütun şeridi, kart kenarı ve nokta için: Yeni nötr, Görüşüldü bilgi mavisi, Teklif şampanya, Randevu yeşil, Kaybedildi soluk; her
   yerde ad metinle de yazılır. Gecikmiş arama amber (--uyari) + "Gecikti" yazısı; kırmızı yok.
   Pano: masaüstünde beş sütun yan yana (sığmazsa kendi kabında kayar); telefonda (≤ 759 px) sütunlar kendi kabında yatay kayar ve yerine oturur (scroll-snap),
   sayfa yatay kaymaz; üstte "aşamaya git" şeridi. Dokunma hedefleri telefonda ≥ 44 px. Kesik yazı yok: adlar ve ilgi sarar (üç nokta, satır kırpma kullanılmaz). */

/* ---------------- kap, başlık ---------------- */
.ay-baslik-alt { overflow-wrap: anywhere; }
.ay-destek { margin-bottom: 12px; }
.sekme-panel:has(> .ay-arac), .sekme-panel:has(> .ay-rapor-arac), .ay-pano-kap, .ay-liste-kap, .ay-ara-kap, .ay-rapor { min-width: 0; max-width: 100%; }
.ay-pano-kap[aria-busy="true"] > .ay-pano, .ay-liste-kap[aria-busy="true"] > *, .ay-ara-kap[aria-busy="true"] > *, .ay-rapor[aria-busy="true"] > * { opacity: .65; transition: opacity var(--t-hizli); }

/* aşama rengi */
:is(.ay-sutun, .ay-kart, .ay-hk-aday)[data-asama] { --ay-asama: var(--metin3); }
:is(.ay-sutun, .ay-kart, .ay-hk-aday)[data-asama="gorusuldu"] { --ay-asama: var(--info); }
:is(.ay-sutun, .ay-kart, .ay-hk-aday)[data-asama="teklif"] { --ay-asama: var(--champagne); }
:is(.ay-sutun, .ay-kart, .ay-hk-aday)[data-asama="randevu"] { --ay-asama: var(--iyi); }
:is(.ay-sutun, .ay-kart, .ay-hk-aday)[data-asama="kayip"] { --ay-asama: var(--cizgi2); }

/* ---------------- araç çubuğu ---------------- */
.ay-arac { margin-bottom: 14px; min-width: 0; }
.ay-arac-not { margin: 0; flex: 1 1 240px; min-width: 0; font-size: 12.5px; overflow-wrap: anywhere; }
.ay-arac-not:empty { display: none; }
/* position: görünmez etiketler kayan kabın dışına taşıp sayfayı genişletmesin */
.ay-sec-kutu { position: relative; flex: 0 1 220px; min-width: 0; max-width: 100%; }
.ay-sec-kutu .secim { width: 100%; }
.ay-liste-arac { flex-direction: column; align-items: stretch; gap: 10px; }
.ay-cip-yer { position: relative; min-width: 0; }
.ay-cip-yer:empty { display: none; }
.ay-suzgec { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-width: 0; }
.ay-ara { flex: 1 1 240px; max-width: 360px; min-width: 0; }
.ay-ara .arama { width: 100%; }

/* ---------------- pano ---------------- */
.ay-sutun-gec { display: none; }
/* position: relative — sütun başlığındaki görünmez sayı etiketleri (mutlak konumlu) kayan kabın içinde kalır; yoksa sayfayı sağa doğru genişletirdi */
.ay-pano { position: relative; display: grid; grid-template-columns: repeat(5, minmax(176px, 1fr)); gap: 10px; align-items: start; overflow-x: auto;
  overscroll-behavior-x: contain; padding: 2px 2px 12px; scrollbar-width: thin; }
.ay-sutun { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 220px; border-radius: var(--r-uzam, 14px);
  background: color-mix(in oklab, var(--yuzey2) 60%, var(--bg)); box-shadow: inset 0 0 0 1px var(--cizgi); }
.ay-sutun::before { content: ""; height: 3px; margin: 0 14px; border-radius: 0 0 3px 3px; background: var(--ay-asama); }
.ay-sutun-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 10px 12px 8px; min-width: 0; }
.ay-sutun-nokta { width: 9px; height: 9px; border-radius: var(--r-tam); background: var(--ay-asama); flex: none; box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--metin) 12%, transparent); }
.ay-sutun-ad { margin: 0; font-size: 13.5px; font-weight: 650; min-width: 0; overflow-wrap: anywhere; }
.ay-sutun-ad:focus { outline: none; }
.ay-sutun-ad:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; border-radius: 4px; }
.ay-sutun-not { flex-basis: 100%; font-size: 11.5px; color: var(--metin3); }
.ay-kartlar { list-style: none; margin: 0; padding: 2px 8px 10px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ay-kartlar > li { min-width: 0; }
.ay-sutun-bos { margin: 4px 10px 12px; padding: 16px 10px; border-radius: var(--r); border: 1px dashed var(--cizgi2); text-align: center; font-size: 12.5px; color: var(--metin3); }
.ay-sutun-daha { margin: -2px 12px 12px; font-size: 12.5px; font-weight: 600; color: var(--vurgu); text-underline-offset: 3px; min-height: 32px; display: inline-flex; align-items: center; }

/* kart: tek etkileşimli öğe ad düğmesidir; ::after kartın tamamını tıklanır yapar */
.ay-kart { position: relative; display: flex; flex-direction: column; gap: 5px; padding: 10px 12px 10px 14px; border-radius: var(--r); background: var(--yuzey);
  box-shadow: 0 1px 0 var(--cizgi), inset 0 0 0 1px var(--cizgi); min-width: 0; transition: box-shadow var(--t-hizli), transform var(--t-hizli); }
.ay-kart::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--ay-asama); }
.ay-kart:hover { box-shadow: var(--golge), inset 0 0 0 1px var(--cizgi2); }
.ay-kart:has(.ay-kart-ac:focus-visible) { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.ay-kart p { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.ay-kart-ad { margin: 0; font-size: 14px; font-weight: 650; line-height: 1.3; min-width: 0; }
.ay-kart-ac { all: unset; cursor: pointer; overflow-wrap: anywhere; color: var(--metin); }
.ay-kart-ac::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.ay-kart-ac:focus-visible { outline: none; }
.ay-kart:hover .ay-kart-ac { color: var(--vurgu); }
.ay-kart-ilgi { font-size: 12.5px; color: var(--metin2); }
.ay-kart-rozetler { display: flex; flex-wrap: wrap; gap: 4px; }
.ay-kart-meta, .ay-kart-arama, .ay-kart-teklif, .ay-arama, .ay-liste-arama { display: flex; align-items: flex-start; gap: 5px; font-size: 12.5px; color: var(--metin2); }
.ay-kart-meta > .ikon, .ay-kart-arama > .ikon, .ay-kart-teklif > .ikon, .ay-arama > .ikon, .ay-liste-arama > .ikon { margin-top: 1px; color: var(--metin3); flex: none; }
.ay-kart-teklif { color: var(--metin); font-weight: 600; }
.ay-kart-arama[data-gecikti], .ay-arama[data-gecikti], .ay-liste-arama[data-gecikti] { color: var(--uyari); font-weight: 600; }
.ay-kart-arama[data-gecikti] > .ikon, .ay-arama[data-gecikti] > .ikon, .ay-liste-arama[data-gecikti] > .ikon { color: var(--uyari); }
.ay-kart[data-gecikti] { box-shadow: 0 1px 0 var(--cizgi), inset 0 0 0 1px color-mix(in oklab, var(--uyari) 35%, var(--cizgi)); }
.ay-kaynak-rozet { max-width: 100%; }
.ay-asama-rozet { flex: none; }

/* ---------------- liste ---------------- */
.ay-liste-ad { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.ay-liste-isim { font-weight: 620; overflow-wrap: anywhere; }
.ay-liste-rozet { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.ay-liste-ilgi { font-size: 12.5px; font-weight: 450; overflow-wrap: anywhere; }
.ay-liste-arama { margin: 0; }
.ay-liste-not { margin: 0 0 8px; font-size: 12.5px; }

/* ---------------- aranacaklar ---------------- */
.ay-ara-kap { display: flex; flex-direction: column; gap: 18px; }
.ay-kova { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ay-kova-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; }
.ay-kova-ad { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 650; }
.ay-kova[data-kova="geciken"] .ay-kova-ad > .ikon { color: var(--uyari); }
.ay-kova-bas > .metin-3 { margin: 0; flex: 1 1 240px; min-width: 0; font-size: 12.5px; overflow-wrap: anywhere; }
.ay-ara-liste { list-style: none; margin: 0; padding: 0 6px; display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--r-uzam, 14px); min-width: 0; }
.ay-ara-satir { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 4px 14px; align-items: start; padding: 12px 8px 12px 12px;
  border-top: 1px solid var(--cizgi); min-width: 0; }
.ay-ara-satir:first-child { border-top: 0; }
.ay-ara-satir[data-gecikti] { box-shadow: inset 3px 0 0 color-mix(in oklab, var(--uyari) 60%, transparent); }
.ay-ara-zaman { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ay-ara-zaman strong { font-family: var(--f-sayi); font-size: 19px; font-weight: 600; line-height: 1.1; color: var(--metin); }
.ay-ara-satir[data-gecikti] .ay-ara-zaman strong { color: var(--uyari); }
.ay-ara-zaman small { font-size: 11.5px; color: var(--metin3); overflow-wrap: anywhere; }
.ay-ara-govde { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ay-ara-govde p { margin: 0; overflow-wrap: anywhere; }
.ay-ara-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.ay-ara-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
/* metin görünümlü düğme (ad): bağlantı gibi, ama çekmece açar */
.ay-bag-dugme { all: unset; cursor: pointer; font-weight: 650; color: var(--metin); overflow-wrap: anywhere; border-radius: 4px; }
.ay-bag-dugme:hover { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.ay-bag-dugme:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

/* ---------------- rapor ---------------- */
.ay-rapor { display: flex; flex-direction: column; gap: 16px; }
.ay-rapor-arac { min-width: 0; }
.ay-rapor-ozel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.ay-rapor-ozel[hidden] { display: none; }
.ay-rapor-ozel .girdi { width: auto; min-width: 0; max-width: 170px; }
.ay-rapor-ust { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 2fr); gap: 14px; align-items: stretch; min-width: 0; }
.ay-oran { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 14px 18px; border-radius: var(--r-uzam, 14px); background: var(--yuzey);
  border: 1px solid var(--cizgi); border-left: 4px solid var(--iyi); min-width: 0; }
.ay-oran-sayi { font-family: var(--f-sayi); font-size: 36px; font-weight: 600; line-height: 1.05; }
.ay-oran-ad { font-weight: 620; font-size: 13.5px; overflow-wrap: anywhere; }
.ay-oran .metin-3 { font-size: 12.5px; overflow-wrap: anywhere; }
.ay-rapor-sayac { align-content: stretch; }
.ay-rapor-tanim, .ay-rapor-aciklama { margin: 0; }
.ay-rapor-aciklama { font-size: 12.5px; overflow-wrap: anywhere; }
.ay-oran-hucre { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.ay-oran-hucre .cubuk { width: 64px; flex: none; }

/* ---------------- çekmece ---------------- */
.ay-cek { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.ay-cek[aria-busy="true"] > * { opacity: .7; }
.ay-cek-bolum { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ay-cek-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; min-width: 0; }
.ay-cek-baslik { margin: 0; font-size: 14px; font-weight: 650; }
.ay-cek-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ay-cek-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; width: 100%; }
.ay-cek-alt .ay-sil { margin-right: auto; }
.ay-bilgi { margin: 0; display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); gap: 6px 14px; font-size: 13.5px; min-width: 0; }
.ay-bilgi > div { display: contents; }
.ay-bilgi dt { color: var(--metin3); }
.ay-bilgi dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.ay-tel { font-size: 15px; font-weight: 650; color: var(--vurgu); text-underline-offset: 3px; }
.ay-eposta { color: var(--vurgu); text-underline-offset: 3px; overflow-wrap: anywhere; }
.ay-danisman { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.ay-sonraki-deger { display: inline-flex; align-items: center; gap: 5px; }
.ay-sonraki-deger[data-gecikti] { color: var(--uyari); font-weight: 600; }
.ay-not { margin: 0; white-space: pre-line; overflow-wrap: anywhere; font-size: 13px; color: var(--metin2); }

/* aşama adımları: düğmeler (sürükle-bırak yok) */
.ay-adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ay-adim { min-width: 0; display: flex; }
.ay-adim-dugme, .ay-adim-ic { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; min-width: 0; min-height: 56px; padding: 8px 10px;
  border-radius: var(--r); border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--metin2); font: inherit; font-size: 12.5px; text-align: left; }
.ay-adim-dugme { cursor: pointer; transition: border-color var(--t-hizli), background var(--t-hizli); }
.ay-adim-dugme:hover:not(:disabled) { border-color: color-mix(in oklab, var(--vurgu) 50%, var(--cizgi)); background: var(--vurgu-zemin); color: var(--metin); }
.ay-adim-dugme:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.ay-adim-dugme:disabled { cursor: not-allowed; opacity: .6; }
.ay-adim-no { display: grid; place-items: center; width: 20px; height: 20px; border-radius: var(--r-tam); background: var(--yuzey3); color: var(--metin2);
  font-family: var(--f-sayi); font-size: 11.5px; font-weight: 600; flex: none; }
.ay-adim-ad { font-weight: 600; overflow-wrap: anywhere; line-height: 1.25; }
.ay-adim[data-durum="tamam"] .ay-adim-no { background: var(--iyi-zemin); color: var(--iyi); }
.ay-adim[data-durum="aktif"] .ay-adim-ic { border-color: color-mix(in oklab, var(--vurgu) 60%, var(--cizgi)); background: var(--vurgu-zemin); color: var(--metin);
  box-shadow: inset 0 -2px 0 var(--vurgu); }
.ay-adim[data-durum="aktif"] .ay-adim-no { background: var(--vurgu); color: var(--vurgu-ustu); }

/* benzer kayıt */
.ay-benzer { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ay-benzer > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; min-width: 0; }
.ay-benzer-ad { min-width: 0; overflow-wrap: anywhere; }

/* hasta kartı (dönüşüm) */
.ay-hasta { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; min-width: 0; overflow-wrap: anywhere; }
.ay-hasta > .ikon { color: var(--iyi); }
.ay-hasta > a { font-weight: 650; text-underline-offset: 3px; }
.ay-hasta-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* görüşme formu ve seçenekler */
.ay-gorusme { padding: 12px 14px; border-radius: var(--r); background: var(--yuzey2); }
.ay-form-eylem { display: flex; justify-content: flex-end; }
.ay-form-not { margin: -6px 0 0; font-size: 12.5px; }
.ay-secenek-alan { margin: 0; padding: 0; border: 0; min-width: 0; }
.ay-secenek-alan[hidden] { display: none; }
.ay-secenek-alan > legend { padding: 0; margin-bottom: 8px; font-weight: 600; font-size: 13px; }
.ay-secenekler { display: flex; flex-direction: column; gap: 6px; }
.ay-secenekler-yatay { flex-direction: row; flex-wrap: wrap; }
.ay-secenek { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 6px 12px; border: 1px solid var(--cizgi); border-radius: var(--r);
  background: var(--yuzey); cursor: pointer; overflow-wrap: anywhere; font-size: 13.5px; }
.ay-secenekler-yatay .ay-secenek { flex: 1 1 140px; }
.ay-secenek:has(input:checked) { border-color: color-mix(in oklab, var(--vurgu) 55%, var(--cizgi)); background: var(--vurgu-zemin); }
.ay-secenek input { width: 18px; height: 18px; accent-color: var(--vurgu); flex: none; margin: 0; }
.ay-secenek:focus-within { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.ay-sonraki { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ay-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.ay-cipler .cip { min-height: 36px; }
.ay-zaman { display: flex; flex-wrap: wrap; gap: 8px; }
.ay-zaman[hidden] { display: none; }
.ay-zaman .girdi { width: auto; flex: 1 1 140px; min-width: 0; max-width: 200px; }
.ay-zaman-ozet { margin: 0; font-size: 12.5px; overflow-wrap: anywhere; }

/* teklif */
.ay-teklif { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ay-teklif p { margin: 0; overflow-wrap: anywhere; }
.ay-teklif-tutar { font-family: var(--f-sayi); font-size: 22px; font-weight: 600; line-height: 1.15; color: var(--champagne-text); }

/* zaman çizelgesi */
.ay-cizelge { list-style: none; margin: 0; padding: 0 0 0 4px; display: flex; flex-direction: column; gap: 8px; }
.ay-cizelge > li { position: relative; display: flex; gap: 8px; min-width: 0; }
.ay-cizelge > li:not(:last-child)::after { content: ""; position: absolute; left: 11px; top: 24px; bottom: -8px; width: 1px; background: var(--cizgi); }
.ay-cizelge-ikon { flex: none; width: 22px; height: 22px; display: grid; place-items: center; border-radius: var(--r-tam); background: var(--yuzey3); color: var(--metin2); }
.ay-cizelge > li[data-tur="donusum"] .ay-cizelge-ikon, .ay-cizelge > li[data-tur="arama"] .ay-cizelge-ikon { background: var(--vurgu-zemin); color: var(--vurgu); }
.ay-cizelge > li[data-tur="teklif"] .ay-cizelge-ikon { background: var(--champagne-soft); color: var(--champagne-text); }
.ay-cizelge-govde { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.ay-cizelge-govde p { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.ay-cizelge-govde p.metin-3 { font-size: 12px; }

/* ---------------- hasta kartı bölümü ---------------- */
.ay-hk { min-width: 0; }
.ay-hk-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ay-hk-aday { display: flex; flex-direction: column; gap: 8px; padding: 10px 0 10px 12px; border-top: 1px solid var(--cizgi); box-shadow: inset 3px 0 0 var(--ay-asama); min-width: 0; }
.ay-hk-aday:first-child { border-top: 0; }
.ay-hk-baslik { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13.5px; font-weight: 600; }
.ay-hk-gecmis > summary { min-height: 32px; }

/* ---------------- Bugün kartı ---------------- */
.ay-bugun-sayi { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 14px; }
.ay-bugun-sayi strong { font-family: var(--f-sayi); font-size: 26px; font-weight: 600; line-height: 1.1; }
.ay-bugun-gecikti { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--uyari); }

/* ---------------- dağıtım havuzu (Modüller › Hasta adayları ayar eki; gorunum/aday-dagitim.js, 1.0.1) ---------------- */
.ay-havuz-sonraki { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.ay-havuz { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ay-havuz-satir { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-height: 44px; min-width: 0; padding: 4px 6px 4px 10px; border-radius: var(--r);
  background: var(--yuzey2); box-shadow: inset 0 0 0 1px var(--cizgi); }
.ay-havuz-no { flex: none; min-width: 22px; text-align: center; font-family: var(--f-sayi); color: var(--metin3); }
.ay-havuz-ad { flex: 1 1 140px; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.ay-havuz-sayi { font-size: 12px; }
.ay-havuz-eylem { display: flex; gap: 2px; margin-left: auto; }
.ay-havuz-bos { padding: 8px 0; color: var(--metin3); font-size: 13px; }
.ay-havuz-ekle { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ay-havuz-ekle .secim { flex: 1 1 180px; min-width: 0; max-width: 320px; }

/* ---------------- dar ekran ---------------- */
@media (max-width: 900px) {
  .ay-rapor-ust { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 759px) {
  /* telefonda pano: sütunlar kendi kabında yatay kayar ve yerine oturur; bir sonraki sütunun kenarı görünür (kaydırılabildiği belli olsun) */
  .ay-sutun-gec { display: block; margin: 0 0 10px; min-width: 0; }
  .ay-sutun-gec[hidden] { display: none; }
  .ay-sutun-gec ul { list-style: none; margin: 0; padding: 2px 2px 6px; display: flex; gap: 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .ay-sutun-gec li { flex: none; }
  .ay-sutun-gec .cip { min-height: 44px; white-space: nowrap; }
  .ay-git-sayi { color: var(--metin3); }
  .ay-pano { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc(100% - 36px); gap: 10px; scroll-snap-type: x mandatory; scroll-padding-inline: 2px; }
  .ay-sutun { scroll-snap-align: start; min-height: 180px; }
  .ay-kart { padding-block: 12px; }
  .ay-kart-ad { font-size: 15px; }
  .ay-sutun-daha { min-height: 44px; }
  .ay-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ay-adim-dugme, .ay-adim-ic { min-height: 52px; }
  .ay-cek-alt > .dugme { min-height: 44px; }
  .ay-cek-eylem .dugme, .ay-hasta-eylem .dugme, .ay-benzer .dugme, .ay-danisman .dugme, .ay-form-eylem .dugme { min-height: 44px; }
  .ay-cipler .cip { min-height: 44px; }
  .ay-secenek { min-height: 44px; }
  .ay-zaman .girdi { max-width: none; }
}
@media (max-width: 640px) {
  .ay-arac { flex-direction: column; align-items: stretch; }
  .ay-arac-not { flex: none; }   /* sütun yönünde 240px'lik esnek taban yüksekliğe dönüşmesin */
  .ay-sec-kutu { flex: none; width: 100%; }
  .ay-sec-kutu .secim { min-height: 44px; }
  .ay-ara { max-width: none; flex: none; width: 100%; }
  .ay-ara .arama, .ay-ara .arama-girdi { min-height: 44px; }
  /* liste çipleri tek satırda, kendi kabında kayar (sayfa kaymaz) */
  .ay-cip-yer { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding: 2px 2px 6px; margin: 0 -2px; }
  .ay-cip-yer .bolumlu[data-tur="hap"] { flex-wrap: nowrap; width: max-content; max-width: none; overflow: visible; }
  .ay-cip-yer .bolumlu[data-tur="hap"] .bolumlu-oge { flex: none; max-width: none; white-space: nowrap; }
  .ay-ara-liste { padding: 0 2px; }
  .ay-ara-satir { grid-template-columns: 52px minmax(0, 1fr); gap: 6px 10px; padding: 12px 6px 12px 10px; }
  .ay-ara-zaman strong { font-size: 17px; }
  .ay-ara-eylem { grid-column: 1 / -1; justify-content: flex-start; }
  .ay-ara-eylem .dugme { min-height: 44px; }
  .ay-bilgi { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .ay-bilgi dd { margin-bottom: 8px; }
  .ay-rapor-ozel .girdi { max-width: none; flex: 1 1 130px; }
}
@media (pointer: coarse) {
  .ay-ara-eylem .dugme, .ay-cek-eylem .dugme, .ay-hasta-eylem .dugme { min-height: 44px; }
}

/* ---------------- efekt, hareket, zorlanmış renkler ---------------- */
:root:not([data-efekt="sade"]) .ay-ara-liste { background: var(--cam, var(--yuzey)); backdrop-filter: var(--cam-bulanik); -webkit-backdrop-filter: var(--cam-bulanik);
  border-color: var(--cam-kenar, var(--cizgi)); box-shadow: var(--golge-uzam); }
@media (prefers-reduced-motion: reduce) {
  .ay-kart, .ay-adim-dugme { transition: none; }
}
@media (forced-colors: active) {
  .ay-kart::before, .ay-sutun::before { background: CanvasText; }
  .ay-kart:has(.ay-kart-ac:focus-visible) { outline: 2px solid Highlight; }
  .ay-adim[data-durum="aktif"] .ay-adim-ic { outline: 2px solid CanvasText; }
}