/*
 CARGODEC LEGACY STYLE
 ORDEN=5
 ID=final_user_requested_patch
 EXTRAIDO_DE=index.html
*/

.histRefCard{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
}
.histRefBottom{
  bottom:14px!important;
  grid-template-columns:100px 1fr 130px!important;
}
.histRefTotalLine{
  justify-self:end!important;
  text-align:right!important;
  width:100%!important;
  padding-right:0!important;
}
.histRefPager{
  justify-self:center!important;
}
.histPageTop span{
  font-size:0!important;
}
.histPageTop span::after{
  content: attr(data-page);
  font-size:12px;
  font-weight:900;
}


/* === PENDIENTES PRO + ESTADO POR VIAJE === */
#dash{background:#f7f9fc!important;border:0!important;box-shadow:none!important;padding:0!important}
#dash .dashHeader{background:white;border:1px solid #dbe4f0;border-radius:22px;padding:18px 22px;margin-bottom:16px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
#dash h1{letter-spacing:.5px;font-size:30px!important;color:#001b44!important}
#dash .freeBox{background:#eef4fb!important;border:1px solid #dbeafe!important;border-radius:999px!important;padding:12px 18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
#dash .vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr))!important;gap:16px!important}
.proPendingCard{border:1px solid #d9e5f4!important;border-radius:22px!important;padding:16px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;overflow:hidden!important}
.proPendingCard:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,23,42,.11)!important;transition:.18s ease}
.proVehHead{border-bottom:1px solid #edf2f7!important;padding-bottom:10px!important;margin-bottom:12px!important;align-items:flex-start!important}
.proVehHead .vehName{font-size:18px!important;color:#001b44!important;letter-spacing:.2px!important}
.estadoBadge{font-size:11px;font-weight:900;color:#334155;background:#f1f5f9;border:1px solid #dbe4f0;border-radius:999px;padding:7px 9px;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.mediaSummary{background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:10px!important;margin-bottom:10px!important}
.photosMini img{box-shadow:0 4px 12px rgba(15,23,42,.12)}
.totalGuias{background:white!important;border:1px solid #dbeafe!important;box-shadow:0 4px 12px rgba(37,99,235,.08)!important;color:#64748b!important}
.lote{background:white;border:1px solid #eef2f7!important;border-radius:16px!important;margin:10px 0!important;padding:12px!important;box-shadow:0 4px 14px rgba(15,23,42,.04)!important}
.loteTitle{font-size:15px!important;color:#001b44!important;margin-bottom:10px!important}
.pedHeadLine{grid-template-columns:minmax(0,1fr) 145px!important}
.pedTitle b,.pedMetric span,.proTripPanel label{color:#64748b!important;letter-spacing:.35px!important}
.pedNumber{font-size:17px!important;letter-spacing:.2px!important}
.pedStatusSelect select,.proTripControls select{border:1px solid #d6e1ef!important;background:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.7)!important}
.pedMetricsLine{background:#f8fafc;border-radius:14px;padding:8px 7px;margin-top:10px!important}
.pedMetric{border-right:1px solid #dbe4f0!important}
.proTripPanel{background:#f8fafc!important;border:1px solid #e1e9f4!important;border-radius:18px!important;padding:12px!important;margin-top:12px!important}
.proTripControls{display:grid!important;grid-template-columns:1.25fr 1.15fr .95fr 64px!important;gap:10px!important;align-items:end!important}
.proTripControls label{font-size:10px!important;margin-bottom:5px!important;display:block!important}
.proTripControls select{height:42px!important;border-radius:13px!important;font-size:11px!important;font-weight:900!important;padding:7px 9px!important;min-width:0!important;width:100%!important}
.estadoField{min-width:0!important}.estadoSelect{font-size:11px!important}
.semaforoOnly{margin:0!important;align-self:end!important;background:white;border:1px solid #e1e9f4;border-radius:14px;padding:5px 4px 6px!important;height:66px;justify-content:center!important}
.semaforoOnly label{font-size:9px!important;margin:0 0 2px!important}.semaforoIcon{width:28px!important;height:48px!important}
.proActions{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:white;border:1px solid #eef2f7!important;border-radius:18px!important;padding:10px!important;margin-top:12px!important}
.proActions .btn,.proActions a{border-radius:14px!important;box-shadow:0 6px 14px rgba(15,23,42,.08)!important;letter-spacing:.2px!important}
@media(max-width:900px){#dash .vehicle-grid{grid-template-columns:1fr!important}.proTripControls{grid-template-columns:1fr 1fr!important}.semaforoOnly{height:auto}.estadoBadge{max-width:130px}}
@media(max-width:560px){.proTripControls{grid-template-columns:1fr!important}.pedHeadLine{grid-template-columns:1fr!important}.proActions{grid-template-columns:1fr!important}.estadoBadge{display:none}}


/* === AJUSTE PENDIENTES ELEGANTE + DESTINO === */
#dash{padding:14px!important}#dash h1{font-size:23px!important;letter-spacing:.4px}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;gap:12px!important}.proPendingCard{border-radius:14px!important;padding:12px!important;box-shadow:0 7px 18px rgba(15,23,42,.07)!important}.proVehHead{align-items:center!important;margin-bottom:8px!important}.vehName{font-size:15px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.inlinePlate,.vehPlacas{font-size:14px!important}.destinoInline{display:inline-block;min-width:150px;max-width:190px}.destinoSelect{height:34px!important;font-size:11px!important;font-weight:800!important;padding:6px 9px!important;border-radius:11px!important;background:#fff!important}.thumbSmall{width:72px!important;height:58px!important;border-radius:8px!important}.totalGuias{width:132px!important;height:66px!important;font-size:11px!important;padding:8px!important}.totalGuias strong{font-size:25px!important}.lote{padding:9px 0!important}.loteTitle{font-size:13px!important;margin-bottom:6px!important}.pedHeadLine{grid-template-columns:1fr 132px!important;gap:8px!important}.pedTitle b{font-size:10px!important}.pedNumber{font-size:14px!important}.pedIcon{font-size:11px!important;padding:4px!important}.pedStatusSelect select{height:34px!important;font-size:11px!important;padding:6px 8px!important}.pedMetric i{font-size:14px!important}.pedMetric strong{font-size:11px!important}.pedMetric span{font-size:9px!important}.proTripPanel{border-top:1px solid #e7edf5!important;margin-top:8px!important;padding-top:9px!important}.proTripControls{display:grid!important;grid-template-columns:1.25fr 1fr 82px!important;gap:8px!important;align-items:end!important}.proTripControls label{font-size:10px!important;color:#64748b!important;letter-spacing:.3px!important;white-space:nowrap!important}.viajeSelect,.cruceSelect{height:34px!important;font-size:11px!important;padding:6px 8px!important;border-radius:11px!important}.semaforoOnly{min-height:auto!important;border:1px solid #dbe4f0!important;border-radius:12px!important;padding:5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#f8fafc!important}.semaforoIcon{width:28px!important;height:45px!important;border-radius:10px!important;padding:4px!important;gap:3px!important}.semLight{width:12px!important;height:12px!important}.proActions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.proActions .btn,.proActions a{height:42px!important;min-height:42px!important;font-size:11px!important;border-radius:12px!important;padding:0 8px!important}.configPanel{max-width:720px}.configAdd{display:grid;grid-template-columns:1fr 190px;gap:10px;align-items:center}.destinosList{margin-top:14px;display:grid;gap:8px}.destinoItem{display:flex;justify-content:space-between;align-items:center;border:1px solid #dbe4f0;background:#f8fafc;border-radius:12px;padding:9px 10px;font-size:13px;font-weight:900}.destinoItem .btn{font-size:11px;padding:7px 10px;border-radius:10px}@media(max-width:900px){.vehicle-grid{grid-template-columns:1fr!important}.proTripControls{grid-template-columns:1fr 1fr 82px!important}.destinoInline{max-width:165px}}@media(max-width:560px){.pedHeadLine,.proTripControls,.configAdd{grid-template-columns:1fr!important}.destinoInline{width:100%;max-width:none}.proActions{grid-template-columns:1fr!important}}


/* === DASHBOARD SEMAFORO EN TARJETAS === */
.semaforoDashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 14px!important}
.semaforoSummaryCard{border-radius:16px;padding:13px 15px;background:#fff;border:1px solid #dbe4f0;box-shadow:0 7px 18px rgba(15,23,42,.06)}
.semaforoSummaryCard span{display:block;font-size:11px;font-weight:900;color:#64748b;letter-spacing:.35px}.semaforoSummaryCard strong{display:block;font-size:30px;color:#001b44;line-height:1;margin-top:7px}
.semaforoSummaryCard.yellow{border-left:5px solid #eab308}.semaforoSummaryCard.green{border-left:5px solid #22c55e}.semaforoSummaryCard.red{border-left:5px solid #ef4444}
.semaforoDashPanel{grid-column:1/-1;background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:14px;box-shadow:0 7px 18px rgba(15,23,42,.06)}
.semaforoDashPanel h2{font-size:15px!important;margin:0 0 10px!important;color:#001b44!important;letter-spacing:.35px!important}.semaforoDashGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.semaforoDashCard{border:1px solid #e1e9f4;border-radius:14px;background:#f8fafc;padding:10px;min-height:104px}.semaforoDashCard.green{background:#f0fdf4}.semaforoDashCard.red{background:#fef2f2}.semaforoDashCard.yellow{background:#fffbeb}
.semaforoDashTop{display:flex;align-items:center;gap:6px;margin-bottom:7px}.semaforoDashTop span{font-size:16px}.semaforoDashTop b{font-size:11px;letter-spacing:.3px}.semaforoDashCard strong{display:block;font-size:13px;line-height:1.15;color:#001b44}.semaforoDashCard small{display:block;margin-top:5px;font-size:10px;color:#64748b;font-weight:800}.semaforoDashCard em{display:block;margin-top:7px;font-size:10px;font-style:normal;font-weight:900;color:#0f172a}
@media(max-width:900px){.semaforoDashboard{grid-template-columns:1fr}.semaforoDashPanel{grid-column:auto}}