/* InsightFlow dashboard styles */
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

.chip { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px; font-size:11px; font-weight:500; }
.chip-gray { background:#f1f5f9; color:#475569; }
.chip-green { background:#dcfce7; color:#166534; }
.chip-blue { background:#dbeafe; color:#1e40af; }
.chip-purple { background:#ede9fe; color:#6d28d9; }
.chip-amber { background:#fef3c7; color:#92400e; }
.chip-red { background:#fee2e2; color:#991b1b; }

.online-dot { width:8px; height:8px; border-radius:50%; background:#10b981; display:inline-block; box-shadow:0 0 0 3px rgba(16,185,129,0.2); }

.spark { display:inline-block; }
.score-bar { height:6px; border-radius:999px; background:#e2e8f0; overflow:hidden; width:64px; }
.score-fill { height:100%; background:linear-gradient(90deg,#6366f1,#8b5cf6); }

.row-hover:hover { background:#f8fafc; cursor:pointer; }

.slide-in { transform:translateX(0) !important; }

#detail-panel::-webkit-scrollbar { width: 8px; }
#detail-panel::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:4px; }

.loc-bar { height:8px; background:#e2e8f0; border-radius:999px; overflow:hidden; }
.loc-fill { height:100%; background:#6366f1; }