/* ------------------------------------------------------------
   4 · DOCK / SPLIT
   ------------------------------------------------------------ */
.dcs-dock {
  display: flex;
  background: var(--dcs-bg-app);
  min-height: 0;
  height: 100%;
}
.dcs-dock--v { flex-direction: column; }
.dcs-dock > .dcs-panel { flex: 1; min-width: 0; min-height: 0; border-radius: 0; }

.dcs-splitter {
  flex: 0 0 1px;
  background: var(--dcs-line);
  cursor: col-resize;
  position: relative;
}
.dcs-dock--v > .dcs-splitter,
.dcs-splitter--h { cursor: row-resize; flex-basis: 1px; }
/* The ::before is just a wider, invisible grab area — DCC splitters keep
   the resize cursor as the only affordance and avoid an accent flash as
   the pointer sweeps the screen. */
.dcs-splitter::before {
  content: ""; position: absolute;
  left: -3px; right: -3px; top: 0; bottom: 0;
  z-index: 2;
}
.dcs-dock--v > .dcs-splitter::before,
.dcs-splitter--h::before { left: 0; right: 0; top: -3px; bottom: -3px; }