.radar-view .page{width:min(calc(100% - 32px),1440px)}
.radar-card{overflow:hidden}
.radar-stage{background:#0f172a;color:#e2e8f0;padding:12px 24px 16px}
.radar-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}
.radar-title{color:#f8fafc;font-family:Poppins,Inter,sans-serif;font-size:22px;font-weight:600;letter-spacing:0;margin:0}
.radar-meta{align-items:center;display:flex;gap:12px;justify-content:flex-end}
.radar-updated{color:#94a3b8;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.radar-count{border-radius:999px;font-size:13px;font-weight:600;padding:6px 11px;white-space:nowrap}
.radar-count-down{background:#7f1d1d;color:#fff}.radar-count-degraded{background:#78350f;color:#fef3c7}
.radar-count-clear{background:#14532d;color:#dcfce7}
.radar-share{background:transparent;border:1px solid #64748b;border-radius:6px;color:#e2e8f0;cursor:pointer;font:600 13px Inter,sans-serif;padding:7px 11px;white-space:nowrap}
.radar-share:hover,.radar-share:focus-visible{border-color:#94a3b8;color:#fff}
.radar-filters{display:grid;gap:4px;margin-bottom:12px;position:relative}
.radar-filter-row{align-items:center;display:flex;gap:6px;min-width:0}.radar-filter-row+.radar-filter-row{border-top:1px solid #1e293b;padding-top:4px}
.radar-filter-label{color:#64748b;flex:0 0 64px;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.radar-filter-chip{border:1px solid #334155;border-radius:999px;color:#94a3b8;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 8px;text-decoration:none;white-space:nowrap}
.radar-filter-chip span{color:#cbd5e1}.radar-filter-chip.is-active{background:#1e293b;border-color:#64748b;color:#f8fafc}
.radar-filter-row-state .radar-filter-chip:before{background:#64748b;border-radius:50%;content:"";display:inline-block;height:5px;margin-right:5px;vertical-align:1px;width:5px}.radar-filter-row-state .radar-filter-chip-down:before{background:#ef4444}.radar-filter-row-state .radar-filter-chip-degraded:before,.radar-filter-row-state .radar-filter-chip-maintenance:before{background:#f59e0b}.radar-filter-row-state .radar-filter-chip-early:before{background:#2563eb}.radar-filter-row-state .radar-filter-chip-operational:before{background:#22c55e}
.radar-filter-chip:hover,.radar-filter-chip:focus-visible{border-color:#94a3b8;color:#fff;text-decoration:none}
.radar-reset{color:#60a5fa;font-size:12px;position:absolute;right:0;top:5px}
.radar-scope-wrap{margin:auto;position:relative;width:var(--radar-diameter,min(100%,70svh))}
.radar-scope{aspect-ratio:1;display:block;height:auto;width:100%}
.radar-scope a{text-decoration:none}
.radar-grid{fill:none;stroke:#334155;stroke-width:1}.radar-sector{stroke:#263548;stroke-width:1}
.radar-sector-group{opacity:1}.radar-sector-group.is-dimmed{opacity:.35}
.radar-sector-label{fill:#64748b;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.radar-service{cursor:pointer;outline:none}.radar-service circle{vector-effect:non-scaling-stroke}
.radar-dot{fill:currentColor;stroke:none}.radar-state-operational{color:#22c55e;opacity:.45}.radar-state-unknown{color:#64748b;opacity:.3}
.radar-state-degraded,.radar-state-maintenance{color:#f59e0b}.radar-state-down{color:#ef4444}.radar-state-early-signal{color:#2563eb}
.radar-state-maintenance .radar-dot{fill:none;stroke:currentColor;stroke-width:1.5}
.radar-early-ring{display:none;fill:none;stroke:currentColor;stroke-dasharray:2 2;stroke-width:1}
.radar-state-early-signal .radar-early-ring{display:block}
.radar-pulse{display:none;fill:none;stroke:currentColor;stroke-width:1.4;transform-box:fill-box;transform-origin:center}
.radar-state-degraded .radar-pulse-one{animation:radar-pulse 3.6s ease-out infinite;display:block;stroke-opacity:.6}
.radar-state-down .radar-pulse{animation:radar-down-pulse 3s ease-out infinite;display:block}.radar-state-down .radar-pulse-two{animation-delay:1.5s}
.radar-hit{fill:transparent;pointer-events:all;stroke:none}
.radar-ping{animation:radar-ping 60s linear infinite;fill:currentColor;opacity:0;pointer-events:none}
.radar-sweep{animation:radar-sweep 60s linear infinite;transform-box:view-box;transform-origin:400px 400px}
.radar-sweep line{stroke:#2563eb;stroke-width:1.5}.radar-tail-slice{fill:#2563eb}.radar-tail-0{opacity:.12}.radar-tail-1{opacity:.1}.radar-tail-2{opacity:.08}.radar-tail-3{opacity:.06}.radar-tail-4{opacity:.045}.radar-tail-5{opacity:.03}.radar-tail-6{opacity:.015}
.radar-paused .radar-sweep,.radar-paused .radar-ping,.radar-paused .radar-pulse{animation-play-state:paused}
.radar-on-scope-label rect{fill:#0f172a;fill-opacity:.85}.radar-on-scope-label line{opacity:.6;stroke:#2563eb;stroke-width:1}.radar-on-scope-label text{fill:currentColor;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.radar-tooltip{background:#020617;border:1px solid #334155;border-radius:6px;color:#f8fafc;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;max-width:260px;padding:8px 10px;pointer-events:none;position:absolute;transform:translate(10px,10px);z-index:3}
.radar-tooltip[hidden],.radar-detail-sheet[hidden]{display:none}
.radar-detail-sheet{background:#111c30;border:1px solid #334155;border-radius:8px;color:#cbd5e1;margin:8px 0;padding:12px}
.radar-detail-sheet div{align-items:center;display:flex;justify-content:space-between}.radar-detail-sheet strong{color:#f8fafc}
.radar-detail-sheet button{background:none;border:0;color:#94a3b8;font-size:22px}.radar-detail-sheet p{margin:6px 0}.radar-detail-sheet a{color:#60a5fa}
.radar-legend{align-items:center;border-top:1px solid #334155;display:flex;gap:14px;padding-top:6px}
.radar-legend>span{align-items:center;color:#94a3b8;display:inline-flex;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;gap:5px;white-space:nowrap}
.radar-legend i{background:currentColor;border-radius:50%;display:inline-block;height:7px;width:7px}
.radar-legend-down{color:#ef4444!important}.radar-legend-degraded,.radar-legend-maintenance{color:#f59e0b!important}
.radar-legend-early{color:#2563eb!important}.radar-legend-operational{color:#22c55e!important}.radar-legend-unknown{color:#64748b!important}
.radar-legend-maintenance i{background:transparent;border:1px solid currentColor}.radar-showing{margin-left:auto}
.radar-contacts{border-top:1px solid #334155;margin-top:12px;padding-top:14px}.radar-contacts h2{color:#94a3b8;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}
.radar-contact-list{display:flex;flex-wrap:wrap;gap:8px}.radar-contact{align-items:center;border:1px solid #334155;border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:12px;gap:6px;padding:5px 9px;text-decoration:none}
.radar-contact span{background:currentColor;border-radius:50%;height:7px;width:7px}.radar-contact-down{color:#fca5a5}.radar-contact-degraded,.radar-contact-maintenance{color:#fbbf24}.radar-contact-early-signal{color:#60a5fa}
.radar-contact:hover,.radar-contact:focus-visible{border-color:currentColor;color:#fff;text-decoration:none}.radar-clear-line{color:#cbd5e1;margin:0}
.radar-footer-line{border-top:1px solid #334155;color:#64748b;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:14px;padding-top:12px}
@keyframes radar-sweep{to{transform:rotate(360deg)}}
@keyframes radar-pulse{0%{opacity:.65;transform:scale(.85)}70%,100%{opacity:0;transform:scale(2.2)}}
@keyframes radar-down-pulse{0%{opacity:1;transform:scale(.85)}70%,100%{opacity:0;transform:scale(2.2)}}
@keyframes radar-ping{0%,2.5%{opacity:1}5%,100%{opacity:0}}
@media(min-width:1280px) and (min-aspect-ratio:3/2){
  .radar-view .page{padding:min(32px,2svh) 0}
  .radar-stage{column-gap:20px;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:calc(100svh - min(64px,4svh) - 60px);min-height:0}
  .radar-scope-wrap{align-self:center;grid-column:1;grid-row:1/6;justify-self:center;width:min(100%,calc(100svh - min(64px,4svh) - 88px))}
  .radar-header{align-self:start;display:block;grid-column:2;grid-row:1;margin:0 0 12px}.radar-title{margin-bottom:12px}.radar-meta{flex-wrap:wrap;justify-content:flex-start}.radar-share{margin-right:auto}
  .radar-filters{align-self:start;grid-column:2;grid-row:2;margin:0 0 12px}.radar-filter-row{align-content:flex-start;flex-wrap:wrap}.radar-filter-label{flex-basis:100%}.radar-reset{position:static;width:max-content}
  .radar-legend{align-content:flex-start;flex-wrap:wrap;grid-column:2;grid-row:3;padding:8px 0}.radar-showing{margin-left:0;width:100%}
  .radar-contacts{grid-column:2;grid-row:4;margin-top:0;min-height:0;overflow-y:auto;padding:12px 4px 0 0}.radar-contact-list{align-items:stretch;flex-direction:column}.radar-contact{border-radius:6px}
  .radar-detail-sheet{grid-column:2;grid-row:4}.radar-footer-line{grid-column:2;grid-row:5;margin-top:8px}
}
@media(max-width:640px){
  .radar-stage{padding:16px 8px}.radar-header{align-items:stretch;display:block}.radar-title{font-size:24px;margin-bottom:12px}
  .radar-meta{display:grid;gap:8px;grid-template-columns:max-content minmax(0,1fr);justify-content:stretch;justify-items:start;overflow:hidden;width:100%}.radar-updated{align-self:center;font-size:11px;justify-self:end}.radar-share{grid-column:1/-1;justify-self:end;margin-top:4px}
  .radar-filters{overflow:hidden}.radar-filter-row,.radar-legend{overflow-x:auto;padding-bottom:5px;scrollbar-width:none}
  .radar-filter-row::-webkit-scrollbar,.radar-legend::-webkit-scrollbar{display:none}.radar-filter-row{padding-right:36px}.radar-filter-label{background:#0f172a;flex-basis:58px;left:0;position:sticky;z-index:1}
  .radar-filters:after{background:linear-gradient(90deg,transparent,#0f172a);bottom:0;content:"";height:34px;pointer-events:none;position:absolute;right:0;width:28px}
  .radar-reset{position:static;width:max-content}.radar-scope-wrap{max-width:none;width:100%}.radar-scope{aspect-ratio:1;min-width:0;width:100%}
  .radar-sector-label{font-size:10px}.radar-on-scope-label{display:none}
  .radar-state-operational .radar-dot,.radar-state-unknown .radar-dot{r:2px}.radar-state-maintenance .radar-dot{r:3.2px}.radar-state-degraded .radar-dot{r:4px}.radar-state-down .radar-dot{r:5.6px}.radar-state-early-signal .radar-dot{r:3.2px}.radar-service .radar-ping{display:none}
  .radar-hit{r:27px}
  .radar-tooltip{display:none!important}.radar-legend{gap:12px}.radar-showing{margin-left:0}.radar-contact-list{align-items:stretch;flex-direction:column}
  .radar-contact{border-radius:6px;justify-content:flex-start}.radar-footer-line{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .radar-sweep,.radar-ping,.radar-pulse{animation:none}.radar-tail{display:none}.radar-sweep{opacity:.65}.radar-pulse{opacity:.5;transform:scale(1.5)}
}