.atss-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.atss-header { display:flex; justify-content:space-between; align-items:flex-end; margin: 8px 0 16px; }
.atss-title { margin:0; font-size: 1.35rem; }
.atss-subtitle { color:#6b7280; font-size: .92rem; margin-top:4px; }

.atss-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:16px; }

.atss-card { border:1px solid #e5e7eb; border-radius:16px; padding:16px; background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.atss-card-h { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.atss-card h3 { margin:0; font-size:1.05rem; }

.atss-badge { display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; font-size:.82rem; font-weight:600; border:1px solid transparent; }
.atss-ok { background:#ecfdf5; color:#065f46; border-color:#a7f3d0; }
.atss-warn { background:#fffbeb; color:#92400e; border-color:#fde68a; }
.atss-bad { background:#fef2f2; color:#991b1b; border-color:#fecaca; }
.atss-muted { color:#6b7280; }

.atss-list { display:flex; flex-direction:column; gap:10px; }
.atss-row { display:flex; justify-content:space-between; gap:12px; }
.atss-row-name { font-weight:600; color:#111827; }
.atss-issues { margin: 6px 0 0 0; padding-left: 6px; border-left: 2px solid #e5e7eb; }
.atss-issue { margin-top:6px; color:#111827; }
.atss-alert { border:1px solid #fde68a; background:#fffbeb; padding:12px; border-radius:12px; margin-bottom:14px; }
.atss-foot { margin-top:12px; font-size:.92rem; }
.atss-foot a { color:#2563eb; text-decoration:none; }
.atss-foot a:hover { text-decoration:underline; }

.atss-graph { margin: 12px 0; color:#111827; }
.atss-spark { color:#577591; } /* matches your light blue */

.atss-filter { margin: 8px 0 12px; }
.atss-search {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  font-size: 14px;
}

.atss-row-service { align-items: center; gap: 14px; }
.atss-row-left { display:flex; flex-direction:column; gap:6px; min-width: 0; }
.atss-row-graph { line-height: 0; color:#577591; } /* your light blue */
.atss-row-right { display:flex; align-items:center; }

.atss-details {
  border: 1px solid #eef2f7;
  border-radius: 12px;
  background: #fafafa;
}

.atss-summary {
  cursor: pointer;
  font-weight: 700;
  color: #111827;
  list-style: none;
}

.atss-summary::-webkit-details-marker { display: none; }

.atss-summary:before {
  content: "▸";
  display: inline-block;
  margin-right: 8px;
  transition: transform .15s ease;
  color: #6b7280;
}

.atss-details[open] .atss-summary:before {
  transform: rotate(90deg);
}

.atss-details-body {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #111827;
}

.atss-details-line {
  color: #111827;
}