body { background: #f6f7f9; }
.card { border: none; }
.card-header { font-weight: 600; background: #fff; }
code { color: #6c757d; }

.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
}

.navbar-brand img.brand-primary {
  height: 1.8rem;
}

.navbar-brand img.brand-secondary {
  height: 1.25rem;
}

#currentUser {
  color: #fff;
}

#currentUser .badge {
  margin-right: .5rem;
}

.page-actions {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}

.page-actions .form-control,
.page-actions .form-select {
  min-width: 180px;
}

.login-branding {
  text-align: center;
}

.login-branding .brand-pair {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
}

.login-branding .brand-pair img.brand-primary {
  height: 3.5rem;
}

.login-branding .brand-pair img.brand-secondary {
  height: 2.3rem;
}