.diagnostic-command{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:14px}.diagnostic-command label{display:grid;gap:7px;font-weight:750}.diagnostic-result{margin-top:20px}.diagnostic-running{display:flex;align-items:center;gap:14px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.diagnostic-running div{display:grid;gap:4px}.diagnostic-running small{color:var(--muted)}.diagnostic-summary{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface2)}.diagnostic-summary h2{margin:5px 0}.diagnostic-summary p{margin:0;color:var(--muted)}.diagnostic-score-ring{display:grid;place-items:center;flex:0 0 94px;width:94px;height:94px;border:9px solid #16a36a;border-radius:50%;background:var(--surface)}.diagnostic-summary.warning .diagnostic-score-ring{border-color:#e5a11a}.diagnostic-summary.critical .diagnostic-score-ring{border-color:#d92d20}.diagnostic-score-ring b{font-size:23px}.diagnostic-score-ring small{margin-top:-15px;color:var(--muted)}.diagnostic-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.diagnostic-groups>section{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.diagnostic-groups h3{margin:0 0 11px}.diagnostic-result .diagnostic-check{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.diagnostic-result .diagnostic-check:first-of-type{border-top:0}.diagnostic-result .diagnostic-check>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ecfdf3;color:#067647}.diagnostic-result .diagnostic-check.warning>span{background:#fffaeb;color:#b54708}.diagnostic-result .diagnostic-check.critical>span{background:#fef3f2;color:#b42318}.diagnostic-result .diagnostic-check b,.diagnostic-result .diagnostic-check p,.diagnostic-result .diagnostic-result .diagnostic-check small{display:block;margin:0}.diagnostic-result .diagnostic-check p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}.diagnostic-result .diagnostic-check small{margin-top:6px}.diagnostic-score{font-weight:850}.diagnostic-score.healthy{color:#067647}.diagnostic-score.warning{color:#b54708}.diagnostic-score.critical{color:#b42318}@media(max-width:760px){.diagnostic-command{grid-template-columns:1fr}.diagnostic-summary{align-items:flex-start;flex-direction:column}.diagnostic-groups{grid-template-columns:1fr}}
