/* CFD1 – minimal overrides on top of DaisyUI */

/* Splitter handles */
.splitter-h,
.splitter-v {
  transition: background-color 150ms;
  user-select: none;
}
.splitter-h:active,
.splitter-v:active {
  background-color: oklch(var(--p) / 0.6);
}

/* CodeMirror container fills its parent */
#cm-editor .cm-editor {
  height: 100%;
  font-size: 13px;
}
#cm-editor .cm-scroller {
  overflow: auto;
}

/* Data grid: mono font for cells, compact rows */
#grid-container td,
#sql-grid-container td {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
  font-size: 12px;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sortable column headers */
th.sortable {
  cursor: pointer;
  user-select: none;
}
th.sortable:hover {
  background-color: oklch(var(--b2));
}
th.sort-active {
  color: oklch(var(--p));
}

/* Tree navigator tweaks */
#tree li > details > summary::before {
  content: none;
}
#tree .tree-table {
  cursor: pointer;
}
#tree .tree-table:hover,
#tree .tree-table.active {
  background-color: oklch(var(--b2));
  border-radius: var(--rounded-btn);
}
#tree .tree-table.active {
  color: oklch(var(--p));
  font-weight: 600;
}
#tree .tree-col {
  font-size: 11px;
  opacity: 0.7;
}

/* Prevent body scroll during splitter drag */
body.dragging {
  cursor: col-resize;
  user-select: none;
}
body.dragging-v {
  cursor: row-resize;
  user-select: none;
}

/* Row menu positioning */
#row-menu {
  position: fixed;
}