.trashview {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--space-xl) var(--space-lg);
}

.trashview-header {
  margin-bottom: var(--space-lg);
}

.trashview-title {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--font-size-heading);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
  margin: 0;
}

.trashview-notice {
  margin-bottom: var(--space-lg);
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-body);
}

/* The list of deleted pages is the focal point (UI-SPEC). */
.trashview-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.trashview-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg);
}

.trashview-row-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  min-width: 0;
}

.trashview-row-title {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
}

.trashview-row-meta {
  font-size: var(--font-size-label);
  color: var(--color-text-muted);
}

.trashview-restore {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}

/* Empty-trash state recedes to muted copy (UI-SPEC). */
.trashview-empty {
  text-align: center;
  padding: var(--space-3xl) var(--space-lg);
  color: var(--color-text-muted);
}

.trashview-empty-heading {
  font-size: var(--font-size-heading);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
  margin: 0 0 var(--space-sm);
}

.trashview-empty-body {
  font-size: var(--font-size-body);
  margin: 0;
}

.trashview-status {
  padding: var(--space-xl);
  color: var(--color-text-muted);
}
