/* Dropdown styles for better functionality */
.dropdown-menu {
  transform-origin: top right;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.dropdown-menu.hidden {
  opacity: 0;
  transform: scale(0.95) translateY(-10px);
  pointer-events: none;
}

.dropdown-menu:not(.hidden) {
  opacity: 1;
  transform: scale(1) translateY(0);
  pointer-events: auto;
}

/* Ensure proper stacking */
.relative {
  position: relative;
}

/* Better button styling */
[data-controller="dropdown"] button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}