/* ============================================================
   DOSYA SORUMLULUGU — base-04-screens.css
   ------------------------------------------------------------
   NE YAPAR   : .screen kapsayicilari ve ekran gecis animasyonu.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   SCREENS
   ============================================================ */
.screen {
  display: none;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  position: absolute;
  inset: 0;
  bottom: var(--nav-h);
}
.screen.active { display: flex; }

.screen-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}
.screen-body::-webkit-scrollbar { display: none; }