/* PartnerPilot custom styles */

/* Cloudflare orange accent */
.btn-primary {
  @apply bg-orange-500 hover:bg-orange-600 text-white font-semibold
         px-4 py-2 rounded-lg transition-colors duration-150 text-sm;
}
.btn-secondary {
  @apply bg-white hover:bg-gray-50 text-gray-700 font-medium
         px-4 py-2 rounded-lg border border-gray-200
         transition-colors duration-150 text-sm;
}

/* Chat bubble styles */
.chat-user {
  @apply ml-auto max-w-lg bg-orange-500 text-white rounded-2xl rounded-tr-sm px-4 py-3 text-sm;
}
.chat-assistant {
  @apply mr-auto max-w-2xl bg-white border border-gray-200 rounded-2xl rounded-tl-sm px-4 py-3 text-sm text-gray-800 shadow-sm;
}

/* Markdown-like rendering inside chat */
.chat-assistant strong { font-weight: 600; }
.chat-assistant code {
  @apply bg-gray-100 text-orange-700 px-1 rounded font-mono text-xs;
}
.chat-assistant ul { @apply list-disc pl-5 mt-1 space-y-1; }
.chat-assistant ol { @apply list-decimal pl-5 mt-1 space-y-1; }
.chat-assistant h2, .chat-assistant h3 {
  @apply font-semibold mt-3 mb-1 text-gray-900;
}

/* Status badges */
.badge-certified   { @apply bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded-full; }
.badge-in-progress { @apply bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-full; }
.badge-not-started { @apply bg-gray-100 text-gray-600 text-xs font-medium px-2.5 py-0.5 rounded-full; }

/* Loading spinner */
.spinner {
  @apply inline-block w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin;
}

/* Scrollbar thin */
.thin-scroll::-webkit-scrollbar { width: 4px; }
.thin-scroll::-webkit-scrollbar-track { background: transparent; }
.thin-scroll::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 2px; }