/* DevHub Console v7 — chat-first, sem introdução bloqueando a abertura. */
.console-page { overflow-x:hidden; }
.console-page .topbar { height:64px; }
.console-page .console-content { min-width:0; max-width:1700px; }
.console-page .view { min-width:0; }
.console-page.chat-mode .console-content { padding:10px 18px 6px !important; }
.console-page.chat-mode .console-footer { display:none; }
#view-playground .chat-studio { width:100%; height:calc(100dvh - 92px) !important; min-height:560px !important; max-height:none !important; grid-template-columns:220px minmax(0,1fr) !important; border-radius:16px !important; }
.chat-main { min-width:0; min-height:0; }
.chat-main .studio-toolbar { min-width:0; padding:13px 22px !important; }
.chat-main .studio-brand { min-width:0; }
.chat-main .studio-brand strong, .chat-main .studio-brand small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-main .studio-selects { min-width:0; max-width:48%; }
.chat-main .studio-canvas { min-width:0; padding:30px clamp(16px,7vw,110px) 14px !important; }
.chat-main .studio-intro { margin:clamp(35px,10vh,110px) auto 30px !important; }
.chat-main .studio-intro h2 { font-size:clamp(27px,3.4vw,43px) !important; }
.chat-main .prompt-suggestions { max-width:720px; margin-inline:auto; }
.chat-main .studio-composer { width:auto; margin:10px clamp(14px,7vw,110px) 16px !important; }
.chat-main .composer-footer { min-width:0; }
.chat-main .chat-status { min-height:18px; }
.chat-bubble .chat-answer, .chat-bubble.user .chat-bubble-content { max-width:100%; overflow-wrap:anywhere; }

@media (max-width:900px) {
  #view-playground .chat-studio { grid-template-columns:175px minmax(0,1fr) !important; }
  .chat-main .studio-selects { max-width:55%; }
  .chat-main .studio-canvas { padding-inline:5% !important; }
  .chat-main .studio-composer { margin-inline:5% !important; }
}
@media (max-width:700px) {
  .console-page.chat-mode .console-content { padding:7px 8px 8px !important; }
  #view-playground .chat-studio { display:flex !important; flex-direction:column; height:calc(100dvh - 80px) !important; min-height:560px !important; border-radius:13px !important; }
  .chat-history { flex:0 0 auto; min-height:0; padding:7px 9px !important; }
  .chat-history-top { display:flex !important; align-items:center; justify-content:space-between; gap:8px; }
  .chat-history-top>span { display:block !important; font-size:8px !important; }
  .chat-history-top button { width:auto !important; min-height:30px !important; }
  .chat-history #chatList { margin-top:5px !important; max-width:100%; }
  .chat-main { flex:1 1 auto; min-height:0; }
  .chat-main .studio-toolbar { flex:0 0 auto; padding:9px 11px !important; gap:8px !important; }
  .chat-main .studio-brand { flex:1 1 130px; }
  .chat-main .studio-brand strong { font-size:11px !important; }
  .chat-main .studio-selects { flex:1 1 150px; max-width:none; justify-content:flex-end; }
  .chat-main .studio-selects .badge { display:none; }
  .model-switch { max-width:100% !important; min-width:0; }
  .chat-main .studio-canvas { flex:1 1 auto; height:auto !important; min-height:0 !important; max-height:none !important; padding:16px 12px 8px !important; }
  .chat-main .studio-intro { margin:30px auto 20px !important; }
  .chat-main .studio-intro h2 { font-size:clamp(25px,8vw,32px) !important; }
  .chat-main .prompt-suggestions { flex-direction:column; gap:7px !important; }
  .chat-main .prompt-suggestions button { width:100%; max-width:none !important; padding:11px 12px !important; }
  .chat-main .studio-composer { flex:0 0 auto; margin:7px 9px 9px !important; padding:10px 11px 8px !important; border-radius:14px !important; }
  .chat-main #prompt { min-height:64px !important; max-height:150px; font-size:13px !important; }
  .composer-settings { max-width:100%; }
  .composer-settings-grid { max-width:calc(100vw - 38px); }
  .chat-main .composer-footer { gap:7px !important; }
  .chat-main .composer-tools { min-width:0; flex:1 1 120px; }
  .chat-main .play-actions { flex:0 0 auto; }
  .chat-main .chat-status { font-size:9px !important; }
}
@media (max-width:380px) {
  .console-page.chat-mode .console-content { padding-inline:4px !important; }
  #view-playground .chat-studio { min-height:540px !important; }
  .chat-main .studio-brand small { display:none !important; }
  .chat-main .studio-canvas { padding-inline:9px !important; }
  .chat-main .studio-composer { margin-inline:5px !important; }
}
@media (prefers-reduced-motion:reduce) { .brand-intro { display:none !important; } }