/* Veri taşıma (akt-; gorunum/aktarim.js, aktarim-sihirbaz.js, aktarim-ortak.js, aktarim-eski.js). Renkler yalnız belirteçlerden (Gündüz; kurum rengi --vurgu),
   yeni palet ve yazı tipi yok. "Taşıma masası": üstte yedi adımlı gösterge (bileşen .adimlar), her adım tek kart; seçenekler radyo kartları, sütun eşleme
   numaralı satırlar, sayılar Reddit Mono (--f-sayi). Durum her zaman metinle yazılır; renk yalnız ek ipucudur. Kırmızı yalnız tehlikeli eylem düğmesinde.
   Dar ekran (≤ 640 px): her şey tek sütun, eylemler tam satır, dokunma hedefi ≥ 44 px, sayfa yatay taşmaz (uzun ad / dosya adı satır kırar). */

.akt-kap, .akt-govde, .akt-gecmis, .akt-eski, .sekme-panel:has(> .akt-adimlar) { min-width: 0; max-width: 100%; }
.akt-adimlar { margin: 4px 0 16px; min-width: 0; }
.akt-adimlar .adimlar { flex-wrap: wrap; row-gap: 8px; }
.akt-adimlar .adim + .adim::before { width: 18px; margin: 0 8px; }
.akt-govde { display: flex; flex-direction: column; gap: 16px; }
.akt-govde .kart-baslik:focus { outline: none; }
.akt-govde .kart-baslik:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 4px; }
.akt-alt-baslik { margin: 0; font-size: 14px; font-weight: 650; color: var(--metin); }

/* ---------------- eylem satırı ---------------- */
.akt-eylemler { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 10px; padding-top: 6px; border-top: 1px solid var(--cizgi); margin-top: 4px; }
.akt-eylemler:empty { display: none; }
.akt-eylemler > .dugme[data-tur="hayalet"]:first-child { margin-right: auto; }
.akt-eylemler .dugme { min-height: 44px; }

/* ---------------- 1. kaynak: radyo kartları ---------------- */
.akt-kume { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.akt-kume > legend { padding: 0; margin-bottom: 8px; font-size: 14px; font-weight: 650; color: var(--metin); }
.akt-secenekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; min-width: 0; }
.akt-secenekler[data-iki] { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.akt-secenek { position: relative; display: flex; align-items: flex-start; gap: 10px; min-height: 44px; padding: 12px 14px; min-width: 0;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r); cursor: pointer;
  transition: border-color var(--t-hizli), box-shadow var(--t-orta), background var(--t-hizli); }
.akt-secenek:hover:not([data-devre-disi]) { border-color: var(--cizgi2); box-shadow: var(--golge); }
.akt-secenek:has(.akt-secenek-girdi:checked) { border-color: var(--vurgu); background: var(--vurgu-zemin); box-shadow: inset 0 0 0 1px var(--vurgu); }
.akt-secenek:has(.akt-secenek-girdi:focus-visible) { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.akt-secenek[data-devre-disi] { cursor: not-allowed; background: var(--yuzey2); color: var(--metin3); }
.akt-secenek-girdi { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--vurgu); }
.akt-secenek-govde { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.akt-secenek-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.akt-secenek-bas strong { font-size: 14px; font-weight: 620; overflow-wrap: anywhere; }
.akt-secenek-alt { font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }
.akt-secenek-neden { color: var(--metin3); }
.akt-yarim { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.akt-yarim > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; min-width: 0; }
.akt-yarim > li > span { min-width: 0; overflow-wrap: anywhere; }

/* ---------------- 2. dosya ---------------- */
.akt-birak { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 168px; padding: 22px 16px; min-width: 0;
  text-align: center; color: var(--metin2); background: var(--yuzey2); border: 1.5px dashed var(--cizgi2); border-radius: var(--r);
  transition: border-color var(--t-hizli), background var(--t-hizli); }
.akt-birak > .ikon { color: var(--metin3); }
.akt-birak[data-ustunde] { border-color: var(--vurgu); background: var(--vurgu-zemin); }
.akt-birak[data-ustunde] > .ikon { color: var(--vurgu); }
.akt-birak-metin { margin: 0; font-size: 14px; }
.akt-dosya-bilgi { display: flex; flex-direction: column; gap: 2px; min-width: 0; max-width: 100%; }
.akt-dosya-ad { font-size: 14px; color: var(--metin); overflow-wrap: anywhere; word-break: break-word; }
.akt-birak-eylem { justify-content: center; }
.akt-birak-eylem .dugme { min-height: 44px; }
.akt-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 16px; min-width: 0; }
.akt-ikili:empty { display: none; }
.akt-sinir { margin: 0; display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }
.akt-sinir > .ikon { flex: none; margin-top: 1px; color: var(--metin3); }

/* ---------------- 3. sütun eşleme ---------------- */
.akt-dosya-ozet { padding: 10px 12px; background: var(--yuzey2); border-radius: var(--r); }
.akt-uyarilar { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.akt-uyarilar:empty { display: none; }
.akt-eksik { margin: 2px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 2px; }
.akt-sutun-kap { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.akt-sutunlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; min-width: 0; }
.akt-sutun { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; min-width: 0; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-left: 3px solid var(--vurgu); border-radius: var(--r); }
.akt-sutun[data-bos] { border-left-color: var(--cizgi2); background: var(--yuzey2); }
.akt-sutun-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-width: 0; cursor: pointer; }
.akt-sutun-no { font-family: var(--f-sayi); font-size: 12px; color: var(--metin3); font-variant-numeric: tabular-nums; }
.akt-sutun-ad { font-size: 13.5px; font-weight: 620; color: var(--metin); overflow-wrap: anywhere; min-width: 0; }
.akt-sutun-tip { font-size: 12px; color: var(--metin3); }
.akt-sutun .secim, .akt-deger .secim { width: 100%; min-height: 44px; }
.akt-randevu-sec { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.akt-secim { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.akt-secim .alan-etiket { margin: 0; }
.akt-secim .alan-aciklama { margin: 0; }
.akt-secim .bolumlu { align-self: flex-start; max-width: 100%; }
.akt-secim .bolumlu-oge { min-height: 40px; }
.akt-tablolar { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.akt-tablolar:empty { display: none; }
.akt-esle { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--yuzey); }
.akt-esle > p { margin: 0; }
.akt-degerler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; min-width: 0; max-height: 520px; overflow-y: auto; }
.akt-deger { display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, 300px); align-items: center; gap: 6px 14px; padding: 6px 0; border-top: 1px solid var(--cizgi); min-width: 0; }
.akt-deger:first-child { border-top: 0; }
.akt-deger-ad { font-size: 13.5px; color: var(--metin); overflow-wrap: anywhere; min-width: 0; cursor: pointer; }
.akt-deger-ad em { color: var(--metin3); }
.akt-esle-ozet:empty { display: none; }
.akt-kayit { margin: 0 auto 0 0; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--metin3); min-width: 0; overflow-wrap: anywhere; }
.akt-kayit[data-durum="hata"] { color: var(--uyari); }
.akt-kayit[data-durum="tamam"] > .ikon { color: var(--iyi); }
.akt-eylemler > .dugme[data-tur="hayalet"]:first-child + .akt-kayit { margin-left: 0; }

/* ---------------- ilerleme ---------------- */
.akt-ilerleme-kap { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.akt-ilerleme { position: relative; height: 12px; border-radius: 999px; background: var(--yuzey3, var(--yuzey2)); overflow: hidden; box-shadow: inset 0 0 0 1px var(--cizgi); }
.akt-ilerleme-dolu { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: var(--vurgu); transition: width var(--t-orta); }
.akt-ilerleme-metin { margin: 0; font-family: var(--f-sayi); font-size: 13px; color: var(--metin2); font-variant-numeric: tabular-nums; }
.akt-dongu-durum { margin: 0; font-size: 12.5px; color: var(--metin2); min-height: 1.4em; overflow-wrap: anywhere; }
.akt-dongu-durum:empty { min-height: 0; }
@media (prefers-reduced-motion: reduce) { .akt-ilerleme-dolu { transition: none; } }

/* ---------------- sayaçlar (süzgeç) ve satır paneli ---------------- */
.akt-sayaclar { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; min-width: 0; }
.akt-sayac { --akt-ton: var(--cizgi2);
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; min-height: 60px; padding: 8px 12px 8px 12px; font: inherit; text-align: left;
  color: var(--metin); background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 4px solid var(--akt-ton); border-radius: var(--r); }
button.akt-sayac { cursor: pointer; transition: box-shadow var(--t-orta), background var(--t-hizli); }
button.akt-sayac:hover { box-shadow: var(--golge); }
button.akt-sayac:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.akt-sayac[aria-pressed="true"] { background: var(--vurgu-zemin); box-shadow: inset 0 -2px 0 var(--vurgu); }
.akt-sayac[data-ton="basari"] { --akt-ton: var(--iyi); }
.akt-sayac[data-ton="uyari"] { --akt-ton: var(--uyari); }
.akt-sayac[data-ton="bilgi"] { --akt-ton: color-mix(in oklab, var(--vurgu) 55%, var(--cizgi2)); }
.akt-sayac-n { font-family: var(--f-sayi); font-size: 22px; font-weight: 600; line-height: 1.05; font-variant-numeric: tabular-nums; }
.akt-sayac-ad { font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }
.akt-satir-panel { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.akt-satirlar { min-width: 0; transition: opacity var(--t-hizli); }
.akt-satirlar[aria-busy="true"] > .tablo-kap { opacity: .6; }
.akt-csv { display: flex; justify-content: flex-end; }
.akt-csv:empty { display: none; }
.akt-csv .dugme { min-height: 40px; }
.akt-sayfa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
.akt-sayfa .dugme { min-height: 44px; }
.akt-bos { margin: 8px 0; }
.akt-tablo .akt-no { width: 64px; }
.akt-nedenler { margin: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }
.akt-tablo td { overflow-wrap: anywhere; }
.akt-tablo td .mono { white-space: nowrap; }
.akt-rozetler { display: inline-flex; flex-wrap: wrap; gap: 4px; }

/* ---------------- kuru çalıştırma ve sonuç ---------------- */
.akt-buyukler { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; min-width: 0; }
.akt-buyuk { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; min-width: 0; background: var(--yuzey2); border-radius: var(--r); }
.akt-buyuk-n { font-family: var(--f-sayi); font-size: 28px; font-weight: 600; line-height: 1.05; color: var(--metin); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.akt-buyuk-ad { font-size: 13px; color: var(--metin2); }
.akt-buyuk-alt { font-size: 12px; color: var(--metin3); overflow-wrap: anywhere; }
.akt-dagilim { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.akt-dagilim .tanimlar { margin: 0; }
.akt-geri-al { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--yuzey); }
.akt-geri-al > p { margin: 0; }
.akt-geri-al .akt-eylemler { border-top: 0; padding-top: 0; }

/* ---------------- dar ekran ---------------- */
@media (max-width: 640px) {
  /* dokunma hedefi ≥ 44 px: küçük düğmeler, seçim kutuları, bölümlü seçici */
  .akt-kap .dugme, .akt-kap .secim, .akt-kap input.girdi, .akt-kap .bolumlu-oge, .akt-kap .sekme { min-height: 44px; }
  .akt-secenekler, .akt-secenekler[data-iki], .akt-sutunlar, .akt-ikili, .akt-buyukler { grid-template-columns: minmax(0, 1fr); }
  .akt-sayaclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .akt-deger { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 8px 0; }
  .akt-eylemler { justify-content: stretch; }
  .akt-eylemler > .dugme { flex: 1 1 100%; justify-content: center; }
  .akt-eylemler > .dugme[data-tur="hayalet"]:first-child { margin-right: 0; }
  .akt-kayit { flex: 1 1 100%; margin: 0; }
  .akt-sayfa { justify-content: center; }
  .akt-sayfa > .metin-3 { order: -1; flex: 1 1 100%; text-align: center; }
  .akt-secim .bolumlu { align-self: stretch; }
  .akt-birak { min-height: 140px; }
  .akt-buyuk-n { font-size: 24px; }
  .akt-degerler { max-height: none; }
}