cameleer-server/ui/src/pages/AppsTab/AppDeploymentPage/CheckpointDetailDrawer/CheckpointDetailDrawer.module.css

/* index.tsx */
.titleRow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.titleJar {
  font-family: monospace;
  font-size: 13px;
}

.statusPill {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 3px;
  background: var(--bg-inset);
}

.metaLine {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.5;
  margin-bottom: 12px;
}

.tabContent {
  margin-top: 12px;
}

.footerRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.footerHint {
  font-size: 12px;
  color: var(--text-muted);
}

/* LogsPanel.tsx */
.filterBar {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 0;
  font-size: 12px;
}

.replicaLabel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.emptyState {
  padding: 16px;
  color: var(--text-muted);
}

.logRow {
  font-family: monospace;
  font-size: 11px;
  padding: 2px 0;
}

.logTimestamp {
  color: var(--text-muted);
}

/* ConfigPanel.tsx / DiffView */
.diffList {
  font-family: monospace;
  font-size: 12px;
}

.diffEntry {
  margin-bottom: 8px;
}

.diffPath {
  color: var(--text-muted);
  margin-bottom: 2px;
}

.diffRemoved {
  background: var(--red-bg, rgba(239, 68, 68, 0.15));
  border-left: 2px solid var(--red, #ef4444);
  padding: 2px 6px;
}

.diffAdded {
  background: var(--green-bg, rgba(34, 197, 94, 0.15));
  border-left: 2px solid var(--green, #22c55e);
  padding: 2px 6px;
}