/* Saldos Hub — Rapor Merkezi + genel rapor sayfası. Renkler yalnızca app.css değişkenlerinden (açık/koyu tema); harici kaynak yok. */
:root {
  --ic-bg: #ede9fe; --ic-fg: #5b21b6;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) { --ic-bg: #2e1a5c; --ic-fg: #d8b4fe; }
}
:root[data-tema="koyu"] { --ic-bg: #2e1a5c; --ic-fg: #d8b4fe; }

/* ── menü: kategori alt başlığı ── */
.menu-alt { margin: .55rem 0 .1rem; padding: 0 .75rem; font-size: .74rem; font-weight: 700; color: var(--soluk); }

/* ── ortak ── */
.rapor-sayfa [hidden], .rapor-sayfa[hidden] { display: none !important; }
.iyi-metin { color: var(--iyi); font-weight: 700; }
.alan-hata { color: var(--kritik); font-size: .8rem; font-weight: 600; }
.rozet.ic-bilgi { background: var(--ic-bg); color: var(--ic-fg); border-color: transparent; }
.rapor-ic-bilgi-alt { margin: 0 0 .3rem; color: var(--ic-fg); font-weight: 600; }
.rapor-onay { display: flex; align-items: center; gap: .5rem; cursor: pointer; }
.rapor-yardim, .rapor-not { display: block; line-height: 1.3; }
.alan.dar { min-width: 120px; max-width: 200px; }
.alan.hatali input, .alan.hatali select, .alan.hatali textarea { border-color: var(--kritik); }
.alan.hatali > span { color: var(--kritik); }
fieldset { min-width: 0; }

/* ── başlık ── */
.rapor-baslik-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.rapor-baslik-satiri h1 { margin: 0; }
.rapor-gezinti { margin-top: .3rem !important; }

/* ── sekmeler: dar ekranda taşmaz, alt satıra sarar ── */
.rapor-sekmeler { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 1px solid var(--kenar); margin-bottom: 1rem; max-width: 100%; }
.rapor-sekmeler button { font: inherit; font-weight: 600; border: 0; background: none; padding: .6rem .9rem; min-height: 44px; cursor: pointer;
  color: var(--soluk); border-bottom: 3px solid transparent; white-space: nowrap; }
.rapor-sekmeler button:hover { color: var(--metin); }
.rapor-sekmeler button.aktif { color: var(--marka-koyu); border-bottom-color: var(--marka); }

/* ── parametre formu ── */
.rapor-form-kart { padding-bottom: .8rem; }
.rapor-form-alani { border: 0; padding: 0; margin: 0; }
.rapor-alanlar { margin-bottom: .6rem; }
.rapor-eylemler { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.rapor-baglanti { margin-top: .8rem; }
.rapor-baglanti-satiri { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.rapor-baglanti-satiri input { flex: 1 1 260px; font-size: .82rem; }
.rapor-ozel-aralik input { min-width: 0; }
.rapor-sonuc-araclari { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .2rem 0 .8rem; }

/* ── sonuç ── */
.rapor-sonuc.eski { opacity: .55; }
.rapor-sonuc-baslik h2 { margin: 0 0 .15rem; font-size: 1.3rem; }
.rapor-sonuc-baslik p { margin: 0 0 .15rem; }
.rapor-parametreler { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; margin: .5rem 0 .9rem; padding: 0; }
.rapor-parametreler > div { display: flex; gap: .4rem; }
.rapor-parametreler dt { color: var(--soluk); font-size: .85rem; font-weight: 700; }
.rapor-parametreler dt::after { content: ":"; }
.rapor-parametreler dd { margin: 0; font-size: .9rem; }
.saglik-bandi { border-radius: 10px; padding: .7rem 1rem; margin: 0 0 1rem; border: 1px solid transparent; }
.saglik-bandi.iyi { background: var(--iyi-bg); color: var(--iyi); }
.saglik-bandi.uyari { background: var(--uyari-bg); color: var(--uyari); }
.saglik-bandi.kritik { background: var(--kritik-bg); color: var(--kritik); }
.saglik-nedenleri { margin: .4rem 0 0; padding-left: 1.2rem; font-size: .88rem; }
.rapor-kaynak-tablosu td { max-width: 320px; }
.rapor-kaynak-tablosu td:last-child { color: var(--soluk); font-size: .85rem; }
.rapor-bolum h3, .rapor-kaynaklar h3, .rapor-uyarilar h3 { margin-bottom: .5rem; }
.yazdir-notu { display: none; }

/* ── Rapor Merkezi ── */
.rapor-arama { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin: 0 0 1rem; }
.rapor-arama input { max-width: 420px; }
.rapor-grup { margin-bottom: 1.4rem; }
.rapor-grup h2 { margin-bottom: .6rem; }
.rapor-kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: .85rem; }
.rapor-kart { background: var(--yuzey); border: 1px solid var(--kenar); border-radius: var(--yaricap); padding: .9rem 1rem; box-shadow: var(--golge);
  display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.rapor-kart:hover { border-color: var(--marka); }
.rapor-kart-ust { display: flex; align-items: center; gap: .6rem; }
.rapor-kart-ust h3 { margin: 0; font-size: 1.02rem; overflow-wrap: anywhere; }
.rapor-simge { font-size: 1.6rem; line-height: 1; }
.rapor-kart-aciklama { margin: 0; font-size: .88rem; flex: 1 1 auto; }
.rapor-kart-alt { margin-top: .3rem; }
.rapor-kart .dugme { display: inline-block; text-align: center; }
a.dugme { text-decoration: none; }
a.dugme:hover { text-decoration: none; }

/* ── mail sekmesi ── */
.mail-onizleme { width: 100%; height: 560px; border: 1px solid var(--kenar); border-radius: 10px; background: #fff; }
.rapor-alici-ozeti { margin-top: .3rem; min-height: 1.3em; }
.rapor-engel { margin-top: .4rem; }
.rapor-onay-kutusu { margin-top: .8rem; }

/* ── zamanlama sekmesi ── */
.rapor-politika, .rapor-param-kutusu { border: 1px solid var(--kenar); border-radius: 10px; padding: .6rem .9rem .8rem; margin: .8rem 0; }
.rapor-politika legend, .rapor-param-kutusu legend { font-size: .8rem; font-weight: 700; color: var(--soluk); padding: 0 .4rem; }
.rapor-secenek { display: flex; align-items: flex-start; gap: .55rem; padding: .3rem 0; cursor: pointer; }
.rapor-secenek input { margin-top: .25rem; flex: none; }
.rapor-secenek span { display: flex; flex-direction: column; gap: .1rem; }
.rapor-param-ozeti { margin: .5rem 0; padding-left: 1.2rem; }
.rapor-param-kutusu .kutu { margin: .5rem 0 0; }
.rapor-form-hatalari { margin: 0; padding-left: 1.1rem; }
.rapor-anahtar { display: inline-flex; align-items: center; cursor: pointer; }
.rapor-eylemler-hucre { min-width: 190px; }
.rapor-eylemler-hucre .dugme { margin: 0 .2rem .2rem 0; }

@media (max-width: 720px) {
  .rapor-sekmeler { gap: 0; }
  .rapor-sekmeler button { flex: 1 1 auto; padding: .55rem .5rem; font-size: .88rem; text-align: center; }
  .mail-onizleme { height: 440px; }
  .rapor-kart-izgara { grid-template-columns: 1fr; }
}

/* ── yazdırma: menü/üst şerit/form/sekmeler gizlenir, sonuç tam genişlikte ── */
@media print {
  .uygulama:has(.rapor-sayfa) { display: block; }
  .uygulama:has(.rapor-sayfa) .yan-menu, .uygulama:has(.rapor-sayfa) .ust-serit, .uygulama:has(.rapor-sayfa) .menu-dugmesi,
  .uygulama:has(.rapor-sayfa) .toast-kap { display: none !important; }
  .uygulama:has(.rapor-sayfa) .icerik { padding: 0; max-width: none; }
  .rapor-sayfa .rapor-sekmeler, .rapor-sayfa .rapor-form-kart, .rapor-sayfa .rapor-sonuc-araclari, .rapor-sayfa .rapor-eski-uyari,
  .rapor-sayfa .rapor-gezinti, .rapor-sayfa .rapor-baglanti-notu, .rapor-sayfa .tablo-ust button, .rapor-sayfa .tablo-ust input,
  .rapor-sayfa .sayfalama, .rapor-sayfa [role="tabpanel"][hidden], .rapor-sayfa #rapor-panel-mail, .rapor-sayfa #rapor-panel-otomatik { display: none !important; }
  .rapor-sayfa #rapor-panel-rapor[hidden] { display: block !important; }   /* Mail/Otomatik sekmesindeyken de yazdırılan şey rapordur */
  .rapor-sayfa .rapor-sonuc.eski { opacity: 1; }
  .rapor-sayfa .kart, .rapor-sayfa .kpi { box-shadow: none; break-inside: avoid; }
  .rapor-sayfa .tablo-kap { overflow: visible; }
  .rapor-sayfa .tablo th { position: static; }
  .rapor-sayfa .saglik-bandi { border-color: currentColor; }
  .yazdir-notu { display: block; font-size: .8rem; }
  html, body { background: #fff; color: #000; }
}