/* v169 — monitor overlays sit above the zoom dock in both main Mini App and Coach. */

/* Normal-height camera:
   zoom dock bottom = 125px and is ~40px tall.
   Keep the MIC meter clearly above it, then keep Histogram above MIC. */
#cameraView .pc162-mic-meter{
  bottom:calc(176px + var(--app-safe-bottom,0px))!important
}
#cameraView .pc162-histogram{
  bottom:calc(228px + var(--app-safe-bottom,0px))!important
}

/* Coach Capture uses --safe-bottom in its isolated camera shell. */
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc162-mic-meter,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView .pc162-mic-meter{
  bottom:calc(176px + var(--safe-bottom,0px))!important
}
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc162-histogram,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView .pc162-histogram{
  bottom:calc(228px + var(--safe-bottom,0px))!important
}

/* Short screens use the v161 zoom dock at 108px. Keep the same visual clearance
   without pushing the monitor cards too far into the face/framing area. */
@media(max-height:690px){
  #cameraView .pc162-mic-meter{
    bottom:calc(154px + var(--app-safe-bottom,0px))!important
  }
  #cameraView .pc162-histogram{
    bottom:calc(202px + var(--app-safe-bottom,0px))!important
  }
  html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc162-mic-meter,
  html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView .pc162-mic-meter{
    bottom:calc(154px + var(--safe-bottom,0px))!important
  }
  html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc162-histogram,
  html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView .pc162-histogram{
    bottom:calc(202px + var(--safe-bottom,0px))!important
  }
}