/* ct · 20261111b · Logística › Viajes de choferes (js/viajes-chofer.js). Todo con prefijo vch-. */
.vch{display:grid;gap:12px}
.vch .tarjeta{margin:0}
.vch-tabs{display:flex;gap:8px;flex-wrap:wrap}
.vch-tab{flex:1 1 220px;min-height:56px;border:2px solid var(--linea,#d9dcd9);border-radius:14px;background:#fff;font:inherit;font-weight:700;font-size:1.02rem;cursor:pointer;padding:10px}
.vch-tab.activo{background:#1d6b3a;border-color:#1d6b3a;color:#fff}
.vch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.vch-grid .campo{margin:0}
.vch-ancho{grid-column:1/-1}
.vch-form h2{margin:0 0 10px}
.vch-sub{margin:14px 0 6px;font-size:1rem}
.vch-ped{border:1px solid var(--linea,#e2e2e2);border-radius:12px;padding:8px 10px;margin:6px 0;background:#fff}
.vch-ped.on{border-color:#1d6b3a;background:#f3faf5}
.vch-ped-chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.vch-ped-chk input{width:24px;height:24px;margin-top:2px;flex:none}
.vch-ped-chk small{display:block;color:var(--ink-mudo,#666)}
.vch-ind{width:100%;margin-top:6px;font:inherit;padding:8px 10px;border:1px solid #c9cfca;border-radius:10px}
.vch-buscar{display:flex;gap:8px;margin-top:10px}
.vch-buscar input{flex:1;font:inherit;padding:8px 10px;border:1px solid #c9cfca;border-radius:10px}
.vch-grande{width:100%;min-height:60px;font-size:1.15rem;display:flex;align-items:center;justify-content:center;text-decoration:none}
.vch-whats{background:#1f9d55!important;border-color:#1f9d55!important;color:#fff!important;margin:10px 0}
.vch-creado{border:2px solid #1f9d55}
.vch-creado input{width:100%}
.vch-vista pre{white-space:pre-wrap;background:#f6f7f8;border-radius:10px;padding:10px;font-size:.9rem}
.vch-error{background:#fde7e5;color:#8c1d18;font-weight:700}
.vch-fila{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.vch-fila .campo{margin:0}
.vch-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.vch-kpi{background:#fff;border:1px solid var(--linea,#e2e2e2);border-radius:14px;padding:12px 14px}
.vch-kpi b{display:block;font-size:1.45rem}
.vch-kpi.grande b{color:#1d6b3a;font-size:1.7rem}
.vch-kpi span{font-size:.85rem;color:var(--ink-mudo,#666)}
.vch-viaje.cancelado{opacity:.6}
.vch-cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vch-cab h2{margin:0}
.vch-cab .spacer{flex:1}
.vch-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#eef0f3;color:#444;white-space:nowrap}
.vch-chip.pend{background:#fff1d6;color:#8a5200}.vch-chip.camino{background:#e5eefc;color:#1f4f99}.vch-chip.ok{background:#e3f3e8;color:#1d6b3a}.vch-chip.cancel{background:#fde7e5;color:#b3261e}
.vch-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.vch-datos div{background:#f6f7f8;border-radius:10px;padding:8px 10px}
.vch-datos span{display:block;font-size:.78rem;color:var(--ink-mudo,#666);text-transform:uppercase;letter-spacing:.02em}
.vch-datos b{font-size:1.05rem}
.vch-datos small{display:block;color:var(--ink-mudo,#666)}
.vch-datos .costo{background:#e3f3e8}
.vch-datos .costo b{font-size:1.4rem;color:#1d6b3a}
.vch-tipos{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem}
.vch-t{width:100%;border-collapse:collapse;font-size:.92rem}
.vch-t th,.vch-t td{padding:6px 8px;border-bottom:1px solid var(--linea,#e5e5e5);text-align:left;vertical-align:middle}
.vch-t th{font-size:.75rem;text-transform:uppercase;color:var(--ink-mudo,#666)}
.vch-t .num{text-align:right;white-space:nowrap}
.vch-t tr.tot td{font-weight:700;border-top:2px solid #ccc}
.vch-t tr.anulado td{text-decoration:line-through;color:#999}
.vch-t tr.anulado td small{text-decoration:none;display:inline-block}
.vch-foto img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #ddd;display:block}
.vch-fotos{display:flex;gap:8px;flex-wrap:wrap}
.vch-fotos .vch-foto img{width:96px;height:96px}
.vch-acciones{margin-top:10px;flex-wrap:wrap}
.vch .btn.peligro{border-color:#b3261e;color:#b3261e}
.vch-corr{border:2px dashed #d9822b;border-radius:12px;padding:10px;margin:10px 0;background:#fffaf2}
.vch-const{background:#f6f7f8;border-radius:12px;padding:10px;margin-top:10px}
.vch-const ol{margin:0;padding-left:20px}
.vch-const li{margin:4px 0}
.vch-marco-imp{position:fixed;width:0;height:0;border:0;left:-9999px}
.vch-chip.link{background:#e8f5ec;color:#14532d}