/* «Состояние системы» (owner 03.11 night): view-only health page; badges in the palette of .bot-status-badge */
#live-system .sys-box{display:grid;gap:16px;min-width:0}
#live-system .sys-card{min-width:0;padding:16px 18px}
#live-system .sys-card h3{margin:0 0 10px;font-size:17px}
#live-system .sys-card h4{margin:14px 0 6px;font-size:15px}
#live-system .sys-card h5{margin:12px 0 6px;font-size:13px;color:var(--muted)}
#live-system .sys-sub{border-top:1px solid var(--line);padding-top:6px;margin-top:8px;min-width:0}
#live-system .sys-line{margin:4px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
#live-system .sys-label{color:var(--muted)}
#live-system .sys-muted{color:var(--muted);margin:6px 0}
#live-system .sys-updated{color:var(--muted);margin:0}
#live-system .sys-table td,#live-system .sys-table th{white-space:normal;overflow-wrap:break-word}
#live-system .sys-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid #9fb9c640;background:#9fb9c614;color:#c3d5de;max-width:100%;overflow-wrap:anywhere}
#live-system .sys-badge::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
#live-system .sys-ok{color:#8de7bf;border-color:#8de7bf55;background:#8de7bf14}
#live-system .sys-warn{color:#f2c47a;border-color:#f2c47a55;background:#f2c47a14}
#live-system .sys-bad{color:#ff8f8f;border-color:#ff8f8f66;background:#ff8f8f18}
#live-system .sys-muted.sys-badge{color:#9fb9c6}
/* a phone: each row a block of «label: value» lines - never a column squeezed to one letter */
@media (max-width:720px){#live-system .sys-card{padding:12px}
 #live-system .sys-table thead{display:none}
 #live-system .sys-table,#live-system .sys-table tbody,#live-system .sys-table tr{display:block;width:100%}
 #live-system .sys-table tr{border-bottom:1px solid var(--line);padding:6px 0}
 #live-system .sys-table td{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:3px 0;white-space:normal;text-align:right;overflow-wrap:break-word}
 #live-system .sys-table td::before{content:attr(data-label);color:var(--muted);text-align:left;flex:0 0 42%;font-size:12px}}