.erp-workstation-grid { display: grid; gap: var(--erp-space-4); grid-template-columns: minmax(0, 1fr); }
.erp-workstation-main { min-width: 0; display: flex; flex-direction: column; gap: var(--erp-space-4); }
/* A list remains full-width whenever no selected-record context is open. */
.erp-workstation-main--full { grid-column: 1 / -1; }
.erp-workstation-side { min-width: 0; display: flex; flex-direction: column; gap: var(--erp-space-3); }
.erp-workstation-shell-primary { background: var(--erp-card); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-lg); padding: var(--erp-space-4); box-shadow: var(--erp-shadow-card); }
.erp-workstation-shell-support { background: var(--erp-ds-bg-panel-muted); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-lg); padding: var(--erp-space-4); color: var(--erp-text-muted); }
.erp-workstation-card { background: var(--erp-card); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-md); padding: var(--erp-space-3) var(--erp-space-4); display: flex; flex-direction: column; gap: var(--erp-space-2); }
.erp-workstation-card--accent { border-color: var(--erp-gold-primary); background: rgba(var(--erp-rgb-gold-primary), 0.05); }
.erp-workstation-card__title { color: var(--erp-gold-light); font-size: 14px; font-weight: 900; }
.erp-workstation-card__meta { color: var(--erp-text-muted); font-size: 12px; }
.erp-workstation-section { display: flex; flex-direction: column; gap: var(--erp-space-3); }
.erp-workstation-section__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--erp-space-2); color: var(--erp-gold-label); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
@media (min-width: 1024px) {
  .erp-workstation-grid--with-side { grid-template-columns: minmax(0, 1fr) 320px; }
  .erp-workstation-grid--side-wide { grid-template-columns: minmax(0, 1fr) 380px; }
  .erp-workstation-grid--side-narrow { grid-template-columns: minmax(0, 1fr) 280px; }
  .erp-workstation-grid--double { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 2026-05-20: clear legacy site.css L4572-4580 `.erp-workstation-main { grid-column: span 8 }`
     / `.erp-workstation-side { grid-column: span 4 }` when a sided modifier is in use; otherwise
     the legacy 12-col span overrides the 2-col modifier template and produces 6 implicit zero-width
     tracks (side wraps to row 2). Only --double keeps auto placement naturally via repeat(2). */
  .erp-workstation-grid--with-side > .erp-workstation-main,
  .erp-workstation-grid--side-wide > .erp-workstation-main,
  .erp-workstation-grid--side-narrow > .erp-workstation-main,
  .erp-workstation-grid--with-side > .erp-workstation-side,
  .erp-workstation-grid--side-wide > .erp-workstation-side,
  .erp-workstation-grid--side-narrow > .erp-workstation-side { grid-column: auto; }
}