/* native.css — yalnız native (Capacitor) sarmalayıcıda etkili stiller.
   Her kural html.cns-native altında; web'de (html.cns-web) tamamen etkisiz.
   Amaç: çentik/status bar güvenli alanları + native'de anlamsız öğeleri gizlemek. */

/* Status bar altında kalmasın: sticky topbar'a üst güvenli alan ekle.
   (Alt güvenli alan zaten shell.css'te .bottomnav/.app-root'ta var.) */
html.cns-native .topbar {
  padding-top: env(safe-area-inset-top, 0px);
  height: calc(var(--top-h) + env(safe-area-inset-top, 0px));
  /* Android WebView: sticky topbar kendi compositing katmanına terfi ettirilmezse
     bazı GPU yollarında (emülatör gfxstream'de deterministik; kimi cihazlarda olası)
     TÜM sayfa boyaması bozuluyor — topbar tile aralıklarıyla hayalet tekrar ediyor,
     hero hiç boyanmıyor. Layout doğru, boya bozuk (CDP ile kanıtlandı). Katman
     terfisi zararsız ve kesin çözüm. KALDIRMA. */
  transform: translateZ(0);
  will-change: transform;
}

/* Tam ekran overlay'lerin başlık çubukları da status bar'ın altına girmesin. */
html.cns-native .draw-toolbar { padding-top: calc(10px + env(safe-area-inset-top, 0px)); }
html.cns-native .cm-pdf-head { padding-top: calc(10px + env(safe-area-inset-top, 0px)); }
html.cns-native .plan-overlay { padding-top: env(safe-area-inset-top, 0px); }
html.cns-native .cns-overlay { padding-top: env(safe-area-inset-top, 0px); }

/* Landing (pazarlama) native'de asla görünmez — shell.js buildLanding zaten
   native'de hiç çalışmaz; bu kural prerender edilmiş statik snapshot'ın ilk
   boyamada parlamasına karşı emniyet kemeri. */
html.cns-native #landing { display: none !important; }

/* WebView içinde window.print() çalışmaz. */
html.cns-native #printButton { display: none !important; }