.ops-dashboard{display:grid;gap:24px;min-width:0}.ops-group{display:grid;gap:18px;min-width:0}.ops-group>header{padding-top:20px;border-top:1px solid var(--line)}.ops-group>header h2{margin:5px 0 8px;font-size:24px}.ops-group>header p{color:var(--muted);margin:0;max-width:90ch;font-size:13px;line-height:1.6}.ops-dashboard .bo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.ops-dashboard .bo-metric{min-width:0}.ops-dashboard .bo-metric strong{overflow-wrap:anywhere}.ops-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.ops-chart{min-width:0;margin:0!important;display:flex;flex-direction:column;gap:10px}.ops-chart h3{font-size:15px;margin:0}.ops-chart svg{width:100%;height:auto;min-width:0;overflow:visible}.ops-chart svg text{fill:var(--muted);font-size:11px}.ops-axis{stroke:var(--line);stroke-width:1}.ops-line{stroke:var(--accent);stroke-width:2;fill:none}.ops-point{fill:var(--accent);cursor:pointer;outline:none}.ops-point:focus circle,.ops-point:hover circle,.ops-point[aria-pressed=true] circle{stroke:var(--text);stroke-width:3;r:7}.ops-chart details{margin-top:auto;min-width:0}.ops-chart summary,.ops-chart button,.ops-chart details>a{min-height:44px;display:flex;align-items:center;cursor:pointer}.ops-chart summary{color:var(--text);font-size:13px}.ops-chart button{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:8px;margin:10px 0}.ops-chart .bo-table-scroll{max-width:100%;overflow:auto}.ops-chart table{width:100%;border-collapse:collapse}.ops-chart th,.ops-chart td{padding:10px;text-align:left;overflow-wrap:anywhere}.ops-chart tr[hidden]{display:none}.ops-chart .ops-selected{background:color-mix(in srgb,var(--accent) 12%,var(--panel));outline:2px solid var(--accent);outline-offset:-2px}.ops-selection{font-size:12px;color:var(--muted)}.ops-missing{min-height:120px;display:flex;align-items:center;color:var(--muted);border:1px dashed var(--line);padding:16px;border-radius:8px}.ops-dashboard a:focus-visible,.ops-chart summary:focus-visible,.ops-chart button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ops-dashboard .bo-attention{gap:12px}.ops-dashboard .bo-attention span{overflow-wrap:anywhere}@media(max-width:800px){.ops-dashboard .bo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-charts{grid-template-columns:1fr}}@media(max-width:380px){.ops-dashboard .bo-metrics{grid-template-columns:1fr}.ops-dashboard .bo-toolbar{align-items:flex-start;flex-direction:column}.ops-chart{padding:14px}.ops-group>header h2{font-size:21px}}
.ops-dashboard>.bo-toolbar{flex-wrap:wrap;min-width:0}.ops-dashboard>.bo-toolbar>small{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}
.bo-content .ops-dashboard>.bo-toolbar>small{margin-left:0;flex:0 1 auto;align-self:flex-start;max-width:100%}