/* Tebligatçı — işletme sahibi uygulaması: tam ekran uygulama kabuğu */

/* base.css'teki sayfa seviyesi güvenli alan boşluğu burada gerekmiyor;
   güvenli alanı telefon kabuğunun kendi içinde yönetiyoruz. */
:root{padding-top:0;padding-bottom:0}

html,body{height:100%;overflow:hidden;overscroll-behavior:none}
body{
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
}
button,a,.pcard,.tabbar button{touch-action:manipulation}
button,.tabbar button,.pill,.back,.go{-webkit-user-select:none;user-select:none}
#app{height:100%}

/* --- telefon kabuğu --- */
.phone-wrap{height:100%;padding:24px 12px;align-items:center}
.phone{
  height:min(860px,100%);
  min-height:0;
  border-radius:30px;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
  overflow:hidden;
}

/* --- kaydırılan gövde: sadece içerik kayar, alt menü sabit --- */
.pscroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  display:flex;
  flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);
  scrollbar-width:none;
}
.pscroll::-webkit-scrollbar{width:0;height:0}

/* --- alt menü: sabit, güvenli alanlı, yarı saydam --- */
.tabbar{
  flex-shrink:0;
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:color-mix(in srgb,var(--panel) 90%,transparent);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.tabbar button{transition:color .15s,transform .1s}
.tabbar button:active{transform:scale(.92)}

/* --- dokunma geri bildirimi --- */
.pcard,.bigbtn,.btn,.chip{transition:transform .12s ease,opacity .12s ease}
button.pcard:active,.bigbtn:active,.btn:active,.chip:active{transform:scale(.985);opacity:.9}
a.bigbtn:active{transform:scale(.985);opacity:.9}

/* --- toast alt menünün üstünde dursun --- */
.toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}

/* --- form alanları iOS'ta zoom yapmasın --- */
.input{font-size:16px}

/* --- telefon: kenardan kenara --- */
@media (max-width:520px){
  .phone-wrap{padding:0}
  .phone{
    width:100%;
    height:100%;
    min-height:0;
    border:none;
    border-radius:0;
    box-shadow:none;
  }
  .ph{padding:22px 18px 10px}
  .pm{padding:0 14px 20px}
  .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}

/* --- kısa ekranlarda (yatay / küçük telefon) daha sıkı --- */
@media (max-height:640px){
  .ph{padding-top:16px}
  .ph h1{font-size:22px}
}