/* Auth overlay */
.login-screen{
  position:fixed;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:24px;
  background:linear-gradient(160deg,#f4f7fb 0%,#e8eef8 55%,#f7f9fc 100%);
}
.login-screen.hidden,
.login-screen[hidden]{display:none!important}
.login-card{
  width:min(420px,100%);
  background:#fff;
  border:1px solid var(--line,#e9edf3);
  border-radius:14px;
  padding:32px 28px;
  box-shadow:0 18px 50px #1a28451a;
}
.login-brand{
  display:flex;
  align-items:center;
  gap:9px;
  font:800 20px Manrope,sans-serif;
  color:#26334d;
  letter-spacing:-.8px;
  margin-bottom:18px;
}
.login-card .eyebrow{margin-bottom:6px}
.login-card h1{font:700 24px Manrope,sans-serif;margin:0 0 6px;letter-spacing:-.6px}
.login-card>p{margin:0 0 18px;color:#778195;font-size:13px}
.login-card label{display:block;margin:12px 0 0;font-size:11px;color:#566276;font-weight:600}
.login-card input{
  width:100%;
  height:38px;
  border:1px solid #e0e5ee;
  border-radius:8px;
  padding:0 11px;
  margin-top:6px;
  font:500 13px "DM Sans",sans-serif;
  color:#48566c;
  background:#fff;
  box-sizing:border-box;
}
.login-card .primary-button{width:100%;margin-top:18px;height:40px}
.sso-button{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;height:42px;margin-top:4px;border-radius:8px;
  border:1px solid #d7deea;background:#fff;color:#1f2a44;
  font:600 13px "DM Sans",sans-serif;text-decoration:none;cursor:pointer;
}
.sso-button:hover{background:#f5f8fc;border-color:#c5d0e4}
.sso-button[hidden],#loginDivider[hidden]{display:none!important}
.login-divider{
  display:flex;align-items:center;gap:10px;margin:16px 0 4px;color:#98a2b3;font-size:11px;font-weight:600;
}
.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:#e6ebf3}
.login-error{min-height:18px;margin:10px 0 0;color:#c44545;font-size:12px;font-weight:600}
.login-card small{display:block;margin-top:12px;color:#98a2b3;font-size:11px;text-align:center}
#setupForm .primary-button{width:100%;margin-top:12px}
#setupForm label{display:block;margin:10px 0}
#loginScreen form[hidden]{display:none!important}

/* Utility */
.hidden{display:none!important}