/* v3.13.21 — kullanıcı giriş kartı genişliği ve cihaz yönüne göre yükseklik davranışı */

/* Masaüstü: giriş yüzeyi tarayıcı yüksekliğini aşmaz; kart açık gri paneli geniş biçimde kullanır. */
@media (min-width:1181px){
  body:not(.host-authenticated):not(.business-request-open),
  body:not(.host-authenticated):not(.business-request-open) #app.app-shell,
  body:not(.host-authenticated):not(.business-request-open) .host-main,
  body:not(.host-authenticated):not(.business-request-open) #view.view.host-content{
    height:var(--pd-app-height,100dvh)!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-page{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-panel{
    box-sizing:border-box!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    padding:clamp(18px,2.2vw,36px)!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-card:not(.business-request-card){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
}

/* Telefon: ekran yüksekliğine kilitleme kaldırılır; belge doğal yüksekliğinde kayar. */
@media (max-width:767px){
  html:has(body:not(.host-authenticated):not(.business-request-open)){
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    background:#fff!important;
  }
  body:not(.host-authenticated):not(.business-request-open){
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    background:#fff!important;
  }
  body:not(.host-authenticated):not(.business-request-open) #app.app-shell,
  body:not(.host-authenticated):not(.business-request-open) .host-main,
  body:not(.host-authenticated):not(.business-request-open) #view.view.host-content{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:100svh!important;
    overflow:visible!important;
    background:#fff!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-page{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:100svh!important;
    overflow:visible!important;
    background:#fff!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-panel{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:100svh!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-card:not(.business-request-card){
    position:static!important;
    inset:auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:100svh!important;
    margin:0!important;
    padding:calc(22px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px))!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    overscroll-behavior-y:auto!important;
    background:#fff!important;
  }
}

/* Tablet dikey: görünüm tarayıcı yüksekliğine oturur, kart gerektiğinde kendi içinde kayar. */
@media (min-width:768px) and (max-width:1180px) and (orientation:portrait){
  body:not(.host-authenticated):not(.business-request-open),
  body:not(.host-authenticated):not(.business-request-open) #app.app-shell,
  body:not(.host-authenticated):not(.business-request-open) .host-main,
  body:not(.host-authenticated):not(.business-request-open) #view.view.host-content{
    height:var(--pd-app-height,100dvh)!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-page{
    grid-template-columns:1fr!important;
    grid-template-rows:clamp(150px,21dvh,205px) minmax(0,1fr)!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-panel{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    padding:clamp(18px,3vw,30px)!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-card:not(.business-request-card){
    box-sizing:border-box!important;
    width:min(100%,860px)!important;
    max-width:860px!important;
    height:auto!important;
    max-height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
}

/* Tablet yatay: yine ekran yüksekliği esas alınır; kısa yükseklikte form daha kompakt görünür. */
@media (min-width:768px) and (max-width:1180px) and (orientation:landscape){
  body:not(.host-authenticated):not(.business-request-open),
  body:not(.host-authenticated):not(.business-request-open) #app.app-shell,
  body:not(.host-authenticated):not(.business-request-open) .host-main,
  body:not(.host-authenticated):not(.business-request-open) #view.view.host-content{
    height:var(--pd-app-height,100dvh)!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-page{
    grid-template-columns:minmax(230px,31%) minmax(0,69%)!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-visual{
    height:100%!important;
    min-height:0!important;
    padding:clamp(20px,3.2vw,34px)!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-panel{
    box-sizing:border-box!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    padding:clamp(14px,2.2vw,24px)!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-card:not(.business-request-card){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(18px,2.5vw,28px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body:not(.host-authenticated):not(.business-request-open) .secure-login-brand{margin-bottom:10px!important}
  body:not(.host-authenticated):not(.business-request-open) .login-role-switch{margin-bottom:10px!important}
  body:not(.host-authenticated):not(.business-request-open) .login-heading{margin:10px 0 12px!important}
  body:not(.host-authenticated):not(.business-request-open) .login-heading h2{font-size:clamp(20px,2.7vw,25px)!important;line-height:1.15!important}
  body:not(.host-authenticated):not(.business-request-open) .login-heading p{font-size:11.5px!important;line-height:1.4!important}
  body:not(.host-authenticated):not(.business-request-open) .secure-login-card .field{margin-bottom:10px!important}
  body:not(.host-authenticated):not(.business-request-open) .secure-login-card :is(input,select,textarea){min-height:46px!important}
  body:not(.host-authenticated):not(.business-request-open) .remember-row{margin:7px 0!important}
  body:not(.host-authenticated):not(.business-request-open) .secure-login-button{min-height:46px!important}
  body:not(.host-authenticated):not(.business-request-open) .secure-login-note{margin-top:9px!important;padding:9px 11px!important;font-size:10.5px!important;line-height:1.4!important}
  body:not(.host-authenticated):not(.business-request-open) .login-request-link{margin-top:8px!important}
}