/*
 * MEGASERVICE Web — Authentication shell composition.
 * Opt-in scope: .ms-auth-shell.ms-ui.
 */

.ms-auth-shell {
  min-block-size: 100vh;
  padding-block: var(--ms-space-8);
  color: var(--ms-color-text-primary);
  background-color: var(--ms-color-background-canvas);
}

.ms-auth-shell__container,
.ms-auth-surface,
.ms-auth-form {
  min-width: 0;
}

.ms-auth-brand {
  margin: var(--ms-space-0) var(--ms-space-0) var(--ms-gap-field);
  font-size: var(--ms-type-h4-size);
  font-weight: var(--ms-font-weight-bold);
  line-height: var(--ms-type-h4-line-height);
  overflow-wrap: anywhere;
}

.ms-auth-messages {
  display: grid;
  gap: var(--ms-gap-related);
  margin-block-end: var(--ms-gap-group);
}

.ms-auth-form__submit {
  width: 100%;
}

.ms-auth-secondary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ms-space-1);
  margin-block: var(--ms-gap-field) var(--ms-space-0);
  font-size: var(--ms-type-body-small-size);
  line-height: var(--ms-type-body-small-line-height);
  color: var(--ms-color-text-muted);
  overflow-wrap: anywhere;
}

.ms-auth-secondary > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--ms-interaction-target-min);
}

@media (min-width: 48rem) {
  .ms-auth-shell {
    padding-block: var(--ms-space-12);
  }

  .ms-auth-surface {
    padding: var(--ms-inset-surface-expanded);
  }
}