/* styles.css — minimal UI helpers for Tailwind components */
.input{ @apply w-full bg-slate-800/60 border border-slate-700 rounded-xl px-3 py-2 outline-none focus:ring-2 focus:ring-indigo-500; }
.btn-primary{ @apply bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded-xl font-medium; }
.btn-ghost{ @apply bg-slate-800/60 hover:bg-slate-800 text-slate-100 px-3 py-2 rounded-xl border border-slate-700; }
.modal{ border:none; padding:0; border-radius:1rem; width:min(720px, 95vw); background:#0b1220; color:#e6eaf2; }
.modal::backdrop{ background: rgba(0,0,0,0.6); }
.card{ @apply bg-slate-900/60 border border-slate-800 rounded-2xl p-4; }
.badge{ @apply text-xs px-2 py-0.5 rounded-full border; }
.kpill{ @apply text-xs px-2 py-1 rounded-full bg-slate-800 border border-slate-700; }
hr.sep{ border-color: #213047; margin: 10px 0; }