.it-watchdog{display:grid;gap:12px}
.it-watchdog.it-watchdog--cards{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
.it-watchdog.it-watchdog--compact{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
.it-watchdog[class*="it-cols-"]{--cols:4}
.it-watchdog.it-cols-1{--cols:1}
.it-watchdog.it-cols-2{--cols:2}
.it-watchdog.it-cols-3{--cols:3}
.it-watchdog.it-cols-4{--cols:4}
.it-watchdog.it-cols-5{--cols:5}
.it-watchdog.it-cols-6{--cols:6}

.it-watchdog__card{border:1px solid #e3e3e3;border-radius:14px;padding:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.it-watchdog__header{display:flex;align-items:center;gap:10px;font-weight:600}
.it-watchdog__icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f5f5f7;border:1px solid #eee;overflow:hidden}
.it-watchdog__icon img{display:block;max-width:18px;max-height:18px}
.it-watchdog__dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#999;box-shadow:0 0 0 3px rgba(0,0,0,.05) inset}
.it-watchdog__name a{color:inherit;text-decoration:none}
.it-watchdog__meta{font-size:.85rem;color:#666;margin-top:4px}
.it-watchdog__links{margin-top:6px}
.it-watchdog__dd{font-size:.8rem;text-decoration:underline}

.is-up .it-watchdog__dot{background:#1a9c2c}
.is-degraded .it-watchdog__dot{background:#e6a400}
.is-down .it-watchdog__dot{background:#d22}
.is-unknown .it-watchdog__dot{background:#999}