.ai-box {
  background: linear-gradient(135deg, rgba(252,82,1,.06), rgba(252,82,1,.02));
  border: 1px solid rgba(252,82,1,.25);
  border-radius: var(--radius);
  padding: 18px;
  margin-bottom: 20px;
}

.ai-box-header {
  font-weight: 700;
  font-size: 14.5px;
  color: var(--text);
  margin-bottom: 4px;
}

.ai-box-desc {
  font-size: 12.5px;
  color: var(--text-dim);
  margin: 0 0 14px;
}

.ai-input-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ai-input-row input {
  flex: 1;
  min-width: 220px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  font-size: 14.5px;
}

.ai-input-row input:focus {
  outline: 2px solid var(--boulanger-orange);
  border-color: var(--boulanger-orange);
}

.ai-input-row .btn {
  white-space: nowrap;
}

#aiResult {
  margin-top: 14px;
}

.ai-empty {
  font-size: 13px;
  color: var(--text-dim);
  font-style: italic;
  padding: 8px 0;
}

.ai-loading {
  font-size: 13px;
  color: var(--text-dim);
  padding: 8px 0;
}

.ai-error {
  font-size: 13px;
  color: var(--danger);
  padding: 8px 0;
}