/* Scoped to the former screenshot area; preserve the site's existing design. */
#grafanaLivePreview{border:1px solid rgba(122,24,22,.55);border-radius:16px;overflow:hidden;padding:16px;background:rgba(15,12,12,.8);text-align:left}
#grafanaLivePreview .grafana-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#grafanaLivePreview .grafana-controls{display:flex;gap:6px;flex-wrap:wrap}
#grafanaLivePreview button{font:inherit;font-size:.75rem;min-height:38px;padding:6px 12px;cursor:pointer}
#grafanaLivePreview button[aria-pressed=true]{border-color:#ffb39a;background:rgba(122,24,22,.4)}
#grafanaLivePreview button:disabled{opacity:.6;cursor:wait}
#grafanaLivePreview .grafana-plots{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#grafanaLivePreview article{min-width:0}
#grafanaLivePreview h3{font-size:.9rem;color:var(--ink);margin:0 0 6px}
#grafanaLivePreview .grafana-plot{height:260px;position:relative}
#grafanaLivePreview .grafana-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-dim);font-size:.8rem;background:#100d0d}
#grafanaLivePreview [hidden]{display:none!important}
#grafanaLivePreview .grafana-summary,#grafanaLivePreview .grafana-note{font-size:.7rem;line-height:1.5;color:var(--ink-dim);margin:8px 0}
#grafanaLivePreview .grafana-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:.8rem}
@media(max-width:700px){#grafanaLivePreview{padding:12px}#grafanaLivePreview .grafana-plots{grid-template-columns:1fr}#grafanaLivePreview .grafana-plot{height:230px}#grafanaLivePreview .grafana-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}#grafanaLivePreview button{min-height:44px;width:auto;min-width:0;padding:6px}}