.bg-warning-soft {
  background-color: rgba(255, 193, 7, 0.25) !important;
}

/* Split Pane Layout for Editor */
.split-pane {
  display: flex;
  height: 80vh;
  width: 100%;
  position: relative;
}

.pane {
  height: 100%;
  overflow: auto;
  padding: 0;
}

.pane-left {
  width: 66.666%;
  min-width: 200px;
  max-width: 80%;
}

.pane-right {
  width: 33.333%;
  flex: 1;
}

.divider {
  width: 8px;
  background-color: #e9ecef;
  cursor: col-resize;
  position: relative;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.divider:hover {
  background-color: #adb5bd;
}

.divider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 20px;
  background-color: #6c757d;
}

/* Hide sidebar functionality */
.sidebar-hidden .sidebar {
  display: none;
}

.sidebar-hidden main {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Right pane hidden state */
.right-pane-hidden .pane-left {
  width: 100% !important;
  max-width: 100% !important;
}

.right-pane-hidden .pane-right,
.right-pane-hidden .divider {
  display: none;
}