.rotate-90 {
  transform: rotate(90deg);
}

.menu-item {
  padding: 12px 16px;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.15s;
}

.menu-item:hover {
  background-color: #f9fafb;
}

.menu-item:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.menu-item:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

@media (prefers-color-scheme: dark) {
  .menu-item:hover {
    background-color: #f3f4f6;
  }
}

.flash-message {
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

#toast {
  pointer-events: none;
}

.dialog.hidden {
  display: none !important;
}