/**
 * @file
 * View-specific styles for Drupal views.
 */

/* ==========================================================================
   View Empty State
   ========================================================================== */

.view-empty {
  text-align: center;
  padding: var(--space-12) var(--space-4);
  background: var(--color-white);
  border: 1px dashed var(--color-gray-300);
  border-radius: var(--radius-xl);
  color: var(--color-gray-500);
  font-size: var(--font-size-base);
}

.view-empty p {
  margin: 0;
}

.view-empty a {
  color: var(--color-accent);
  text-decoration: none;
}

.view-empty a:hover {
  text-decoration: underline;
}