/* ============================================================
   13 HAFTALIK NAKİT TAHMİNİ (v458, 29.09.2026) — Analiz sekmesi
   ============================================================
   js/haftaliknakitsekme.js. Panel iskeleti ve özet kutuları .bl-*
   (style.css, sabitkiymet.css) kurallarını paylaşır; burada grafik ve
   hafta tablosu var. Uygulamanın token'larını kullanır; tema başına ayrıca
   renk gerekmez.
   ⚠️ Grafik: ızgara düz ince çizgi (kesikli değil); kesikli çizgi YALNIZ
      girişsiz senaryo ve asgari eşik içindir (seri kimliği renge bırakılmaz).
   ⚠️ 15 sütunlu tablo kendi kutusunda yatay kayar; ilk sütun yapışık.
   ============================================================ */

.hn-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hn-ozet .bl-kutu b { font-variant-numeric: normal; }

.hn-varsayim { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; padding: 12px 14px;
  border: 1px solid var(--cizgi); border-radius: var(--r, 14px); font-size: 12.5px; color: var(--soluk); }
.hn-varsayim label { display: grid; gap: 4px; min-width: 190px; flex: 1 1 190px; }
.hn-varsayim .tutar-alan input { width: 100%; font-size: 15px; padding-top: 8px; padding-bottom: 8px; }
.hn-varsayim .tutar-alan input::placeholder { font-size: 13px; }
.hn-varsayim .ipucu { flex: 1 1 100%; margin: 0; }

.hn-lejant { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 12.5px; color: var(--soluk); }
.hn-lejant span { display: inline-flex; align-items: center; gap: 6px; }
/* Dar ekranda grafik küçülüp yazıları okunmaz oluyordu (400 px ölçüldü):
   asgari genişlik + kendi kutusunda yatay kaydırma. Sayfa kaymaz. */
.hn-grafik-sar { width: 100%; overflow-x: auto; }
.hn-grafik { display: block; width: 100%; min-width: 680px; height: auto; }
.hn-izgara { stroke: var(--cizgi); stroke-width: 1; }
.hn-izgara.sifir { stroke: var(--soluk); opacity: .6; }
.hn-eksen { fill: var(--soluk); font-size: 11px; font-variant-numeric: tabular-nums; }
.hn-etiket { fill: var(--metin); font-size: 12px; font-weight: 600; }
.hn-etiket.soluk { fill: var(--soluk); font-weight: 500; }
.hn-cizgi-beklenen { fill: none; stroke: var(--vurgu); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.hn-cizgi-stres { fill: none; stroke: var(--soluk); stroke-width: 2; stroke-dasharray: 6 5; stroke-linecap: round; }
.hn-asgari { stroke: var(--uyari); stroke-width: 1.5; stroke-dasharray: 2 4; }
.hn-nokta { fill: var(--vurgu); stroke: var(--panel); stroke-width: 2; }
.hn-hit { cursor: default; outline: none; }
.hn-imlec { stroke: var(--soluk); stroke-width: 1; opacity: 0; }
.hn-nokta-imlec { fill: var(--vurgu); stroke: var(--panel); stroke-width: 2; opacity: 0; }
.hn-hit:hover .hn-imlec, .hn-hit:focus .hn-imlec { opacity: .5; }
.hn-hit:hover .hn-nokta-imlec, .hn-hit:focus .hn-nokta-imlec { opacity: 1; }

.hn-tablo-sar { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: var(--r, 14px); }
.hn-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.hn-tablo th, .hn-tablo td { padding: 6px 8px; white-space: nowrap; text-align: left; }
.hn-tablo .sag { text-align: right; }
.hn-tablo thead th { font-size: 11.5px; color: var(--soluk); font-weight: 600;
  background: color-mix(in srgb, var(--metin) 5%, var(--panel)); border-bottom: 1px solid var(--cizgi); }
.hn-tablo thead th span { display: block; font-weight: 400; font-size: 10.5px; }
/* İlk sütun yapışık: yatay kaydırırken kalem adı kaybolmasın. */
.hn-tablo th:first-child, .hn-tablo td:first-child { position: sticky; left: 0; z-index: 1; min-width: 180px;
  background: var(--panel); border-right: 1px solid var(--cizgi); }
.hn-tablo thead th:first-child { background: color-mix(in srgb, var(--metin) 5%, var(--panel)); }
.hn-tablo .hn-bolum td { font-weight: 700; padding-top: 12px; color: var(--soluk); font-size: 11.5px;
  text-transform: uppercase; letter-spacing: .04em; }
.hn-tablo .hn-ara td { font-weight: 600; border-top: 1px solid var(--cizgi); }
.hn-tablo .hn-kapanis td { font-weight: 800; border-top: 2px solid var(--cizgi); }
.hn-tablo .hn-acilis td, .hn-tablo .hn-stres td { color: var(--soluk); }
.hn-tablo .hn-toplam { border-left: 1px solid var(--cizgi); font-weight: 600; }
.hn-tablo .negatif { color: var(--tehlike); }
.hn-tablo .uyari-metin { color: var(--uyari-metin, var(--uyari)); }
.hn-tablo .soluk { color: var(--soluk); }
.hn-rozet { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 999px; font-size: 10.5px;
  font-weight: 600; color: var(--soluk); border: 1px solid var(--cizgi); }

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