.obs-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:22px 0}.obs-filters label{display:grid;gap:6px;color:var(--muted);font-size:13px}.obs-filters select{background:var(--surface2);border:1px solid var(--line);color:var(--text);padding:10px;border-radius:8px}.obs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin-bottom:24px}.obs-target{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.obs-target-heading{display:flex;gap:12px;justify-content:space-between;align-items:start}.obs-target-heading h3{margin:6px 0;overflow-wrap:anywhere}.obs-target small,.obs-time{color:var(--muted);font-size:12px}.obs-state{font-size:12px;padding:5px 8px;border:1px solid currentColor;border-radius:6px;white-space:nowrap}.obs-healthy{color:var(--green)}.obs-degraded,.obs-warning{color:var(--amber)}.obs-down{color:var(--red)}.obs-no_data{color:var(--muted)}.obs-availability{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.obs-availability strong{font-size:23px}.obs-availability span{color:var(--muted);font-size:12px}.obs-warning{font-size:12px;line-height:1.5}.obs-target summary{cursor:pointer;color:var(--cyan);margin-top:18px}.obs-target details p,.obs-target li{font-size:12px;line-height:1.6}.obs-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.obs-metrics dt{font-size:12px;color:var(--muted)}.obs-metrics dd{margin:4px 0;font-weight:600;overflow-wrap:anywhere}.obs-graph{margin:16px 0;color:var(--cyan)}.obs-graph figcaption{font-size:12px;color:var(--muted)}.obs-graph svg{width:100%;max-height:120px;border-bottom:1px solid var(--line)}.obs-graph circle{fill:currentColor}.obs-alerts{border-left:3px solid var(--amber);padding:4px 16px;margin:18px 0}.obs-empty{padding:24px;border:1px dashed var(--line);color:var(--muted)}