.cn-sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 6px 0 4px; }
.cn-n { padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.cn-n strong { font-size: 24px; line-height: 1.1; }
.cn-n.bad strong { color: var(--bad, #c62828); }
.cn-n span { overflow-wrap: anywhere; font-size: 13px; }
.cn-log { list-style: none; margin: 0; padding: 0; font-size: 13.5px; }
.cn-log li { display: flex; align-items: baseline; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--line, rgba(0, 0, 0, .08)); }
.cn-log time { color: var(--muted, #636b7e); white-space: nowrap; min-width: 110px; }
.cn-dot { width: 9px; height: 9px; border-radius: 50%; flex: none; background: #2e9d5b; align-self: center; }
.cn-off .cn-dot { background: #d64545; }
.cn-new .cn-dot { background: #2f7fc7; }