.design-health-card{display:grid;gap:14px;margin-bottom:14px;padding:17px;border:1px solid #d8e3dd;border-radius:18px;background:linear-gradient(145deg,#fbfdfc,#f4f8f5);box-shadow:0 10px 30px #0a332616}
.design-health-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.design-health-card h2{margin:3px 0 0;font-size:1.2rem;letter-spacing:-.025em}
.design-health-badge{padding:5px 8px;border-radius:999px;background:#e8efeb;color:#4d6258;font-size:.63rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.design-health-summary{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#fff;border:1px solid #e2e9e5}
.design-health-summary strong{display:block;font-size:.91rem}
.design-health-summary p{margin:3px 0 0;color:#687970;font-size:.74rem;line-height:1.45}
.design-health-orb{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dff2df}
.design-health-orb::before,.design-health-orb i{content:"";position:absolute;border-radius:50%}
.design-health-orb::before{inset:7px;border:1px solid #5c8d68}
.design-health-orb i{width:7px;height:7px;background:#447851;box-shadow:0 0 0 5px #4d82521c}
.design-health-card[data-design-health-state="checking"] .design-health-orb::before{border-top-color:transparent;animation:design-health-spin .8s linear infinite}
.design-health-card[data-design-health-state="blocked"] .design-health-orb{background:#f8dfd7}.design-health-card[data-design-health-state="blocked"] .design-health-orb::before{border-color:#a74331}.design-health-card[data-design-health-state="blocked"] .design-health-orb i{background:#a74331}
.design-health-card[data-design-health-state="review"] .design-health-orb{background:#fff0ce}.design-health-card[data-design-health-state="review"] .design-health-orb::before{border-color:#9a6a13}.design-health-card[data-design-health-state="review"] .design-health-orb i{background:#9a6a13}
.design-health-issues{display:grid;gap:8px}.design-health-issue{padding:12px;border:1px solid #ecc9bf;border-radius:12px;background:#fff7f4}.design-health-issue>span{display:block;color:#9c4634;font-size:.59rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.design-health-issue strong{display:block;margin-top:3px;font-size:.82rem}.design-health-issue p{margin:4px 0 8px;color:#725e58;font-size:.7rem;line-height:1.4}
.design-health-card button{min-height:30px;padding:5px 9px;border:1px solid #c8d7cf;border-radius:8px;background:#fff;color:#23483a;font-size:.68rem;font-weight:800}.design-health-card button:hover{border-color:#6c9c80;background:#f4faf5}
.design-health-checks{display:grid;gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid #dfe7e2;border-radius:13px;list-style:none;background:#dfe7e2}.design-health-checks li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;background:#fff}.design-health-checks strong,.design-health-checks small{display:block}.design-health-checks strong{font-size:.75rem}.design-health-checks small{margin-top:2px;color:#74837b;font-size:.65rem;line-height:1.35}
.design-health-check-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e9efeb}.design-health-check-icon::after{content:"·";font-size:17px;line-height:1;color:#728078}.design-health-checks li[data-health-check-state="pass"] .design-health-check-icon{background:#dff1df}.design-health-checks li[data-health-check-state="pass"] .design-health-check-icon::after{content:"✓";font-size:10px;font-weight:900;color:#397149}.design-health-checks li[data-health-check-state="blocked"] .design-health-check-icon{background:#f7ddd6}.design-health-checks li[data-health-check-state="blocked"] .design-health-check-icon::after{content:"!";font-size:10px;font-weight:900;color:#a44130}.design-health-checks li[data-health-check-state="review"] .design-health-check-icon{background:#ffefcc}.design-health-checks li[data-health-check-state="review"] .design-health-check-icon::after{content:"!";font-size:10px;font-weight:900;color:#8e651c}
@keyframes design-health-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.design-health-card{border-radius:14px}.design-health-checks li{grid-template-columns:20px 1fr}.design-health-checks li button{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.design-health-card[data-design-health-state="checking"] .design-health-orb::before{animation:none}}

.mount.design-health-target{stroke:#ffb000!important;stroke-width:5!important;filter:drop-shadow(0 0 8px #ffb00099)}
#design-health-toggle[data-health-state="healthy"]{border-color:#9dc9a8;background:#eef8ef;color:#2f6c3d}
#design-health-toggle[data-health-state="review"]{border-color:#e1c27c;background:#fff8e8;color:#7b5712}
#design-health-toggle[data-health-state="blocked"]{border-color:#d59a8a;background:#fff0eb;color:#963d2c}
#design-health-toggle[data-health-state="checking"]{border-color:#bfd0c7;background:#f7faf8;color:#52665c}