/* MPMH_FRONTCONV011 — selected-cause command/workspace hierarchy.
   Presentation + DOM order only. Existing selected-cause controller/actions remain authoritative.
   IMPORTANT: this layer deliberately does not restyle the existing workspace frame/panel outer border. */
:root{
  --fc011-line:rgba(131,202,255,.21);
  --fc011-line-strong:rgba(131,202,255,.34);
  --fc011-sky:#83caff;
  --fc011-green:#08f0a0;
  --fc011-ink:#020b12;
  --fc011-blue:#071c2c;
}

/* One six-action rail directly under the cause description. */
html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail{
  display:grid!important;
  grid-template-columns:.88fr 1.25fr 1.05fr 1.15fr .82fr 1.16fr!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:20px 0 0!important;
  padding:0!important;
  border:1px solid var(--fc011-line)!important;
  background:#020c14!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button){
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-right:1px solid var(--fc011-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#dcecf6!important;
  box-shadow:none!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  cursor:pointer!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):last-child{border-right:0!important}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail .is-primary{
  color:#fff!important;
  background:rgba(8,240,160,.075)!important;
  box-shadow:inset 0 -2px 0 rgba(8,240,160,.72)!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):hover,
html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):focus-visible{
  color:#fff!important;
  background:rgba(131,202,255,.07)!important;
  box-shadow:inset 0 -2px 0 var(--fc011-sky)!important;
  outline:0!important;
}

/* Workspace follows identity/actions immediately. Existing workspace frame outer border is untouched. */
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-cause-interactive{
  margin:16px 0 0!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs{
  margin:0 0 8px!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs .mph-cause-workspace-inline-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  min-height:38px!important;
  padding:0!important;
  border:1px solid var(--fc011-line)!important;
  background:#020c14!important;
  overflow:visible!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button{
  min-width:0!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:0!important;
  border-right:1px solid var(--fc011-line)!important;
  background:transparent!important;
  color:#91aabd!important;
  box-shadow:none!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button:last-child{border-right:0!important}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button.is-active{
  color:var(--fc011-green)!important;
  background:rgba(8,240,160,.055)!important;
  box-shadow:inset 0 -2px 0 var(--fc011-green)!important;
}
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button:hover,
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button:focus-visible{
  color:var(--fc011-sky)!important;
  background:rgba(131,202,255,.055)!important;
  outline:0!important;
}

/* The readout remains intact, but it becomes supporting intelligence below the workspace. */
html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-cause-context-readout{
  margin:20px 0 0!important;
}

/* Existing perspective area stays below both workspace and readout. */
html.mpmh-frontconv011 body #selectedCauseHero .mph-cause-main-feedback-wrap{margin-top:18px!important}

/* Basic wrap protection only; touch/gesture ownership remains deferred to the dedicated mobile wave. */
@media(max-width:1180px){
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button){border-bottom:1px solid var(--fc011-line)!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):nth-child(3n){border-right:0!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):nth-child(n+4){border-bottom:0!important}
}
@media(max-width:760px){
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button){border-right:1px solid var(--fc011-line)!important;border-bottom:1px solid var(--fc011-line)!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):nth-child(2n){border-right:0!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh011-cause-command-rail :is(a,button):nth-child(n+5){border-bottom:0!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs .mph-cause-workspace-inline-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button{border-bottom:1px solid var(--fc011-line)!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button:nth-child(2n){border-right:0!important}
  html.mpmh-frontconv011 body #selectedCauseHero .mpmh008-workspace-tabs button:last-child{grid-column:1/-1!important;border-right:0!important;border-bottom:0!important}
}