/* V1452-64: fix ONLY the one-person declined roster row.
   Make use of the available width: avatar | name + hours | response at far edge.
   Four-plus employee layout and other roster cards are deliberately untouched. */
@layer er-earth {
 @media (max-width: 1023px) {
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees {
   display:block!important;
   width:100%!important;
   min-width:0!important;
   margin-top:4px!important;
   padding:0!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees>.er50-assignee {
   display:grid!important;
   grid-template-columns:21px minmax(0,1fr)!important;
   align-items:center!important;
   gap:6px!important;
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   padding:0!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees .er50-person-avatar {
   display:grid!important;
   width:21px!important;
   min-width:21px!important;
   height:21px!important;
   flex:0 0 21px!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees .er54-person-details {
   display:flex!important;
   align-items:center!important;
   justify-content:flex-start!important;
   flex:1 1 auto!important;
   gap:5px!important;
   width:100%!important;
   min-width:0!important;
   white-space:nowrap!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees .er50-person-name {
   display:block!important;
   flex:0 1 auto!important;
   min-width:0!important;
   white-space:nowrap!important;
   overflow:hidden!important;
   text-overflow:ellipsis!important;
   overflow-wrap:normal!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees .er54-person-hours {
   display:block!important;
   flex:0 0 auto!important;
   margin:0!important;
   white-space:nowrap!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card.er50-solo-declined .er50-assignees .er50-person-response {
   display:grid!important;
   place-items:center!important;
   flex:0 0 16px!important;
   margin-left:auto!important;
   width:16px!important;
   height:16px!important;
   border-radius:50%!important;
  }
 }
}