/* PM/UI reference alignment for the test login flow. */
html,body{
  min-width:0 !important;
}
body{
  overflow:hidden !important;
}
.scene{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:url("/assets/mediaexpert-background.png") center center/cover no-repeat !important;
}
.scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(0,0,0,.56);
  pointer-events:none;
}
.page-brand{
  position:fixed !important;
  left:18px !important;
  top:10px !important;
  width:138px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  z-index:3 !important;
  pointer-events:none !important;
}
.auth-stack{
  position:relative;
  z-index:2;
  width:440px;
  max-width:calc(100vw - 10px);
}
.auth-stack-login1{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.card{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:440px !important;
  max-width:100% !important;
  height:346px !important;
  min-height:346px !important;
  margin:0 !important;
  padding:44px 44px 38px 44px !important;
  background:#fff !important;
  color:#111 !important;
  box-shadow:none !important;
}
.brand{
  display:block !important;
  width:245px !important;
  height:36px !important;
  object-fit:contain !important;
  object-position:left top !important;
  margin:0 0 15px 0 !important;
}
.card h1{
  margin:0 0 14px 0 !important;
  font-family:"Segoe UI",SegoeUI,Tahoma,Arial,sans-serif !important;
  font-size:26px !important;
  line-height:31px !important;
  font-weight:600 !important;
  color:#111 !important;
}
.field{
  margin:0 2px !important;
}
.field input{
  display:block !important;
  width:100% !important;
  height:31px !important;
  margin:0 !important;
  padding:0 0 6px 0 !important;
  border:0 !important;
  border-bottom:1px solid #666 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#333 !important;
  font-family:"Segoe UI",SegoeUI,Tahoma,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:24px !important;
}
.field input:focus{
  border-bottom:2px solid #0067b8 !important;
}
.field input::placeholder{
  color:#666 !important;
  opacity:1 !important;
}
.link{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin:16px 0 0 2px !important;
  color:#0067b8 !important;
  text-decoration:none !important;
  font-family:"Segoe UI",SegoeUI,Tahoma,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:18px !important;
}
.actions{
  display:flex !important;
  justify-content:flex-end !important;
  margin:65px 0 0 0 !important;
}
.btn{
  min-width:108px !important;
  width:auto !important;
  height:33px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#0067b8 !important;
  color:#fff !important;
  font-family:"Segoe UI",SegoeUI,Tahoma,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:33px !important;
  font-weight:400 !important;
  cursor:pointer !important;
}
.btn:hover{background:#005a9e !important}
.login-options{
  width:440px;
  max-width:100%;
  height:49px;
  background:#fff;
  display:flex;
  align-items:center;
  padding:0 44px;
  gap:14px;
  color:#222;
  font-family:"Segoe UI",SegoeUI,Tahoma,Arial,sans-serif;
  font-size:16px;
  line-height:20px;
}
.login-options-key{
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 24px;
}
.identity{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  height:21px !important;
  margin:0 0 8px 2px !important;
  color:#222 !important;
  font-family:"Segoe UI",SegoeUI,Tahoma,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:20px !important;
  overflow-wrap:anywhere !important;
}
.back-icon{
  display:block !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
.scene-login2 .brand{
  margin-bottom:17px !important;
}
.scene-login2 .identity{
  margin-bottom:15px !important;
}
.scene-login2 .card h1{
  margin-bottom:14px !important;
}
.scene-login2 .actions{
  margin-top:26px !important;
}
.error{
  margin:0 2px 7px 2px !important;
  color:#e81123 !important;
  font-size:13px !important;
  line-height:18px !important;
}
.error[hidden]{display:none !important}
@media(max-width:600px){
  .auth-stack{max-width:calc(100vw - 10px)}
  .card{
    width:100% !important;
    padding-left:44px !important;
    padding-right:44px !important;
  }
  .login-options{width:100%}
}
@media(max-width:390px){
  .card{
    padding-left:32px !important;
    padding-right:32px !important;
  }
  .login-options{padding-left:32px;padding-right:32px}
}