/* System Monitor — modern flat design */
.system-monitor-app {
  padding: 20px;
  height: 100%;
  overflow: auto;
  background: var(--space-bg-window, var(--surface-solid));
  font-family: ui-monospace, 'SF Mono', Menlo, monospace;
}

.sm-card {
  background: var(--space-bg-card, #fff);
  border-radius: var(--space-radius-lg, 12px);
  padding: 14px 16px;
  margin-bottom: 12px;
  border: 1px solid var(--space-border-subtle, rgba(0,0,0,0.06));
}

[data-theme="dark"] .sm-card {
  background: var(--space-bg-card, #2a2a2d);
}

.sm-label {
  font-size: 11px;
  color: var(--space-text-tertiary, #9ca3af);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.sm-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--space-text-primary, #111827);
  letter-spacing: -0.02em;
}

.sm-bar {
  height: 4px;
  border-radius: 2px;
  background: var(--space-bg-hover, rgba(0,0,0,0.06));
  overflow: hidden;
  margin-top: 8px;
}

.sm-bar-fill {
  height: 100%;
  border-radius: 2px;
  background: var(--space-accent, #0066ff);
  transition: width 0.4s ease;
}