/* devices area styles (device console, monitors, measurement, environment charts) — Taiga Day tokens only */
.dv-view { display: flex; flex-direction: column; gap: 16px; }
.dv-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dv-bar h2 { margin: 0 auto 0 0; }
.dv-card { padding: 16px; overflow-x: auto; }
.dv-card h3 { margin: 16px 0 8px; }
.dv-table td, .dv-table th { white-space: nowrap; }
.dv-snapshot { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.dv-chart { margin: 12px 0; }
.dv-chart figcaption { font-size: 0.875rem; color: var(--muted, #5b6b62); margin-bottom: 4px; }
.dv-chart svg { width: 100%; max-width: 720px; height: 140px; border: 1px solid var(--line, #dfe6e1); border-radius: 6px; background: var(--surface, #fff); }
.dv-bar-ok { fill: var(--accent, #2f6f4e); }
.dv-bar-alarm { fill: var(--warn, #e07b24); }