/* ============================================================
   SABİT KIYMETLER + AY SONU BİLANÇO FOTOĞRAFI (v457, 29.09.2026)
   ============================================================
   Varlıklar ▸ Sabit Kıymetler (js/sabitkiymet.js) ve Analiz ▸ Bilanço'nun
   "Karşılaştırmalı" görünümü (js/bilancosekme.js). Bilanço tablolarının
   temel görünümü style.css'teki .bl-* kurallarından gelir; burada yalnız
   yeni parçalar var. Uygulamanın token'larını kullanır (--metin, --soluk,
   --cizgi, --panel, --vurgu); aydınlık/koyu temada ayrıca renk gerekmez.
   ⚠️ backdrop-filter yok (v425 dersi). Geniş tablolar kendi kutusunda
      yatay kayar, sayfa kaymaz (.bl-tablo-sar overflow-x: auto).
   ============================================================ */

/* ⚠️ grid-column 1 / -1 + minmax(0, 1fr): #varlikListe iki sütunlu ızgara;
   Banka Limitleri sayfasında ölçülen sıkışma/taşma burada da olurdu. */
.sk-sayfa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; grid-column: 1 / -1; }
.sk-sayfa > * { min-width: 0; }
.sk-baslik h3 { margin: 0 0 2px; font-size: 18px; }
.sk-sayfa > .ipucu { margin: 0; }

.sk-tablo td { vertical-align: middle; }
/* Dar ekranda tablo kutusunda kayar; ilk sütun ezilip harf harf bölünmesin. */
.sk-tablo th, .sk-tablo td { white-space: nowrap; }
.sk-tablo td:first-child { white-space: normal; min-width: 170px; }
.sk-ad { font-weight: 600; overflow-wrap: anywhere; }
.sk-alt { color: var(--soluk); font-size: 12px; font-weight: 400; }
.sk-sayilmaz td:not(.sk-eylem-hucre) { color: var(--soluk); }
.sk-eylem-hucre { width: 1%; white-space: nowrap; }
.sk-eylem { display: flex; gap: 4px; justify-content: flex-end; }
.sk-bolum { display: grid; gap: 8px; min-width: 0; }
.sk-bolum h4 { margin: 6px 0 0; font-size: 15px; }
.sk-bolum .ipucu { margin: 0; }
details.sk-bolum summary { cursor: pointer; font-weight: 600; color: var(--soluk); }

/* ---------- Bilanço: görünüm seçici, fotoğraf, karşılaştırma ---------- */
.bl-dugmeler { flex-wrap: wrap; align-items: center; }
.bl-gorunum { display: inline-flex; gap: 4px; padding: 3px; border-radius: 999px;
  border: 1px solid var(--cizgi); background: var(--panel); }
.bl-gorunum button { padding: 5px 12px; border-radius: 999px; border: 0; background: none;
  font-size: 12.5px; font-weight: 500; color: var(--soluk); white-space: nowrap; cursor: pointer; }
.bl-gorunum button:hover { color: var(--metin); }
.bl-gorunum button.secili { background: var(--vurgu); color: var(--vurgu-metin); font-weight: 600; }

.bl-hatirlat { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }

.bl-foto-onay { display: grid; gap: 10px; padding: 14px 16px; border-radius: var(--r, 14px);
  border: 1px solid color-mix(in srgb, var(--vurgu) 45%, var(--cizgi));
  background: color-mix(in srgb, var(--vurgu) 6%, var(--panel)); font-size: 13.5px; }
.bl-foto-satir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-weight: 600; }
.bl-foto-satir select { width: auto; min-width: 150px; }
.bl-foto-onay ul { margin: 0; padding-left: 18px; display: grid; gap: 3px; color: var(--soluk); }
.bl-foto-onay .bl-dugmeler { justify-content: flex-end; }

.bl-karsi th .bl-alt { display: block; font-weight: 400; font-size: 11px; letter-spacing: 0; text-transform: none; }
.bl-karsi th, .bl-karsi td { white-space: nowrap; }
.bl-karsi td:first-child, .bl-karsi th:first-child { white-space: normal; min-width: 220px; }
.bl-karsi .bl-fark { border-left: 1px solid var(--cizgi); }
.bl-karsi .bl-k-bolum td { font-weight: 700; padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--cizgi) 70%, transparent); }
.bl-karsi .bl-k-grup td { font-weight: 600; color: var(--soluk); }
.bl-karsi .bl-k-grup td:first-child { padding-left: 16px; }
.bl-karsi .bl-k-kalem td:first-child { padding-left: 28px; }
.bl-karsi .bl-k-toplam td { font-weight: 800; border-top: 2px solid var(--cizgi); }

.bl-bos { padding: 18px; border: 1px dashed var(--cizgi); border-radius: var(--r, 14px); }
.bl-bos p { margin: 0 0 6px; }
.bl-bos p:last-child { margin: 0; }