body {
  min-height: 100vh;
}

.brand-logo img,
.offcanvas-header img {
  width: 32px;
  height: 32px;
}

.code {
  font-family: var(--ds-font-monospace);
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  padding: 12px;
  background: var(--bs-tertiary-bg);
  word-break: break-all;
}

.check {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  background: var(--bs-tertiary-bg);
}

.check input {
  flex: 0 0 auto;
}

.alert {
  border-radius: 8px;
}

.password-field span {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
}

.btn[disabled] {
  cursor: not-allowed;
}

@media (max-width: 991.98px) {
  #content {
    margin-left: 0;
  }
}