.live-panel { margin-bottom: 22px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .85rem; }
th, td { text-align: left; padding: 13px 16px; border-bottom: 1px solid #202c3c; white-space: nowrap; }
th { color: var(--muted); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
tbody tr:last-child td { border-bottom: 0; }
.compact { padding: 32px 20px; }
.state-online { color: var(--accent); background: #19372e; }
.state-recentlyseen { color: #c9d897; }
.state-stale { color: #e4bc76; background: #3a2e1d; }
.state-offline { color: #c09b9b; background: #382628; }