/**
 * Project: Trailer Tracker Part Deaux
 * Coder: Larry Vale
 * Version: 0.2.6
 * Created: 09-13-2026 19:45 MT
 * Purpose: Shared resizable left|right split panes (Yards, Documents, future).
 */
.tbx-split{
  display:grid;
  grid-template-columns:var(--tbx-split-left,1fr) var(--tbx-split-gutter,6px) minmax(0,1fr);
  gap:0;
  align-items:stretch;
  min-width:0;
}
.tbx-split > .tbx-split-gutter{
  grid-column:2;
  width:var(--tbx-split-gutter,6px);
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:col-resize;
  position:relative;
  z-index:5;
  touch-action:none;
  user-select:none;
  align-self:stretch;
  min-height:80px;
}
.tbx-split > .tbx-split-gutter::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:50%;
  width:2px;
  transform:translateX(-50%);
  background:#cbd5e1;
  border-radius:1px;
  transition:background .12s ease,width .12s ease;
}
.tbx-split > .tbx-split-gutter:hover::before,
.tbx-split.tbx-split-dragging > .tbx-split-gutter::before{
  background:#0f766e;
  width:3px;
}
.tbx-split > .tbx-split-gutter:focus-visible{
  outline:2px solid #0f766e;
  outline-offset:1px;
}
.tbx-split.tbx-split-dragging{cursor:col-resize;user-select:none}
.tbx-split.tbx-split-dragging *{cursor:col-resize !important}
body.tbx-split-dragging{cursor:col-resize;user-select:none}

/* Yards list|detail inherits .grid23 spacing via gap on parent — override gap when split active */
.grid23.tbx-split{gap:0}
.grid23.tbx-split > .card{min-width:0}

/* Documents tree|preview */
.tbx-docs-layout.tbx-split{
  gap:0;
  grid-template-columns:var(--tbx-split-left,200px) var(--tbx-split-gutter,6px) minmax(0,1fr);
}
.tbx-docs-layout.tbx-split .tbx-docs-list{
  max-width:none;
  width:auto;
}

@media (max-width:1100px){
  .grid23.tbx-split{
    display:grid;
    grid-template-columns:1fr;
  }
  .grid23.tbx-split > .tbx-split-gutter{display:none}
}
@media (max-width:980px){
  .tbx-docs-layout.tbx-split{
    grid-template-columns:1fr;
  }
  .tbx-docs-layout.tbx-split > .tbx-split-gutter{display:none}
}