/* Estilos para el módulo de Ajustes de Inventario */

/* --- Estilos para insignias de Vencimiento --- */
/* (Reutilizados de repexiste.css para consistencia) */

#ajustes-container {
    zoom: 0.9;
}

.venc-default, .venc-lejano, .venc-medio, .venc-cercano, .venc-pasado {
    padding: 0.2em 0.6em;
    border-radius: 0.25rem;
    font-size: 0.85em;
    font-weight: 700;
    display: inline-block;
    color: #fff; /* Texto blanco por defecto */
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.venc-default {
    background-color: #6c757d; /* Gris */
}
.venc-pasado {
    background-color: #000000; /* Negro */
}
.venc-cercano {
    background-color: #dc3545; /* Rojo */
}
.venc-medio {
    background-color: #fd7e14; /* Naranja */
    color: #000; /* Texto negro para mejor contraste */
}
.venc-lejano {
    background-color: #0dcaf0; /* Celeste */
    color: #000; /* Texto negro para mejor contraste */
}

/* --- Estilos para insignias de Stock --- */
/* (Reutilizados de products.css para consistencia) */
.stock-zero, .stock-low, .stock-ok {
    display: inline-block;
    padding: 0.2em 0.6em;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
    color: #fff; /* Texto blanco por defecto */
}
.stock-zero { background-color: #212529; } /* Negro/Gris oscuro */
.stock-low { background-color: #dc3545; } /* Rojo */
.stock-ok { background-color: #0dcaf0; color: #000; } /* Celeste */

/* --- Estilos para la tabla de items de ajuste --- */
.ajuste-item.ajuste-item-par {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* SOLUCIÓN: Estilos para la cabecera del detalle de productos */
.ajuste-header-bg {
    background-color: var(--primary-solid-color);
    padding-top: 0.75rem !important; /* Ajustar padding superior */
    padding-bottom: 0.75rem !important; /* Ajustar padding inferior */
}

/* SOLUCIÓN: Se asegura que todo el texto dentro de la cabecera sea blanco.
   El selector `*` aplica el color a todos los elementos hijos. */
.ajuste-header-bg * {
    color: #fff !important;
}

/* SOLUCIÓN: Asegura que el buscador de productos (TomSelect) ocupe el 100% de su contenedor. */
/* El selector `+ .ts-wrapper` apunta al div que TomSelect genera justo después del <select> original. */
#ajuste-product-search-input + .ts-wrapper {
    width: 100%;
}