/* v3.12.70 — gerçek ilk boya, tam kenar mobil ve bağımsız tablet görünümü */
:root{
  --pd-app-height:100dvh;
  --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,body{width:100%;height:100%;margin:0!important;padding:0!important;overscroll-behavior:none;background:#673de6!important}
body{position:fixed!important;inset:0!important;width:100%!important;height:var(--pd-app-height)!important;overflow:hidden!important}
#app.app-shell{position:fixed!important;inset:0!important;width:100%!important;height:var(--pd-app-height)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f7f6fb!important}
#splash.splash-screen{position:fixed!important;inset:0!important;width:100%!important;height:var(--pd-app-height)!important;min-height:0!important;margin:0!important;padding:0!important;background:linear-gradient(155deg,#744df0 0%,#673de6 48%,#4f22c7 100%)!important}
#splash .splash-inner{width:100%!important;height:100%!important;min-height:0!important;padding:calc(24px + var(--pd-safe-top)) calc(18px + var(--pd-safe-right)) calc(18px + var(--pd-safe-bottom)) calc(18px + var(--pd-safe-left))!important}

/* Telefon: giriş yüzeyi ekranın dört kenarına sıfır yaslanır. */
@media (max-width:767px){
  html.patoz-login-first #app,.host-main,#view.view.host-content,body:not(.host-authenticated) #view.view.host-content{width:100%!important;height:var(--pd-app-height)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
  .secure-login-page{display:block!important;width:100%!important;height:var(--pd-app-height)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#fff!important}
  .secure-login-visual{display:none!important}
  .secure-login-panel{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
  .secure-login-card,.business-request-card{display:block!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:calc(22px + var(--pd-safe-top)) calc(20px + var(--pd-safe-right)) calc(18px + var(--pd-safe-bottom)) calc(20px + var(--pd-safe-left))!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;-webkit-overflow-scrolling:touch!important}
  .business-request-panel{width:100%!important;height:var(--pd-app-height)!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
  .bottom-nav{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;transform:none!important;padding-left:calc(6px + var(--pd-safe-left))!important;padding-right:calc(6px + var(--pd-safe-right))!important;padding-bottom:calc(5px + var(--pd-safe-bottom))!important;background:#fff!important}
  .bottom-nav::after{background:#fff!important}
  body.host-authenticated #view.view.host-content{height:100%!important;min-height:0!important;margin:0!important;padding-left:calc(11px + var(--pd-safe-left))!important;padding-right:calc(11px + var(--pd-safe-right))!important;padding-bottom:calc(var(--mobile-nav-h,76px) + 20px + var(--pd-safe-bottom))!important;overflow-y:auto!important;background:#f7f6fb!important}
}

/* Tablet: masaüstü yerine ayrı, dokunmatik ve tek kolonlu uygulama düzeni. */
@media (min-width:768px) and (max-width:1180px){
  #app.app-shell.host-app{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;height:var(--pd-app-height)!important;background:#f7f6fb!important}
  .host-main{grid-column:1!important;grid-row:1 / -1!important;width:100%!important;height:100%!important;min-height:0!important}
  .host-topbar{display:flex!important;height:68px!important;flex:0 0 68px!important;padding:0 calc(18px + var(--pd-safe-right)) 0 calc(18px + var(--pd-safe-left))!important}
  .host-mobile-menu-toggle,.host-mobile-brand{display:flex!important}
  .host-search{max-width:360px!important;margin-left:auto!important}
  .host-sidebar{display:flex!important;position:fixed!important;z-index:2147483300!important;top:0!important;bottom:0!important;left:0!important;width:min(340px,82vw)!important;height:var(--pd-app-height)!important;padding-top:calc(18px + var(--pd-safe-top))!important;padding-bottom:calc(18px + var(--pd-safe-bottom))!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:22px 0 54px rgba(34,20,72,.22)!important}
  body.mobile-menu-open .host-sidebar{transform:translateX(0)!important}
  .mobile-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147483200!important;background:rgba(25,18,45,.42)!important;opacity:0!important;visibility:hidden!important;transition:opacity .2s ease,visibility .2s ease!important}
  body.mobile-menu-open .mobile-drawer-backdrop{opacity:1!important;visibility:visible!important}
  .host-content,#view.view.host-content{width:100%!important;max-width:none!important;min-height:0!important;padding:24px calc(24px + var(--pd-safe-right)) calc(28px + var(--pd-safe-bottom)) calc(24px + var(--pd-safe-left))!important;overflow-y:auto!important}
  .bottom-nav{display:none!important}
  body:not(.host-authenticated) .host-topbar{display:none!important}
  body:not(.host-authenticated) #view.view.host-content{height:var(--pd-app-height)!important;padding:0!important;overflow:hidden!important;background:#f7f6fb!important}
  .secure-login-page{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:210px minmax(0,1fr)!important;width:100%!important;height:var(--pd-app-height)!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#f7f6fb!important}
  .secure-login-visual{display:flex!important;min-height:0!important;padding:calc(28px + var(--pd-safe-top)) 44px 28px!important;justify-content:center!important;align-items:flex-start!important}
  .secure-login-visual img{width:58px!important;height:58px!important}
  .secure-login-visual span{margin-top:13px!important}.secure-login-visual h1{margin:5px 0 8px!important;font-size:38px!important;line-height:.95!important}.secure-login-visual p{font-size:13px!important;line-height:1.45!important}.secure-login-visual small{display:none!important}
  .secure-login-panel{display:flex!important;align-items:flex-start!important;justify-content:center!important;height:100%!important;min-height:0!important;padding:28px 30px calc(28px + var(--pd-safe-bottom))!important;overflow:hidden!important;background:#f7f6fb!important}
  .secure-login-card,.business-request-card{width:min(100%,700px)!important;max-height:100%!important;margin:0!important;padding:34px 38px!important;border-radius:24px!important;overflow-y:auto!important;background:#fff!important}
  .business-request-page{grid-template-columns:1fr!important;height:var(--pd-app-height)!important}.business-request-visual{display:none!important}.business-request-panel{height:100%!important;padding:28px!important}
  .host-kpis,.notification-status-grid,.sync-summary-grid,.central-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}