body { background-color: #f6f7f7; color: #1d2327; font-size: 14px; }
.row-actions { opacity: 0; transition: opacity 0.15s ease-in-out; font-size: 13px; }
tr:hover .row-actions { opacity: 1; }
.row-actions a { text-decoration: none; cursor: pointer; }
.product-thumb { width: 50px; height: 50px; object-fit: cover; border: 1px solid #dcdcde; border-radius: 4px; }
.star-fav { font-size: 22px; color: #cccccc; }
.inline-edit-row { background-color: #f4f5f7 !important; }
/* 1. Efecto cebra: Aplica gris intercalado a las celdas de una fila de producto de por medio */
.table-products tbody tr:nth-child(odd of .product-row) td { background-color: #f9f9f9 !important;  }
/* 2. Mantiene el color blanco en las filas de producto intermedias (pares) */
.table-products tbody tr:nth-child(even of .product-row) td { background-color: #ffffff !important;   }
/* 3. Mantiene el efecto hover impecable al pasar el mouse */
.table-products tbody tr.product-row:hover td { background-color: #f1f1f1 !important;}
.text-primary { color: #3858e9 !important}