app-estado-vazio {
  display: block;
}

.empty-state {
  background: var(--surface);
  border: 2px dashed var(--orange-line);
  border-radius: 24px;
  padding: 3rem 1.5rem;
  text-align: center;
}

.empty-icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: var(--orange);
  color: var(--orange-d);
  display: grid;
  place-items: center;
  margin: 0 auto 1rem;
  font-size: 1.6rem;
}

.suggestion {
  display: flex;
  align-items: center;
  gap: .8rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: .55rem;
  background: var(--surface);
  text-align: left;
  width: 100%;
  transition: border-color .15s;
}

.suggestion:hover {
  border-color: var(--orange-d);
}

.suggestion img {
  width: 52px;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
}