/* Patoz Defterim v4.2.7 — iOS/Android tam ekran ve alt boşluk düzeltmesi */
:root{
  --pd-safe-top:env(safe-area-inset-top,0px);
  --pd-safe-right:env(safe-area-inset-right,0px);
  --pd-safe-bottom:env(safe-area-inset-bottom,0px);
  --pd-safe-left:env(safe-area-inset-left,0px);
}
html{
  width:100%!important;height:100%!important;min-height:100%!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  background:#673de6!important;color-scheme:light!important;
}
body{
  position:fixed!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;
  background:#f7f6fb!important;
}
#app.app-shell.host-app{
  position:fixed!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;
  overflow:hidden!important;background:#f7f6fb!important;
}
.host-main{height:100%!important;min-height:0!important;overflow:hidden!important}
.host-content{height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior-y:contain!important}

/* Giriş ekranı fiziksel viewport'u eksiksiz doldurur; altta ayrı beyaz şerit oluşmaz. */
html.patoz-login-first body,
html.patoz-login-first #app,
html.patoz-login-first .host-main,
html.patoz-login-first .host-content,
html.patoz-login-first .secure-login-page,
html.patoz-login-first .secure-login-panel{
  width:100%!important;height:100%!important;min-height:0!important;margin:0!important;
}
html.patoz-login-first .secure-login-page{overflow:hidden!important;background:#fff!important}
html.patoz-login-first .secure-login-panel{
  box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding-bottom:max(0px,var(--pd-safe-bottom))!important;background:#fff!important;
}

/* Alt menü viewport'un gerçek alt kenarına oturur. Güvenli alan menünün kendi zemini içinde kalır. */
body .bottom-nav,
.host-app .bottom-nav,
#bottomNav.bottom-nav{
  position:fixed!important;z-index:10020!important;
  left:0!important;right:0!important;bottom:0!important;
  width:100%!important;max-width:none!important;margin:0!important;
  border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;
  transform:none!important;translate:none!important;
  box-sizing:border-box!important;
  padding-left:max(5px,var(--pd-safe-left))!important;
  padding-right:max(5px,var(--pd-safe-right))!important;
  padding-bottom:max(4px,var(--pd-safe-bottom))!important;
  background:#fff!important;background-clip:border-box!important;
}
body .bottom-nav::before,
.host-app .bottom-nav::before,
#bottomNav.bottom-nav::before{
  content:""!important;position:absolute!important;z-index:-1!important;
  left:0!important;right:0!important;bottom:0!important;height:max(1px,var(--pd-safe-bottom))!important;
  background:#fff!important;pointer-events:none!important;
}
body .bottom-nav::after,.host-app .bottom-nav::after,#bottomNav.bottom-nav::after{display:none!important;content:none!important}

/* İlk HTML boyası ile splash aynı renkte kalır; siyah ara yüzeye düşmez. */
#splash.splash-screen,#iosSnapshotGuard{
  background:linear-gradient(155deg,#744df0 0%,#673de6 48%,#4f22c7 100%)!important;
}
@media(max-width:767px){
  html.patoz-login-first .secure-login-panel{padding-bottom:var(--pd-safe-bottom)!important}
}
@media(min-width:1181px){.bottom-nav{display:none!important}}