/* ./css/articulos.css */

/* ----------------------------------------------------------------------*/
/* Estilos de la Lista de Artículos (Formato LISTA/TABLA simple) */
/* ----------------------------------------------------------------------*/

.articles-list-simple {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.article-header, .article-row {
    display: grid;
    /* Columnas: Código (100px), Nombre (Flex), Precio (150px) */
    grid-template-columns: 100px 1fr 150px; 
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.article-header {
    font-weight: bold;
    background-color: #f8f8f8;
    color: #333;
    border-bottom: 2px solid var(--color-border);
}

.article-row:hover {
    background-color: #fbfbfb;
}

.article-code {
    font-family: monospace; 
    font-size: 0.9em;
}

.article-name {
    color: #444;
}

.article-price {
    font-weight: bold;
    color: var(--color-rojo); /* Rojo definido en basico.css */
    text-align: right;
}

.article-row:last-child {
    border-bottom: none;
}