/* ===== İcra Dosya İşlemleri (2026-10-18): Dosyalar / Denetim sayfasının dili — kutusuz, kenardan kenara, sabit 44 px şerit,
   Excel gibi ızgara (.ds-izgara kuralları panel.css'te), seçimde ince toplu işlem çubuğu, ayrıntı sağdan (.dn-ayrinti). İnce/kutusuz:
   300/400 ağırlık, 12-13 px, köşe 4-8 px, gölgesiz (yalnız açılır menü ve ayrıntı paneli üst katmanda). ===== */
.ic-sayfa { position: relative; }
.ic-serit { padding: 0 10px 0 12px; }
.ic-araclar { justify-content: flex-start; overflow: hidden; }
.ic-kategori { flex: 0 1 250px; min-width: 150px; max-width: 280px; }
.ic-ara { flex: 1 1 160px; min-width: 100px; max-width: 320px; }
.ic-kapali { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 8px; color: var(--soluk); font: 300 12px Roboto, system-ui, sans-serif; white-space: nowrap; cursor: pointer; }
.ic-kapali input { margin: 0; accent-color: var(--ana); }

/* Seçim sütunu (dosya-izgara.js secim:true) */
.ds-izgara .tabulator-row .tabulator-cell.iz-sec-hucre, .ds-izgara .tabulator-col.iz-sec-hucre .tabulator-col-content { padding: 0; text-align: center; }
.ds-izgara .tabulator-col.iz-sec-hucre .tabulator-col-title { padding: 0; }
.ds-izgara .iz-sec, .ds-izgara .iz-sec-tum { width: 14px; height: 14px; margin: 0; vertical-align: middle; accent-color: var(--ana); cursor: pointer; }
.ds-izgara .tabulator-header .iz-sec-tum { accent-color: #fff; }
.ds-izgara .tabulator-row.ic-kapali-satir .tabulator-cell { color: var(--soluk); }

/* Toplu işlem çubuğu: seçim varsa şeridin altında ince bant (kutu yok, alt çizgi) */
.ic-toplu { flex: none; display: flex; align-items: center; gap: 6px; min-height: 38px; padding: 4px 12px; border-bottom: 1px solid var(--cizgi); background: color-mix(in srgb, var(--ana) 5%, var(--yuzey)); min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.ic-toplu[hidden] { display: none; }
.ic-toplu .bosluk { flex: 1; }
.ic-toplu-sayi { flex: none; margin-right: 6px; color: var(--metin); font: 400 12.5px Roboto, system-ui, sans-serif; white-space: nowrap; }
.ic-tb { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--yuzey); color: var(--metin); font: 400 12px Roboto, system-ui, sans-serif; white-space: nowrap; cursor: pointer; }
.ic-tb i { color: var(--ana); font-size: 11.5px; }
.ic-tb:hover { background: var(--yuzey-alt); }
.ic-tb-ana { border-color: var(--ana); background: var(--ana); color: #fff; }
.ic-tb-ana i { color: #fff; }
.ic-tb-ana:hover { background: var(--ana-koyu); }
.ic-tb-ana .ic-ok { font-size: 9px; opacity: .8; }
.ic-tb-sade { border-color: transparent; background: none; color: var(--soluk); }
.ic-tb-sade i { color: var(--soluk); }
.ic-tb-sarmal { position: relative; flex: none; }
:root[data-tema="koyu"] .ic-tb i { color: #8fa8ff; }
:root[data-tema="koyu"] .ic-tb-ana i { color: #fff; }

/* Açılır işlem menüsü (satır "İşlem" ve "Talep gönder") */
.ic-menu { position: absolute; z-index: 20; display: flex; flex-direction: column; padding: 4px; border: 1px solid var(--cizgi-guclu); border-radius: 8px; background: var(--yuzey); box-shadow: var(--golge-guclu); max-height: 70vh; overflow-y: auto; }
.ic-menu[hidden] { display: none; }
.ic-menu button { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 7px 10px; border: 0; border-radius: 5px; background: none; color: var(--metin); font: 400 12.5px Roboto, system-ui, sans-serif; text-align: left; cursor: pointer; }
.ic-menu button:hover, .ic-menu button:focus-visible { background: var(--yuzey-alt); outline: 0; }
.ic-menu button i { width: 16px; margin-top: 2px; color: var(--ana); font-size: 12px; text-align: center; }
.ic-menu button span { display: flex; flex-direction: column; min-width: 0; }
.ic-menu button small { color: var(--soluk); font: 300 11px Roboto, system-ui, sans-serif; }
.ic-menu-ayrac { height: 1px; margin: 4px 6px; background: var(--cizgi); }
:root[data-tema="koyu"] .ic-menu button i { color: #8fa8ff; }

/* Hücreler */
.ds-izgara .ic-var { color: var(--yesil); font-weight: 400; }
.ds-izgara .ic-yok { color: var(--soluk); }
.ds-izgara .ic-engel { color: var(--turuncu); }
.ds-izgara .ic-sira { color: var(--soluk); font-size: 11px; }
.ds-izgara .ic-zaman { color: var(--soluk); font-size: 11px; }
.ds-izgara .iz-durum.ic-gri { background: color-mix(in srgb, var(--soluk) 12%, transparent); color: var(--soluk); }
.ds-izgara .iz-rozet.ic-yesil { background: rgba(22, 163, 74, .1); color: var(--yesil); }
.ds-izgara .iz-durum.ic-teb-teblig_edildi { background: rgba(22, 163, 74, .1); color: var(--yesil); }
.ds-izgara .iz-durum.ic-teb-bila { background: rgba(229, 69, 58, .1); color: var(--kirmizi); }
.ds-izgara .iz-durum.ic-teb-gonderildi, .ds-izgara .iz-durum.ic-teb-etebligat_bekliyor { background: rgba(0, 122, 255, .1); color: var(--bilgi); }
.ds-izgara .iz-durum.ic-teb-yok { background: color-mix(in srgb, var(--soluk) 12%, transparent); color: var(--soluk); }
.ic-son { font-weight: 400; }
.ic-son.ic-basarili { color: var(--yesil); }
.ic-son.ic-basarisiz, .ic-son.ic-gonderilmedi { color: var(--kirmizi); }
.ic-son.ic-belirsiz { color: var(--turuncu); font-weight: 500; }
.ic-son.ic-atlandi { color: var(--soluk); }

/* Sol menü: kategori grup başlıkları (Tebligat / Kesinleşme / Haciz …) */
.nav .ic-nav-alt .ic-nav-grup { padding: 6px 10px 2px 12px; color: rgba(255, 255, 255, .42); font: 500 10px Roboto, system-ui, sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.nav .ic-nav-alt { max-height: 52vh; overflow-y: auto; scrollbar-width: thin; }
@media (min-width: 961px) { .kabuk.dar .nav-grup .ic-nav-alt { max-height: 80vh; overflow-y: auto; } }

/* Ayrıntı paneli */
.ic-ayrinti { width: 420px; }
.ic-a-dugmeler { display: flex; gap: 6px; margin: 8px 0 4px; }
.ic-ayrinti .hs-uyari { margin: 8px 0; }
.ic-ayrinti .dn-a-satir small { display: block; margin-top: 2px; }

/* İşlem penceresi */
.ic-dialog { width: min(640px, calc(100vw - 32px)); }
.ic-form h2 { display: flex; align-items: center; gap: 8px; }
.ic-tipler { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 2px 12px; }
.ic-onizleme { max-height: 42vh; overflow-y: auto; margin: 6px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); padding: 2px 0 8px; }
.ic-onizleme .hs-uyari { margin: 8px 0; }
.ic-kalemler { list-style: none; margin: 0; padding: 0; }
.ic-kalemler li { display: flex; align-items: baseline; gap: 10px; padding: 5px 0; border-bottom: 1px solid var(--cizgi); font: 300 12.5px/1.45 Roboto, system-ui, sans-serif; color: var(--metin); }
.ic-kalemler li:last-child { border-bottom: 0; }
.ic-k-no { flex: none; width: 22px; color: var(--soluk); text-align: right; font-variant-numeric: tabular-nums; }
.ic-k-ad { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.ic-k-ad b { font-weight: 400; }
.ic-k-ad small { display: block; color: var(--soluk); font-size: 11.5px; }
.ic-k-m { flex: none; color: var(--metin); font-variant-numeric: tabular-nums; }
.ic-atlanan li { color: var(--soluk); }
.ic-uyarilar { margin: 2px 0; padding-left: 18px; color: var(--turuncu); font: 300 12px/1.5 Roboto, system-ui, sans-serif; }

/* Dar masaüstü: şerit sığsın */
@media (max-width: 1500px) { .ic-kapali span { display: none; } .ic-kapali::after { content: "Kapalılar"; } }
@media (max-width: 1250px) { .ic-araclar .ds-ikon span { display: none; } }

/* Telefon / dar ekran (≤960 px): şerit sarar, ızgara kendi içinde yatay kayar, ayrıntı alttan */
@media (max-width: 960px) {
  .ic-serit { height: auto; flex-wrap: wrap; padding: 6px 10px; gap: 6px; }
  .ic-araclar { flex-basis: 100%; flex-wrap: wrap; gap: 6px; overflow: visible; }
  .ic-kategori { flex: 1 1 100%; max-width: none; }
  .ic-ara { flex: 1 1 100%; max-width: none; }
  .ic-kapali span { display: inline; }
  .ic-kapali::after { content: none; }
  .ic-toplu { flex-wrap: wrap; overflow: visible; }
  .ic-toplu-sayi { flex-basis: 100%; }
  .ic-toplu .bosluk { display: none; }
  .ic-tb span { display: inline; }
  .ic-govde { min-height: 62vh; }
  .ic-izgara { min-height: 62vh; }
  .ic-ayrinti { width: auto; }
}
@media (max-width: 420px) {
  .ic-tb { padding: 0 8px; }
  .ic-tb > span { display: none; }
  .ic-tb-ana > span { display: inline; }
}