/* Shared workbench grid and master-detail layout for Team and Restaurant.
   Workbench primitives are generic rs- classes because the layout is a product pattern,
   not a Team or Restaurant exception. Visual chrome lives in rs-card / rs-section-surface. */

.rs-workbench-grid {
  min-height: 0;
  height: 100%;
}

.rs-workbench-grid--single {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0,1fr);
}

.rs-workbench-layout {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(300px,360px) minmax(0,1fr);
  gap: 12px;
  overflow: hidden;
}

.rs-workbench-layout > .rs-workbench-list {
  grid-column: 1;
  grid-row: 1 / -1;
}

.rs-workbench-layout > .rs-workbench-detail {
  grid-column: 2;
}

.rs-workbench-layout > .rs-workbench-detail-stack {
  grid-column: 2;
}

.rs-workbench-layout--single {
  grid-template-columns: minmax(0,1fr);
}

.rs-workbench-layout--single > :is(.rs-workbench-detail,.rs-workbench-detail-stack) {
  grid-column: 1;
}

.rs-workbench-body > .rs-workbench-layout {
  padding: 12px;
}

.rs-tab-panel > .rs-workbench-layout {
  height: 100%;
}

@media (max-width: 980px) {
  /* Official owner of the workbench 2-col -> stack (reconciled from responsive-flow.css). */
  .rs-workbench-layout { grid-template-columns: minmax(0,1fr); }
  .rs-workbench-layout > :is(.rs-workbench-list,.rs-workbench-detail,.rs-workbench-detail-stack) { grid-column: 1; grid-row: auto; }
}