/*
 * components/server_status.css — Server-status widget (Session 5: UI Lab).
 *
 * Paired with templates/components/server_status.html. Token-driven (D5).
 * Compact infrastructure status cards for the server dashboard.
 */

.server-status {
  background: var(--color-surface);
  border: var(--border-1);
  border-left: 3px solid var(--color-neutral-fg);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  padding: var(--space-3) var(--space-4);
  min-width: 10rem;
  flex: 1 1 10rem;
}

.server-status--healthy,
.server-status--running,
.server-status--up { border-left-color: var(--color-success-fg); }

.server-status--failed,
.server-status--down,
.server-status--error { border-left-color: var(--color-danger-fg); }

.server-status--degraded,
.server-status--warning { border-left-color: var(--color-warn-fg); }

.server-status--in-progress,
.server-status--building { border-left-color: var(--color-info-fg); }

.server-status__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-1);
}

.server-status__name {
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
}

.server-status__body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.server-status__version {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--color-fg-muted);
}

.server-status__detail {
  font-size: var(--fs-sm);
  color: var(--color-fg-muted);
}