/* Role chooser: dimensions and colours from the supplied reference. */
#authModal { position:fixed; inset:0; z-index:1000; display:none; overflow-y:auto; }
#authModal.is-open { display:block; }
#authModal .modal__backdrop { position:fixed; inset:0; background:rgba(17,24,39,.45); }
#authModal .modal__dialog.modal--login {
  box-sizing:border-box;
  position:relative;
  width:calc(100% - 32px);
  max-width:496px;
  margin:11vh auto 24px;
  padding:18px 18px 22px;
  background:#f3f8fb;
  border:0;
  border-radius:16px;
  box-shadow:0 18px 60px rgba(15,23,42,.22);
  font-family:Arial,sans-serif;
}
#authModal .modal__title {
  margin:0 0 14px;
  padding:0 56px 0 0;
  font-size:32px;
  line-height:43px;
  font-weight:700;
  letter-spacing:normal;
  color:#1f3b57;
}
#authModal .modal__x {
  box-sizing:border-box;
  position:absolute;
  top:12px;
  right:12px;
  width:48px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d8e2ec;
  border-radius:10px;
  background:#fff;
  color:#385775;
  font:18px/1 Arial,sans-serif;
  cursor:pointer;
}
#authModal .login-variants { display:grid; grid-template-columns:1fr; gap:12px; }
#authModal .login-btn {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  height:72px;
  margin:0;
  padding:0 16px;
  border:0;
  border-radius:8px;
  color:#fff;
  font:700 15px/20px Arial,sans-serif;
  letter-spacing:normal;
  text-decoration:none;
  box-shadow:none;
}
#authModal .login-btn svg { width:22px; height:22px; flex:0 0 22px; }
#authModal .login-btn--org { background:#00aa8a; }
#authModal .login-btn--doctor { background:#e74c3c; }
#authModal .login-btn--registrar { background:#4d3ce7; }
#authModal .login-btn:hover { color:#fff; text-decoration:none; filter:brightness(.96); }
#authModal .login-btn:focus-visible, #authModal .modal__x:focus-visible { outline:3px solid #1f3b57; outline-offset:3px; }
@media(max-width:380px) {
  #authModal .modal__dialog.modal--login { padding-left:14px; padding-right:14px; }
  #authModal .login-btn { padding:0 12px; font-size:14px; }
}