/* MABNI Coding Studio v53 - remove instruction/status clutter
   Goal: keep the coding screen compact: no persistent Status strip, no input-hint chip row, no Input Panel title. */

/* Remove the bottom Status strip completely. Run/step logic still works; feedback is stored but not persistently displayed. */
#feedback,
.feedback.is-hidden-status,
.left-panel > .feedback{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Remove instruction chip rows such as Drag / Run / Focus / Show. */
.v49-input-hints,
.v50-compact-hints,
.v49-run-hints,
.maze-help-row,
.input-hints,
.run-hints{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Event panel should show controls/score only, no "Input Panel" heading. */
.event-game-score strong,
.event-game-score .panel-title,
.event-game-score [data-instruction]{
  display:none!important;
}
.event-game-score{
  min-height:0!important;
  padding:4px 8px!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
.event-game-score span{
  font-size:12px!important;
  font-weight:900!important;
}

/* More usable vertical space after removing instructions/status. */
.left-panel{
  grid-template-rows:auto minmax(320px,1fr) auto auto!important;
  gap:8px!important;
}
.visualization{
  min-height:340px!important;
}
.run-dock{
  margin-top:0!important;
  position:relative!important;
  z-index:8!important;
}

/* Keep focus mode clean without trapping the user. */
body.top-collapsed .left-panel{
  grid-template-rows:minmax(360px,1fr) auto auto!important;
}
body.top-collapsed .mission-bar,
body.top-collapsed #learningFocusCard,
body.top-collapsed .v49-input-hints,
body.top-collapsed .v50-compact-hints{
  display:none!important;
}

@media(max-height:760px) and (min-width:901px){
  .visualization{min-height:300px!important;}
  .run-dock{padding:6px!important;}
  .run-dock button{min-height:40px!important;}
}
@media(max-width:900px){
  .visualization{min-height:300px!important;}
  .left-panel{gap:7px!important;}
}