/* v3.12.61 — iOS/Android alt güvenli alanı ve tam kenar mobil görünüm */
:root{
  --patoz-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
}
html{
  min-height:100%;
  min-height:-webkit-fill-available;
  background:#673de6;
  overscroll-behavior:none;
}
body{
  min-height:100%;
  min-height:-webkit-fill-available;
  margin:0;
  overflow-x:hidden;
}
#splash,
.splash-screen{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:-2px!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
  min-height:100vh!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  margin:0!important;
  background:linear-gradient(155deg,#744df0 0%,#673de6 48%,#4f22c7 100%)!important;
}
#splash .splash-inner,
.splash-screen .splash-inner{
  height:100%!important;
  min-height:100vh!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  padding-bottom:calc(15px + var(--patoz-mobile-safe-bottom))!important;
  background:transparent!important;
}

@media (max-width:900px){
  html,body,#app.app-shell,.host-app{
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    min-height:-webkit-fill-available!important;
    margin:0!important;
  }
  #app.app-shell{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    height:100vh!important;
    height:100svh!important;
    height:100dvh!important;
    background:#fbfaff!important;
  }
  .bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:calc(var(--mobile-nav-h,76px) + var(--patoz-mobile-safe-bottom))!important;
    min-height:calc(var(--mobile-nav-h,76px) + var(--patoz-mobile-safe-bottom))!important;
    margin:0!important;
    padding:5px 8px calc(5px + var(--patoz-mobile-safe-bottom))!important;
    gap:3px!important;
    border:0!important;
    border-top:1px solid #e3ddef!important;
    border-radius:18px 18px 0 0!important;
    background:#fff!important;
    box-shadow:0 -12px 30px rgba(47,28,106,.12)!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .bottom-nav::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:max(var(--patoz-mobile-safe-bottom),1px);
    background:#fff;
    pointer-events:none;
    z-index:-1;
  }
  #view.view.host-content,.host-content{
    bottom:0!important;
    padding-bottom:calc(var(--mobile-nav-h,76px) + 24px + var(--patoz-mobile-safe-bottom))!important;
    scroll-padding-bottom:calc(var(--mobile-nav-h,76px) + 28px + var(--patoz-mobile-safe-bottom))!important;
  }
}