/* ==========================================================================
   OmniResume — Editor Sidebar Specific
   ========================================================================== */

.editor__sidebar::-webkit-scrollbar { width: 6px; }
.editor__sidebar::-webkit-scrollbar-thumb { background: var(--color-border-strong); border-radius: 3px; }

/* Collapsible groups in sidebar */
.editor__section-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: var(--space-sm);
}

.editor__section-group:first-child { margin-top: 0; }

.editor__section-group-title {
  padding: var(--space-xs) var(--space-sm);
  font-size: var(--text-2xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-text-subtle);
  margin: 0;
}

/* Drop indicator during reorder */
.editor__section-item.is-dragging {
  opacity: 0.4;
}

.editor__section-item.is-drop-target {
  position: relative;
}

.editor__section-item.is-drop-target::before {
  content: '';
  position: absolute;
  top: -2px;
  left: var(--space-xs);
  right: var(--space-xs);
  height: 3px;
  background: var(--color-primary);
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(11, 95, 255, 0.5);
}

.editor__section-item.is-drop-target-below::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: var(--space-xs);
  right: var(--space-xs);
  height: 3px;
  background: var(--color-primary);
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(11, 95, 255, 0.5);
}