/* DevHub Console v9 — viewport única; somente a conversa rola. */
html:has(body.console-page), body.console-page { height:100%; overflow:hidden !important; }
body.console-page .topbar { position:fixed; inset:0 0 auto 0; z-index:40; }
body.console-page .app-shell { height:calc(100dvh - 64px) !important; margin-top:64px; min-height:0 !important; overflow:hidden !important; }
body.console-page .sidebar { height:100%; min-height:0; overflow-y:auto; overflow-x:hidden; }
body.console-page .console-content { height:100%; min-height:0; overflow:hidden !important; padding-bottom:8px !important; }
body.console-page .console-content > .welcome { flex:0 0 auto; }
body.console-page .console-content > .view { height:100%; min-height:0; overflow:hidden; }
body.console-page .console-footer { display:none !important; }
body.console-page.chat-mode .console-content { padding-top:8px !important; }
body.console-page.chat-mode #view-playground { height:100%; }
body.console-page #view-playground .chat-studio { height:100% !important; min-height:0 !important; max-height:none !important; overflow:hidden !important; }
body.console-page .chat-main { min-height:0; overflow:hidden; }
body.console-page .chat-main .studio-canvas { min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; }
body.console-page .chat-main .studio-composer { flex:0 0 auto; }
@media (max-width:760px) {
  body.console-page .app-shell { height:calc(100dvh - 64px) !important; }
  body.console-page .sidebar { height:auto !important; max-height:48px; overflow:hidden !important; }
  body.console-page .sidebar nav { overflow-x:auto !important; overflow-y:hidden !important; }
  body.console-page .console-content { height:calc(100% - 48px) !important; padding:6px !important; }
  body.console-page.chat-mode .console-content { height:calc(100% - 48px) !important; }
  body.console-page #view-playground .chat-studio { height:100% !important; min-height:0 !important; }
  body.console-page .chat-main .studio-canvas { flex:1 1 auto; height:auto !important; max-height:none !important; }
  body.console-page .chat-main .studio-composer { max-height:220px; overflow:auto; }
}
@media (max-width:420px) {
  body.console-page .topbar { height:56px; }
  body.console-page .app-shell { margin-top:56px; height:calc(100dvh - 56px) !important; }
  body.console-page .sidebar { max-height:46px; }
  body.console-page .console-content { height:calc(100% - 46px) !important; }
}