/* v165 unified camera popover standard — headphones panel is the visual reference */
#cameraView .pc165-standard-popover{
  position:absolute!important;
  z-index:24!important;
  left:auto!important;
  right:max(82px,var(--app-safe-right,0px))!important;
  top:auto!important;
  bottom:calc(126px + var(--app-safe-bottom,0px))!important;
  width:min(360px,calc(100vw - 108px))!important;
  max-width:none!important;
  max-height:min(560px,calc(100dvh - 160px))!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:14px!important;
  border:1px solid rgba(74,127,255,.54)!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,rgba(8,13,35,.97),rgba(5,8,24,.95))!important;
  color:#f3f5ff!important;
  box-shadow:0 20px 55px rgba(0,0,0,.46),0 0 34px rgba(42,95,255,.14)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important
}
#cameraView .pc165-standard-popover[hidden]{display:none!important}

#cameraView .pc165-popover-head{
  position:static!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 11px!important;
  padding:0!important;
  background:transparent!important;
}
#cameraView .pc165-popover-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
#cameraView .pc165-popover-title>div,
#cameraView .pc165-popover-title>span:not(.pc165-popover-mark){
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
#cameraView .pc165-popover-title strong{
  display:block!important;
  margin:0!important;
  color:#f3f5ff!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
}
#cameraView .pc165-popover-title small,
#cameraView .pc165-live-hint{
  display:block!important;
  margin:0!important;
  color:#8f9bd0!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
#cameraView .pc165-popover-mark{
  display:grid!important;
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  place-items:center!important;
  color:#8fb0ff!important;
  font-size:23px!important;
  line-height:1!important;
  filter:drop-shadow(0 0 9px rgba(97,133,255,.42))!important;
}
#cameraView .pc165-popover-mark svg{
  width:23px!important;
  height:23px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#cameraView .pc165-popover-close{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9aa8e8!important;
  box-shadow:none!important;
  font:400 25px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
}

/* Camera + Monitor now use exactly the same popover anchor/shell. */
#cameraView #cameraSettings.pc165-standard-popover{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important
}
#cameraView #cameraSettings.pc165-standard-popover[hidden]{display:none!important}
#cameraView #cameraSettings[data-pc163-panel-mode="monitor"]>.pc162-monitor-settings{
  display:grid!important;
  margin:0!important;
  padding:0!important;
  border:0!important
}
#cameraView #cameraSettings[data-pc163-panel-mode="monitor"] .pc162-monitor-head{display:none!important}
#cameraView #cameraSettings[data-pc163-panel-mode="camera"]>.pc160-camera-settings{
  margin:0!important;
  padding:0!important;
  border:0!important
}
#cameraView #cameraSettings[data-pc163-panel-mode="camera"] .pc160-camera-settings-head strong{display:none!important}
#cameraView #cameraSettings[data-pc163-panel-mode="camera"] .pc160-camera-settings-head>div{display:block!important}
#cameraView #cameraSettings[data-pc163-panel-mode="camera"] .pc160-camera-settings-head small{
  display:block!important;
  color:#83a4ff!important;
  font-size:9px!important
}

/* Prompter: preserve dynamic shown/hidden subtitle but use the same shell/header. */
#cameraView .pc164-prompter-popover.pc165-standard-popover{width:min(360px,calc(100vw - 108px))!important}
#cameraView .pc164-prompter-head.pc165-popover-head>div.pc165-popover-title{display:flex!important}
#cameraView .pc164-prompter-head.pc165-popover-head>div.pc165-popover-title>div{display:grid!important}

/* AI Live: only icon + name + compact subtitle + close in the header. */
#cameraView #liveAiPanel.pc165-standard-popover .live-ai-kicker,
#cameraView #liveAiPanel.pc165-standard-popover .live-ai-badge,
#cameraView #liveAiPanel.pc165-standard-popover .pc54-live-beta{display:none!important}
#cameraView #liveAiPanel.pc165-standard-popover .live-ai-panel-title{
  display:grid!important;
  gap:2px!important
}
#cameraView #liveAiPanel.pc165-standard-popover .pc54-live-meta{
  color:#8f9bd0!important;
  font-size:10.5px!important;
  font-weight:500!important;
  letter-spacing:0!important
}

/* Saved templates + Coach scripts use the same header and anchor too. */
#cameraView #cameraTemplatesPanel.pc165-standard-popover,
#cameraView .pc152-template-sheet.pc165-standard-popover{
  width:min(360px,calc(100vw - 108px))!important
}
#cameraView .pc152-template-sheet.pc165-standard-popover .pc152-template-head strong{font-size:16px!important}

/* All standard camera popovers remain usable during REC. */
.camera-screen.is-recording .pc165-standard-popover{
  visibility:visible!important;
  pointer-events:auto!important
}

html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc165-standard-popover{
  left:auto!important;
  right:max(82px,env(safe-area-inset-right,0px))!important;
  top:auto!important;
  bottom:calc(126px + var(--safe-bottom))!important;
  width:min(360px,calc(100vw - 108px))!important;
  max-height:min(560px,calc(100dvh - 160px))!important;
  padding:14px!important;
  border:1px solid rgba(74,127,255,.54)!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,rgba(8,13,35,.97),rgba(5,8,24,.95))!important
}

@media(max-height:690px){
  #cameraView .pc165-standard-popover{
    bottom:calc(108px + var(--app-safe-bottom,0px))!important;
    max-height:calc(100dvh - 132px)!important
  }
  html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc165-standard-popover{
    bottom:calc(108px + var(--safe-bottom))!important;
    max-height:calc(100dvh - 132px)!important
  }
}
@media(max-width:390px){
  #cameraView .pc165-standard-popover,
  html[data-promptcam-coach-capture="true"][data-pc139-camera-open="true"] #cameraView .pc165-standard-popover{
    right:76px!important;
    width:calc(100vw - 90px)!important;
    padding:11px!important
  }
  #cameraView .pc165-popover-title strong{font-size:15px!important}
  #cameraView .pc165-popover-title small,#cameraView .pc165-live-hint{font-size:9.5px!important}
}