.ve-body{display:flex;flex-direction:column;gap:var(--space-grid);padding:var(--space-panel)}.ve-skeleton{display:block;width:100%;height:300px}.ve-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-grid);gap:var(--space-grid)}.ve-kpi{display:flex;flex-direction:column;gap:calc(2px * var(--density, 1));min-width:0;padding:var(--space-panel);border:1px solid var(--line);border-radius:7px;background:var(--panel)}.ve-kpi span{font:var(--type-label);color:var(--muted)}.ve-kpi strong{font:var(--type-number-hero)}.ve-kpi small,.ve-kpi strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ve-kpi small{font:var(--type-caption)}.ve-chart{display:flex;flex-direction:column;gap:calc(8px * var(--density, 1));min-width:0}.ve-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4px * var(--density, 1)) calc(12px * var(--density, 1));min-height:calc(44px * var(--density, 1));font:var(--type-caption)}.ve-readout strong{font:var(--type-number-hero);color:var(--text)}.ve-readout-parts{display:flex;flex-wrap:wrap;gap:calc(4px * var(--density, 1)) calc(12px * var(--density, 1));color:var(--muted)}.ve-readout-parts span{display:inline-flex;align-items:center;gap:calc(4px * var(--density, 1))}.ve-readout-parts b{font-weight:500;color:var(--text)}.ve-readout i,.ve-source-name i{display:inline-block;width:10px;height:10px;flex:none;border:1px solid var(--control);border-radius:2px}.ve-plot{position:relative;height:240px;border:1px solid var(--line);border-radius:7px;background:var(--canvas);overflow:hidden}.ve-plot svg{display:block;width:100%;height:100%}.ve-axis-max{position:absolute;top:6px;left:8px;z-index:1;font:var(--type-chart-axis);color:var(--faint);pointer-events:none}.ve-grid{stroke:var(--panel);stroke-width:1}.ve-layer{stroke:none}.ve-total{fill:none;stroke:var(--accent);stroke-width:2}.ve-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.ve-axis{display:flex;justify-content:space-between;gap:calc(8px * var(--density, 1));font:var(--type-chart-axis);color:var(--faint)}.ve-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:var(--space-grid);gap:var(--space-grid);margin-bottom:calc(18px * var(--density, 1))}.ve-split>.panel{margin-bottom:0}.ve-sources{gap:calc(12px * var(--density, 1));margin:0;padding:var(--space-panel);list-style:none}.ve-sources,.ve-sources li{display:flex;flex-direction:column}.ve-sources li{gap:calc(4px * var(--density, 1));min-width:0}.ve-sources li.untracked{opacity:.7}.ve-source-head{display:flex;justify-content:space-between;align-items:center;gap:calc(12px * var(--density, 1));min-width:0}.ve-source-name{display:inline-flex;align-items:center;gap:calc(8px * var(--density, 1));min-width:0;font:var(--type-body-strong)}.ve-events .ve-source-name{font:var(--type-body)}.ve-source-head strong{font:var(--type-number);white-space:nowrap}.ve-sources small{font:var(--type-caption)}.ve-bar{height:6px;border-radius:3px;background:var(--raised);overflow:hidden}.ve-bar span{display:block;height:100%;min-width:0}.ve-volume{margin:0;padding:calc(4px * var(--density, 1)) var(--space-panel) var(--space-panel)}.ve-volume dt{color:var(--muted)}.ve-volume dd{margin:0}.ve-events td,.ve-events th{white-space:nowrap}.ve-events .text-link{gap:calc(2px * var(--density, 1))}.ve-note{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}@media (max-width:1100px){.ve-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.ve-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.ve-kpi strong,.ve-readout strong{font:var(--type-number)}.ve-plot{height:180px}}