/* VAZZTEC R49 · Listado móvil de órdenes compacto, legible y completamente pulsable. */
.ordenes-filtros-rapidos-movil{display:none}

@media(max-width:700px){
  #mainContent{background:#f1f5f9}
  #mainContent .card-listado{padding:7px!important;background:#f8fafc;border-radius:10px!important}
  .ordenes-cabecera-abc{gap:6px!important;margin-bottom:6px!important;padding-bottom:6px!important}
  .ordenes-accesos-abc{display:flex!important;gap:5px!important;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .ordenes-accesos-abc::-webkit-scrollbar{display:none}
  .ordenes-accesos-abc .btn-secondary{width:auto!important;min-width:max-content!important;min-height:32px!important;padding:5px 8px!important;font-size:.67rem!important;white-space:nowrap!important}
  .ordenes-accesos-abc .historial-entregas-acceso{grid-column:auto!important}
  .ordenes-cabecera-abc>.ordenes-filtros-responsable{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important}
  .ordenes-cabecera-abc>.ordenes-filtros-responsable select{grid-column:1/-1;min-height:36px!important;height:36px;padding:5px 8px!important;font-size:.78rem!important}
  .ordenes-cabecera-abc>.ordenes-filtros-responsable input{min-height:38px!important;height:38px;padding:6px 9px!important;font-size:.79rem!important}
  .ordenes-cabecera-abc>.ordenes-filtros-responsable button{width:auto!important;min-width:74px!important;min-height:38px!important;padding:6px 9px!important;font-size:.7rem!important}

  .ordenes-filtros-rapidos-movil{display:flex;gap:5px;margin:0 -1px 7px;padding:1px 1px 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .ordenes-filtros-rapidos-movil::-webkit-scrollbar{display:none}
  .ordenes-filtros-rapidos-movil button{flex:0 0 auto;min-width:0!important;min-height:29px!important;padding:4px 9px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;background:#fff!important;color:#334155!important;box-shadow:none!important;font-size:.66rem!important;font-weight:750;line-height:1!important;scroll-snap-align:start}
  .ordenes-filtros-rapidos-movil button.activo{border-color:#0f766e!important;background:#0f766e!important;color:#fff!important}

  .ordenes-filtros-avanzados{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 7px!important;padding:8px!important}
  .ordenes-filtros-avanzados label{gap:2px;font-size:.63rem}
  .ordenes-filtros-avanzados input,.ordenes-filtros-avanzados select{min-height:36px!important;padding:5px 7px!important;font-size:.76rem!important}
  .ordenes-filtros-avanzados button{min-height:36px!important;padding:5px 8px!important}

  #mainContent .card-listado>.table-responsive{overflow:visible!important;margin:0!important}
  #mainContent .ordenes-tabla-mejorada,#mainContent .ordenes-tabla-mejorada>tbody{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
  #mainContent .ordenes-tabla-mejorada>thead{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
  #tablaOrdenes{display:grid!important;gap:6px!important;overflow:visible!important}
  #tablaOrdenes tr.orden-listado-fila{--orden-acento:#0e7490;position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"folio estado" "equipo saldo" "cliente fecha" "falla falla" "acciones acciones";column-gap:8px!important;row-gap:2px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:7px 8px 7px 11px!important;overflow:hidden!important;background:#fff!important;border:1px solid #d7e0e7!important;border-left:4px solid var(--orden-acento)!important;border-radius:9px!important;box-shadow:0 1px 4px rgba(15,23,42,.07)!important;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
  #tablaOrdenes tr.orden-listado-fila:active{transform:scale(.994)}
  #tablaOrdenes tr.orden-listado-fila:focus-visible{outline:2px solid #0d9488;outline-offset:1px}
  #tablaOrdenes tr.orden-estado-recibido{--orden-acento:#64748b}
  #tablaOrdenes tr.orden-estado-en-diagnostico{--orden-acento:#0284c7}
  #tablaOrdenes tr.orden-estado-en-reparacion{--orden-acento:#d97706}
  #tablaOrdenes tr.orden-estado-esperando-refaccion{--orden-acento:#ea580c}
  #tablaOrdenes tr.orden-estado-reparado{--orden-acento:#16a34a}
  #tablaOrdenes tr.orden-estado-entregado{--orden-acento:#0f766e}
  #tablaOrdenes tr.orden-estado-cancelado{--orden-acento:#dc2626}

  #tablaOrdenes tr.orden-listado-fila>td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;text-align:left!important;white-space:normal!important}
  #tablaOrdenes tr.orden-listado-fila>td::before{content:none!important;display:none!important}
  #tablaOrdenes .orden-listado-folio{grid-area:folio;align-self:center;line-height:1.05}
  #tablaOrdenes .orden-listado-folio>.orden-texto-destacado{font-size:.73rem;color:#334155;letter-spacing:.01em}
  #tablaOrdenes .orden-listado-creador{display:none!important}
  #tablaOrdenes .orden-listado-estado{grid-area:estado;justify-self:end;align-self:start;overflow:visible!important;text-align:right!important}
  #tablaOrdenes .orden-listado-estado>.badge{display:inline-flex!important;align-items:center;max-width:124px;padding:3px 7px!important;border-radius:999px!important;font-size:.59rem!important;line-height:1.1!important;white-space:nowrap!important}
  #tablaOrdenes .orden-listado-estado>br{display:none}
  #tablaOrdenes .orden-listado-estado>.orden-indicador-simple{display:none!important}
  #tablaOrdenes .orden-listado-equipo{grid-area:equipo}
  #tablaOrdenes .orden-equipo-listado{display:grid!important;grid-template-columns:23px minmax(0,1fr)!important;gap:5px!important;align-items:center!important}
  #tablaOrdenes .orden-equipo-icono{width:23px!important;height:23px!important}
  #tablaOrdenes .orden-equipo-icono svg{width:19px!important;height:19px!important}
  #tablaOrdenes .orden-equipo-listado>div>span{font-size:.61rem!important;line-height:1.05;color:#64748b;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  #tablaOrdenes .orden-equipo-listado>div>strong{margin-top:1px!important;font-size:.82rem!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
  #tablaOrdenes .orden-listado-saldo{grid-area:saldo;align-self:center;text-align:right!important;white-space:nowrap!important}
  #tablaOrdenes .orden-listado-saldo>strong{font-size:.72rem!important;white-space:nowrap!important}
  #tablaOrdenes .orden-listado-saldo>br,#tablaOrdenes .orden-listado-saldo>small{display:none!important}
  #tablaOrdenes .orden-listado-cliente{grid-area:cliente;align-self:center}
  #tablaOrdenes .orden-listado-cliente-contenido{display:flex!important;align-items:center!important;gap:4px!important;overflow:hidden!important}
  #tablaOrdenes .orden-listado-cliente .orden-texto-destacado{min-width:0;font-size:.68rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
  #tablaOrdenes .orden-listado-empresa{display:none!important}
  #tablaOrdenes .orden-listado-telefono{flex:0 0 auto;margin:0!important;font-size:.58rem!important;white-space:nowrap!important}
  #tablaOrdenes .orden-listado-telefono:not(:empty)::before{content:"· ";color:#94a3b8}
  #tablaOrdenes .orden-listado-recepcion{grid-area:fecha;align-self:center;justify-self:end;text-align:right!important}
  #tablaOrdenes .orden-listado-recepcion .orden-listado-fecha{display:block;max-width:92px;font-size:.58rem!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  #tablaOrdenes .orden-listado-recepcion .orden-listado-fecha::first-letter{font-size:0}
  #tablaOrdenes .orden-listado-recepcion>span:not(.orden-listado-fecha){font-size:.58rem!important;white-space:nowrap!important}
  #tablaOrdenes .orden-listado-falla{grid-area:falla;border-top:1px solid #edf2f7!important;margin-top:2px!important;padding-top:3px!important}
  #tablaOrdenes .orden-falla-solicitud{min-width:0!important;display:flex!important;gap:4px!important;align-items:center!important;overflow:hidden!important}
  #tablaOrdenes .orden-falla-solicitud>strong,#tablaOrdenes .orden-falla-vacia{flex:1 1 auto;min-width:0;font-size:.62rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
  #tablaOrdenes .orden-falla-solicitud>small{flex:0 1 45%;min-width:0;margin:0!important;font-size:.58rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
  #tablaOrdenes .orden-listado-acciones{grid-area:acciones;display:none!important}
  #tablaOrdenes .orden-listado-acciones-rapidas{display:block!important;margin-top:2px!important}
  #tablaOrdenes .orden-listado-acciones-rapidas>.orden-listado-ojo{display:none!important}
  #tablaOrdenes .orden-listado-acciones-rapidas>.servicio-rapido-acciones-tabla{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;margin:0!important}
  #tablaOrdenes .orden-listado-acciones-rapidas>.servicio-rapido-acciones-tabla>button{min-width:0!important;min-height:30px!important;padding:4px 6px!important;font-size:.61rem!important;line-height:1.1!important}
  #tablaOrdenes .orden-tablero-selector{position:relative;z-index:2;margin-right:5px}
  #tablaOrdenes .orden-tablero-selector[style*="inline-flex"]{display:inline-flex!important}

  #tablaOrdenes tr:not(.orden-listado-fila)>td[colspan]{display:block!important;padding:18px 10px!important;border:1px dashed #cbd5e1!important;border-radius:9px;background:#fff}
  #paginacionOrdenesContainer{margin-top:7px!important;padding-top:7px!important;border-top:0!important}
  #paginacionOrdenesContainer .paginacion-odoo{width:100%;padding:0!important}
  #paginacionOrdenesContainer .paginacion-odoo-controles{grid-template-columns:40px minmax(132px,1fr) 40px!important;gap:5px!important}
  #paginacionOrdenesContainer .paginacion-odoo-nav{width:40px!important;height:38px!important;min-height:38px!important}
  #paginacionOrdenesContainer .paginacion-odoo-intervalo{height:38px!important;font-size:.78rem!important}
}

@media(max-width:380px){
  #tablaOrdenes tr.orden-listado-fila{padding-left:9px!important;column-gap:5px!important}
  #tablaOrdenes .orden-listado-estado>.badge{max-width:108px;font-size:.56rem!important}
  #tablaOrdenes .orden-listado-recepcion .orden-listado-fecha{max-width:82px}
  #tablaOrdenes .orden-listado-telefono{display:none!important}
}