:root {
	/* === Paleta de Colores Vibrante y Moderna para Inventario Total === */
	/* --- Colores Base --- */
	--invtot-color-primario: #00796B; /* Teal oscuro: profesional pero más vivo que el azul */
	--invtot-color-acento: #FF7043; /* Naranja profundo: un acento cálido y enérgico */
	--invtot-color-superficie: #FFFFFF;
	--invtot-color-fondo: #F8F9FA; /* Un fondo casi blanco, muy limpio y neutro */
	/* --- Colores de Texto --- */
	--invtot-texto-principal: #212529; /* Negro suave para máxima legibilidad */
	--invtot-texto-secundario: #6C757D; /* Gris neutro para datos secundarios */
	--invtot-texto-sobre-primario: #FFFFFF;
	--invtot-texto-sobre-acento: #FFFFFF;
	/* --- Estilos de Tabla --- */
	--invtot-tabla-borde: #DEE2E6;
	--invtot-tabla-header-bg: var(--invtot-color-primario);
	--invtot-tabla-header-text: var(--invtot-texto-sobre-primario);
	--invtot-tabla-fila-impar-bg: var(--invtot-color-superficie);
	--invtot-tabla-fila-par-bg: #E8F5E9; /* Un verde menta muy pálido para las filas alternas */
	--invtot-tabla-fila-hover-bg: #FFE0B2; /* Naranja pálido para un hover cálido y notable */
	/* --- Estilos de Botones --- */
	--invtot-btn-icon-color: #6C757D;
	--invtot-btn-icon-hover-bg: rgba(0, 121, 107, 0.1); /* Un halo del color primario al pasar el ratón */
	--invtot-btn-icon-hover-color: var(--invtot-color-primario);
}

#inventario-total {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 1rem;
	gap: 2rem;
	background-color: var(--invtot-color-fondo);
}

#inventario-total .table-container-inv-total {
	height: 100%;
	min-height: 0;
}

#inventario-total .table-inventario-total {
	height: 100%;
	max-width: 90rem;
}

#inventario-total .col-header {
	background-color: var(--invtot-tabla-header-bg);
	color: var(--invtot-tabla-header-text);
	font-weight: 600;
	font-size: medium;
}

#inventario-total .col-header span {
	color: var(--invtot-tabla-header-text);
}

#inventario-total .row-inventory td {
	background-color: var(--invtot-tabla-fila-par-bg);
}

#inventario-total .row-inventory:nth-child(even) td {
	background-color: var(--invtot-tabla-fila-impar-bg);
}

#inventario-total .row-inventory:hover td {
	background-color: var(--invtot-tabla-fila-hover-bg);
}

#inventario-total .buttons-bar {
	max-width: 90rem;
	padding: 0;
}