/*
 * Editeur de notes privees (iteration-4 §2.1).
 * Champ texte large, bascule Scene/Chapitre, boutons Reformater IA / Publier.
 * Uniquement des variables de theme.css.
 */
.notes-editor {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-6);
}

.notes-editor__bar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.notes-editor__label {
  font-family: var(--font-body);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.notes-editor__scope {
  display: inline-flex;
  gap: var(--space-1);
}
.notes-scope-btn {
  background: transparent;
  border: var(--border-default);
  border-radius: var(--radius);
  color: var(--color-ink-muted);
  font-family: var(--font-body);
  font-size: var(--font-size-label);
  padding: var(--space-1) var(--space-2);
  transition: var(--transition-fast);
}
.notes-scope-btn.is-active {
  color: var(--color-ink-primary);
  border-color: var(--color-amber);
}
.notes-scope-btn:hover {
  opacity: 0.85;
}

.notes-editor__publish {
  color: var(--color-amber);
}

.notes-editor__area {
  width: 100%;
  min-height: calc(var(--space-7) * 1.5);
  background: var(--color-bg-surface);
  border: 1px solid var(--color-ink-secondary);
  color: var(--color-ink-primary);
  border-radius: var(--radius);
  padding: var(--space-3);
  font-family: var(--font-body);
  font-size: var(--font-size-label);
  line-height: var(--line-height-narrative);
  resize: vertical;
  transition: var(--transition-fast);
}
.notes-editor__area:focus {
  border-color: var(--color-cyan);
  outline: none;
}
.notes-editor__area:disabled {
  opacity: 0.5;
}

.notes-editor__status {
  font-family: var(--font-mono);
  font-size: var(--font-size-meta);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-meta);
  color: var(--color-ink-muted);
  min-height: 1em;
}