/* Sign-in layout only - form/button/card styles come from the vendor theme */

.signin-body {
  margin: 0;
  min-height: 100vh;
  background: #f0f2f7;
}

.signin-stage {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
}

.signin-panel {
  width: 100%;
  max-width: 420px;
  margin-bottom: 0;
}

.signin-panel .card-body {
  padding: 2rem 1.75rem;
}

.signin-brand__logo {
  display: inline-block;
  width: min(200px, 70vw);
  height: auto;
  object-fit: contain;
}

.signin-panel h4 {
  color: #031b4e;
  font-weight: 600;
}

.signin-panel .text-muted {
  color: #76839a !important;
  font-size: 0.875rem;
}

.signin-panel .form-group {
  margin-bottom: 1rem;
}

.signin-panel .form-group label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #4d5875;
  margin-bottom: 0.35rem;
}

.signin-panel .btn-primary {
  margin-top: 0.35rem;
  font-weight: 600;
}

.signin-panel #signin-submit:disabled,
.signin-panel #signin-submit.is-loading {
  cursor: wait;
  opacity: 0.75;
}

@media (max-width: 480px) {
  .signin-panel .card-body {
    padding: 1.5rem 1.15rem;
  }
}