/*
 CARGODEC LEGACY STYLE
 ORDEN=132
 ID=operacion_movil_69
 EXTRAIDO_DE=index.html
*/

/* v70: Responsive solo para OPERACION (#dash) y DASHBOARD (#general/#opdash). No afecta EQUIPO ni base de datos. */
@media(max-width:720px){
  /* OPERACION */
  #dash{padding:8px!important;border-radius:14px!important;overflow:hidden!important;}
  #dash .dashHeader{gap:8px!important;align-items:flex-start!important;}
  #dash .dashHeader h1{font-size:20px!important;}
  #dash .vehicle-grid{grid-template-columns:1fr!important;gap:10px!important;}
  #dash .opTripCardV2{
    min-height:auto!important;height:auto!important;width:100%!important;max-width:100%!important;
    overflow:hidden!important;padding:8px!important;border-radius:15px!important;
  }
  #dash .opTripCardV2 .proVehHead{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;min-width:0!important;margin-bottom:6px!important;}
  #dash .opTripCardV2 .vehName{font-size:12px!important;line-height:1.2!important;gap:4px!important;}
  #dash .opTripCardV2 .inlinePlate,#dash .opTripCardV2 .vehPlacas{font-size:11px!important;}
  #dash .opTripCardV2 .destinoInline{flex:1 1 145px!important;min-width:145px!important;max-width:none!important;}
  #dash .opTripCardV2 .destinoSelect{height:30px!important;font-size:10px!important;padding:4px 6px!important;}
  #dash .tripTopSummary{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-areas:'photos status' 'total total'!important;gap:7px!important;align-items:center!important;min-width:0!important;margin:0!important;padding:6px 0 8px!important;}
  #dash .tripTopSummary .photosMini{grid-area:photos!important;gap:4px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
  #dash .tripTopSummary .thumbSmall{width:44px!important;height:36px!important;border-radius:7px!important;}
  #dash .tripStatusSummary{grid-area:status!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:6px!important;padding-left:6px!important;border-left:1px solid #e5eaf1!important;min-width:0!important;}
  #dash .tripStatusSummary .semaforoIcon{width:24px!important;height:39px!important;border-radius:8px!important;padding:3px!important;}
  #dash .tripStatusSummary .semLight{width:10px!important;height:10px!important;}
  #dash .tripStatusText label{font-size:8px!important;margin:0 0 2px!important;}
  #dash .tripStatusText .viajeSelect,#dash .tripStatusText .cruceSelect,#dash .viajeSelect,#dash .cruceSelect{height:28px!important;font-size:9px!important;max-width:100%!important;padding:3px 6px!important;}
  #dash .tripStatusText .statusLine,#dash .tripStatusText .statusLine *{font-size:9px!important;line-height:1.1!important;}
  #dash .tripTotalGuias{grid-area:total!important;width:100%!important;height:54px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:7px 10px!important;border-radius:12px!important;text-align:left!important;}
  #dash .tripTotalGuias strong{font-size:24px!important;margin:0 8px!important;line-height:1!important;}
  #dash .tripTotalGuias small{font-size:9px!important;white-space:normal!important;line-height:1.1!important;text-align:right!important;}
  #dash .pedTableV2{margin:0 -8px!important;overflow:visible!important;min-width:0!important;flex:0 0 auto!important;}
  #dash .pedTableHead{display:none!important;}
  #dash .pedRow{display:grid!important;grid-template-columns:.72fr 1.15fr!important;gap:5px 8px!important;min-width:0!important;height:auto!important;min-height:0!important;padding:8px 8px!important;border-bottom:1px solid #e5eaf1!important;align-items:center!important;}
  #dash .pedRowEmpty{display:none!important;}
  #dash .pedCell{border-right:0!important;padding:0!important;min-width:0!important;}
  #dash .pedRow .pedCell:nth-child(1){grid-column:1!important;grid-row:1 / span 2!important;}
  #dash .pedRow .pedCell:nth-child(2){grid-column:2!important;grid-row:1!important;}
  #dash .pedRow .pedCell:nth-child(3),#dash .pedRow .pedCell:nth-child(4),#dash .pedRow .pedCell:nth-child(5){grid-column:1 / -1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#f8fafc!important;border:1px solid #e5eaf1!important;border-radius:9px!important;padding:5px 8px!important;}
  #dash .pedRow .pedCell:nth-child(6){grid-column:1!important;grid-row:5!important;}
  #dash .pedRow .pedCell:nth-child(7){grid-column:2!important;grid-row:5!important;text-align:right!important;}
  #dash .pedRow .pedCell:nth-child(3)::before{content:'GUIAS';font-size:9px;font-weight:900;color:#64748b;}
  #dash .pedRow .pedCell:nth-child(4)::before{content:'VALOR';font-size:9px;font-weight:900;color:#64748b;}
  #dash .pedRow .pedCell:nth-child(5)::before{content:'PESO';font-size:9px;font-weight:900;color:#64748b;}
  #dash .tipoCell{display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;column-gap:4px!important;align-items:center!important;}
  #dash .tipoCell .boxIcon{font-size:12px!important;}
  #dash .tipoCell b{font-size:13px!important;line-height:1!important;}
  #dash .tipoCell em{font-size:10px!important;}
  #dash .pedimentoCell{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;}
  #dash .pedimentoCell .pedNumber{font-size:14px!important;font-weight:900!important;}
  #dash .pedimentoCell .pedIcon{font-size:14px!important;}
  #dash .numCell{font-size:13px!important;font-weight:900!important;text-align:right!important;}
  #dash .statusCell select{height:29px!important;max-width:120px!important;font-size:9px!important;border-radius:10px!important;}
  #dash .updCell{font-size:9px!important;line-height:1.1!important;white-space:normal!important;color:#64748b!important;}
  #dash .opPager{height:34px!important;margin:0 -8px!important;font-size:10px!important;gap:12px!important;}
  #dash .opPager button{width:26px!important;height:26px!important;font-size:18px!important;}
  #dash .opTripCardV2 .vehicleActions,#dash .opTripCardV2 .vehicleActions.proActions,#dash .opTripCardV2 .vehicleActions.opFlatActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 0!important;margin:0 -8px!important;padding:7px 6px 0!important;}
  #dash .opTripCardV2 .vehicleActions .btn,#dash .opTripCardV2 .vehicleActions a{height:30px!important;min-height:30px!important;font-size:9px!important;padding:0 4px!important;}
  #dash .opTripCardV2 .vehicleActions .subtle{font-size:9px!important;margin-top:2px!important;}

  /* DASHBOARD GENERAL */
  #general{padding:8px!important;border-radius:14px!important;overflow:hidden!important;}
  #general .dashHeader h1{font-size:20px!important;}
  #general .generalHero{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  #general .kpiCard{min-height:76px!important;padding:10px!important;border-radius:13px!important;}
  #general .kpiText b{font-size:10px!important;line-height:1.1!important;}
  #general .kpiText strong{font-size:22px!important;}
  #general .dashClientGrid,#general .generalGrid{grid-template-columns:1fr!important;gap:10px!important;}
  #general .generalPanel{padding:10px!important;border-radius:14px!important;overflow:hidden!important;}
  #general .semaforoDashboard{grid-template-columns:1fr!important;gap:8px!important;}
  #general .semaforoDashPanel{grid-column:auto!important;padding:10px!important;border-radius:14px!important;}
  #general .semaforoDashGrid{grid-template-columns:1fr!important;gap:8px!important;}
  #general .semaforoDashCard{padding:10px!important;border-radius:12px!important;}
  #general .semaforoDashTop{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  #general .pendingMini{grid-template-columns:1fr!important;}
  #general .statusLineGeneral{grid-template-columns:100px 1fr 32px!important;font-size:11px!important;gap:6px!important;}
  #general table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;font-size:12px!important;}

  /* DASHBOARD OPERATIVO */
  #opdash{padding:8px!important;border-radius:14px!important;overflow:hidden!important;}
  #opdash .opTop{padding:10px!important;border-radius:12px!important;gap:8px!important;}
  #opdash .opTitle h1{font-size:18px!important;}
  #opdash .opLive{gap:8px!important;font-size:11px!important;}
  #opdash .opLive .clock{font-size:18px!important;}
  #opdash .opKpis{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  #opdash .opKpi{min-height:70px!important;padding:10px!important;border-radius:12px!important;}
  #opdash .opKpi span{font-size:10px!important;}
  #opdash .opKpi strong{font-size:22px!important;}
  #opdash .opGrid{grid-template-columns:1fr!important;gap:10px!important;}
  #opdash .opPanel{padding:10px!important;border-radius:12px!important;min-width:0!important;overflow-x:auto!important;}
  #opdash .opTable{min-width:900px!important;font-size:12px!important;}
  #opdash .opFooter{font-size:11px!important;padding:9px!important;border-radius:10px!important;}
}
@media(max-width:430px){#general .generalHero,#opdash .opKpis{grid-template-columns:1fr!important;}}