@import "/shared.css";

#current-session { flex: 1; min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
#refresh-session-checkpoints {
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  padding: 6px 10px;
  cursor: pointer;
}
#refresh-session-checkpoints:hover { background: #f1f3f4; }
.data-panel { display: grid; grid-template-rows: minmax(180px, 45%) minmax(220px, 1fr); gap: 12px; flex: 1; min-height: 0; padding: 20px; }
#data-view { flex: initial; padding: 0; }
.data-table td { padding: 8px 12px; border-bottom: 1px solid #eee; vertical-align: top; max-width: 480px; overflow-wrap: anywhere; }
.data-table tbody tr { cursor: pointer; }
.data-table tr.active { background: #eef4ff; }
.json-panel { min-height: 0; display: flex; flex-direction: column; gap: 8px; }
#current-checkpoint { margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
#json-view {
  margin: 0;
  flex: 1;
  min-height: 0;
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #f8fafc;
  padding: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre;
}