/* Discuss exchange (the heart) — refine → seat. */

.discuss-screen {
  gap: var(--space-4);
  max-width: 640px;
}

.discuss-topic {
  margin: 0;
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.9rem;
}

.discuss-title {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: 1.7rem;
  line-height: 1.15;
}

/* Warm seed when entered via Go deeper ------------------------------- */
/* Your idea, editable ------------------------------------------------ */
.discuss-idea-form {
  display: grid;
  gap: var(--space-2);
}

.discuss-idea-input {
  width: 100%;
  min-height: 4rem;
  padding: var(--space-3);
  border: 1.5px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--panel);
  color: var(--ink);
  font-family: var(--font-reading);
  font-size: 1.1rem;
  line-height: 1.4;
  resize: vertical;
}

.discuss-idea-input:focus {
  border-color: var(--accent);
  outline: none;
}

/* New room draft ----------------------------------------------------- */
.discuss-room-draft {
  display: grid;
  gap: var(--space-3);
}

.discuss-draft-label {
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.82rem;
}

/* Title / goal / criteria are permanent once the room opens — say so where
   they're typed, quietly. Negative top margin tucks each note under its
   field, against the form's grid gap. */
.discuss-draft-warning {
  margin: calc(-1 * var(--space-2)) 0 0;
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.75rem;
}

.discuss-draft-input {
  width: 100%;
  padding: var(--space-3);
  border: 1.5px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--panel);
  color: var(--ink);
  font-family: var(--font-reading);
  font-size: 1.05rem;
  line-height: 1.35;
}

.discuss-draft-input:focus {
  border-color: var(--accent);
  outline: none;
}

.discuss-room-draft-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

/* Refine — you invite the AI to think it through --------------------- */
.discuss-sharpen-actions {
  display: flex;
}

.discuss-sharpen {
  padding: var(--space-2) var(--space-4);
  border: 1.5px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--panel);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.discuss-sharpen:hover:not(:disabled),
.discuss-sharpen:focus-visible:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent-dark);
}

.discuss-sharpen:disabled {
  cursor: default;
  color: var(--muted);
}

.discuss-sharpen-actions .discuss-primary {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

/* AI feedback — invited, not imposed --------------------------------- */
.discuss-feedback {
  display: grid;
  gap: var(--space-3);
  margin-left: var(--space-2);
}

.discuss-feedback-item {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3) var(--space-2) var(--space-2);
  border-left: 2px solid var(--accent);
  border-radius: var(--radius-sm);
  background: var(--soft);
}

.discuss-feedback-counter {
  border-left-color: var(--clay);
}

.discuss-feedback-tag {
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.discuss-feedback-item p {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-reading);
  font-size: 1rem;
  line-height: 1.5;
}

.discuss-note {
  margin: 0;
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.88rem;
}

/* Your idea, echoed on the seat step --------------------------------- */
.discuss-your-idea {
  margin: 0;
  padding: var(--space-4);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm);
  background: var(--panel);
  color: var(--ink);
  font-family: var(--font-reading);
  font-size: 1.1rem;
  line-height: 1.4;
}

/* Actions ------------------------------------------------------------ */
.discuss-actions,
.discuss-fresh {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

.discuss-primary {
  padding: var(--space-3) var(--space-5);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--color-on-accent);
  font-family: var(--font-ui);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}

.discuss-primary:hover,
.discuss-primary:focus-visible {
  background: var(--accent-dark);
}

.discuss-secondary {
  padding: var(--space-2) var(--space-3);
  border: 0;
  background: transparent;
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.9rem;
  cursor: pointer;
}

.discuss-secondary:hover,
.discuss-secondary:focus-visible {
  color: var(--ink);
}

/* Rooms — revealed a beat after the feedback lands. --------------------*/
.discuss-seat {
  display: grid;
  gap: var(--space-3);
  animation: discuss-seat-in 0.45s ease both;
  animation-delay: 0.35s;
}

.discuss-section-title {
  margin: var(--space-2) 0 0;
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: 1rem;
  line-height: 1.2;
}

@keyframes discuss-seat-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .discuss-seat { animation: none; }
}

/* Rooms the AI found ------------------------------------------------- */
.discuss-rooms {
  display: grid;
  gap: var(--space-3);
}

.discuss-room-card {
  display: grid;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--panel);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.discuss-room-card:hover,
.discuss-room-card:focus-visible {
  border-color: var(--accent);
  box-shadow: var(--shadow);
  transform: translateY(-1px);
}

.discuss-room-title {
  color: var(--ink);
  font-family: var(--font-reading);
  font-size: 1.02rem;
  line-height: 1.35;
}