/* Kim Ne Yapıyor · dokunma hedefleri.
   Telefonda (≤600 px) ve dokunmatik ekranda her etkileşimli öğe en az 44×44 px (WCAG 2.5.5, docs/tasarim-ilkeleri.md).
   Bütün sayfaların SON stil dosyası (web/ui.ts head(), web/baslangic.ts); fareli masaüstü görünümüne dokunmaz.
   ":root:root" seçicisi klasik.css'teki ":root[data-gorunum=klasik] …" kurallarıyla aynı ağırlıktadır; dosya en son
   yüklendiği için bunlar geçerli olur. Denetim: scratchpad pw/tt.mjs (390 px, etkin dokunma alanı örneklemesi). */
@media (max-width:600px),(pointer:coarse){
  :root:root,:root[data-gorunum="klasik"][data-theme]{--ctl-h:44px;--ctl-h-sm:44px}

  /* düğme, girdi, seçim */
  :root:root .btn,:root:root .btn-sm,:root:root .auth-card .btn{height:44px;min-width:44px}
  :root:root textarea.input{height:auto;min-height:88px}
  :root:root .tema{width:44px;height:44px}
  :root:root button.user-link{min-width:44px;justify-content:center}
  :root:root .check{min-height:44px}

  /* gezinme ve tek başına duran bağlantılar */
  :root:root .app-nav a,:root:root .view-tabs a{height:44px}
  :root:root .crumb{display:inline-flex;align-items:center;min-height:44px;margin-bottom:0}
  :root:root .person-links a,:root:root .list-foot a,:root:root .auth-foot a,:root:root .bl-tur,:root:root .bl-gizle{display:inline-flex;align-items:center;min-height:44px}
  :root:root .skip{display:inline-flex;align-items:center;min-height:44px}

  /* görev satırı: satırın tamamı göreve gider (başlık bağlantısı satırı kaplar); tamamla halkası ve durum seçimi üstte.
     Etiket çipleri telefonda bağlantı değil (süzgeç, Liste'nin etiket seçiminde). */
  :root:root .task-line{position:relative}
  :root:root .task-line .task-title::after{content:"";position:absolute;inset:0}
  :root:root .task-line .tamam-form,:root:root .task-line .task-status{position:relative;z-index:1}
  :root:root .task-line .task-meta a.chip{pointer-events:none}

  /* pano */
  :root:root .kb-pp{width:44px;height:44px}
  :root:root .kb-check,:root:root .tamam{z-index:1}
  /* Görünen halka küçük; dokunma alanı 44 px (kenarlık 1,5 px dolgu kutusunun dışında kalır). */
  :root:root .tamam::after{inset:-12.5px}
  :root:root .kb-check::after{inset:-13.5px}
  /* başlık satırı halkanın dokunma alanını kırpmasın (satır kısaltması zaten flex düzeninde yok) */
  :root:root .kb-title{overflow:visible}
  :root:root .kb-add-b,:root:root .kb-toggle,:root:root .kb-select select{height:44px}
  :root:root .kb-search{height:auto}
  :root:root .kb-search input{height:44px}
  :root:root .kb[data-mode="carousel"] .kb-pp{width:44px;height:44px}
  :root:root .kb[data-mode="carousel"] .kb-search input,:root:root .kb[data-mode="carousel"] .kb-toggle,:root:root .kb[data-mode="carousel"] .kb-select select,:root:root .kb[data-mode="carousel"] .kb-add-b{height:44px}

  /* ortak alanlar (modules/alanlar) */
  :root:root .al .al-btn,:root:root .al .al-btn.sm,:root:root .al-modal .al-btn,:root:root .al-pop .al-btn,:root:root .al-drawer .al-btn{height:44px;min-width:44px}
  :root:root .al .al-in,:root:root .al-modal .al-in,:root:root .al-drawer .al-in{height:44px}
  :root:root .al textarea.al-in,:root:root .al-modal textarea.al-in,:root:root .al-drawer textarea.al-in{height:auto}
  :root:root select.al-in{background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%}
  :root:root .al-filter>summary{height:44px}
  :root:root .al-crumb{display:inline-flex;align-items:center;min-height:44px;margin-bottom:0}
  :root:root .al-pop input[type=search]{height:44px}
  :root:root .al-pop [role=option]{min-height:44px}
  :root:root .al-seg button{height:44px;min-width:44px}
  :root:root .al-checks label{min-height:44px}
  :root:root .ag-idx{height:48px}
  :root:root .ag-idx button,:root:root .ag-grip{min-width:44px;height:44px}
  :root:root .ag-hc .sm{width:44px;height:44px}
  /* klavye kısayolları dokunmatik ekranda anlamsız */
  :root:root .ag-keys{display:none}

  /* Mecra */
  :root:root .icon-btn{width:44px;height:44px}
  :root:root .search{height:auto}
  :root:root .search input{height:44px}
  :root:root .crumbs a{display:inline-flex;align-items:center;min-height:44px}
  :root:root .seg a,:root:root .seg button{min-height:44px;min-width:44px}
  :root:root .menu button{min-height:44px}

  /* ilk giriş tanıtımı (üst çubuk) */
  :root:root .metin-btn{height:44px}
  :root:root .ust-marka{min-height:44px;min-width:44px}
}
/* Telefon: tanıtımdaki adım noktaları yalnız gösterge (İleri/Geri düğmeleri gezdirir); 44 px'lik altı hedef sığmaz. */
@media (max-width:600px){
  :root:root .noktalar button{pointer-events:none}
}
