/* ShambaWire MVP styles */
.nav-link{ @apply text-slate-600 hover:text-slate-900; }
.badge{ @apply inline-flex items-center px-2 py-1 rounded-lg bg-slate-100 border border-slate-200; }
.section-title{ @apply text-2xl md:text-3xl font-extrabold text-slate-900; }
.feature-card{ @apply p-5 rounded-2xl bg-white ring-1 ring-slate-200 shadow-sm hover:shadow-md transition; }
.feature-title{ @apply font-semibold text-slate-900 mt-2; }
.feature-text{ @apply text-sm text-slate-600 mt-1; }
.icon{ @apply text-2xl; }
.panel{ @apply rounded-2xl bg-white ring-1 ring-slate-200 p-4 shadow-sm; }
.panel-title{ @apply text-sm font-semibold text-slate-700 mb-2; }
.form-label{ @apply text-xs text-slate-500 mb-1 block; }
.form-control{ @apply w-full rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-brand-500; }
.btn-primary{ @apply inline-flex items-center justify-center px-4 py-2 rounded-xl bg-brand-600 hover:bg-brand-700 text-white shadow; }
.card-accent-green{ @apply rounded-2xl bg-white ring-1 ring-slate-200 p-4 border-l-4 border-green-600; }
.card-accent-amber{ @apply rounded-2xl bg-white ring-1 ring-slate-200 p-4 border-l-4 border-amber-600; }
.card-accent-blue{ @apply rounded-2xl bg-white ring-1 ring-slate-200 p-4 border-l-4 border-blue-600; }
.card-title{ @apply font-semibold text-slate-800; }
.card-text{ @apply text-sm text-slate-600 mt-1; }
.sms{ @apply text-xs bg-slate-50 p-3 rounded-xl ring-1 ring-slate-200 whitespace-pre-wrap; }
.glass{ backdrop-filter: blur(6px); background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7)); }