/* Voice call page: the chat screen's top bar, then the call stage filling exactly the rest of the
   screen (no overflow on phones: dynamic viewport height and the bottom safe area). Loaded after
   poe-theme.css. The stage keeps the theme's 1fr / auto / 1fr rows: avatar just above the middle,
   status in the middle, controls at the bottom. */
.voice-call-page .voice-call-main{display:flex;flex-direction:column;height:100dvh;min-height:0;padding:0;place-items:initial;overflow:hidden}
.voice-call-top{position:relative;z-index:5;flex:0 0 auto}
.voice-call-top .agent-header-info{display:flex;align-items:center;color:inherit;text-decoration:none}
.voice-call-top .agent-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.voice-call-top .agent-header-info:hover .agent-title-text{color:#7ce8bd}
.voice-call-top .chat-top-actions{display:flex;align-items:center;gap:10px}
.voice-call-page .voice-call-stage{flex:1;min-height:0;width:min(620px,100%);margin:0 auto;padding:24px 24px calc(18px + env(safe-area-inset-bottom));grid-template-rows:1fr auto 1fr;row-gap:18px}
.voice-call-page .voice-call-avatar{width:clamp(96px,22vh,132px);height:clamp(96px,22vh,132px)}
.voice-chat-button{text-decoration:none}
.voice-chat-button .voice-control-icon{background:#222a38;color:#fff}
.voice-chat-button:hover .voice-control-icon{background:#2c3648}
@media(max-width:900px){
  body.voice-call-page{padding-top:0!important}
  body.voice-call-page>.mobile-site-bar{display:none!important}
  .voice-call-page>.sidebar-toggle{display:none!important}
  .voice-call-page:not(.sidebar-collapsed)>.sidebar-toggle{display:grid!important}
  .voice-call-page .mobile-chat-menu-toggle{display:grid}
  .voice-call-top{gap:7px;padding:10px}
  .voice-call-top .top-action-secondary,.voice-call-top .agent-settings-action{display:none}
  .voice-call-page .voice-call-stage{padding:16px 18px calc(14px + env(safe-area-inset-bottom));row-gap:12px}
  .voice-call-page .voice-call-stage h1{font-size:28px}
  .voice-call-page .voice-call-controls{gap:22px;padding-bottom:0}
}