/* v168 — shared bottom controls + record geometry + zoom parity */

/* Reset / Start belong to the Prompter. Hide them when the Prompter is off. */
#cameraView[data-pc168-prompter-active="false"] #resetPromptButton,
#cameraView[data-pc168-prompter-active="false"] #playPromptButton{
  display:none!important
}
#cameraView[data-pc168-prompter-active="true"] #resetPromptButton,
#cameraView[data-pc168-prompter-active="true"] #playPromptButton{
  display:grid!important
}

/* Keep REC centered when Prompter controls disappear, and restore the canonical
   three-button layout when Prompter is active. */
#cameraView[data-pc168-prompter-active="false"] #cameraPanel .main-controls{
  grid-template-columns:96px!important;
  gap:0!important
}
#cameraView[data-pc168-prompter-active="true"] #cameraPanel .main-controls{
  grid-template-columns:67px 96px 67px!important;
  gap:18px!important
}

/* The red disc is explicitly centered inside the white ring. */
#cameraView #recordButton .record-shape{
  left:50%!important;
  transform:translateX(-50%)!important
}

/* Coach Capture had legacy rules that always hid Start/Reset and forced a
   single flex REC button. Override them only through the shared Prompter state. */
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="true"] #resetPromptButton,
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="true"] #playPromptButton,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="true"] #resetPromptButton,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="true"] #playPromptButton{
  display:grid!important
}
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="false"] #resetPromptButton,
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="false"] #playPromptButton,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="false"] #resetPromptButton,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="false"] #playPromptButton{
  display:none!important
}
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView #cameraPanel .main-controls,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView #cameraPanel .main-controls{
  display:grid!important;
  justify-content:center!important;
  align-items:end!important;
  min-height:100px!important
}
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="false"] #cameraPanel .main-controls,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="false"] #cameraPanel .main-controls{
  grid-template-columns:96px!important;
  gap:0!important
}
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="true"] #cameraPanel .main-controls,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView[data-pc168-prompter-active="true"] #cameraPanel .main-controls{
  grid-template-columns:67px 96px 67px!important;
  gap:18px!important
}
html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView #recordButton,
html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView #recordButton{
  width:96px!important;
  height:auto!important;
  min-height:100px!important;
  margin:0!important
}

/* Use the Coach zoom-switch appearance everywhere, including the main Mini App. */
#cameraView .pc161-zoom-dock{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  background:rgba(7,8,15,.68)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important
}
#cameraView .pc161-zoom-dock[hidden]{display:none!important}
#cameraView .pc161-zoom-dock button{
  min-width:38px!important;
  height:32px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  box-shadow:none!important;
  font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important
}
#cameraView .pc161-zoom-dock button.is-active{
  min-width:42px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 0 20px rgba(255,255,255,.04)!important
}

@media(max-height:690px){
  #cameraView[data-pc168-prompter-active="false"] #cameraPanel .main-controls{
    grid-template-columns:84px!important
  }
  #cameraView[data-pc168-prompter-active="true"] #cameraPanel .main-controls{
    grid-template-columns:61px 84px 61px!important;
    gap:14px!important
  }
  html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView #recordButton,
  html[data-promptcam-coach-task="true"][data-pc139-camera-open="true"] #cameraView #recordButton{
    width:84px!important;
    min-height:88px!important
  }
}
@media(max-width:390px){
  #cameraView .pc161-zoom-dock{gap:3px!important;padding:3px!important}
  #cameraView .pc161-zoom-dock button{min-width:34px!important;height:30px!important;padding:0 6px!important;font-size:10px!important}
}