/* Prioridades por buffer. IKIGAI: monocromo, y el rojo SÓLO para lo que sale * tarde. El semáforo del amortiguador es la única excepción y no es color de * CSS: son los emoji que Odoo ya manda en `buffer_display`, los mismos que la * gente lleva meses mirando en la lista de MRP. Repintarlos aquí con otra * paleta sería inventar un segundo código de colores para el mismo dato. */ /* La tabla es ancha por definición: trece columnas más treinta días. Se * desplaza dentro de su caja en vez de encoger la letra — pero los anchos están * medidos para que la FRANJA entre completa en los 1368 px útiles que deja el * portal en una pantalla de 1456. La franja es el punto de esta vista: si se * corta en el borde, lo que se pierde es justo aquello por lo que existe. * Se reajustó al entrar la columna de Centro (11-sep): el nombre del centro NO * se recorta —«Hotstamping» y «Pegado Manual» son largos y esa columna se pidió * expresamente—, así que el espacio sale del producto, del socio y de la celda * de día, que baja a 5 px. */ .mod-prioridades .pr-caja{overflow-x:auto;margin-top:16px} .mod-prioridades .pr-t{border-collapse:collapse;font-size:clamp(11px,.82vw,13px); font-variant-numeric:tabular-nums;width:100%;min-width:720px} .mod-prioridades .pr-t th{text-align:left;padding:8px 9px 8px 0;border-bottom:1px solid var(--ink); font-size:clamp(9px,.66vw,10.5px);text-transform:uppercase;letter-spacing:.07em; font-weight:600;white-space:nowrap;color:var(--meta);vertical-align:bottom} .mod-prioridades .pr-t td{padding:7px 9px 7px 0;border-bottom:1px solid var(--rule); white-space:nowrap;vertical-align:middle} .mod-prioridades .pr-t .num{text-align:right} .mod-prioridades .pr-t tbody tr:hover td{background:#fafafa} /* El centro de trabajo manda el corte, así que su renglón pesa más que el * resto. No es un título: es el separador que deja leer la tabla por bloques. */ .mod-prioridades .pr-grupo th{padding:16px 12px 6px 0;border-bottom:1px solid var(--ink); font-size:clamp(11px,.82vw,13px);text-transform:none;letter-spacing:0;color:var(--ink);font-weight:600} .mod-prioridades .pr-grupo th span{color:var(--meta);font-weight:400} .mod-prioridades .pr-grupo td{border-bottom:1px solid var(--ink);color:var(--meta); font-size:clamp(9px,.66vw,10.5px);text-align:right;padding-bottom:6px} .mod-prioridades .pr-of{font-weight:600} /* Urgente en Odoo (priority = 1). Igual que en el programa: un rasgo que no es * color, para que no se pierda entre el semáforo del amortiguador. */ /* ⚠️ Acotada a .pr-urg. Cuando valía para cualquier de la referencia, le * fijaba 13 px al rótulo de la entrada y lo recortaba a la primera letra. */ .mod-prioridades .pr-of b.pr-urg{display:inline-block;margin-left:5px;width:13px;text-align:center; border:1px solid var(--ink);border-radius:2px;font-size:10px;line-height:12px} .mod-prioridades .pr-buf{white-space:nowrap;font-variant-numeric:tabular-nums} .mod-prioridades .pr-der{color:var(--meta)} /* El touch time de la OF. Va en tinta plena —no en gris como las horas de la * entrada— porque es el número que se compara contra el lead, y el globo trae * el desglose de arranque y corrida. */ .mod-prioridades .pr-toque{font-variant-numeric:tabular-nums;cursor:help} /* Qué parte del lead es toque. Chico y en gris: es contexto del número de al * lado, no un número para decidir. */ .mod-prioridades .pr-pct{font-style:normal;font-size:9.5px;color:var(--meta);margin-left:5px} /* El primer puesto: el día manda, la máquina acompaña. */ .mod-prioridades .pr-t td.c-slot{white-space:normal;line-height:1.35;cursor:help} /* El proceso en que Odoo tiene la OF AHORA. El centro va en tinta plena —es un * hecho, no una proyección como el puesto de al lado— y la operación lo * acompaña en gris, igual que la máquina acompaña al día en el puesto. * ⚠️ `nowrap`: con la celda en `normal` el guion de «G-1» era un punto de corte * legítimo y la columna partía el nombre del centro en dos renglones. */ .mod-prioridades .pr-t td.c-proc{white-space:nowrap;cursor:help} .mod-prioridades .pr-cen{font-style:normal;font-size:9.5px;color:var(--meta);margin-left:5px} /* Las dos marcas que cambian lo que se hace con una OF: no se puede correr, o ya * no llega corriendo. Contorno y no relleno, igual que las demás insignias: el * semáforo de al lado es el que manda en el color. */ .mod-prioridades .pr-bloq,.mod-prioridades .pr-norec{display:inline-block;margin-left:6px;padding:0 4px; font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:14px; border:1px solid var(--rule);border-radius:2px;color:var(--meta);cursor:help;white-space:nowrap} .mod-prioridades .pr-norec{border-color:var(--alarma);color:var(--alarma)} /* Las insignias bajan de renglón en vez de ensanchar la columna: en una sola * línea el consumo pedía 266 px y la tabla dejaba de caber. */ .mod-prioridades .pr-t td.c-cons{cursor:help;white-space:normal;line-height:1.5} .mod-prioridades .pr-t td.c-cons .pr-bloq,.mod-prioridades .pr-t td.c-cons .pr-norec{margin-left:0;margin-right:4px} /* El reparto por zona en la cabecera del centro. */ .mod-prioridades .pr-zon{font-size:10.5px;font-weight:400;color:var(--meta);margin-left:10px;letter-spacing:0} .mod-prioridades .pr-zon b{font-weight:500} /* El socio se corta; el completo vive en el title. */ .mod-prioridades .pr-corta{max-width:24ch;overflow:hidden;text-overflow:ellipsis} /* Al quitar cinco columnas y la franja sobró ancho. En vez de dejarlo en huecos, * se lo queda el nombre del producto, que es lo que de verdad identifica la OF: * «CART CAJ MAM ADV RF FR 2PK REVITALIZACIÓN» y «…SF FR 2PK…» sólo se * distinguen por dos letras en medio. Bajó de 52 a 34ch al entrar el * amortiguador (17-sep): el nombre completo sigue en el globo. */ .mod-prioridades .pr-prod{max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mod-prioridades .pr-nd{color:var(--rule)} /* ---- el arrastre ---- */ /* La fila entera se agarra: lo que se mueve es la OF, no una celda. */ .mod-prioridades .pr-t tr[data-of]{cursor:grab} .mod-prioridades .pr-t tr[data-of]:active{cursor:grabbing} .mod-prioridades .pr-t tr.pr-arrastrando td{opacity:.3} /* Sin esto, apretar y mover sobre una celda selecciona texto en vez de * arrastrar, y el gesto se siente roto aunque por dentro funcione. */ .mod-prioridades .pr-t tr[data-of]{user-select:none;-webkit-user-select:none} /* Centro al que SÍ se puede soltar. Contorno, no relleno: rellenar catorce * columnas de gris tapa el semáforo del amortiguador, que es lo que se está * mirando mientras se decide a dónde mandarla. */ .mod-prioridades .pr-t tbody.pr-sobre{box-shadow:inset 0 0 0 1.5px var(--ink)} .mod-prioridades .pr-libre td{color:var(--rule);font-size:11px;padding:4px 0;font-style:italic} .mod-prioridades .pr-quieta td{opacity:.72} /* Urgente en Odoo: un rasgo que no es color, para que no se pierda entre el * semáforo del amortiguador. Igual que en la rejilla. */ .mod-prioridades .pr-t tr[data-urg] .pr-of{text-decoration:underline;text-underline-offset:3px} .mod-prioridades .pr-grupo th em{font-style:normal;font-size:10px;color:var(--alarma); text-transform:uppercase;letter-spacing:.07em;margin-left:6px} /* ---- guardar ---- */ .mod-prioridades .pr-acc{display:flex;align-items:center;gap:12px;margin-top:4px} .mod-prioridades .pr-acc button{font:inherit;font-size:12.5px;padding:7px 13px; background:none;border:1px solid var(--ink);color:var(--ink);cursor:pointer} .mod-prioridades .pr-acc button:hover{background:var(--ink);color:var(--paper)} .mod-prioridades #pr-guardado{font-size:11.5px;color:var(--meta)} .mod-prioridades #pr-guardado.malo{color:var(--alarma)} /* Más urgente que algo que va antes en la misma máquina. Es la pregunta de TOC * en una marca: «vas a correr algo verde antes que algo rojo». */ .mod-prioridades .pr-fuera{color:var(--alarma);margin-left:5px;font-size:9px;cursor:help} /* ---- el lugar en la cola ---- */ /* El número es el orden en que la máquina las va a correr. Sin él, que las * filas estén ordenadas por la cola es invisible: se leen como una lista más. */ .mod-prioridades .pr-pos{display:inline-block;font-style:normal;font-size:10px; color:var(--meta);min-width:11px;margin-right:5px;text-align:right;font-variant-numeric:tabular-nums} /* Mover un lugar sin arrastrar. Aparecen al pasar por encima para no competir * con el semáforo del amortiguador, que es lo que se está mirando. */ .mod-prioridades .pr-mov{display:inline-flex;gap:1px;margin-left:6px;vertical-align:middle; opacity:0;transition:opacity .12s} .mod-prioridades tr:hover .pr-mov,.mod-prioridades .pr-mov:focus-within{opacity:1} .mod-prioridades .pr-mov button{font:inherit;font-size:8px;line-height:12px;width:14px;height:14px; padding:0;background:none;border:1px solid var(--rule);color:var(--meta);cursor:pointer} .mod-prioridades .pr-mov button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)} .mod-prioridades .pr-mov button:disabled{opacity:.3;cursor:default} /* Va a entrar ANTES de este renglón. */ .mod-prioridades .pr-t tr.pr-antes td{box-shadow:inset 0 2px 0 -1px var(--ink)} .mod-prioridades .pr-acc em{font-style:italic;font-size:11px;color:var(--rule)} /* ---- la carga del centro ---- */ /* Las horas mandan: es la unidad en que se planea. Las piezas van detrás y en * gris, porque sirven para reconocer el pedido, no para decidir. */ .mod-prioridades .pr-carga{white-space:nowrap;font-variant-numeric:tabular-nums; font-size:clamp(9px,.66vw,10.5px);color:var(--meta);padding-bottom:6px} .mod-prioridades .pr-carga b{color:var(--ink);font-weight:600;font-size:11.5px} .mod-prioridades .pr-carga i{font-style:normal;margin-left:7px} .mod-prioridades .pr-carga span{margin-left:9px;color:var(--rule)} /* ---- el día dentro del centro ---- */ /* La cola de una máquina partida por jornada. No es un título: es la línea que * dice «de aquí para abajo, esto corre el jueves». */ .mod-prioridades .pr-dia td{padding:11px 0 3px;border-bottom:1px solid var(--rule); font-size:clamp(9px,.66vw,10.5px);color:var(--meta);letter-spacing:.06em;text-transform:uppercase} .mod-prioridades .pr-dia b{color:var(--ink);font-weight:600;margin-right:9px} .mod-prioridades .pr-dia i{font-style:normal;font-variant-numeric:tabular-nums} .mod-prioridades .pr-dia em{font-style:normal;margin-left:9px;border:1px solid var(--ink); padding:0 5px;border-radius:2px;font-size:9px;color:var(--ink)} .mod-prioridades .pr-dia.hoy b{text-decoration:underline;text-underline-offset:3px} /* No termina ese día. */ .mod-prioridades .pr-sigue{font-style:normal;color:var(--meta);margin-left:4px;font-size:10px;cursor:help} /* Día en que la máquina no arranca nada: sigue con lo de ayer. */ .mod-prioridades .pr-dia span{font-style:italic;text-transform:none;letter-spacing:0; margin-left:9px;color:var(--rule)} /* El renglón del día también recibe el suelte, así que tiene que ser un blanco * que se pueda acertar: 26 px de alto se fallan con el ratón en movimiento. */ .mod-prioridades .pr-dia td{padding-top:13px;padding-bottom:5px;cursor:default} .mod-prioridades .pr-t tr.pr-dia.pr-antes td{box-shadow:inset 0 2px 0 -1px var(--ink);background:#fafafa} /* Clavada a una fecha a mano: no se acomoda sola. */ .mod-prioridades .pr-fijo{font:inherit;font-size:8.5px;text-transform:uppercase;letter-spacing:.06em; margin-left:6px;padding:1px 5px;background:var(--ink);color:var(--paper);border:0; border-radius:2px;cursor:pointer;vertical-align:middle} .mod-prioridades .pr-fijo:hover{background:var(--alarma)} /* Cuál de las entradas es: E1, E2, «vuelta». Sin esto dos renglones de la misma * OF en la misma máquina se ven idénticos y parecen un duplicado. */ .mod-prioridades .pr-ent{display:inline-block;margin-left:5px;font-size:9px;font-weight:600; letter-spacing:.04em;padding:0 4px;border:1px solid var(--rule);border-radius:2px;color:var(--meta)} /* ---- el asa ---- */ /* `touch-action:none` es lo que impide que el navegador se quede el gesto para * desplazar la página. Va SÓLO aquí: en todo el renglón dejaría el tablero sin * poder desplazarse con el dedo, que es peor que no poder arrastrar. */ /* Los puntos se DIBUJAN, no se escriben: un glifo de rejilla puede no existir en * el teléfono, y si no se ve el asa no hay por dónde agarrar. */ .mod-prioridades .pr-asa{display:inline-block;touch-action:none;cursor:grab; /* ⚠️ content-box a propósito. El portal pone `box-sizing:border-box` a todo, y * con él la zona de agarre quedaba en 12×14 px REALES —el relleno se comía el * contenido— que es la mitad de lo que un dedo acierta. Aquí el relleno tiene * que SUMAR: los puntos se ven pequeños y la zona que responde es grande. */ box-sizing:content-box; width:8px;height:14px;padding:7px 6px;margin:-7px 3px -7px -4px;vertical-align:middle; user-select:none;-webkit-user-select:none;background-clip:content-box; background-image:radial-gradient(currentColor 1px, transparent 1.2px); background-size:4px 4px;background-position:0 1px;background-repeat:repeat; color:var(--rule)} .mod-prioridades .pr-asa:active{cursor:grabbing;color:var(--ink)} .mod-prioridades tr:hover .pr-asa{color:var(--meta)} /* En el teléfono el asa es el único punto de agarre: tiene que ser un blanco de * dedo, no de ratón. */ @media (pointer:coarse){ .mod-prioridades .pr-asa{width:10px;height:20px;padding:12px 11px;margin:-12px 4px -12px -7px; background-size:5px 5px;color:var(--meta)} } /* ---- en el teléfono ---- */ @media (pointer:coarse){ /* Las flechas medían 14 px: un dedo no acierta, y en el teléfono son el camino * que NO depende de arrastrar. Se quedan siempre visibles, porque no hay * «pasar por encima» con el que descubrirlas. */ .mod-prioridades .pr-mov{opacity:1} .mod-prioridades .pr-mov button{width:30px;height:30px;font-size:11px;line-height:28px} .mod-prioridades .pr-fijo{padding:6px 9px;font-size:10px} /* Renglón más alto: con 34 px de alto el dedo suelta en el de al lado. */ .mod-prioridades .pr-t td{padding-top:11px;padding-bottom:11px} .mod-prioridades .pr-dia td{padding-top:15px;padding-bottom:7px} } /* ================= EN UN TELÉFONO ================================== * Nueve columnas no caben en 390 px, y encoger la letra sólo lo hace * ilegible además de estrecho. El renglón deja de ser una fila y pasa a ser un * bloque de cuatro líneas, en orden de importancia: qué es, cuánto aprieta, * cuánto ocupa, de quién es. * * El DOM no cambia —siguen siendo y — así que el asa, las flechas, el * arrastre y el clavado siguen funcionando igual. Sólo cambia cómo se colocan. */ @media (max-width:700px){ .mod-prioridades .pr-caja{overflow-x:visible} .mod-prioridades .pr-t{min-width:0;display:block;font-size:13.5px} /* La cabecera de columnas no significa nada cuando no hay columnas. */ .mod-prioridades .pr-t thead{display:none} .mod-prioridades .pr-t tbody{display:block} .mod-prioridades .pr-t tr{display:flex;flex-wrap:wrap;align-items:baseline; gap:1px 9px;padding:9px 0;border-bottom:1px solid var(--rule)} .mod-prioridades .pr-t td{display:block;padding:0;border:0;white-space:nowrap} /* línea 1 · quién es, y cuánto aprieta */ .mod-prioridades .pr-t tr[data-of] td.c-ref{flex:1 1 60%;font-size:14px} .mod-prioridades .pr-t tr[data-of] td.c-cons{flex:0 0 auto;margin-left:auto;text-align:right;white-space:normal} /* línea 2 · compromiso, horas y piezas, JUNTOS y a la izquierda. Con ancho * completo el compromiso se iba solo a un renglón alineado a la derecha, que * es media línea de pantalla gastada en un dato de cuatro caracteres. */ .mod-prioridades .pr-t tr[data-of] td.c-lim{flex:0 0 auto;order:3;text-align:left} .mod-prioridades .pr-t tr[data-of] td.c-lim::before{content:"entrega ";color:var(--meta);font-size:11px} /* La holgura va pegada a la entrega, que es contra lo que se mide. En tinta * plena y no en gris: en la mano es la que dice si se llega o no. */ .mod-prioridades .pr-t tr[data-of] td.c-holg{order:3;font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-holg::before{content:"holgura ";color:var(--meta);font-size:11px} .mod-prioridades .pr-t tr[data-of] td.c-hrs{order:4;color:var(--meta);font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-hrs span::after{content:" h"} /* El toque va pegado a las horas de la entrada y rotulado: dos números de * horas seguidos y sin cabecera que los separe se leerían como el mismo. */ .mod-prioridades .pr-t tr[data-of] td.c-toq{order:5;color:var(--meta);font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-toq::before{content:"toque ";font-size:11px} /* La «h» va pegada al número, no al final de la celda: ahí detrás va el * porcentaje del lead y quedaba «toque 22.5 7.2% h». */ .mod-prioridades .pr-t tr[data-of] td.c-toq > span:not(.pr-nd)::after{content:" h"} .mod-prioridades .pr-t tr[data-of] td.c-qty{order:6;color:var(--meta);font-size:12px} /* El puesto y el semáforo de Odoo cierran la línea 2: sirven para ubicar la * OF, no para decidir, que es lo que ya dijo la línea 1. */ .mod-prioridades .pr-t tr[data-of] td.c-slot{order:6;color:var(--meta);font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-slot::before{content:"puesto ";font-size:11px} /* Dónde está AHORA, antes que dónde entrará: en la mano, lo primero que se * pregunta de una OF es en qué máquina anda. */ .mod-prioridades .pr-t tr[data-of] td.c-proc{order:5;font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-proc::before{content:"en ";color:var(--meta);font-size:11px} .mod-prioridades .pr-t tr[data-of] td.c-proc .pr-cen{display:none} /* Una OF que no ha arrancado no ocupa línea en la mano: con el rótulo delante * se leía «en no iniciada». Lo que no está en ningún proceso no se dice. */ .mod-prioridades .pr-t tr[data-of] td.c-proc.pr-sinproc{display:none} .mod-prioridades .pr-t tr[data-of] td.c-odoo{order:6;color:var(--meta);font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-odoo::before{content:"Odoo ";font-size:11px} /* El amortiguador asignado cierra la línea 2: es el denominador del consumo de * la línea 1, no un número con el que se decida por sí solo. La insignia de * «pactada» no cabe en un teléfono; su medio día ya está dentro de la cifra. */ .mod-prioridades .pr-t tr[data-of] td.c-buf{order:6;color:var(--meta);font-size:12px} .mod-prioridades .pr-t tr[data-of] td.c-buf::before{content:"buffer ";font-size:11px} .mod-prioridades .pr-t tr[data-of] td.c-buf .pr-cita{display:none} .mod-prioridades .pr-t tr[data-of] td.c-qty::after{content:" pz"} /* El asa se alinea con la línea de la referencia. Con `display:flex` en la * celda se conseguía, pero cambiaba su línea base y el amortiguador de al lado * quedaba nueve píxeles más abajo, como si fuera otro renglón. */ .mod-prioridades .pr-asa{vertical-align:top;margin-top:1px} /* La raya del centro y la del día cruzan todo el ancho, no sólo su celda. */ .mod-prioridades .pr-grupo{border-bottom:1px solid var(--ink)} .mod-prioridades .pr-grupo th,.mod-prioridades .pr-grupo td{border-bottom:0} .mod-prioridades .pr-dia{border-bottom:1px solid var(--rule)} .mod-prioridades .pr-dia td{border-bottom:0} /* línea 3 y 4 · de quién es y qué es */ .mod-prioridades .pr-t tr[data-of] td.c-cli{flex:0 0 100%;order:7;max-width:none; font-size:12px;color:var(--meta);overflow:hidden;text-overflow:ellipsis} .mod-prioridades .pr-t tr[data-of] td.c-prod{flex:0 0 100%;order:8;max-width:none; font-size:12px;overflow:hidden;text-overflow:ellipsis} /* Fuera lo que no decide nada en la mano: el arranque de Odoo y la OV. */ .mod-prioridades .pr-t tr[data-of] td.c-ov{display:none} /* El salto a la línea 2 lo fuerza la celda del amortiguador ocupando lo que * queda de la primera, no el ancho del compromiso. */ .mod-prioridades .pr-t tr[data-of] td.c-cons{flex:1 0 auto} .mod-prioridades .pr-t tr[data-of] td.c-hrs, .mod-prioridades .pr-t tr[data-of] td.c-toq, .mod-prioridades .pr-t tr[data-of] td.c-qty{text-align:left} /* el centro y el día */ .mod-prioridades .pr-grupo,.mod-prioridades .pr-dia,.mod-prioridades .pr-libre{ display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px} .mod-prioridades .pr-grupo th{flex:1 1 auto;padding:14px 0 5px;font-size:14px} .mod-prioridades .pr-grupo td{flex:0 0 auto;padding:14px 0 5px} .mod-prioridades .pr-carga span{display:none} /* las piezas sobran aquí */ .mod-prioridades .pr-dia td{flex:1 1 100%;padding:12px 0 4px} .mod-prioridades .pr-libre td{flex:1 1 100%;padding:6px 0} .mod-prioridades .pr-pie,.mod-prioridades .pr-acc{font-size:12px} } /* ================= EN UN iPAD ====================================== * Aquí la tabla sí cabe, pero apretada. Se van las dos columnas que menos * deciden —el arranque de Odoo y la OV— y la letra sube: leer de pie a un * brazo de distancia no es leer sentado frente a un monitor. */ @media (min-width:701px) and (max-width:1100px){ /* Reparto FIJO en porcentaje. Con el ancho automático la tabla pedía 1,088 px * en una pantalla de 818 y había que desplazarla de lado para leer un renglón; * recortar columnas a ojo sólo mueve el problema al siguiente iPad. Así cabe * siempre, y lo que no entra se corta con puntos suspensivos —el texto completo * sigue en el globo—. */ .mod-prioridades .pr-t{table-layout:fixed;width:100%;min-width:0;font-size:13px} .mod-prioridades .pr-t td.c-ov,.mod-prioridades .pr-t th.c-ov{display:none} /* ⚠️ Al entrar Amortiguador y Holgura (19-sep) ya no caben once columnas, y * apretarlas todas dos puntos las deja a todas cortadas. Se va también el * amortiguador de ODOO: es el mismo concepto en la convención contraria, lo * propio se mide mejor —Odoo deja en gris 30 de 50 OF— y con dos columnas de * amortiguador al lado, la de Odoo es la que menos decide. Sigue viéndose en * monitor y en teléfono. */ .mod-prioridades .pr-t td.c-odoo,.mod-prioridades .pr-t th.c-odoo{display:none} /* La insignia de «pactada» tampoco cabe aquí: con ella el amortiguador pedía * 7% y salía cortado igual en 23 de 62 renglones. El medio día ya está dentro * de la cifra y el porqué está en el globo. */ .mod-prioridades .pr-t td.c-buf .pr-cita{display:none} /* ⚠️ Al entrar «Proceso» (20-sep) la cuenta volvía a no dar. De las dos * columnas vecinas se queda la del HECHO: dónde está la OF según Odoo. El * «Puesto» es una proyección del programa y se sigue viendo en monitor y en * teléfono, y su fecha está también en el globo del proceso. */ .mod-prioridades .pr-t td.c-slot,.mod-prioridades .pr-t th.c-slot{display:none} /* Y de «Proceso» sólo el centro: el nombre de la operación triplicaba el alto * del renglón para decir algo que el globo ya dice. */ .mod-prioridades .pr-t td.c-proc .pr-cen{display:none} /* Suma 100: 20+5+13+8+8+5+8+9+11+7+6. La OV, el Odoo y el Puesto no se ven. * ⚠️ Medido a 818 px contra el control de antes del cambio: con la cantidad en * 5% se cortaban 61 de 62 renglones donde antes se cortaban 15. Vuelve a 6. */ .mod-prioridades .pr-t th.c-ref{width:20%} .mod-prioridades .pr-t th.c-buf{width:5%} .mod-prioridades .pr-t th.c-cons{width:13%} .mod-prioridades .pr-t th.c-lim{width:8%} .mod-prioridades .pr-t th.c-holg{width:8%} .mod-prioridades .pr-t th.c-hrs{width:5%} .mod-prioridades .pr-t th.c-toq{width:8%} .mod-prioridades .pr-t th.c-proc{width:9%} .mod-prioridades .pr-t th.c-cli{width:11%} .mod-prioridades .pr-t th.c-prod{width:7%} .mod-prioridades .pr-t th.c-qty{width:6%} .mod-prioridades .pr-t td{overflow:hidden;text-overflow:ellipsis} .mod-prioridades .pr-corta,.mod-prioridades .pr-prod{max-width:none} } /* ---- amortiguador de embarque ---- */ /* La HOLGURA contra el compromiso. Era un superíndice de 10 px pegado a la fecha * y ahora es columna: es el número que decide —una fecha sola no dice si se * llega— y como superíndice sin encabezado nadie sabía qué estaba leyendo. */ .mod-prioridades .pr-holg{font-style:normal;color:var(--meta); font-variant-numeric:tabular-nums;cursor:help;white-space:nowrap} .mod-prioridades .pr-holg.mal{color:var(--alarma);font-weight:600} /* El medio día extra de una entrega pactada: la fecha la puso el cliente. Mismo * contorno que las demás insignias, que el color lo manda el semáforo. */ .mod-prioridades .pr-cita{display:inline-block;margin-left:6px;padding:0 4px; font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:14px; border:1px solid var(--rule);border-radius:2px;color:var(--meta);cursor:help;white-space:nowrap} /* Zona CALCULADA aquí, no traída de Odoo. Se marca porque mezclar dos orígenes * de color sin decirlo es la forma más rápida de perder la confianza en los dos. */ .mod-prioridades .pr-calc{font-size:8px;text-transform:uppercase;letter-spacing:.05em; margin-left:4px;padding:0 3px;border:1px solid var(--rule);border-radius:2px; color:var(--meta);font-weight:500;cursor:help;vertical-align:middle} /* ---- ordenar por amortiguador ---- */ /* Un gesto que escribe la cola de una máquina: botón de contorno, discreto, en la * cabecera del centro. Que se vea sin gritar: no es la acción de todos los días. */ .mod-prioridades .pr-orden{font:inherit;font-size:10.5px;font-weight:400;margin-left:10px;padding:2px 7px; background:none;border:1px solid var(--rule);color:var(--meta);cursor:pointer;vertical-align:1px} .mod-prioridades .pr-orden:hover{border-color:var(--ink);color:var(--ink)} .mod-prioridades .pr-dl-lista{margin:0 0 10px;padding-left:22px;font-size:12.5px;line-height:1.7; max-height:40vh;overflow:auto;font-variant-numeric:tabular-nums} .mod-prioridades .pr-dl-lista span{color:var(--meta);margin-left:6px} .mod-prioridades .pr-dl-nota{font-size:11.5px} .mod-prioridades .dl .pr-dl-ok{display:block;width:100%;font:inherit;font-weight:600;cursor:pointer; padding:10px 12px;margin-bottom:8px;background:var(--ink);color:var(--paper);border:1px solid var(--ink)} /* ---- touch time por proceso ---- */ .mod-prioridades .pr-toq-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer; text-decoration:underline dotted;text-underline-offset:3px} .mod-prioridades .pr-toq-btn:hover{color:var(--ink);text-decoration-style:solid} .mod-prioridades .dl.pr-toq-dl{width:min(900px,94vw)} .mod-prioridades .pr-toq-tabla{max-height:55vh;overflow:auto;margin-bottom:10px} .mod-prioridades .pr-toq-tabla table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums} .mod-prioridades .pr-toq-tabla th,.mod-prioridades .pr-toq-tabla td{text-align:left;padding:5px 6px; border-bottom:1px solid var(--rule);vertical-align:top} .mod-prioridades .pr-toq-tabla th{font-weight:600;color:var(--meta);white-space:nowrap} .mod-prioridades .pr-toq-tabla .num{text-align:right;white-space:nowrap} .mod-prioridades .pr-toq-tabla i{color:var(--meta);font-style:normal} .mod-prioridades .pr-toq-tabla tfoot td{border-bottom:0;font-weight:500}