/* PITBOX DMS — taller: tablero, recepción, orden de servicio y formatos impresos. */

/* ---------- tablero ---------- */
.tl-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.tablero .col{flex:0 0 268px;min-height:180px;transition:background .15s,box-shadow .15s}
.tablero.arrastrando .col{box-shadow:inset 0 0 0 1.5px rgba(20,179,166,.18)}
.tablero .col.sobre{background:var(--teal-soft);box-shadow:inset 0 0 0 2px var(--teal)}
.col-h .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-vacia{font-size:12px;color:var(--ink-3);text-align:center;padding:18px 8px;border:1.5px dashed #d6dae3;border-radius:11px}
.kc.detenida{border-left:3px solid var(--warn)}
.kc[draggable=true]{cursor:grab}
.kc[draggable=true]:active{cursor:grabbing}
.kc .erp{font-size:10px}
.sin-mec{font-size:11.5px}
.legend{margin-left:auto;flex-wrap:wrap}

/* ---------- recepción ---------- */
.search.grande{height:48px;font-size:15px;max-width:none;box-shadow:none}
.rc-unidad{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.rc-unidad h2{font-size:19px;font-weight:600;letter-spacing:-.015em}
.truck-tile .ico svg{width:40px;height:40px;color:var(--navy-2);stroke-width:1.4}
.tanque{display:flex;align-items:center;gap:3px;height:40px}
.tanque button{width:22px;height:26px;border-radius:5px;border:1px solid var(--line);background:var(--sunk);padding:0}
.tanque button:first-child{width:10px;background:var(--card)}
.tanque button.on{background:var(--teal);border-color:var(--teal)}
.tanque button.sel{box-shadow:0 0 0 2px rgba(20,179,166,.35)}
.tanque .mono{margin-left:8px;font-size:12.5px;color:var(--ink-2)}
.ft-video,.ft-doc{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:4px;color:var(--ink-3);font-size:11px;font-weight:600}
.ft-video svg,.ft-doc svg{width:26px;height:26px}
.rc-enviar{display:flex;flex-direction:column;gap:10px}
.rc-enviar p{font-size:12.5px}
.btn.grande{height:48px;justify-content:center;font-size:15px}

/* ---------- orden ---------- */
.menu-imp{position:relative}
.menu-imp .ac-list{left:auto;right:0;min-width:270px}
.menu-imp .ac-list .btn{width:100%;justify-content:flex-start;height:36px}
.os-head h2 a:hover{text-decoration:underline;text-decoration-color:var(--line)}
.os-head .facts a:hover b{text-decoration:underline}
.os-reloj{text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:12px}
.os-reloj .timer{font-size:14px;padding:4px 10px}
.tarde{color:var(--bad)!important}
.siguiente-paso{display:flex;align-items:center;gap:10px;margin:0 24px 20px;padding:10px 14px;border-radius:11px;background:var(--teal-soft);color:var(--teal-ink);font-size:13px}
.siguiente-paso svg{width:16px;height:16px;flex:none}
.cancelar{align-self:flex-end}
.stepper .s{cursor:default}
.rc-kv{grid-template-columns:150px 1fr}
.rc-kv dd{white-space:pre-line;font-weight:400}
.dx-h{border-top:1px solid var(--line-2);margin-top:2px;padding-top:16px}
.texto{white-space:pre-line;font-size:13.5px;color:var(--ink-2)}
.chico{font-size:12px}
.vacio.chico{padding:22px 12px;font-size:13px}

.cot-partes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.cot-parte{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed #d3d8e2;border-radius:11px;background:var(--sunk)}
.cot-parte>.ico svg{width:18px;height:18px;color:var(--ink-3)}
.cot-parte b{display:block;font-size:12.5px} .cot-parte small{display:block;font-size:11px;color:var(--ink-3)}
.cot-parte>div{flex:1;min-width:0}
.cot-parte.lista{border-style:solid;border-color:#bfe9e4;background:var(--teal-soft)}
.cot-parte.lista>.ico svg{color:var(--teal-ink)}
.tbl.cot tr.rechazada td{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(122,130,150,.5)}
.tbl.cot tr.rechazada td:last-child,.tbl.cot tr.rechazada td:nth-child(3){text-decoration:none}
.cot-agregar{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tabs.chicas{padding:0 12px;background:var(--sunk)}
.tabs.chicas button{padding:10px 10px;font-size:12.5px}
.cot-form{display:flex;gap:8px;padding:12px;align-items:flex-start}
.cot-form .f{flex:none}
.cot-form .grow{flex:1;min-width:180px}
.cot-form .cant{width:90px} .cot-form .precio{width:130px} .cot-form .np{width:150px}
.cot-agregar>p{padding:0 12px 12px}
.cot-form .ac-list button{gap:12px}
.autorizo{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:11px;background:var(--ok-soft);color:#14583a;font-size:13px}
.autorizo .ico svg{width:18px;height:18px;color:var(--ok)}
.autorizo small{display:block;color:#2f6e50;margin-top:2px}
.aut-lineas{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--sunk)}

button.pill.boton{cursor:pointer;border:0}
.tbl td.adj{white-space:nowrap}
.tbl td.adj .pill{margin-right:4px}
.icon-btn.subir{cursor:pointer}
.icon-btn.subir input{display:none}

.fotos-subir{display:flex;gap:8px;align-items:center}
.fotos-subir select{height:30px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:12.5px;background:var(--card)}
.foto-grupo{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 8px}
.foto-grupo:first-child{margin-top:0}

.mech-acc{display:flex;gap:6px;margin-top:8px;align-items:center}
.btn.bloque{width:100%;justify-content:center}
.doc.cancelado{opacity:.6}
.doc .uuid{font-size:10.5px;word-break:break-all}
.doc-aviso{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:11.5px;color:#7A5300;background:var(--warn-soft);border-radius:8px;padding:6px 8px}
.doc-aviso svg{width:13px;height:13px;flex:none;margin-top:1px}
.doc>div:nth-child(2){min-width:0;flex:1}

.tramo{display:grid;grid-template-columns:150px 1fr 76px;gap:10px;align-items:center;padding:6px 0;font-size:12.5px}
.tramo .nm{color:var(--ink-2)} .tramo .nm small{color:var(--ink-3)}
.tramo .barra{height:7px;border-radius:7px;background:var(--line-2);overflow:hidden}
.tramo .barra i{display:block;height:100%;border-radius:7px}
.tramo .barra i.ok{background:var(--ok)} .tramo .barra i.warn{background:var(--warn)} .tramo .barra i.bad{background:var(--bad)}
.tramo .h{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.tramo .h.vivo{color:var(--teal-ink)}
.kv-linea{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:5px 0;color:var(--ink-2)}
.nota-nueva{display:flex;gap:8px;margin-bottom:16px}
.nota-nueva input{flex:1;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font:inherit;font-size:13px}
.nota-nueva input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,179,166,.16)}

@media (max-width:1320px){.tl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.cot-partes{grid-template-columns:1fr}.cot-form{flex-wrap:wrap}.rc-unidad{grid-template-columns:1fr}.legend{margin-left:0}}

/* ---------- formatos impresos ---------- */
.imp-barra{position:sticky;top:0;z-index:5;display:flex;gap:8px;justify-content:center;padding:12px;background:rgba(244,245,248,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hoja{width:210mm;min-height:270mm;margin:18px auto;background:#fff;padding:14mm 14mm 10mm;box-shadow:var(--sh-3);font-size:12px;color:#111;display:flex;flex-direction:column;gap:10px}
.hoja-h{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:2px solid var(--navy);padding-bottom:10px}
.hoja-emp{font-size:15px;font-weight:700;color:var(--navy)}
.hoja-sub{font-size:11px;color:#555}
.hoja-tit{text-align:right}
.hoja-tit h1{font-size:17px;font-weight:700;letter-spacing:-.01em}
.hoja-folio{font-family:var(--f-mono);font-size:13px;font-weight:600;margin-top:2px}
.hoja-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hoja-caja{border:1px solid #c9ced8;border-radius:6px;padding:8px 10px}
.hoja-caja h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#555;margin-bottom:4px}
.hoja-caja p{margin:2px 0}
.hoja .pre{white-space:pre-line}
.hoja .alto{min-height:28mm}
.hoja-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hoja-3 p{border:1px solid #c9ced8;border-radius:6px;padding:6px 10px;display:flex;flex-direction:column}
.hoja-3 span{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.06em}
.hoja-tbl{width:100%;border-collapse:collapse}
.hoja-tbl th,.hoja-tbl td{border:1px solid #c9ced8;padding:6px 8px;text-align:left}
.hoja-tbl th{background:#eef1f6;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.hoja-tbl .num{text-align:right}
.hoja-lista{margin:4px 0 4px 18px}
.hoja-legal{font-size:10.5px;color:#444;margin-top:auto}
.hoja-firmas{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:22mm}
.hoja-firmas div{text-align:center;font-size:11px;color:#333}
.hoja-firmas span{display:block;border-top:1px solid #333;margin-bottom:6px}
.hoja-pie{font-size:9.5px;color:#888;text-align:right;border-top:1px solid #ddd;padding-top:6px}
@media print{
  @page{size:letter;margin:10mm}
  body{background:#fff}
  .no-imprimir{display:none!important}
  .hoja{box-shadow:none;margin:0;width:auto;min-height:auto;padding:0}
}

/* ---------- inicio ---------- */
.inicio-etapas{display:block;transition:box-shadow .15s}
.inicio-etapas:hover{box-shadow:var(--sh-2)}
.inicio-sec{font-family:var(--f-display);font-weight:400;font-size:24px;margin:30px 0 14px}
.f>.seg{align-self:flex-start}
.tbl td .acciones{flex-wrap:nowrap}
.doc{align-items:flex-start}
.doc .r{flex:none}