/* ==========================================================================
   bayMail — Vuexy tema düzeltmeleri

   Buraya YALNIZCA temanın kendi hataları için yazılan düzeltmeler girer.
   Yeni görünüm istekleri sayfa CSS'ine, tema dışı markup ise hiçbir yere.

   Her kuralın başında NEDEN gerektiği yazılı olmalı; aksi halde bir sonraki
   tema güncellemesinde kimse kaldırıp kaldıramayacağını bilemez.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SweetAlert2 bildirimi (toast) dev puntoyla açılıyordu.

   SweetAlert2 kendi CSS'inde toast başlığını küçültüyor:

     .swal2-popup.swal2-toast .swal2-title { font-size: 1em }      (satir 16)

   Vuexy ise aynı dosyanın ilerisinde diyalog başlığını büyütüyor:

     .swal2-container .swal2-popup .swal2-title { font-size: 2.375rem }

   İki seçici de üç sınıf uzunluğunda, yani ÖZGÜLLÜKLERİ EŞİT. Eşitlikte
   sonra gelen kazanır ve Vuexy'ninki sonra geliyor — sonuç olarak toast
   başlığı 38px/56px oluyor, kutu taşıyor ve altında yatay kaydırma çubuğu
   beliriyordu.

   Dört sınıflık bir seçiciyle kesin olarak geri alıyoruz. Yalnızca toast'ı
   hedefliyor; diyalog başlığı Vuexy'nin istediği boyutta kalıyor.
   -------------------------------------------------------------------------- */
.swal2-container .swal2-popup.swal2-toast .swal2-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-block: 0;
  margin-inline: 0.75rem;
}

/* Toast'ta yatay kaydırma hiçbir zaman doğru değil: kutu içeriğe göre
   büyümeli, içerik kutunun içinde kaydırılmamalı. */
.swal2-container .swal2-popup.swal2-toast {
  overflow: hidden;
}

/* --- Posta listesinin yüksekliği ve kaydırması --------------------------------

   İKİ AYRI KUSUR, TEK KÖK: Vuexy'nin sabit yükseklik hesapları.

   1. LİSTE KAYDIRILAMIYORDU. Vuexy .email-list'e sabit bir yükseklik veriyor
      (block-size: calc(100vh - 18.9rem)) ama overflow VERMİYOR — kendi
      şablonunda listeyi PerfectScrollbar ile sarıyor. Biz sarmadığımız için
      taşan içerik .app-email'in overflow:hidden'ına takılıp kırpılıyordu.
      Sayfa başına 50 kayıt geliyor, ekranda 13 tanesi görünüyordu; kalan 37'si
      hiçbir şekilde erişilemiyordu. Sayfalama çubuğu da listenin altında
      kaldığı için görünmüyordu.

   2. ALTTA ÖLÜ ALAN VARDI. .app-email'in calc(100vh - 12rem) hesabı, menüsü ve
      breadcrumb'ı olan bir sayfa için yazılmış. Webmail'de ikisi de yok
      (layout-without-menu), o yüzden ekranın altında ~110px boş kalıyordu.

   Çözüm: .app-email gerçekten kalan yüksekliği kaplasın (üst çubuk 3.5rem +
   içerik dolgusu 2×1.5rem = 6.5rem), liste de kartın kalanını doldurup KENDİ
   kaydırmasını yapsın. Sayfalama çubuğu böylece hep görünür kalıyor.

   NOT: .row'un flex-wrap: wrap olması sütunu ebeveyn yüksekliğine germiyor
   (sarmalı flex'te cross-axis satır yüksekliğinden gelir), o yüzden sütuna
   block-size: 100% açıkça veriliyor. Zincirdeki min-block-size: 0 şart:
   flex öğesinin varsayılan min-height:auto'su taşmayı engeller ve kaydırma
   hiç oluşmaz.
   -------------------------------------------------------------------------- */
.app-email {
  block-size: calc(100vh - 6.5rem);
}

.app-email > .row {
  block-size: 100%;
  min-block-size: 0;
}

.app-email .app-emails-list {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  min-block-size: 0;
}

.app-email .app-emails-list > .card {
  flex: 1 1 auto;
  min-block-size: 0;
}

.app-email .app-emails-list .email-list {
  block-size: auto;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
}