/* Gipaly Cockpit — styles complémentaires (Tailwind via CDN) */

:root {
  --gipaly-indigo: #4f46e5;
  --gipaly-indigo-dark: #3730a3;
  --gipaly-indigo-light: #e0e7ff;
  --gipaly-slate-900: #0f172a;
  --gipaly-slate-700: #334155;
  --gipaly-slate-500: #64748b;
  --gipaly-slate-200: #e2e8f0;
  --gipaly-slate-50: #f8fafc;
  --gipaly-emerald: #10b981;
  --gipaly-amber: #f59e0b;
  --gipaly-rose: #f43f5e;
  --gipaly-font-display: "Manrope", system-ui, sans-serif;
  --gipaly-font-body: "Inter", system-ui, sans-serif;
}

body {
  font-family: var(--gipaly-font-body);
}

h1,
h2,
h3,
.font-display {
  font-family: var(--gipaly-font-display);
}

.gipaly-card {
  background: #fff;
  border: 1px solid var(--gipaly-slate-200);
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.gipaly-btn-primary {
  background-color: var(--gipaly-indigo);
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-weight: 600;
  transition: background-color 0.15s ease;
}

.gipaly-btn-primary:hover {
  background-color: var(--gipaly-indigo-dark);
}

.gipaly-badge-open {
  background-color: var(--gipaly-indigo-light);
  color: var(--gipaly-indigo-dark);
}

.gipaly-badge-merged {
  background-color: #d1fae5;
  color: #065f46;
}

.gipaly-badge-closed {
  background-color: #f1f5f9;
  color: var(--gipaly-slate-700);
}

.flash-enter {
  animation: flashSlideIn 0.25s ease-out;
}

@keyframes flashSlideIn {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[x-cloak] {
  display: none !important;
}