@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .panel { @apply bg-white rounded-lg shadow-sm border border-slate-200; }
  .btn { @apply inline-flex items-center justify-center px-3 py-1.5 rounded-md bg-slate-800 text-white text-sm; }
  .btn-ghost { @apply bg-transparent text-slate-700; }
  .input { @apply border border-slate-200 rounded-md px-3 py-2 text-sm bg-white; }
  .nav-item { @apply w-full text-left px-3 py-2 rounded-md text-sm text-slate-700 hover:bg-slate-50; }
  .nav-item.active { @apply bg-slate-100 font-medium; }
}

@layer utilities {
  .font-sans { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
}

/* Broadcasts (Transmisiones) specific */
@layer components {
  .create-card { @apply flex items-center gap-4 p-4 rounded-lg border border-slate-200 bg-white hover:shadow-sm text-left; }
  .create-card .icon { @apply w-12 h-12 rounded-md flex items-center justify-center text-xl; }
  .tab-btn { @apply px-3 py-1 rounded-md text-sm text-slate-600 hover:bg-slate-50; }
  .tab-btn.active { @apply text-sky-600 border-b-2 border-sky-500; }
}