/* SouPrimeiroAC V22.2.76 / build 2297 — correção pontual da área Relatórios (mobile + desktop). */

/* MOBILE: datas e atalhos seguem exatamente a mesma régua visual. */
@media (max-width:760px){
  #relatorioView .report-filter{
    gap:16px!important;
  }
  #relatorioView .report-date-search,
  #relatorioView .report-presets{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search label{
    display:grid!important;
    grid-template-rows:auto 52px!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search input[type="date"],
  #relatorioView .report-presets button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
  }
  #relatorioView .report-date-search input[type="date"]{
    padding:0 8px!important;
    font-size:1.05rem!important;
    line-height:52px!important;
    font-weight:900!important;
    text-align:center!important;
    overflow:hidden!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-date-and-time-value{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-datetime-edit{
    min-width:0!important;
    padding:0!important;
  }
  #relatorioView .report-presets button{
    padding:0 10px!important;
    font-size:.8rem!important;
    line-height:52px!important;
  }
}

/* DESKTOP: impede a coluna de introdução de colapsar e reorganiza o filtro em uma faixa estável. */
@media (min-width:761px){
  #relatorioView .report-section-head{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #relatorioView .report-section-head>div:first-child{
    width:100%!important;
    max-width:820px!important;
    min-width:0!important;
    margin:0 0 24px!important;
  }
  #relatorioView .report-section-head>div:first-child>p:last-child{
    width:100%!important;
    max-width:820px!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.5!important;
  }
  #relatorioView .report-filter{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(360px,1.3fr) minmax(240px,.8fr) minmax(260px,.9fr)!important;
    gap:16px!important;
    align-items:end!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
  }
  #relatorioView .report-date-search label,
  #relatorioView .report-date-search input,
  #relatorioView .report-presets{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-presets{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  #relatorioView .report-presets button{
    width:100%!important;
    min-width:0!important;
  }
  #relatorioView #exportReportPdfBtn{
    width:100%!important;
    min-width:0!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  #relatorioView .report-filter{
    grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important;
  }
  #relatorioView #exportReportPdfBtn{
    grid-column:1/-1!important;
  }
}