/* Badges and status */
.ai-badge{background:linear-gradient(135deg,rgba(34,197,94,0.08),rgba(16,185,129,0.08));border:1px solid rgba(34,197,94,0.2);border-radius:12px;padding:12px 16px;margin-bottom:1.25rem;display:flex;align-items:center;gap:12px}
.ai-badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,0.6);flex-shrink:0}
.ai-badge strong{font-size:13px;font-weight:600;color:#4ade80}
.ai-badge small{font-size:12px;color:#6ee7b7;display:block;margin-top:1px}

.badge{background:var(--badge-bg);color:var(--badge-color);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid var(--badge-border);transition:all 0.3s;animation:fadeIn 0.4s ease}

.ai-status{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px}
.ai-status.loading{background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.2);color:#fbbf24}
.ai-status.success{background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.2);color:#4ade80}
.ai-status.error{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:#f87171}
.spin{width:16px;height:16px;border:2px solid rgba(251,191,36,0.3);border-top-color:#fbbf24;border-radius:50%;animation:spin 0.7s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}