:root {
	/* --- Paleta Inventario MP - Estilo Ejecutivo --- */
	--inv-fondo: #FDFEFE; /* Fondo general muy claro, casi blanco */
	--inv-sombra: 0 2px 5px rgba(48, 55, 66, 0.1); /* Sombra sutil y profesional */
	/* --- Colores de la Tabla --- */
	--inv-header-bg: #FFD66B; /* Amarillo dorado para el encabezado */
	--inv-header-text: #4A4A4A; /* Texto gris oscuro para alto contraste */
	--inv-row-odd-bg: #FFFFFF; /* Fila impar blanca */
	--inv-row-even-bg: #EBF5FB; /* Azul muy pálido para fila par */
	--inv-row-hover-bg: #D6EAF8; /* Azul ligeramente más oscuro para el hover */
	--inv-footer-bg: #F2F2F2; /* Pie de página gris neutro y limpio */
	--inv-footer-text: #333333; /* Texto oscuro para el pie de página */
	--inv-border-color: #D5D8DC; /* Borde suave para las celdas */
	/* --- Colores de Texto --- */
	--inv-text-primary: #2E4053; /* Azul oscuro para texto principal */
	--inv-text-secondary: #5D6D7E; /* Gris azulado para texto secundario */
	--inv-text-accent: #1A5276; /* Azul más fuerte para acentos o links */
	/* --- Controles (Botones y DatePicker) --- */
	--inv-button-bg: #2980B9; /* Azul corporativo para el botón principal */
	--inv-button-text: #FFFFFF; /* Texto blanco para el botón */
	--inv-button-hover-bg: #2471A3; /* Azul más oscuro para el hover del botón */
	--inv-datepicker-accent: var(--inv-button-bg); /* El DatePicker usará el mismo azul */
	--inv-datepicker-range: #D4E6F1; /* Color para el rango seleccionado en el DatePicker */
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------Inventario de materia prima----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#inventario-periodo {
	margin: 0;
	padding: 0;

}

.inventario-mp-main-container {
	height: 100%;
	width: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.table-inv-container {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	max-width: 100%;
	padding: 2rem;
}

#inventario-periodo h3 {
	color: var(--inv-header-text);
}

#inventario-periodo button {
	background: var(--inv-button-bg);
	color: var(--inv-button-text);
}

	#inventario-periodo button span {
		color: var(--inv-button-text);
	}

.table-inv-container > * {
	height: 100%;
	width: 100%;
}

#inventario-periodo .table-inv-container .text-right {
	text-align: end;
}

#inventario-periodo .table-inv-container .tabla-inventario {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	height: 100%;
	width: 100%;
	max-width: min-content;
}

#inventario-periodo .table-inv-container th,
#inventario-periodo .table-inv-container td {
	font-size: 1.4rem;
	padding: 1rem 1rem;
}

#inventario-periodo .tabla-inventario thead tr,
#inventario-periodo .tabla-inventario thead th {
	background: var(--inv-header-bg);
	color: var(--inv-header-text);
	font-weight: bold;
	padding: 1rem;
}

	#inventario-periodo .tabla-inventario thead th.celda-grupo,
	#inventario-periodo .tabla-inventario thead th.celda-precio-unitario,
	#inventario-periodo .tabla-inventario thead th.celda-cb {
		z-index: 22;
	}

#inventario-periodo .tabla-inventario tbody tr:nth-child(odd) {
	background: var(--inv-row-odd-bg);
}

#inventario-periodo .tabla-inventario tbody tr:nth-child(even) {
	background: var(--inv-row-even-bg);
}

#inventario-periodo .tabla-inventario tbody tr:hover {
	background: var(--inv-row-hover-bg);
	cursor: default;
}

#inventario-periodo .tabla-inventario tfoot td,
#inventario-periodo .tabla-inventario tfoot tr {
	background: var(--inv-footer-bg);
	color: var(--inv-footer-text);
	font-weight: bold;
}

#inventario-periodo .tabla-inventario .col-checkbox {
	width: 5rem !important;
}

#inventario-periodo .tabla-inventario .col-precio-unitario {
	width: 10rem;
}

#inventario-periodo .tabla-inventario .col-grupo {
	width: 15rem;
}

#inventario-periodo .tabla-inventario .col-unidades {
	width: 10rem;
}

#inventario-periodo .table-inv-container .col-cantidad {
	width: 6rem;
}

#inventario-periodo .tabla-inventario .col-valor {
	width: 10rem;
}

#inventario-periodo .table-inv-container table {
	table-layout: fixed;
	border-collapse: separate;
	width: max-content;
}

#inventario-periodo .table-inv-container .celda-cb {
	position: sticky;
	left: 0;
	background: inherit;
	z-index: 20;
}

#inventario-periodo .table-inv-container .celda-precio-unitario {
	position: sticky;
	left: 5rem;
	background: inherit;
	z-index: 20
}

#inventario-periodo .table-inv-container .celda-grupo {
	position: sticky;
	left: 15rem;
	background: inherit;
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12);
	border-inline-end: 1px solid #dfe5ec;
	z-index: 21;
}

#inventario-periodo .table-inv-container tfoot {
	z-index: 22;
}

	#inventario-periodo .table-inv-container tfoot .totales-mp {
		display: flex;
		flex-direction: column;
	}

	#inventario-periodo .table-inv-container tfoot .totales-mp span {
		height: 2.6rem;
	}

		#inventario-periodo .table-inv-container tfoot .totales-mp small {
			color: var(--inv-button-hover-bg);
			text-align: end;
		}

	#inventario-periodo .table-inv-container .celda-total-general {
		position: sticky;
		left: 0;
		background: inherit;
		box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12);
		border-inline-end: 1px solid #dfe5ec;
	}

#inventario-periodo .tabla-inventario .mud-toolbar {
	height: fit-content;
	padding: 0;
}

#inventario-periodo .controles-inventario {
	max-width: 100%;
	padding: 2rem;
	border-bottom: 1px solid var(--inv-border-color);
	margin: 0;
	box-shadow: var(--inv-sombra);
}

	#inventario-periodo .controles-inventario > * {
		align-content: center;
	}

	#inventario-periodo .controles-inventario .current-range-date {
		color: var(--inv-text-secondary);
	}

		#inventario-periodo .controles-inventario .current-range-date strong {
			color: var(--inv-text-primary);
		}

	#inventario-periodo .controles-inventario .btn-filtro button {
		color: var(--inv-button-bg);
		background: var(--inv-button-text);
	}

		#inventario-periodo .controles-inventario .btn-filtro button span {
			color: var(--inv-button-bg);
		}

		#inventario-periodo .controles-inventario .btn-filtro button.mud-toggle-item-selected {
			background: var(--inv-button-bg);
			color: var(--inv-button-text);
		}

			#inventario-periodo .controles-inventario .btn-filtro button.mud-toggle-item-selected:hover {
				background: var(--inv-button-hover-bg);
			}

			#inventario-periodo .controles-inventario .btn-filtro button.mud-toggle-item-selected span {
				color: var(--inv-button-text);
			}

	#inventario-periodo .controles-inventario .mud-toggle-group {
		border-color: var(--inv-border-color);
	}

	#inventario-periodo .controles-inventario button:hover {
		border: 1px solid var(--inv-button-color);
		background: var(--inv-border-color);
	}

#inventario-periodo .inventario-range-date button {
	background: inherit;
}

	#inventario-periodo .inventario-range-date button span {
		color: var(--inv-footer-text);
	}