body { background-color: var(--bs-tertiary-bg); }
.navbar-brand { font-weight: 600; }
.auth-card { max-width: 400px; }
#items:empty::before { content: attr(data-empty); display: block; padding: .75rem 1rem; color: var(--bs-secondary-color); }
@media (max-width: 767.98px) {
  /* Tabs scroll sideways on phones instead of wrapping into several rows. */
  .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  .nav-tabs .nav-link { white-space: nowrap; }
}
/* House picture: cropped to the same shape on every card. */
.house-picture { aspect-ratio: 16 / 9; object-fit: cover; }
.house-picture-empty { display: flex; align-items: center; justify-content: center; font-size: 2.5rem;
  background-color: var(--bs-secondary-bg); color: var(--bs-tertiary-color); }
.house-picture-small { width: 96px; height: 72px; object-fit: cover; }