/* StoryGen internal outreach tool styles */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.btn { @apply inline-flex items-center gap-1.5 px-3 py-1.5 rounded text-sm font-medium border transition; }
.btn-primary { @apply bg-indigo-600 text-white border-indigo-600 hover:bg-indigo-700; }
.btn-secondary { @apply bg-white text-slate-700 border-slate-300 hover:bg-slate-50; }
.btn-danger { @apply bg-rose-600 text-white border-rose-600 hover:bg-rose-700; }
.btn-ghost { @apply bg-transparent text-slate-700 border-transparent hover:bg-slate-100; }
.input { @apply w-full px-3 py-2 border border-slate-300 rounded text-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none; }
.label { @apply block text-xs font-semibold text-slate-600 mb-1 uppercase tracking-wide; }
table.tbl { @apply w-full text-sm; }
table.tbl thead th { @apply text-left text-xs uppercase tracking-wide text-slate-500 px-3 py-2 border-b border-slate-200 bg-slate-50; }
table.tbl tbody td { @apply px-3 py-2 border-b border-slate-100; }
table.tbl tbody tr:hover { @apply bg-slate-50; }
.codeblock { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; @apply text-xs bg-slate-900 text-slate-100 p-3 rounded overflow-x-auto; }