/* MENU CONTAINER */
.global-menu-options {
  position: relative;
  display: inline-flex;
}

/* TRIGGER */
.global-menu-options-trigger {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: var(--radius-md-12);
  background: var(--color-surface-secondary);
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition-fast);
}

.global-menu-options-trigger:hover {
  background: var(--color-hover);
  color: var(--color-primary);
}

.global-menu-options-trigger i {
  font-size: var(--font-lg-16);
}

/* DROPDOWN */
.global-menu-options-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg-16);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: var(--transition-fast);
}

/* OPEN */
.global-menu-options.open .global-menu-options-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* GROUP */
.global-menu-options-group {
  padding: var(--space-sm-08) 0;
}

.global-menu-options-group + .global-menu-options-group {
  border-top: 1px solid var(--color-border-light);
}

/* ITEM */
.global-menu-options-item {
  width: 100%;
  border: none;
  background: transparent;
  color: var(--color-text);
  display: flex;
  align-items: center;
  gap: var(--space-md-12);
  padding: 12px 16px;
  text-align: left;
  cursor: pointer;
  transition: var(--transition-fast);
}

.global-menu-options-item:hover {
  background: var(--color-hover);
}

/* ICON */
.global-menu-options-item i {
  width: 18px;
  text-align: center;
  flex-shrink: 0;
  font-size: var(--font-md-14);
}

/* TEXT */
.global-menu-options-text {
  flex: 1;
  font-size: var(--font-md-14);
  font-weight: var(--font-medium-500);
}

/* DESCRIPTION */
.global-menu-options-description {
  display: block;
  margin-top: 2px;
  font-size: var(--font-sm-12);
  color: var(--color-text-secondary);
}

/* SUCCESS */
.global-menu-options-item.success {
  color: var(--color-success);
}

.global-menu-options-item.success:hover {
  background: var(--color-success-light);
}

/* WARNING */
.global-menu-options-item.warning {
  color: var(--color-warning);
}

.global-menu-options-item.warning:hover {
  background: var(--color-warning-light);
}

/* DANGER */
.global-menu-options-item.danger {
  color: var(--color-error);
}

.global-menu-options-item.danger:hover {
  background: var(--color-error-light);
}

/* DISABLED */
.global-menu-options-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* HEADER */
.global-menu-options-header {
  padding: 12px 16px;
  font-size: var(--font-sm-12);
  font-weight: var(--font-bold-700);
  color: var(--color-text-secondary);
  background: var(--color-surface-secondary);
  border-bottom: 1px solid var(--color-border-light);
}

/* FOOTER */
.global-menu-options-footer {
  padding: var(--space-sm-08);
  border-top: 1px solid var(--color-border-light);
  background: var(--color-surface-secondary);
}

/* FULL WIDTH */
.global-menu-options-full {
  width: 100%;
}

.global-menu-options-full .global-menu-options-dropdown {
  left: 0;
  right: 0;
  width: 100%;
}

/* MOBILE */
@media (max-width: 768px) {
  .global-menu-options-dropdown {
    min-width: 260px;
  }
}