/* WTWR_MY_DEMO_STACKED_WORKFLOW_V2
   Full-width My Demo workflow:
   filters/actions -> strategy tabs/evidence -> selectable races.
*/

#demo-account #wtwrMyDemoWorkflowStackV2{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:1 / -1!important;
  flex:1 1 100%!important;
  margin:14px 0 16px!important;
  padding:0!important;
  box-sizing:border-box!important;
}

#demo-account #wtwrMyDemoWorkflowStackV2 > .demo-filter-grid,
#demo-account #wtwrMyDemoWorkflowStackV2 > .demo-filter-actions,
#demo-account #wtwrMyDemoWorkflowStackV2 > #wtwrAIUniformPolishShell,
#demo-account #wtwrMyDemoWorkflowStackV2 > #wtwrAIMasterStrategySelector,
#demo-account #wtwrMyDemoWorkflowStackV2 > #wtwrFlowDemoConfluence,
#demo-account #wtwrMyDemoWorkflowStackV2 > #wtwrConfluenceDemoSummary,
#demo-account #wtwrMyDemoWorkflowStackV2 > .wtwr-demo-strategy-info,
#demo-account #wtwrMyDemoWorkflowStackV2 > #wtwrDemoStrategyInfo{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:1 / -1!important;
  flex:0 0 auto!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Undo the cramped side-by-side result caused by the parent Demo grid. */
#demo-account #wtwrMyDemoWorkflowStackV2 > .demo-filter-grid{
  margin-top:0!important;
  margin-bottom:0!important;
}

#demo-account #wtwrMyDemoWorkflowStackV2 > .demo-filter-actions{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Use the width cleanly on desktop without altering filter behaviour. */
@media(min-width:1051px){
  #demo-account #wtwrMyDemoWorkflowStackV2 > .demo-filter-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* The strategy/evidence shell should stay horizontal/full-width, just like Today/Results. */
#demo-account #wtwrMyDemoWorkflowStackV2 > #wtwrAIUniformPolishShell{
  display:block!important;
}

/* Selectable races remain directly beneath the workflow stack. */
#demo-account #wtwrMyDemoWorkflowStackV2 + .demo-selection-wrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:1 / -1!important;
  box-sizing:border-box!important;
}