@use 'kit-deps' as *;

/* ---------- placeholder ---------- */

// The detail pane is already a framed surface; a second dashed frame inside
// it would only add noise. The hint sits in the middle of the pane instead.
.catalog-placeholder {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 260px;
  padding: $space-md;
  text-align: center;
  color: var(--gn-color-text-dark);

  i {
    font-size: 2rem;
  }

  p {
    margin: 0;
    max-width: 44ch;
    font-size: 0.85rem;
  }
}