/* Persistent shell shared by every workspace canvas. */
.dashboard-shell { display:grid; grid-template-columns:224px minmax(0,1fr); height:100dvh; min-height:0; overflow:hidden; }
.dashboard-shell .sidebar { position:relative!important; top:0; height:100dvh; overflow-y:auto; padding:22px 14px 0; border-right:1px solid var(--ds-border-subtle); border-bottom:0; }
.dashboard-body { min-width:0; min-height:0; display:flex; flex-direction:column; }
.dashboard-shell .dashboard-topbar { flex:0 0 58px; height:58px; padding:0 32px; display:flex; align-items:center; border-bottom:1px solid var(--ds-border-subtle); background:var(--ds-sidebar); color:var(--ds-text-secondary); font-size:13px; }
.dashboard-body > main { flex:1; min-height:0; width:100%; overflow:auto; margin:0; max-width:none; }
.canvas-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 24px; font-size:13px; color:var(--ds-text-muted); }
.canvas-breadcrumb a:hover { color:var(--ds-text); }
.canvas-breadcrumb [aria-current] { color:var(--ds-text-secondary); }
@media(max-width:760px) {
 .dashboard-shell { grid-template-columns:76px minmax(0,1fr); }
 .dashboard-shell .sidebar { padding:20px 6px 0; }
 .dashboard-shell .sidebar > .brand { font-size:0; padding:0; justify-content:center; gap:0; }
 .sidebar .brand-period { display:none; }
 .dashboard-shell .dashboard-nav { flex-direction:column; margin-top:24px; overflow:visible; gap:6px; }
 .dashboard-shell .dashboard-nav a { flex-direction:column; justify-content:center; gap:4px; padding:8px 2px; font-size:10px; white-space:normal; text-align:center; }
 .dashboard-shell .sidebar-bottom { position:static; margin-top:auto; padding:20px 0; }
 .sidebar .account-chip { justify-content:center; }
 .sidebar .account-chip > div,.sidebar .account-chip > .avatar { display:none; }
 .dashboard-shell .dashboard-topbar { padding:0 16px; }
 .dashboard-body > main { padding:24px 16px; }
 .dashboard-body .page-heading { flex-wrap:wrap; }
 .dashboard-body .replay-controls { display:flex; flex-wrap:wrap; }
 .dashboard-body .replay-controls input { flex-basis:100%; }
}