/* PM24 V335 — staff assignment consistency + compact desktop login OTP */

/* Staff directory: when there is only one property, show one deterministic
   status panel instead of a disabled native select whose text can disappear. */
.staff-no-alternate-property{
  display:grid;gap:5px;min-width:0;padding:10px 12px;border:1px solid #d8e4f2;
  border-radius:12px;background:linear-gradient(145deg,#f7faff,#fff);
  box-sizing:border-box
}
.staff-no-alternate-property>span{
  color:#7a8ca5;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase
}
.staff-no-alternate-property>strong{
  color:#6f86a6;font-size:11px;font-weight:850;line-height:1.35;overflow-wrap:anywhere
}
.staff-no-alternate-property>small{
  color:#8a9bb3;font-size:9px;line-height:1.4;overflow-wrap:anywhere
}
.staff-directory-actions>.staff-no-alternate-property{width:100%;align-self:stretch}

/* Desktop login OTP: keep the entire approval card and primary action above
   the fold. Mobile remains governed by the existing V307/V308 rules. */
@media (min-width:901px){
  body.public-login .pgm-login-pro{
    min-height:100vh!important;grid-template-rows:72px minmax(0,1fr) 38px!important;
    overflow:hidden!important;background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important
  }
  body.public-login .pgm-login-pro-nav-logo-only{
    height:72px!important;min-height:72px!important;padding:7px 24px!important
  }
  body.public-login .pgm-login-pro-brand{
    width:104px!important;max-width:104px!important;height:56px!important
  }
  body.public-login .pgm-login-pro-brand .pm24-login-logo{
    width:98px!important;max-width:98px!important;height:52px!important;max-height:52px!important
  }
  body.public-login .pgm-login-simple-grid.is-otp-view{
    display:flex!important;align-items:center!important;justify-content:center!important;
    grid-template-columns:1fr!important;width:100%!important;max-width:none!important;
    min-height:calc(100vh - 110px)!important;margin:0!important;
    padding:12px 24px 14px!important;gap:0!important;transform:none!important
  }
  body.public-login .pgm-login-simple-grid.is-otp-view:before{
    content:none!important;display:none!important
  }
  body.public-login .pgm-login-simple-grid.is-otp-view .pgm-login-pro-card-wrap{
    grid-column:auto!important;width:100%!important;min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important
  }
  body.public-login .pgm-login-simple-grid.is-otp-view .pgm-login-pro-card{
    width:min(100%,520px)!important;max-width:520px!important;margin:0 auto!important;
    padding:22px 26px!important;border-radius:20px!important;
    box-shadow:0 18px 48px rgba(7,29,67,.13)!important
  }
  body.public-login .is-otp-view .pgm-login-pro-card-kicker{
    padding:6px 10px!important;font-size:11px!important
  }
  body.public-login .is-otp-view .pgm-login-pro-otp-icon{
    width:54px!important;height:54px!important;margin:12px 0 8px!important;
    border-radius:17px!important;font-size:29px!important
  }
  body.public-login .is-otp-view .pgm-login-pro-card h2{
    margin:7px 0 7px!important;font-size:28px!important;line-height:1.1!important
  }
  body.public-login .is-otp-view .pgm-login-pro-card-copy{
    margin:0 0 12px!important;font-size:13px!important;line-height:1.45!important
  }
  body.public-login .is-otp-view .pgm-login-business-identity{
    min-height:58px!important;margin:0 0 10px!important;padding:9px 12px!important;border-radius:12px!important
  }
  body.public-login .is-otp-view .pgm-login-business-identity>span{
    width:38px!important;height:38px!important;border-radius:11px!important
  }
  body.public-login .is-otp-view .pgm-login-business-identity b{font-size:14px!important}
  body.public-login .is-otp-view .pgm-login-business-identity small{font-size:11px!important}
  body.public-login .is-otp-view .pgm-login-pro-demo{
    margin:0 0 10px!important;padding:8px 11px!important;border-radius:10px!important;font-size:12px!important
  }
  body.public-login .is-otp-view .pgm-login-pro-form{gap:9px!important}
  body.public-login .is-otp-view .pgm-login-pro-form label{font-size:12px!important}
  body.public-login .is-otp-view .pgm-login-pro-otp{
    min-height:54px!important;height:54px!important;padding:0 16px!important;
    font-size:24px!important;letter-spacing:.38em!important;border-radius:13px!important
  }
  body.public-login .is-otp-view .pgm-login-pro-submit{
    min-height:48px!important;height:48px!important;border-radius:12px!important;font-size:15px!important
  }
  body.public-login .is-otp-view .pgm-login-pro-change{
    margin-top:10px!important;font-size:12px!important
  }
  body.public-login .pgm-login-pro-footer{
    display:flex!important;min-height:38px!important;height:38px!important;padding:6px 24px!important;
    font-size:11px!important;overflow:hidden!important
  }
}

@media(max-width:640px){
  .staff-no-alternate-property{padding:11px 12px;min-height:62px}
  .staff-no-alternate-property>strong{font-size:12px}
}