.realtime-dashboard.svelte-1o349bf{display:flex;flex-direction:column;gap:12px}.dashboard-header.svelte-1o349bf{display:flex;flex-direction:column;gap:8px}.title-row.svelte-1o349bf{display:flex;align-items:center;gap:12px}h3.svelte-1o349bf{margin:0;font-size:1rem;font-weight:600;color:var(--color-text, #cdd6f4)}.status.svelte-1o349bf{display:flex;align-items:center;gap:4px;font-size:.75rem}.connected,.connected-label.svelte-1o349bf{color:#a6e3a1}.disconnected,.disconnected-label.svelte-1o349bf{color:#f38ba8}.controls.svelte-1o349bf{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.interval-label.svelte-1o349bf{font-size:.75rem;color:var(--color-text-muted, #6c7086);margin-right:4px}.interval-btn.svelte-1o349bf{padding:2px 8px;border-radius:4px;border:1px solid var(--color-border, #313244);background:transparent;color:var(--color-text-muted, #6c7086);font-size:.75rem;cursor:pointer;transition:all .15s}.interval-btn.active.svelte-1o349bf{border-color:var(--color-primary, #cba6f7);color:var(--color-primary, #cba6f7);background:#cba6f71a}.refresh-btn.svelte-1o349bf{padding:4px;border-radius:4px;border:1px solid var(--color-border, #313244);background:transparent;color:var(--color-text-muted, #6c7086);cursor:pointer;display:flex;align-items:center}.metrics-grid.svelte-1o349bf{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}