/* Integration diagnostics: findings precede their supporting evidence. */
.staff-ui .staff-health { padding: 24px 0 32px; }
.staff-ui .staff-health-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.staff-ui .staff-health h2 { font-size: 16px; font-weight: 700; line-height: 1.4; }
.staff-ui .staff-health h3 { font-size: 14px; font-weight: 700; line-height: 1.4; }
.staff-ui .staff-health h4 { font-size: 13px; font-weight: 700; line-height: 1.4; }
.staff-ui .staff-health p { font-size: 13px; line-height: 1.5; margin-top: 7px; }
.staff-ui .staff-health-heading p,
.staff-ui .staff-health-note,
.staff-ui .staff-health-history p { color: var(--sl-muted); }
.staff-ui .staff-health .staff-health-generated { font-size: 11px; }
.staff-ui .staff-health-counts { display: flex; flex-wrap: wrap; gap: 20px 36px; margin: 24px 0; }
.staff-ui .staff-health-count { display: grid; gap: 4px; min-width: 96px; }
.staff-ui .staff-health-count strong { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
.staff-ui .staff-health-count span { color: var(--sl-muted); font-size: 12px; }
.staff-ui .staff-health-count[href]:hover span { text-decoration: underline; text-underline-offset: 3px; }
.staff-ui .staff-health-empty { margin: 24px 0; padding: 20px; background: var(--sl-faint); border-radius: 8px; }
.staff-ui .staff-health-group { margin-top: 28px; scroll-margin-top: 24px; }
.staff-ui .staff-health-group-heading { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }
.staff-ui .staff-health-group-heading > span { color: var(--sl-muted); font-size: 12px; }
.staff-ui .staff-health-note { margin-bottom: 12px; }
.staff-ui .staff-health-check { border-radius: 8px; margin-top: 4px; }
.staff-ui .staff-health-check > summary { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(110px, 160px) 190px 16px; gap: 18px; align-items: center; padding: 15px 12px; list-style: none; cursor: pointer; }
.staff-ui .staff-health-check > summary::before { content: none; }
.staff-ui .staff-health-check > summary::-webkit-details-marker { display: none; }
.staff-ui .staff-health-check > summary:hover,
.staff-ui .staff-health-check[open] { background: var(--sl-faint); }
.staff-ui .staff-health-identity { min-width: 0; }
.staff-ui .staff-health-identity strong { display: block; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.staff-ui .staff-health-identity small { display: block; font-size: 11px; color: var(--sl-muted); margin-top: 4px; }
.staff-ui .staff-health-state { display: grid; justify-items: start; gap: 5px; }
.staff-ui .staff-health-stale { font-size: 11px; color: var(--sl-ink); }
.staff-ui .staff-health-time { display: grid; gap: 4px; color: var(--sl-muted); font-size: 11px; line-height: 1.4; }
.staff-ui .staff-health-time time { color: var(--sl-ink); font-variant-numeric: tabular-nums; }
.staff-ui .staff-health-chevron { width: 14px; height: 14px; color: var(--sl-muted); }
.staff-ui .staff-health-check[open] > summary .staff-health-chevron { transform: rotate(90deg); }
.staff-ui .staff-health-result { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; padding: 6px 12px 20px; }
.staff-ui .staff-health-outcome,
.staff-ui .staff-health-evidence { min-width: 0; overflow-wrap: anywhere; }
.staff-ui .staff-health-outcome > .sl-button { margin-top: 12px; }
.staff-ui .staff-health-stale-note { font-weight: 500; }
.staff-ui .staff-health-evidence dl { display: grid; gap: 12px; }
.staff-ui .staff-health-evidence dt { color: var(--sl-muted); font-size: 11px; }
.staff-ui .staff-health-evidence dd { margin-top: 4px; font-size: 12px; }
.staff-ui .staff-health-evidence code { overflow-wrap: anywhere; word-break: break-word; }
.staff-ui .staff-health-evidence p { font-size: 11px; color: var(--sl-muted); }
.staff-ui .staff-health-history { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--sl-border); }
@media (max-width: 1000px) {
  .staff-ui .staff-health-check > summary { grid-template-columns: minmax(160px, 1fr) minmax(110px, 140px) 170px 14px; gap: 12px; }
}
@media (max-width: 699px) {
  .staff-ui .staff-health-heading,
  .staff-ui .staff-health-history { flex-direction: column; gap: 14px; }
  .staff-ui .staff-health-check > summary { grid-template-columns: minmax(0, 1fr) auto 14px; gap: 12px; padding: 14px 8px; }
  .staff-ui .staff-health-time { grid-column: 1 / 3; grid-row: 2; }
  .staff-ui .staff-health-chevron { grid-column: 3; grid-row: 1; }
  .staff-ui .staff-health-result { grid-template-columns: minmax(0, 1fr); padding: 4px 8px 18px; gap: 16px; }
  .staff-ui .staff-health-counts { gap: 18px 24px; }
  .staff-ui .staff-health-count { min-width: 80px; }
}