.mobile-tutorial-link{display:none!important}
/* NovaAI v46 — mobile header fit + non-overlapping conversation chrome. */
@media (max-width:820px){
  body:has(.app-shell) .chat-header{
    position:relative!important;
    z-index:6!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:64px!important;
    padding:8px max(10px,env(safe-area-inset-right,0px)) 8px max(10px,env(safe-area-inset-left,0px))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body:has(.app-shell) .header-left{
    min-width:0!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body:has(.app-shell) .header-left>div{min-width:0!important;overflow:hidden!important}
  body:has(.app-shell) .title-row{min-width:0!important;gap:6px!important;flex-wrap:nowrap!important}
  body:has(.app-shell) .title-row h1{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body:has(.app-shell) #modelStatus{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body:has(.app-shell) .header-actions{
    min-width:0!important;
    max-width:100%!important;
    gap:6px!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
  }
  body:has(.app-shell) .header-actions .engine-pill{
    flex:0 0 auto!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
  body:has(.app-shell) .header-actions .engine-pill>span:last-child{display:none!important}
  body:has(.app-shell) .header-actions .engine-pill .status-dot{margin:0!important}
  body:has(.app-shell) .chat-header .icon-btn{flex:0 0 36px!important;min-width:36px!important;max-width:36px!important}
}

@media (max-width:600px){
  .mobile-tutorial-link{display:flex!important}
  /* Tutorial remains available in the mobile sidebar; removing it from the top row prevents overlap. */
  body:has(.app-shell) .chat-header .novaai-tutorial-link{display:none!important}
}

@media (max-width:430px){
  body:has(.app-shell) .chat-header{min-height:60px!important;padding-top:7px!important;padding-bottom:7px!important}
  body:has(.app-shell) .title-row h1{font-size:17px!important}
  body:has(.app-shell) .title-row .beta{font-size:7px!important;padding:2px 5px!important;letter-spacing:.08em!important}
  body:has(.app-shell) #modelStatus{font-size:9px!important;margin-top:2px!important}
}

@media (max-width:360px){
  body:has(.app-shell) .title-row .beta{display:none!important}
  body:has(.app-shell) .header-left{gap:6px!important}
  body:has(.app-shell) .chat-header .icon-btn{flex-basis:34px!important;min-width:34px!important;max-width:34px!important;width:34px!important;height:34px!important}
}