/* Canonical desktop workspace shell. Shared list/detail geometry lives here once. */
.resizable-workspace{
  --workspace-list-width:360px;
  --workspace-detail-width:720px;
  --workspace-context-width:360px;
  display:grid!important;
  grid-template-columns:var(--workspace-list-width) var(--space-3) var(--workspace-detail-width) var(--space-3) minmax(0,1fr)!important;
  gap:0!important;
  max-width:none!important;
  align-items:stretch;
}
.resizable-workspace>.panel,.workspace-future-space{min-width:0}
.workspace-resizing,.workspace-resizing *{cursor:col-resize!important;user-select:none!important}
.workspace-splitter{
  position:relative!important;
  width:var(--space-3)!important;
  min-width:var(--space-3)!important;
  max-width:var(--space-3)!important;
  cursor:col-resize!important;
  touch-action:none!important;
  background:transparent!important;
  display:grid!important;
  place-items:stretch center;
}
.workspace-splitter:hover,.workspace-splitter.dragging{background:transparent!important}
.workspace-splitter:before,.workspace-splitter:after{display:none!important;content:none!important}
.workspace-splitter-line{display:block;width:1px;height:100%;background:var(--resize-divider-hover);opacity:0;transition:opacity .15s ease}
.workspace-splitter:hover .workspace-splitter-line,.workspace-splitter.dragging .workspace-splitter-line{opacity:1}
@media(max-width:900px){
  .resizable-workspace:not(.hidden){display:block!important}
  .workspace-splitter,.workspace-future-space{display:none!important}
  .resizable-workspace>.panel+.panel{margin-top:8px}
}