/* ── Action notifications (success/error pills) ──────────────────── */

.action-notification {
  align-self: center;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  animation: fadeIn 0.15s ease-out;
}

.action-notification.success {
  background: #ecfdf5;
  color: #059669;
}

.action-notification.error {
  background: #fef2f2;
  color: #dc2626;
}

.action-button-wrapper {
  align-self: flex-start;
  margin: 6px 0;
}

.action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid #0078d4;
  border-radius: 8px;
  background: #ffffff;
  color: #0078d4;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.action-btn:hover {
  background: #0078d4;
  color: #ffffff;
}

.action-btn:disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

.action-btn--danger {
  color: #d13438;
  border-color: #d13438;
}

.action-btn--danger:hover {
  background: #d13438;
  color: #ffffff;
}