.header-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--kendo-color-primary, #212529);
}

.header-title .logo {
  width: 50px; 
}

.user-info {
  font-size: 0.95rem;
  color: var(--kendo-color-secondary, #6c757d);
}

.user-info strong { color: var(--kendo-color-primary, #212529); }

.logout-button {
  background-color: var(--kendo-color-primary, #0d6efd);
  border: 1px solid var(--kendo-color-primary, #0d6efd);
  color: #fff;
  padding: 0.25rem 0.75rem;
  font-size: 0.85rem;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.logout-button:hover {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
  color: #fff;
}