/* RC6 QA5.5 Web/PWA: módulo vehicular excluido de esta publicación. */

/* QA5.6: Flota continúa pospuesta y se corrige el ancho del grid móvil. */
[data-access-tab="flota"], #tab-flota, [data-access-panel="flota"]{display:none !important}
@media (max-width:1024px){
  .app-shell,.main,.tab-panel,.tab-panel.active,
  .tab-panel>.card,.tab-panel>.grid-2,.tab-panel>.grid-3,
  .tab-panel>.split,.grid-2>.card,.grid-3>.card,
  #tab-compras>.card,#tab-compras>.grid-2,#tab-compras>.grid-2>.card{
    min-width:0;
    max-width:100%;
  }
  .tab-panel.active{grid-template-columns:minmax(0,1fr)}
  .grid-2,.grid-3,.split{grid-template-columns:minmax(0,1fr)}
  .tab-panel .table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  #purchaseTable{min-width:620px}
  .tab-panel .card{min-width:0}
  .tab-panel .summary-box,.tab-panel .row,.tab-panel .purchase-actions{max-width:100%}
  .tab-panel .summary-item{min-width:0}
  .tab-panel .summary-item span{overflow-wrap:anywhere}
}
@media (max-width:680px){
  #tab-compras .purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tab-compras .purchase-line .form-group,#tab-compras .purchase-line input,
  #tab-compras .purchase-line select{min-width:0;max-width:100%}
  #tab-compras .purchase-line .purchase-item-field{grid-column:1/-1}
  #tab-compras .purchase-actions>.btn{white-space:normal;min-height:48px;text-align:center}
}