/* Panel-specific touches on top of Tabler. */
.sparkline { display: block; width: 100%; height: 64px; color: var(--tblr-primary); }
.status-dot-online { color: var(--tblr-green); }
.mono { font-family: var(--tblr-font-monospace); font-size: 0.85em; }
.qr svg { width: 220px; height: 220px; background: #fff; padding: 8px; border-radius: 4px; }
.table td, .table th { vertical-align: middle; }
.card-table td.num, .card-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.secret { letter-spacing: 0.08em; word-break: break-all; }
.live-indicator { display: inline-flex; align-items: center; gap: 0.35rem; margin-left: 0.6rem; font-size: 0.7rem; font-weight: 500; color: var(--tblr-secondary); vertical-align: middle; }
.live-indicator::before { content: ""; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--tblr-green); }
.live-indicator.live-stale::before { background: var(--tblr-red); }