#ctp-sys-list .sysrow{display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-top:1px solid var(--border)}
#ctp-sys-list .sysrow:first-child{border-top:none;padding-top:4px}
#ctp-sys-list .sysdot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;margin-top:5px}
#ctp-sys-list .sysdot.on{background:#3fb27f;box-shadow:0 0 0 3px rgba(63,178,127,.16)}
#ctp-sys-list .sysdot.off{background:#8a93a3;box-shadow:0 0 0 3px rgba(138,147,163,.13)}
#ctp-sys-list .sysdot.warn{background:#e0a23b;box-shadow:0 0 0 3px rgba(224,162,59,.16)}
#ctp-sys-list .sysdot.unk{background:transparent;border:2px solid #6c757d}
#ctp-sys-list .sysbody{flex:1;min-width:0}
#ctp-sys-list .sysname{font-size:13.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#ctp-sys-list .systag{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:999px}
#ctp-sys-list .systag.on{color:#3fb27f;background:rgba(63,178,127,.13)}
#ctp-sys-list .systag.off{color:var(--text3);background:rgba(138,147,163,.13)}
#ctp-sys-list .systag.warn{color:#e0a23b;background:rgba(224,162,59,.14)}
#ctp-sys-list .systag.unk{color:#9aa3ad;background:rgba(154,163,173,.12)}
#ctp-sys-list .sysdetail{font-size:12px;color:var(--text2);line-height:1.5;margin-top:2px}
#ctp-sys-list .sysimpact{font-size:12px;color:#e0a23b;line-height:1.5;margin-top:3px}
#ctp-sys-list .sysfix{font-size:11.5px;color:var(--text3);line-height:1.5;margin-top:3px}