.card {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.accent-amber  { border-top: 3px solid var(--amber); }
.accent-success { border-top: 3px solid var(--success); }
.accent-warning { border-top: 3px solid var(--warning); }
.accent-error   { border-top: 3px solid var(--error); }
.accent-running { border-top: 3px solid var(--running); }

.titleHeader {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-subtle);
}

.titleText {
  font-size: 12px;
  text-transform: uppercase;
  font-family: var(--font-mono);
  font-weight: 600;
  color: var(--text-secondary);
  letter-spacing: 0.5px;
  margin: 0;
}

.body {
  padding: 16px;
}
