/* EMII v5.24 — Action Menu */
.emii-action-menu-popover,
.emii-action-menu-sheet {
  color: var(--emii-text);
}

.emii-action-menu-popover {
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(26px) saturate(1.22);
  -webkit-backdrop-filter: blur(26px) saturate(1.22);
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 20px 54px rgba(0,0,0,.20), 0 4px 14px rgba(0,0,0,.08);
  padding: 8px;
  opacity: 0;
  transform: translateY(8px) scale(.985);
  transition: opacity .18s ease, transform .18s ease;
  overflow: hidden auto;
}

.emii-action-menu-popover.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.emii-action-menu-sheet {
  padding: 10px 14px 14px;
}

.emii-action-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 8px 10px;
}

.emii-action-menu-header strong {
  display: block;
  font-size: 14px;
  font-weight: 950;
}

.emii-action-menu-header span {
  display: block;
  margin-top: 3px;
  color: var(--emii-muted);
  font-size: 12px;
  font-weight: 800;
}

.emii-action-menu-list {
  display: grid;
  gap: 4px;
}

.emii-action-menu-item {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--emii-text);
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  text-align: right;
}

.emii-action-menu-item:hover,
.emii-action-menu-item:focus-visible,
.emii-action-menu-item.is-selected {
  outline: 0;
  background: rgba(120,120,128,.13);
}

.emii-action-menu-icon {
  width: 30px;
  height: 30px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: rgba(0,122,255,.10);
  color: var(--emii-blue);
  font-size: 15px;
  font-weight: 950;
}

.emii-action-menu-text {
  min-width: 0;
}

.emii-action-menu-text b {
  display: block;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.emii-action-menu-text small {
  display: block;
  margin-top: 2px;
  color: var(--emii-muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.5;
}

.emii-action-menu-item kbd {
  min-width: 26px;
  border: 1px solid var(--emii-line);
  border-radius: 9px;
  background: rgba(120,120,128,.10);
  color: var(--emii-muted);
  padding: 3px 6px;
  font-size: 11px;
  font-family: inherit;
  font-weight: 850;
}

.emii-action-menu-item.is-danger {
  color: var(--emii-red);
}

.emii-action-menu-item.is-danger .emii-action-menu-icon {
  background: rgba(255,59,48,.10);
  color: var(--emii-red);
}

.emii-action-menu-item[aria-disabled="true"],
.emii-action-menu-item:disabled,
.emii-action-menu-item.is-disabled {
  opacity: .48;
  pointer-events: none;
}

.emii-action-menu-separator {
  height: 1px;
  background: var(--emii-line);
  margin: 4px 8px;
}

.emii-action-menu-heading,
.emii-action-menu-empty {
  padding: 9px 12px;
  color: var(--emii-muted);
  font-size: 12px;
  font-weight: 900;
}

.emii-action-menu-empty {
  text-align: center;
  min-height: 52px;
  display: grid;
  place-items: center;
}

.is-action-menu-open {
  background: rgba(0,122,255,.14);
  color: var(--emii-blue);
}

[data-theme="dark"] .emii-action-menu-popover,
[data-theme="dark"] .emii-action-menu-sheet {
  background: rgba(28,28,30,.94);
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
}

[data-theme="dark"] .emii-action-menu-item:hover,
[data-theme="dark"] .emii-action-menu-item:focus-visible,
[data-theme="dark"] .emii-action-menu-item.is-selected {
  background: rgba(255,255,255,.08);
}

@media (max-width: 720px) {
  .emii-action-menu-sheet .emii-action-menu-list {
    gap: 6px;
  }

  .emii-action-menu-sheet .emii-action-menu-item {
    min-height: 56px;
    border-radius: 18px;
    background: rgba(120,120,128,.08);
  }

  .emii-action-menu-sheet .emii-action-menu-item + .emii-action-menu-item {
    margin-top: 2px;
  }
}
