.transcript-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.transcript-source-form textarea[name="transcript"] {
  min-height: 360px;
  resize: vertical;
}

.transcript-counter {
  display: block;
  margin-top: .35rem;
  color: #64748b;
  font-size: .75rem;
  text-align: right;
}

.generated-article {
  grid-column: 1 / -1;
}

.generated-body {
  min-height: 340px;
  margin-top: .4rem;
}

.review-notes-label textarea {
  background: #fff9e8;
  border-color: #e7c76a;
}

.transcript-history-card {
  grid-column: 1 / -1;
}

.transcript-history-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
}

.transcript-history-item p,
.transcript-history-item small {
  margin: .3rem 0 0;
}

.transcript-history-item .item-actions {
  align-self: center;
}

.status.processing { background: #fff4cc; color: #7a5100; }
.status.generated { background: #dbeafe; color: #174ea6; }
.status.draft-saved { background: #dcfce7; color: #166534; }
.status.error { background: #fee2e2; color: #991b1b; }

@media (max-width: 900px) {
  .transcript-grid { grid-template-columns: 1fr; }
  .generated-article,
  .transcript-history-card { grid-column: auto; }
}

@media (max-width: 560px) {
  .transcript-source-form textarea[name="transcript"] { min-height: 260px; }
  .generated-body { min-height: 280px; }
  .transcript-history-item { grid-template-columns: 1fr; }
}