
@media screen and (max-width:640px){
  /* 1) Cabecalho: uma unica linha, altura enxuta (54px no lugar de ~113px) */
  #mainWrap > header[data-gch-h1="1"]{
    flex-wrap:nowrap !important;
    height:54px !important; min-height:54px !important; max-height:54px !important;
    row-gap:0 !important; column-gap:6px !important;
    padding:5px 8px !important;
    align-items:center !important;
    overflow:visible !important;
  }
  #mainWrap > header[data-gch-h1="1"] > div{min-width:0 !important;}
  #mainWrap > header[data-gch-h1="1"] > div:first-child{flex:0 1 auto !important; gap:6px !important;}
  /* selo de status do banco fica compacto (somente icone) para caber na linha */
  #mainWrap > header[data-gch-h1="1"] > div:first-child > span.rounded-full{
    flex:0 0 26px !important; width:26px !important; height:26px !important;
    padding:0 !important; gap:0 !important; font-size:0 !important;
    justify-content:center !important; overflow:hidden !important;
  }
  #mainWrap > header[data-gch-h1="1"] > div:first-child > span.rounded-full i{font-size:12px !important;}
  #mainWrap > header[data-gch-h1="1"] > div:last-child{flex:1 1 auto !important; justify-content:flex-end !important; gap:4px !important;}

  /* 2) Etiqueta DEV + box da empresa nao ocupam mais o cabecalho */
  #mainWrap > header[data-gch-h1="1"] #gdmDevCompanyWrap{display:none !important;}

  /* 3) Filtro de periodo compacto (anterior / modo / rotulo / proximo) */
  #mainWrap > header[data-gch-h1="1"] #periodSelWrap{
    flex:0 1 auto !important; min-width:0 !important;
    height:40px !important; padding:2px 4px !important;
    gap:0 !important; margin:0 !important; border-radius:10px !important;
  }
  #mainWrap > header[data-gch-h1="1"] #periodPrev,
  #mainWrap > header[data-gch-h1="1"] #periodNext{
    flex:0 0 22px !important; width:22px !important; min-width:22px !important;
    height:36px !important; min-height:36px !important; padding:0 !important;
  }
  #mainWrap > header[data-gch-h1="1"] #periodPrev i,
  #mainWrap > header[data-gch-h1="1"] #periodNext i{font-size:10px !important;}
  #mainWrap > header[data-gch-h1="1"] #periodMode{
    flex:0 0 auto !important; width:auto !important; min-width:0 !important; max-width:52px !important;
    font-size:9.5px !important; padding:0 1px !important;
  }
  #mainWrap > header[data-gch-h1="1"] #periodLabel{
    flex:0 1 auto !important; min-width:0 !important;
    font-size:10px !important; padding:0 2px !important;
    white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
  }

  /* 4) Botoes da direita compactos, preservando area de toque (44px) */
  #mainWrap > header[data-gch-h1="1"] #gdmMenuBtn{flex:0 0 30px !important; width:30px !important; padding:0 !important;}
  #mainWrap > header[data-gch-h1="1"] #langBtn{flex:0 0 auto !important; padding:4px 6px !important; font-size:11px !important;}
  #mainWrap > header[data-gch-h1="1"] #themeBtn{flex:0 0 32px !important; width:32px !important;}
  #mainWrap > header[data-gch-h1="1"] #gdmUserChip{flex:0 0 auto !important; padding:0 !important;}
  #mainWrap > header[data-gch-h1="1"] #gdmUserChip .gdm-av,
  #mainWrap > header[data-gch-h1="1"] #gdmUserChip .gdm-av img,
  #mainWrap > header[data-gch-h1="1"] #gdmUserChip > img{width:30px !important; height:30px !important; min-width:30px !important;}

  /* 5) Caixa DEV realocada: agora vive dentro do menu lateral */
  #gchDevHost{padding:10px 12px !important; border-bottom:1px solid rgba(163,163,163,.18) !important; margin-bottom:6px !important;}
  #gchDevHost .gch-dev-tit{font-size:10px !important; font-weight:700 !important; letter-spacing:.6px !important; text-transform:uppercase !important; opacity:.6 !important; margin-bottom:6px !important;}
  #gchDevHost #gdmDevCompanyWrap{display:flex !important; flex-wrap:wrap !important; width:100% !important; margin-left:0 !important; gap:6px !important;}
  #gchDevHost #gdmDevCompanyWrap > span:first-child{flex:0 0 auto !important;}
  #gchDevHost #gdmDevCompanyInput{width:100% !important; min-width:0 !important; flex:1 1 100% !important;}
}
