.login-form-panel {
  background: linear-gradient(90deg, var(--bo-brand-soft) 0, var(--bo-brand-soft) 16%, var(--bo-surface-muted) 42%);
  box-shadow: inset 1px 0 0 var(--bo-focus);
}

.login-card .btn-primary {
  cursor: pointer;
}

.login-brand small,
.dark .login-brand small {
  color: var(--bo-brand-text);
}

.login-card input:not([type="checkbox"]):not([type="radio"]) {
  border-color: var(--bo-border);
  background: var(--bo-surface);
}

.login-card input:-webkit-autofill,
.login-card input:-webkit-autofill:hover,
.login-card input:-webkit-autofill:focus {
  border-color: var(--bo-brand-border);
  -webkit-text-fill-color: #0f172a;
  caret-color: #0f172a;
  box-shadow: 0 0 0 1000px var(--bo-surface) inset;
  transition: background-color 9999s ease-out 0s;
}

.dark .login-form-panel {
  background: var(--bo-canvas);
  box-shadow: inset 1px 0 0 rgb(55 65 81 / 0.55);
}

.dark .login-card input:not([type="checkbox"]):not([type="radio"]) {
  border-color: var(--bo-border);
  background: var(--bo-canvas);
}

.dark .login-card input:-webkit-autofill,
.dark .login-card input:-webkit-autofill:hover,
.dark .login-card input:-webkit-autofill:focus {
  border-color: var(--bo-border);
  -webkit-text-fill-color: #f1f5f9;
  caret-color: #f1f5f9;
  box-shadow: 0 0 0 1000px var(--bo-surface) inset;
}