[x-cloak] { display: none !important; }

/* Sticky footer: body stretches full viewport, container takes remaining space */
body {
  display: flex;
  flex-direction: column;
}

/* Universal page container — handles max-width, centering, padding, and flex growth */
.site-container {
  flex: 1;
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .site-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.suggestions-dropdown {
  z-index: 100 !important;
}

/* Spacer that pushes content below the fixed top navbar */
.nav-spacer {
  height: 72px; /* mobile: h-14 (56px) + 16px gap */
}
@media (min-width: 768px) {
  .nav-spacer {
    height: 100px; /* desktop: h-16 (64px) + 16px gap */ 
  }
}

/* Truncate long employee/company names in the desktop navbar */
.nav-user-info {
  max-width: 180px; 
}
.nav-user-info p { 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}