/* Additions for the Keycloak pages on top of the administration stylesheet (app.css). */

.form-stack {
  display: flex;
  flex-direction: column;
  gap: var(--insula-space-5);
}

.auth__brand {
  flex-wrap: wrap;
}

.auth__locales {
  display: flex;
  gap: var(--insula-space-1);
  margin-left: auto;
}

.auth__locales a {
  padding: var(--insula-space-1) var(--insula-space-2);
  border-radius: var(--md-sys-shape-corner-small);
  color: var(--md-sys-color-on-surface-variant);
  text-decoration: none;
}

.auth__locales a.is-current {
  background: var(--md-sys-color-secondary-container);
  color: var(--md-sys-color-on-secondary-container);
}

.auth__options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--insula-space-3);
}

.checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: var(--insula-space-2);
}

.checkbox-label input {
  width: 18px;
  height: 18px;
  accent-color: var(--md-sys-color-primary);
}

.auth__info {
  color: var(--md-sys-color-on-surface-variant);
}

.banner--warning {
  background: var(--insula-color-warning-container);
  color: var(--insula-color-on-warning-container);
}

/* Generic base theme markup (error, info and required action pages) */
.auth__card form {
  display: flex;
  flex-direction: column;
  gap: var(--insula-space-5);
}

.auth__card .field__errors {
  list-style: none;
}

.auth__card input[type='submit'] {
  min-height: 56px;
}