.overview-agent-ips{display:grid;gap:8px;max-height:150px;overflow:auto;padding-right:4px}
.overview-agent-ip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid var(--line)}
.overview-agent-ip:last-child{border-bottom:0}
.overview-agent-ip>div{display:flex;align-items:center;gap:9px;min-width:0}
.overview-agent-ip i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #df4b5514}
.overview-agent-ip i.online{background:var(--green);box-shadow:0 0 0 4px #20a66a14}
.overview-agent-ip span{min-width:0}
.overview-agent-ip b{display:block;overflow:hidden;color:#344056;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.overview-agent-ip span small{margin:2px 0 0}
.overview-agent-ip strong{flex:0 0 auto!important;font-size:14px!important;letter-spacing:-.02em!important}
.overview-agent-metric>div{padding-left:16px}
.overview-agent-metric>div:before{content:"";flex:0 0 auto;width:2px;height:24px;border-radius:2px;background:#dce3ed}
.overview-agent-metric strong{font-family:inherit!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.overview-agent-empty{padding:13px 0;color:var(--muted);font-size:13px}
@media(max-width:560px){.overview-agent-ips{max-height:190px}.overview-agent-ip{gap:12px}.overview-agent-ip strong{font-size:13px!important}}