/* Dropdown Organism - SPACING CONTRACT: Absolute positioning, no margins */
.dropdown {
  position: absolute;
  z-index: 1000;
  min-width: var(--space-50);
  margin: 0;
  animation: dropdown-fade-in var(--duration-200) var(--easing-out);
}

.dropdown-content {
  background: var(--bg-surface);
  border: var(--border-width-1) solid var(--border-subtle);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
  padding: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-0_5);
}

.dropdown-bottom-left {
  top: 100%;
  left: 0;
  margin-top: var(--space-1);
}

.dropdown-bottom-right {
  top: 100%;
  right: 0;
  margin-top: var(--space-1);
}

.dropdown-top-left {
  bottom: 100%;
  left: 0;
  margin-bottom: var(--space-1);
}

.dropdown-top-right {
  bottom: 100%;
  right: 0;
  margin-bottom: var(--space-1);
}

@keyframes dropdown-fade-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}