/* ============================================================================
   FILE MENU DROPDOWN STYLES
   ============================================================================ */

/* File Menu Dropdown */
.file-menu-container {
  position: relative;
  display: inline-block;
}

.file-menu-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 6px;

  /* OPTIMIZED: Removed backdrop-filter - dropdown menu doesn't need it */
  background: linear-gradient(135deg, rgb(3 6 9 / 98%) 0%, var(--space-mid-alt-opacity-98) 100%);
  border: 2px solid var(--blue-opacity-40);
  border-radius: 9px;
  box-shadow: 
    0 18px 48px rgb(0 0 0 / 90%),
    0 0 36px var(--blue-opacity-20);
  min-width: 200px;
  z-index: var(--z-tooltip);
  overflow: hidden;
  animation: dropdownFadeIn 0.3s ease;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.file-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 18px;
  background: transparent;
  border: none;
  color: var(--text-primary);
  font-size: var(--font-12);
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease;
}

.file-menu-item:hover {
  background: var(--blue-opacity-15);
  color: var(--cyan-bright);
  box-shadow: inset 0 0 12px var(--blue-opacity-10);
}

.file-menu-item i {
  font-size: 1rem;
  width: 1rem;
  text-align: center;
}

.file-menu-separator {
  height: 2px;
  background: var(--blue-opacity-20);
  margin: 6px 0;
  border-radius: 3px;
}