.workspace {
  min-height: 0;
  overflow: hidden;
}

.sidebar {
  min-height: 0;
  overflow: hidden;
}

.record-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.editor {
  min-width: 0;
  min-height: 0;
  overflow: scroll !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable both-edges;
}

.report-stack {
  margin-left: 0;
  margin-right: 24px;
  padding-bottom: 24px;
}

.preview-toolbar {
  min-width: 1000px;
}

.resize-hint {
  color: #24528a !important;
  background: #eaf1fb;
  border: 1px solid #bfd0e8;
  border-radius: 5px;
  padding: 6px 10px;
  white-space: nowrap;
}

.editor::-webkit-scrollbar,
.record-list::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.editor::-webkit-scrollbar-track,
.record-list::-webkit-scrollbar-track {
  background: #d9dde4;
}

.editor::-webkit-scrollbar-thumb,
.record-list::-webkit-scrollbar-thumb {
  background: #7b8798;
  border: 3px solid #d9dde4;
  border-radius: 8px;
}

.editor::-webkit-scrollbar-thumb:hover,
.record-list::-webkit-scrollbar-thumb:hover {
  background: #526174;
}

.editor::-webkit-scrollbar-corner {
  background: #d9dde4;
}

.resizable-cell {
  position: relative;
}

.col-resizer {
  position: absolute;
  z-index: 4;
  top: 0;
  right: -5px;
  width: 10px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.row-resizer {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 10px;
  cursor: row-resize;
  touch-action: none;
}

.col-resizer:hover,
.resizing-col .col-resizer {
  border-right: 2px solid #2e5ee5;
}

.row-resizer:hover,
.resizing-row .row-resizer {
  border-bottom: 2px solid #2e5ee5;
}

.resizing-col,
.resizing-row {
  user-select: none;
}

.resizing-col * {
  cursor: col-resize !important;
}

.resizing-row * {
  cursor: row-resize !important;
}

@media (max-width: 650px) {
  .workspace {
    height: calc(100vh - 150px);
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
  }
  .sidebar {
    height: auto;
    border-right: 1px solid var(--line);
    border-bottom: 0;
  }
  .editor {
    min-height: 0;
  }
  .report-stack {
    margin-left: 0;
  }
}