/* Дополнения поверх Tailwind для прототипа */
html, body { background: #09090b; color: #fafafa; min-height: 100vh; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif; }
::selection { background: #064e3b; color: #d1fae5; }
.scroll-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scroll-thin::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 3px; }

table.obm { width: 100%; border-collapse: collapse; font-size: 13px; }
table.obm th { text-align: left; font-weight: 500; color: #a1a1aa; padding: 10px 12px; border-bottom: 1px solid #27272a; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; }
table.obm td { padding: 10px 12px; border-bottom: 1px solid #1f1f23; }
table.obm tr:hover td { background: #18181b; }

.badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 9999px; font-size: 11px; font-weight: 500; }
.badge-success  { background: rgba(16, 185, 129, 0.15); color: #34d399; }
.badge-warning  { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
.badge-danger   { background: rgba(244, 63, 94, 0.15);  color: #fb7185; }
.badge-info     { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
.badge-muted    { background: rgba(113, 113, 122, 0.2); color: #d4d4d8; }
.badge-purple   { background: rgba(168, 85, 247, 0.15); color: #c084fc; }

.card { background: #18181b; border: 1px solid #27272a; border-radius: 10px; }
.kpi-num { font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.kpi-sub { font-size: 11px; color: #71717a; }

/* Mermaid-like containers если понадобятся */
.mono { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; }