/* ============================================================================
vidrio.css - Capa estetica "vidrio liquido" para Obradores CRM
----------------------------------------------------------------------------
Se carga DESPUES de style.css y pedidos.css. Quitar la linea de idioma
sale blanco, el calendario de los , sin clase propia;
.ped-fila-total es el de las tablas de resumen. Se cubren las dos. */
#pedidos-root .ped-tabla tfoot th,
#pedidos-root .ped-tabla tfoot td,
#pedidos-root .ped-tabla tfoot .ped-col-prod,
#pedidos-root .ped-fila-total th,
#pedidos-root .ped-fila-total td {
background-color: var(--marca-clara);
color: var(--marca-oscura);
font-weight: 700;
}
[data-theme="dark"] #pedidos-root .ped-tabla tfoot th,
[data-theme="dark"] #pedidos-root .ped-tabla tfoot td,
[data-theme="dark"] #pedidos-root .ped-tabla tfoot .ped-col-prod {
background-color: color-mix(in oklab, var(--marca) 42%, #0B141A);
color: #CFEFDC;
}
/* Celda en edicion: anillo claro, fondo blanco puro */
#pedidos-root .ped-celda input:focus-visible,
#pedidos-root input:focus-visible {
outline: none;
box-shadow: var(--foco-anillo);
border-radius: 6px;
background: #fff;
}
/* Botones de Pedidos en pildora, con el azul que ya tenian */
#pedidos-root .ped-btn {
border-radius: 999px;
transition: transform .14s ease, box-shadow .16s ease, background .16s ease;
}
#pedidos-root .ped-btn-primario {
background: linear-gradient(180deg,
color-mix(in oklab, var(--accion) 88%, #fff), var(--accion-oscura));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.35),
0 10px 22px -14px var(--accion);
}
#pedidos-root .ped-btn:not(:disabled):active {
transform: scale(.975);
}
#pedidos-root .ped-buscar,
#pedidos-root .ped-fecha-lbl input {
border-radius: var(--r-sm);
background: var(--vidrio-fuerte);
border-color: var(--vidrio-borde);
}
/* OJO: la celda con pedido mantiene su verde de siempre (#DCF8C6, !important
en pedidos.css). No se toca en claro: es como Gema lee la matriz. */
/* --- Arreglo de dos fallos que YA existian, solo en tema oscuro ------------
1) pedidos.css:201 #pedidos-root td.ped-celda-con-valor:not(.ped-sucio)
{ background: #DCF8C6 !important }
El !important gana a style.css:2343, que es la regla de oscuro y no lo
lleva. Resultado: celda verde claro con el numero en texto claro, es
decir, cifras invisibles.
2) pedidos.css:167 ".ped-tabla:not(.ped-tabla-despachos) tbody
tr:nth-child(even) th" tiene mas especificidad que style.css:2337.
Resultado: filas pares en blanco con el nombre del producto en claro.
Se corrigen aqui porque esta capa carga la ultima. Solo afecta a oscuro:
en claro no cambia ni un pixel. */
[data-theme="dark"] #pedidos-root td.ped-celda-con-valor:not(.ped-sucio) {
background-color: #10371F !important;
}
[data-theme="dark"] #pedidos-root td.ped-celda-con-valor:not(.ped-sucio) input {
color: #A7E8BE;
font-weight: 600;
}
[data-theme="dark"] #pedidos-root .ped-tabla:not(.ped-tabla-despachos) tbody tr:nth-child(even) td,
[data-theme="dark"] #pedidos-root .ped-tabla:not(.ped-tabla-despachos) tbody tr:nth-child(even) th {
background-color: #161F27;
}
[data-theme="dark"] #pedidos-root .ped-tabla .ped-col-prod {
color: var(--ped-texto);
}
/* ------------------------------------------------- 11. Productos y Sanidad */
.prod-lista,
.prod-fila {
border-radius: var(--r-md);
}
.prod-chip {
border-radius: 999px;
}
.prod-chip.activa {
box-shadow: 0 6px 14px -10px var(--acento);
}
/* --- Sanidad: ojo con el orden ---------------------------------------------
sanidad.js NO tiene hoja propia: inyecta un