/* V22.2.72 / build 2293 — Hotfix focado na Lista de Equipamentos desktop.
   Corrige quebra/encavalamento do bloco "Lista atual" em larguras intermediárias. */
@media (min-width:761px){
  #equipamentosView .kit-builder{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  #equipamentosView .kit-builder-cell{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #equipamentosView .kit-source-controls,
  #equipamentosView .kit-name-field,
  #equipamentosView .kit-copy{
    min-width:0!important;
  }
  #equipamentosView #savedKitPicker,
  #equipamentosView #kitName,
  #equipamentosView #kitProjectTarget{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #equipamentosView .kit-name-field>small{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  #equipamentosView .kit-actions{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  }
}

/* Em notebooks/desktop estreito, força duas áreas por linha em vez de manter 3 colunas apertadas. */
@media (min-width:761px) and (max-width:1350px){
  #equipamentosView .kit-builder{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #equipamentosView .kit-name-field{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:6px!important;
    align-content:start!important;
  }
  #equipamentosView .kit-name-field>label[for="kitName"]{grid-column:1;grid-row:1}
  #equipamentosView #kitName{grid-column:1;grid-row:2}
  #equipamentosView .kit-name-field>.kit-project-label{grid-column:2;grid-row:1;margin-top:0!important}
  #equipamentosView #kitProjectTarget{grid-column:2;grid-row:2}
  #equipamentosView .kit-name-field>small{grid-column:1/-1;grid-row:3}
}

@media (min-width:761px) and (max-width:920px){
  #equipamentosView .kit-builder{grid-template-columns:1fr!important}
  #equipamentosView .kit-name-field{grid-column:auto!important;display:flex!important;flex-direction:column!important}
  #equipamentosView .kit-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}