/* =========================================
   PANEL RESIZER (Writer overrides)
   ========================================= */

/* Writer horizontal resizers — override shared resizer.css defaults.
   Uses 4px visible width with transparent bg and accent on hover. */
.writer-workspace .h-resizer {
  width: 4px;
  min-width: 4px;
  max-width: 4px;
  flex: 0 0 4px !important;
  background: transparent;
  cursor: col-resize;
  flex-shrink: 0;
  transition: background 0.15s ease;
  z-index: 100;
  position: relative;
  pointer-events: auto !important;
}

/* Wider invisible hit area for easier grabbing (24px total) */
.writer-workspace .h-resizer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  cursor: col-resize;
  z-index: 100;
}

.writer-workspace .h-resizer:hover,
.writer-workspace .h-resizer.active {
  background: var(--workspace-icon-primary, #059669);
}

/* Ensure writer-editor has proper background */
.writer-editor {
  background: var(--workspace-bg-primary) !important;
}

/* Ensure editor content wrapper has proper background */
.editor-content-wrapper {
  background: var(--workspace-bg-primary) !important;
}