#cttmHealthMount { color: #f3f3f5; }
.cttm-health-header,
.cttm-health-meta,
.cttm-health-row,
.cttm-health-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.cttm-health-header { padding: 6px 0 18px; }
.cttm-health-header h2 { margin: 0 0 5px; font-size: 21px; line-height: 1.25; }
.cttm-health-header p { margin: 0; color: #a8a9b3; font-size: 13px; }
.cttm-health-refresh,
.cttm-health-action { min-height: 32px; padding: 5px 12px; border: 1px solid #474852; border-radius: 6px; background: #292a31; color: #f3f3f5; font: inherit; font-size: 12px; cursor: pointer; }
.cttm-health-refresh:hover,
.cttm-health-action:hover { border-color: #9387ff; background: #343540; }
.cttm-health-refresh:focus-visible,
.cttm-health-action:focus-visible { outline: 2px solid #9387ff; outline-offset: 2px; }
.cttm-health-meta { padding: 9px 0; border-bottom: 1px solid #353640; color: #a8a9b3; font-size: 11px; }
.cttm-health-meta strong { color: #c7bcff; font-weight: 600; }
.cttm-health-row { justify-content: flex-start; padding: 16px 0; border-bottom: 1px solid #353640; }
.cttm-health-mark { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #747681; }
.cttm-health-row[data-tone="ready"] .cttm-health-mark { background: #49d6aa; }
.cttm-health-row[data-tone="attention"] .cttm-health-mark { background: #ff849b; }
.cttm-health-row[data-tone="working"] .cttm-health-mark { background: #a99bff; }
.cttm-health-copy { min-width: 0; flex: 1; }
.cttm-health-heading { justify-content: flex-start; gap: 12px; margin-bottom: 4px; }
.cttm-health-heading strong { font-size: 13px; }
.cttm-health-state { color: #a8a9b3; font-size: 11px; }
.cttm-health-row[data-tone="ready"] .cttm-health-state { color: #54deb5; }
.cttm-health-row[data-tone="attention"] .cttm-health-state { color: #ff849b; }
.cttm-health-row[data-tone="working"] .cttm-health-state { color: #b6aaff; }
.cttm-health-copy p { margin: 0; color: #a8a9b3; font-size: 12px; line-height: 1.5; }
.cttm-health-action { flex: 0 0 auto; }
@media (max-width: 720px) {
  .cttm-health-header { align-items: flex-start; flex-direction: column; }
  .cttm-health-row { flex-wrap: wrap; }
  .cttm-health-action { margin-left: 26px; }
}