/* ui/popover.css */

.acms-popover {
  position: fixed;
  z-index: var(--z-popover);
  min-width: 200px;
  max-width: 360px;
  padding: var(--space-4) var(--space-5);
  background: var(--bg-elevated);
  color: var(--fg-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-popover);
  font-size: var(--font-size-sm);
  opacity: 0;
  transform: translateY(-2px);
  transition:
    opacity var(--duration-fast) var(--ease-out-quint),
    transform var(--duration-fast) var(--ease-out-quint);
}

.acms-popover.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.acms-popover[data-placement="top"],
.acms-popover[data-placement="top-start"],
.acms-popover[data-placement="top-end"] {
  transform: translateY(2px);
}
.acms-popover[data-placement="top"].is-visible,
.acms-popover[data-placement="top-start"].is-visible,
.acms-popover[data-placement="top-end"].is-visible {
  transform: translateY(0);
}

.acms-popover:focus-visible {
  outline: none;
  box-shadow: var(--shadow-popover), var(--focus-ring);
}