.live-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.live-metric{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:10px;padding:14px;text-align:start;min-width:0}
.live-metric strong{display:block;font-size:23px;overflow-wrap:anywhere}.live-metric small{display:block;color:var(--muted);font-size:10px}
.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.live-grid .product-pulse{grid-column:auto}.live-notice{margin:16px 0;padding:12px 16px;background:var(--amber-soft);border-radius:10px}
.live-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.live-health > div{padding:12px;background:var(--surface-soft);border-radius:9px;min-width:0;overflow-wrap:anywhere}
.live-health strong,.live-health small{display:block}.live-json{margin:10px 0}.live-json dd{overflow-wrap:anywhere;margin:0;white-space:pre-wrap}.live-json dt{font-weight:500;color:var(--muted)}
.live-json > div{border-bottom:1px solid var(--border-soft);padding:9px 0}.live-row-button{border:0;background:none;color:var(--primary);cursor:pointer;padding:3px;text-align:start}
.live-pagination{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px}.live-entity{padding:12px;background:var(--surface-soft);border-radius:9px}
.live-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.live-filter .field{flex:1;min-width:130px}.live-filter input,.live-filter select{width:100%}
.live-source{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.live-time{font-size:11px;color:var(--muted);display:block;margin-top:9px}.live-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}
.live-codes{white-space:pre-wrap;user-select:all;font-family:monospace;font-size:15px}.live-enrollment{overflow-wrap:anywhere;user-select:all}.live-empty{padding:25px;text-align:center;color:var(--muted)}
.live-action{border:1px solid var(--border);border-radius:10px;padding:15px;margin:12px 0}.live-tab-content{min-height:200px}
.live-tabs{display:flex;overflow-x:auto;gap:6px;white-space:nowrap;margin:20px 0;padding-bottom:6px}.live-tabs button{flex:none}.tabs button[aria-selected=true]{color:var(--primary);background:var(--surface-soft);border-bottom:2px solid var(--primary)}
.live-advanced{flex-basis:100%;padding:10px;border:1px solid var(--border-soft);border-radius:8px}.live-advanced summary,.live-json summary,.live-action summary{cursor:pointer}.live-advanced .live-filter{align-items:start}
.live-source,.live-time{line-height:1.7}.data-table td>.live-source{display:block}.live-tab-content>.panel{min-width:0}.live-tab-content .table-wrap{max-width:100%;overflow-x:auto}.live-tab-content table{white-space:nowrap}.live-tab-content table td{max-width:340px;overflow-wrap:anywhere;white-space:normal}.ui-dialog .table-wrap{overflow-x:auto}
.live-priority{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:inherit}.live-priority small{margin-inline-start:auto}.live-action h3{font-size:14px;margin:0 0 8px}.live-enrollment{font-family:monospace;font-size:16px;background:var(--surface-soft);padding:10px;border-radius:8px}.connection-links .live-action h2{font-size:15px}
.ui-dialog.drawer{width:min(850px,94vw)}.live-json dl{padding-inline-start:14px}.live-json dd>small{display:block;margin-top:6px}.live-json dd:has(>details){white-space:normal}.live-codes{background:var(--surface-soft);padding:16px;border-radius:10px;line-height:1.9}.live-heading h2{margin:0;font-size:16px}
.live-chart{margin:18px 0;padding:15px;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:10px}.live-chart svg{width:100%;height:auto;display:block;direction:ltr}.live-chart figcaption{font-size:11px;color:var(--muted)}.live-chart-axis,.live-chart-legend{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.live-chart-legend{justify-content:start;margin-top:10px;flex-wrap:wrap}.live-chart-legend span{display:flex;gap:6px;align-items:center}.live-chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
@media(max-width:1000px){.live-grid{grid-template-columns:1fr}.live-health{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-health{grid-template-columns:1fr}.live-heading{flex-wrap:wrap}.live-filter{display:block}.live-filter .field{margin-bottom:10px}}