.ip-summary{font-weight:500;color:var(--faint);margin-left:4px}
.ip-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;counter-reset:ip}
.ip-item{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);counter-increment:ip}
.ip-thumb{position:relative;flex:none;width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--surface-2)}
.ip-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ip-thumb::after{content:counter(ip);position:absolute;left:3px;top:3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.ip-meta{flex:1;min-width:0}
.ip-meta b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ip-meta small{color:var(--muted);font-size:13px}
.ip-item.bad .ip-meta small{color:var(--bad)}
.ip-acts{display:flex;gap:4px;flex:none}
.ip-acts .btn{width:34px;padding:0}
@media (max-width:420px){.ip-opts{grid-template-columns:1fr 1fr}}
.ip-head{flex-wrap:nowrap}.ip-head h2{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ip-list{grid-template-columns:minmax(0,1fr)}.ip-item.bad .ip-meta small{white-space:normal}