/*
 * Skote yükleme sırası — BackOffice'in tek stil giriş noktası.
 *
 * Neden tek dosya ve neden native @import: Skote üçüncü taraf bir şablon ve
 * sırası önemli (bootstrap → icons → app). Dosyalar `public/` altında durduğu
 * için bundler'a hiç girmiyor; şablonun içindeki eksik görsel referansları
 * (bg-ico-hero.jpg gibi) build'i patlatmıyor, sessizce 404 oluyor.
 *
 * Bu dosya YALNIZCA `admin/layout.tsx` tarafından yüklenir. Pazarlama sitesi
 * Tailwind kullanıyor ve Bootstrap reset'inden etkilenmiyor.
 */
@import url("/skote/css/bootstrap.min.css");
@import url("/skote/css/icons.min.css");
@import url("/skote/css/app.min.css");

/* ── Hayat Analizi'ne özel ince ayarlar ─────────────────────── */

/* Skote'un varsayılan mor/mavi vurgusu yerine markanın altın tonu */
:root {
  --ha-gold: #b8860b;
}

.text-ha-gold {
  color: var(--ha-gold) !important;
}

/* Uzun rapor metinlerini düzenlerken kullanılan tek aralıklı alanlar */
.editor-textarea {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  line-height: 1.7;
}

/* PDF önizleme çerçevesi */
.pdf-frame {
  width: 100%;
  height: 30rem;
  border: 0;
  background: #fff;
}

/* Soru-cevap dökümünde soru metni küçük ve soluk, cevap belirgin */
.qa-question {
  font-size: 0.75rem;
  color: #74788d;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}
.qa-answer {
  font-size: 0.875rem;
  margin-bottom: 0;
}

/* Operatörün elle eklediği bölümler — kesikli çerçeveyle ayırt edilir */
.custom-section-box {
  border: 1px dashed #ced4da;
  border-radius: 0.25rem;
  padding: 1rem;
}

/* Kaydet çubuğu içerik editörünün üstünde sabit kalır */
.editor-savebar {
  position: sticky;
  top: 70px;
  z-index: 5;
}