/* Splitter (INVENTORY C4; knowledge — Explorer's pane splitter): a ButtonFace bar between two panes showing the
   resize cursor; built by js/components/splitter.js. */
.w2k-splitter { position: relative; flex: none; box-sizing: border-box; background: var(--color-surface); touch-action: none; outline: none; }
/* The grab area reaches 2px past the bar on both sides (over the panes' edges), so a thin bar is easy to take. */
.w2k-splitter::before { content: ""; position: absolute; z-index: 5; }
.w2k-splitter[data-orientation="vertical"]::before { top: 0; bottom: 0; left: -2px; right: -2px; }
.w2k-splitter[data-orientation="horizontal"]::before { left: 0; right: 0; top: -2px; bottom: -2px; }
.w2k-splitter[data-orientation="vertical"] { width: var(--metric-splitter-size); cursor: var(--cursor-horizontal-resize, ew-resize); }
.w2k-splitter[data-orientation="horizontal"] { height: var(--metric-splitter-size); cursor: var(--cursor-vertical-resize, ns-resize); }
.w2k-splitter:focus-visible { background: var(--sys-btn-shadow); }