/*
 CARGODEC LEGACY STYLE
 ORDEN=12
 ID=equipo_placas_fix_css
 EXTRAIDO_DE=index.html
*/

.savedHead .placaInline,#fotos .placaInline,[data-placas-edit]{cursor:pointer!important}
.savedHead .placaInline:hover,#fotos .placaInline:hover,[data-placas-edit]:hover{
  outline:1px dashed #2563eb!important;outline-offset:3px!important;border-radius:6px!important;
}


/* === 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}}



/* === REFINAMIENTO PENDIENTES: DESTINO, TIPOGRAFIA Y CRUCE === */
.proPendingCard{padding:10px!important;border-radius:16px!important}
.proVehHead{padding-bottom:8px!important;margin-bottom:10px!important}
.proVehHead .vehName{display:grid!important;grid-template-columns:auto auto minmax(128px,170px)!important;align-items:center!important;gap:6px 8px!important;font-size:13px!important;line-height:1.1!important;letter-spacing:.1px!important;white-space:nowrap!important}
.proVehHead .vehName .inlinePlate,.proVehHead .vehName .vehPlacas{font-size:12px!important;font-weight:900!important;letter-spacing:.1px!important}
.destinoInline{min-width:128px!important;max-width:170px!important;width:100%!important}
.destinoSelect{height:30px!important;font-size:10px!important;border-radius:10px!important;padding:5px 8px!important}
.thumbSmall{width:66px!important;height:54px!important}
.totalGuias{width:118px!important;height:58px!important;font-size:10px!important}.totalGuias strong{font-size:22px!important}.totalGuias small{font-size:9px!important;display:block;margin-top:3px;color:#64748b!important;white-space:nowrap}
.lote{padding:8px!important;margin:8px 0!important}.loteTitle{font-size:12px!important}.pedNumber{font-size:13px!important}.pedTitle b{font-size:9px!important}
.pedStatusSelect select{height:32px!important;font-size:10px!important}.pedMetric strong{font-size:10px!important}.pedMetric span{font-size:8px!important}
.proTripPanel{padding:10px 12px!important;border-radius:16px!important}
.proTripControls{display:grid!important;grid-template-columns:minmax(150px,1fr) 92px minmax(132px,170px)!important;gap:14px!important;align-items:end!important}
.statusCruceField{justify-self:start!important;width:100%!important;max-width:190px!important;text-align:left!important}
.semaforoOnly{justify-self:center!important;transform:translateX(10px)!important;width:78px!important;height:64px!important;padding:5px!important}
.resultadoField{justify-self:end!important;width:100%!important;max-width:170px!important;text-align:left!important}
.proTripControls label{font-size:9px!important;line-height:1!important;white-space:nowrap!important;margin-bottom:5px!important}
.viajeSelect,.cruceSelect{height:32px!important;font-size:10px!important;border-radius:11px!important;padding:5px 8px!important}
.semaforoIcon{width:27px!important;height:44px!important}.semLight{width:11px!important;height:11px!important}
.proActions .btn,.proActions a{font-size:10px!important;height:38px!important;min-height:38px!important}
@media(max-width:560px){.proVehHead .vehName{grid-template-columns:auto auto!important}.destinoInline{grid-column:1 / -1!important;max-width:190px!important}.proTripControls{grid-template-columns:1fr 86px 1fr!important;gap:8px!important}.semaforoOnly{transform:none!important}.resultadoField{max-width:none!important}.statusCruceField{max-width:none!important}}

/* === AJUSTE FINAL PENDIENTES: CONTROLES COMPACTOS Y ALINEADOS === */
.proVehHead .vehName,
.vehName{font-size:13px!important;line-height:1.15!important;font-weight:800!important;gap:6px!important;letter-spacing:.2px!important}
.inlinePlate,.vehPlacas{font-size:12px!important;font-weight:800!important}
.destinoInline{min-width:124px!important;max-width:160px!important}
.destinoSelect{height:28px!important;font-size:9.5px!important;font-weight:800!important;padding:4px 7px!important;border-radius:9px!important}
.proTripControls{display:grid!important;grid-template-columns:minmax(160px,1fr) 70px minmax(118px,150px)!important;gap:12px!important;align-items:end!important}
.statusCruceField{justify-self:start!important;width:100%!important;max-width:210px!important;text-align:left!important}
.resultadoField{justify-self:end!important;width:100%!important;max-width:150px!important;text-align:left!important}
.semaforoOnly{justify-self:center!important;transform:translateX(8px)!important;width:58px!important;height:54px!important;min-height:54px!important;padding:4px!important;border-radius:12px!important;align-self:end!important}
.proTripControls label{font-size:8.5px!important;line-height:1!important;margin:0 0 4px!important;font-weight:800!important;letter-spacing:.25px!important;color:#64748b!important;white-space:nowrap!important}
.viajeSelect,.cruceSelect{height:29px!important;font-size:9.5px!important;font-weight:800!important;border-radius:10px!important;padding:4px 7px!important;min-width:0!important}
.semaforoIcon{width:24px!important;height:38px!important;border-radius:9px!important;padding:3px!important;gap:2px!important}
.semLight{width:10px!important;height:10px!important}
.viajeSelect:disabled,.cruceSelect:disabled,.btn:disabled{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.15)!important}
.lockHint{font-size:8.5px!important;color:#b45309!important;font-weight:800!important;margin-top:5px!important;line-height:1.1!important;white-space:normal!important}
@media(max-width:560px){.proTripControls{grid-template-columns:minmax(140px,1fr) 62px minmax(110px,1fr)!important;gap:7px!important}.semaforoOnly{transform:none!important;width:54px!important}.viajeSelect,.cruceSelect{font-size:9px!important}.proVehHead .vehName{font-size:12.5px!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}}



/* === OVERRIDE FINAL SEMAFORO DETALLADO === */
.semaforoDashboard{display:block!important;margin:0 0 14px!important}
.semaforoSummaryCard{display:none!important}
.semaforoDashPanel{background:#fff!important;border:1px solid #dbe4f0!important;border-radius:16px!important;padding:12px 14px!important;box-shadow:0 8px 20px rgba(15,23,42,.045)!important}
.semaforoDashPanel h2{font-size:15px!important;margin:0 0 12px!important;color:#001b44!important;letter-spacing:.25px!important}
.semaforoDashGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:10px!important}
.semaforoDashCard{border:1px solid #e1e9f4!important;border-radius:14px!important;background:#fff!important;padding:10px 12px!important;min-height:0!important;box-shadow:0 4px 12px rgba(15,23,42,.035)!important}
.semaforoDashCard.yellow{background:#fffaf0!important;border-color:#fde68a!important}.semaforoDashCard.green{background:#f0fdf4!important;border-color:#bbf7d0!important}.semaforoDashCard.red{background:#fef2f2!important;border-color:#fecaca!important}
.semaforoDashTop{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;margin-bottom:8px!important}.semaforoMainStatus{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.semaforoMainStatus span{font-size:14px!important}.semaforoMainStatus b{font-size:12px!important;letter-spacing:.25px!important;color:#001b44!important}.semaforoCruceBox{justify-self:end!important;text-align:right!important;min-width:128px!important}.semaforoCruceText{display:block!important;font-size:10.5px!important;font-weight:900!important;color:#0f172a!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.semaforoCruceText.warn{color:#b45309!important;white-space:normal!important}.semaforoGuiasTotal{display:block!important;margin-top:4px!important;font-size:10px!important;font-weight:900!important;color:#64748b!important;letter-spacing:.15px!important}
.semaforoVehLine{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin-bottom:8px!important}.semaforoVehLine strong{display:block!important;font-size:14px!important;line-height:1.12!important;color:#001b44!important}.semaforoVehLine small{display:block!important;font-size:11px!important;color:#64748b!important;font-weight:800!important;margin:0!important}
.semaforoPedList{display:grid!important;gap:5px!important;margin:8px 0 0!important}.semaforoPedRow{display:grid!important;grid-template-columns:58px 76px 78px 1fr!important;align-items:center!important;gap:6px!important;padding:5px 6px!important;border-radius:9px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(203,213,225,.75)!important;font-size:11px!important;font-weight:800!important;color:#001b44!important}.semPedBloque{white-space:nowrap!important}.semPedNumero{font-weight:900!important}.semPedGuias{font-size:10px!important;color:#475569!important;white-space:nowrap!important}.semPedStatus{font-size:10px!important;text-align:right!important;white-space:nowrap!important;background:transparent!important;color:#001b44!important;border-radius:0!important;padding:0!important}.semPedStatus.PAGADO{background:transparent!important;color:#001b44!important}.semaforoPedEmpty{font-size:11px!important;color:#64748b!important;font-weight:800!important}
.semaforoDashCard em{display:none!important}
@media(max-width:700px){.semaforoDashGrid{grid-template-columns:1fr!important}.semaforoPedRow{grid-template-columns:52px 70px 72px 1fr!important;font-size:10px!important}}