/* Assistants IA (assistants.js). Retirer ce fichier avec assistants.js pour désactiver les assistants. */
.as-run { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; align-items: start; }
.as-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.as-out { display: flex; flex-direction: column; min-height: 360px; }
.as-out-head, .as-out-foot { display: flex; gap: 8px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.as-out-foot { border-bottom: 0; border-top: 1px solid var(--line); justify-content: space-between; }
.as-out-body { padding: 14px 16px; flex: 1; line-height: 1.6; }
.as-out-body p { margin: 0 0 10px; }
.as-out-body ul, .as-out-body ol { margin: 0 0 10px; padding-left: 22px; }
.as-sample-note { font-size: 12px; color: var(--info); background: var(--info-soft); padding: 6px 10px; border-radius: 6px; margin-bottom: 12px; }
.as-sent, .as-prompt { white-space: pre-wrap; font-size: 12.5px; background: var(--surface-2); padding: 12px; border-radius: 8px; margin: 8px 0 0; max-height: 360px; overflow: auto; }
.as-prompt mark, mark { background: var(--accent-soft); color: var(--accent); border-radius: 4px; padding: 0 2px; font-weight: 600; }
mark.org { background: var(--info-soft); color: var(--info); }
.as-label { font-weight: 600; font-size: 13px; }
.as-editor { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.as-editor table.list input, .as-editor table.list select { padding: 4px 6px; font-size: 13px; }
@media (max-width: 900px) {
  .as-run, .as-editor { grid-template-columns: 1fr; }
}