/* Authentication Layout Styles */

.authentication-layout {
  background: var(--color-bg--canvas);
}

.authentication-card {
  width: min(80vw, 480px);
  /* max-height: 95vh; */
  background: var(--color-bg--surface);
  border-radius: var(--radius-3);
  box-shadow: var(--shadow-4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.authentication-card__header {
  text-align: center;
  flex-shrink: 0;
}

.authentication-card__logo {
  display: inline-block;
  text-decoration: none;
}

.authentication-card__logo-img {
  width: 200px;
  height: auto;
  fill: var(--color-primary);
  /* max-height: 120px; */
}

.authentication-card__body {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

/* Form Styles within Authentication Card */
.authentication-card__body form {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.authentication-card__body .form-group {
  margin-bottom: var(--size-4);
}

.authentication-card__body .form-actions {
  margin-top: auto;
  padding-top: var(--size-4);
}