


.responses-chips { margin-bottom: 4px; }
.responses-chips[hidden] { display: none; }


.responses-empty {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 32px 16px;
  text-align: center;
  background: var(--pp-color-surface-card);
  border: 1px solid var(--pp-color-border-default);
  border-radius: var(--pp-radius-md);
}

.responses-empty__title { margin: 0; font-weight: 600; font-size: 17px; }

.responses-empty__text {
  margin: 0;
  max-width: 30rem;
  font-size: 14px;
  color: var(--pp-color-text-secondary);
}

.responses-empty__actions { margin: 4px 0 0; }


.listing-responses { display: grid; gap: var(--pp-space-md); margin: 0; padding: 0; list-style: none; }
.listing-response {
  display: grid;
  gap: 4px;
  padding: var(--pp-space-lg);
  background: var(--pp-color-surface-card);
  border: 1px solid var(--pp-color-border-default);
  border-radius: var(--pp-radius-md);
}
.listing-response p { margin: 0; }
.listing-response__name { font-weight: 600; }
.listing-response__rating,
.listing-response__when,
.listing-response__district { font-size: var(--pp-type-label-size); color: var(--pp-color-text-secondary); }
.listing-response__message { overflow-wrap: anywhere; }
.listing-response__status { font-weight: 600; }
.listing-response__status-line { min-height: 1.25em; margin: var(--pp-space-sm) 0 0; }
.listing-response__actions,
.listing-sent-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--pp-space-xs); }
.listing-sent-row { display: grid; gap: 4px; }
.listing-sent-row h3, .listing-sent-row p { margin: 0; }

.listing-form { display: grid; gap: var(--pp-space-md); }
.listing-form__step { display: grid; gap: var(--pp-space-md); }
.listing-form__nav { margin-top: var(--pp-space-sm); }
.listing-form__nav .pp-chip { min-height: 44px; }
.listing-form textarea { min-height: 120px; resize: vertical; }
.listing-form .card { display: grid; gap: 4px; padding: var(--pp-space-lg); }
.listing-form .card p, .listing-form .card h4 { margin: 0; }
.listing-form__author { font-size: var(--pp-type-label-size); }
