.hd-status{clear:both;box-sizing:border-box;margin:10px 0 4px;padding:8px;border:1px solid #b8c7d9;border-left:3px solid #64748b;border-radius:5px;background:#fff;color:#172b4d;font:11px/1.3 Arial,sans-serif;text-align:left}
.hd-status--up{border-left-color:#15803d}.hd-status--down{border-left-color:#b91c1c}.hd-status--warning{border-left-color:#b45309}
.hd-status .hd-status__heading{font-size:13px;font-weight:700}.hd-status .hd-status__summary{margin:4px 0 6px;font-weight:600}
.hd-status .hd-status__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 10px}
.hd-status .hd-status__row{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 0;border-bottom:1px solid #e5e7eb}
.hd-status__name{overflow-wrap:anywhere}.hd-status__badge{flex-shrink:0;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600}
.hd-status__badge--up{background:#dcfce7;color:#166534}.hd-status__badge--down{background:#fee2e2;color:#991b1b}.hd-status__badge--warning{background:#fef3c7;color:#92400e}
.hd-status .hd-status__footer{margin:6px 0 2px;font-size:10px;color:#475569}.hd-status .hd-status__link{font-size:10px;color:#1d4ed8;text-decoration:underline}
@media(max-width:900px){.hd-status .hd-status__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hd-status .hd-status__list{grid-template-columns:1fr}.hd-status .hd-status__row{flex-wrap:wrap}}