/* Header CSS (minimal fallbacks). Tailwind classes preferred if available. */

/* Ensure dropdown is hidden by default when Tailwind isn't loaded */
#dropdownMenu.hidden {
  display: none !important;
}

/* Smooth rotate for arrow if Tailwind's rotate utilities are not present */
#dropdownArrow {
  transition: transform 0.2s ease-in-out;
}
#dropdownArrow.rotate-180 {
  transform: rotate(180deg);
}

/* Basic styling fallback for user avatar */
.header-avatar-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  width: 36px;
  height: 36px;
  font-weight: 600;
}