/* Section drag (Adam (Adoom666), 2026-10-12, #1687: "let me drag and drop sections to reorder them").
 * web/src/lib/sidebar-shell/section-drag.ts moves a TOP-LEVEL section (a wrapper carrying data-section) by its heading, and a group band under GROUPS among its siblings.
 * Colors are --oc-* tokens only; the look is the drawer's own hairline, no shadow and no ring. */

/* A finger drags only from the heading's leading glyph or its chevron: those two stop the browser's own pan, so the
 * rest of the heading (and every row) still scrolls the list. */
#session-sidebar-list :is([data-section], .session-sidebar-groups-block > .session-sidebar-group__body > .session-sidebar-group) > .session-sidebar-group__headerrow .session-sidebar-group__icon,
#session-sidebar-list :is([data-section], .session-sidebar-groups-block > .session-sidebar-group__body > .session-sidebar-group) > .session-sidebar-group__headerrow .session-sidebar-group__gutter {
    touch-action: none;
}

/* While a section is dragged the page commits to the grabbing cursor and no text range starts. */
.session-sidebar-list--section-dragging,
.session-sidebar-list--section-dragging * {
    cursor: grabbing;
    user-select: none;
}

/* The lifted section: its own hairline and the hover ground, so it reads as picked up. */
#session-sidebar-list [data-section-lifted="1"] {
    background: var(--oc-ground-hover);
    box-shadow: inset 0 0 0 1px var(--oc-line-panel);
}