/* =========================================================================
   Pre-call — Persona grid layout + settings warning
   Houses Customer and Agent cards side by side.
   ========================================================================= */

.persona-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .persona-grid { grid-template-columns: 1fr; }
}

/* Two-column Call Settings: additional-RTA prompt | mode toggles */
.call-settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: start;
}
@media (max-width: 640px) {
  .call-settings-grid { grid-template-columns: 1fr; }
}

/* Let the prompt textarea fill the left column height */
.call-settings-col-rta { display: flex; flex-direction: column; }
.call-settings-col-rta textarea { flex: 1; }

/* Warning shown when both customer and agent are set to Human */
.settings-warning {
  font-size: 0.75rem;
  color: var(--yellow);
  padding: 0.6rem 0.75rem;
  background: var(--yellow-soft);
  border: 1px solid var(--yellow-border);
  border-radius: var(--radius-xs);
  margin-top: 0.5rem;
}