/* ==========================================================================
   Haftalık rapor ekranı (gorunum/rapor.js) — önek rp-
   Yalnız belirtec.css değişkenleri; açık/koyu tema belirteçlerden gelir.
   E-posta önizlemesi her temada kendi açık zemininde görünür (gerçek e-posta gibi).
   ========================================================================== */

.rp-sekme { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; }
.rp-sekme > .arac-cubugu { margin-bottom: 0; }

/* araç çubuğu */
.rp-arac { align-items: flex-end; }
.rp-hafta { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rp-hafta .alan-etiket { font-size: var(--fs-12); color: var(--text-2); font-weight: 600; }
.rp-hafta .secim { min-width: 240px; max-width: 100%; }
.rp-eylemler { display: flex; flex-wrap: wrap; gap: 8px; }

.rp-uyarilar:empty { display: none; }
.rp-uyarilar { display: flex; flex-direction: column; gap: 10px; }

/* bilgi şeridi */
.rp-bilgi {
  padding: 14px var(--kart-ic);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-2);
}
.rp-tanim { grid-template-columns: minmax(120px, max-content) 1fr; }
.rp-konu { font-weight: 600; }

/* önizleme çerçevesi: e-posta kendi açık zemininde (belirtec açık tema değerleri e-postanın içinde) */
.rp-onizleme-kart { padding: 0; overflow: hidden; }
.rp-cerceve-kap {
  display: flex;
  justify-content: center;
  padding: 16px;
  background: var(--surface-2);
  min-height: 320px;
  transition: opacity var(--t-orta) var(--egri);
}
.rp-cerceve-kap[data-yukleniyor] { opacity: .55; }
.rp-cerceve-kap > .iskelet-kap, .rp-cerceve-kap > .bos-durum { width: 100%; }
.rp-onizleme {
  display: block;
  width: 100%;
  max-width: 680px;
  height: min(78vh, 1200px);
  min-height: 480px;
  border: 1px solid var(--border);
  border-radius: var(--r-2);
  background: #EDF0F1;   /* e-postanın kendi zemini (belirtec --bg açık) — yüklenirken koyu temada parlama olmasın diye çerçeve de aynı */
  color-scheme: light;
}
.rp-cerceve-kap[data-genislik="mobil"] .rp-onizleme { max-width: 375px; }

/* düz metin sürümü */
.rp-duz {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-2);
}
.rp-duz > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 var(--kart-ic);
  font-weight: 600;
  color: var(--text);
  border-radius: var(--r-2);
}
.rp-duz > summary:focus-visible { outline-offset: -2px; }
.rp-duz-metin {
  margin: 0;
  padding: 16px var(--kart-ic) 20px;
  border-top: 1px solid var(--border);
  font-size: var(--fs-13);
  line-height: 1.6;
  color: var(--text-2);
  max-height: 520px;
  overflow: auto;
  white-space: pre-wrap;
}

/* gönderimler */
.rp-hafta-hucre { display: inline-flex; flex-direction: column; gap: 2px; }
.rp-hafta-hucre small { font-size: var(--fs-12); }
.rp-hata { color: var(--danger); font-size: var(--fs-13); }
.rp-tablo { padding: 0; overflow: hidden; }

/* ayarlar */
.rp-ayar { display: flex; flex-direction: column; gap: 16px; }

/* yazdırma çerçevesi: ekranda görünmez */
.rp-yazdir { position: fixed; right: 0; bottom: 0; width: 0; height: 0; border: 0; visibility: hidden; }

/* ---------- mobil (<760px) ---------- */
@media (max-width: 759px) {
  .rp-arac { align-items: stretch; }
  .rp-hafta, .rp-hafta .secim { width: 100%; min-width: 0; }
  .rp-eylemler { margin-left: 0; width: 100%; }
  .rp-eylemler .dugme { flex: 1 1 auto; justify-content: center; }
  .rp-cerceve-kap { padding: 8px; }
  .rp-onizleme { height: 70vh; min-height: 420px; }
  .rp-tanim { grid-template-columns: 1fr; gap: 2px 0; }
  .rp-tanim dd { margin-bottom: 8px; }
  .rp-uyarilar .uyari-kutu > .dugme { flex-shrink: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .rp-cerceve-kap { transition: none; }
}