/* ============================================================
   İŞLETME SERMAYESİ VE KPI PANOSU (v460, 29.09.2026) — Analiz sekmesi
   ============================================================
   js/isletmesermayesisekme.js. Panel, kutular ve tablolar .bl-* / .mt-*
   kurallarını paylaşır; burada KPI kutu ızgarası, küçük eğilim çizgisi
   ve 12 aylık tablo var. Token'lar uygulamanınkiler.
   ⚠️ Eğilim çizgisi yalnız yön gösterir (kendi ölçeği, eksen yok);
      değerler tabloda. Renk durum anlamı taşımaz (iyi/kötü boyanmaz).
   ============================================================ */

.isr-kutular { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.isr-kutu { position: relative; }
.isr-kutu b { font-variant-numeric: normal; }
.isr-kivrim { width: 100%; max-width: 160px; height: 30px; margin-top: 4px; }
.isr-kivrim path { fill: none; stroke: var(--vurgu); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.isr-kivrim circle { fill: var(--vurgu); stroke: var(--panel); stroke-width: 1.5; }
.isr-aciklama { font-size: 11.5px; color: var(--soluk); }

.isr-tablo th, .isr-tablo td { white-space: nowrap; }
.isr-tablo td:first-child, .isr-tablo th:first-child { position: sticky; left: 0; z-index: 1; min-width: 220px;
  white-space: normal; background: var(--panel); border-right: 1px solid var(--cizgi); }
.isr-tablo thead th:first-child { background: color-mix(in srgb, var(--metin) 5%, var(--panel)); }
.isr-tablo .isr-secili { background: color-mix(in srgb, var(--vurgu) 9%, transparent); font-weight: 600; }
.isr-tablo .isr-ayrac td { padding: 0; border-top: 2px solid var(--cizgi); }

.isr-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.isr-iki > * { min-width: 0; }

@media (max-width: 1100px) {
  .isr-kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isr-iki { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .isr-kutular { grid-template-columns: minmax(0, 1fr); }
  .isr-tablo td:first-child, .isr-tablo th:first-child { min-width: 150px; }
}
