/* Tingo Dashboard Styles */
#ws-ind { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 600; margin-left: 12px; padding: 4px 10px; border-radius: 12px; }
.ws-on { background: rgba(34,197,94,0.15); color: #22c55e; }
.ws-off { background: rgba(239,68,68,0.15); color: #ef4444; }
.ticker-row td { transition: background 0.3s; }
.ticker-row.flash { background: rgba(59,130,246,0.1) !important; }
.weight-bar { height: 4px; border-radius: 2px; min-width: 20px; }
.contrib-cell { font-size: 0.8rem; font-family: SF Mono, Fira Code, monospace; }
.summary-bar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.api-info { font-size: 0.75rem; color: var(--text-dim); padding: 8px 0; }
.api-info code { background: rgba(59,130,246,0.1); padding: 2px 6px; border-radius: 4px; font-size: 0.7rem; }
.pos { color: #22c55e; }
.neg { color: #ef4444; }
.flash { animation: rowFlash 0.5s ease-out; }
@keyframes rowFlash { from { background: rgba(59,130,246,0.15); } to { background: transparent; } }